:root{--navy:#071d25;--navy2:#0b2b35;--gold:#d8ad54;--cream:#f5f1e8;--paper:#fffdf8;--ink:#17242a;--muted:#778187;--line:#e1ddd4;--green:#164b3b;--red:#b8463b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.hidden{display:none!important}.brand{font:800 21px Georgia,serif;letter-spacing:.06em;color:var(--navy)}.brand span{display:block;color:var(--gold);font:700 8px/1.3 sans-serif;letter-spacing:.42em}.brand.light{color:white}.login-view{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:var(--paper)}.login-art{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,#205764,var(--navy) 58%);padding:44px 6vw;color:white}.art-copy{position:absolute;left:10%;top:36%;z-index:2}.art-copy small,.overline,.welcome small,.section-title small{font-size:10px;font-weight:900;letter-spacing:.2em;color:var(--gold)}.art-copy h1{font:700 clamp(46px,6vw,86px)/.98 Georgia;margin:12px 0}.art-copy p{color:#b5c8ca}.tile,.game-tile{width:145px;height:180px;border-radius:12px;background:#f7f0df;color:#bb3430;box-shadow:inset 0 0 0 7px #ded4bd,0 35px 60px #0005;display:grid;place-items:center;font:700 70px Georgia}.tile{position:absolute;transform:rotate(16deg)}.tile-one{right:7%;top:13%}.tile-two{right:22%;bottom:-5%;transform:rotate(-22deg);color:#217450}.login-box{display:grid;place-items:center;padding:40px}.login-card{width:min(410px,100%)}.login-card .brand{margin-bottom:72px}.login-card h2,.modal-card h2{font:700 38px Georgia;margin:8px 0}.sub{color:var(--muted);margin-bottom:30px}label{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#5d696e;margin:14px 0}input,select{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);background:white;border-radius:3px;font:500 14px inherit;outline:none}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d8ad5422}button{border:0;cursor:pointer;font-weight:800;letter-spacing:.05em;border-radius:3px}.primary{background:var(--green);color:white;padding:14px 18px}.wide{width:100%}.legal{text-align:center;color:#99a0a2;font-size:10px;margin-top:18px}.site-view{min-height:100vh}.site-view header{height:76px;background:var(--navy);display:flex;align-items:center;padding:0 clamp(20px,5vw,78px);color:white;position:sticky;top:0;z-index:10}.site-view nav{display:flex;margin-left:8vw;height:100%}.nav{background:none;color:#8fa3a7;padding:0 24px;border-bottom:2px solid transparent}.nav.active{color:white;border-color:var(--gold)}.account{margin-left:auto;display:flex;align-items:center;gap:14px}.mini-balance small{display:block;color:#7f979c;font-size:8px;letter-spacing:.15em}.mini-balance b{font-size:13px}.mini-balance b span:first-child{color:var(--gold);font-size:9px}.deposit-btn{padding:10px 16px;background:var(--gold);color:var(--navy)}.avatar{width:36px;height:36px;border-radius:50%;background:#174351;color:white}.site-view main{max-width:1320px;margin:auto;padding:38px clamp(18px,4vw,55px)}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.welcome h1{font:700 34px Georgia;margin:6px 0}.welcome h1 span{color:var(--green)}.welcome p{color:var(--muted)}.quick{display:flex;gap:10px}.quick button{background:var(--paper);border:1px solid var(--line);padding:12px 16px;color:var(--ink)}.quick i{font-style:normal;color:var(--gold);margin-right:8px}.hero{height:410px;background:linear-gradient(115deg,#08232c,#0a3943);position:relative;overflow:hidden;color:white;padding:55px 7%;display:flex;border-radius:5px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#d8ad5412)}.hero-copy{z-index:2}.tag,.live-pill{display:inline-block;background:var(--gold);color:var(--navy);font-size:9px;font-weight:900;letter-spacing:.14em;padding:7px 10px}.hero h2{font:700 55px/.9 Georgia;margin:18px 0}.hero em,.game-card em,.launcher-brand em{color:var(--gold);font-style:normal}.hero p{color:#b7c8ca;line-height:1.6}.play-btn{background:white;padding:13px 20px;color:var(--navy);margin-top:8px}.play-btn span{color:var(--gold);margin-left:18px}.mahjong{position:absolute;right:9%;top:0;width:45%;height:100%}.moon{width:330px;height:330px;border-radius:50%;position:absolute;right:0;top:38px;background:radial-gradient(circle,#efd993,#b98932);opacity:.7}.mahjong .game-tile{position:absolute;width:145px;height:175px;font-size:65px;z-index:2}.mahjong .a{right:145px;top:55px;transform:rotate(-8deg)}.mahjong .b{right:10px;top:150px;transform:rotate(13deg)}.mahjong .c{right:245px;top:220px;transform:rotate(-20deg);color:#174d8a}.games-section,.recent{margin-top:45px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.section-title h3{font:700 28px Georgia;margin:5px 0}.text-btn{background:none;color:var(--green)}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.game-card{background:var(--paper);border:1px solid var(--line)}.game-art{height:210px;background:radial-gradient(circle at 70% 30%,#245867,var(--navy));position:relative;color:white;padding:20px;overflow:hidden}.game-art .mini-tile{position:absolute;right:18px;top:45px;width:95px;height:120px;background:#f3ead6;color:#2d7a54;display:grid;place-items:center;font:700 48px Georgia;transform:rotate(8deg);box-shadow:0 15px 30px #0005}.game-art h4{position:absolute;bottom:15px;font:700 27px/.9 Georgia}.soon-art{height:210px;background:#e5e1d7;display:grid;place-items:center;color:#a39e94;font-size:10px;letter-spacing:.16em}.game-info{padding:14px;display:flex;justify-content:space-between;align-items:center}.game-info small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.game-info button{background:var(--gold);padding:9px 13px}.table-wrap{background:var(--paper);border:1px solid var(--line);overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #ece8df}th{font-size:9px;color:var(--muted);letter-spacing:.1em}.plus{color:#268258}.minus{color:var(--red)}.empty{text-align:center;color:var(--muted);padding:40px}.site-view footer{background:var(--navy);padding:25px 5vw;display:flex;align-items:center;color:#879da1;gap:30px;font-size:10px}.site-view footer p{margin:auto}.site-view footer button{background:none;color:#c3d0d2}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center}.backdrop{position:absolute;inset:0;background:#06171dcc;backdrop-filter:blur(6px)}.modal-card{z-index:2;background:var(--paper);width:min(470px,calc(100% - 28px));padding:34px;position:relative}.close{position:absolute;right:18px;top:14px;background:none;font-size:25px;color:var(--muted)}.modal-balance{background:var(--navy);color:white;padding:18px;margin:20px 0}.modal-balance span{font-size:10px;color:#8fa3a7}.modal-balance b{float:right}.modal-balance small{color:var(--gold)}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.tabs button{padding:12px;background:none;color:var(--muted)}.tabs button.active{color:var(--green);border-bottom:2px solid var(--gold)}.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.amounts button{padding:10px;background:#eeeae1}.game-launcher{z-index:2;width:min(900px,calc(100% - 25px));background:var(--paper);display:grid;grid-template-columns:.85fr 1.15fr;position:relative;min-height:470px}.launcher-brand{background:radial-gradient(circle at 50% 25%,#246070,var(--navy));color:white;display:grid;place-content:center;justify-items:center;padding:40px;text-align:center}.launcher-brand .game-tile{width:115px;height:140px;font-size:55px}.launcher-brand h2{font:700 30px Georgia;margin:25px 0 5px}.launcher-brand p{color:#a9bdc0;font-size:11px}.launcher-controls{padding:40px}.launcher-buttons{display:flex;gap:8px;flex-wrap:wrap}.launcher-buttons button{padding:12px 14px;background:var(--gold)}.launcher-buttons button:disabled{opacity:.4}.launcher-buttons .primary{background:var(--green)}details{margin-top:25px;border-top:1px solid var(--line);padding-top:15px}summary{font-size:11px;font-weight:800;cursor:pointer}pre{background:#0a201e;color:#cbe4d9;padding:14px;max-height:190px;overflow:auto;font:10px/1.5 monospace;white-space:pre-wrap}.light-close{color:white;z-index:3}#toast{position:fixed;right:25px;bottom:25px;background:var(--navy);color:white;padding:13px 18px;z-index:50;opacity:0;transform:translateY(12px);transition:.2s;font-size:11px}#toast.show{opacity:1;transform:none}@media(max-width:900px){.login-view{grid-template-columns:1fr}.login-art{display:none}.login-card .brand{margin-bottom:45px}.site-view nav{display:none}.welcome{align-items:start;gap:20px}.quick span{display:none}.hero{height:390px}.mahjong{opacity:.55;right:-12%;width:65%}.game-grid{grid-template-columns:repeat(2,1fr)}.game-launcher{grid-template-columns:1fr}.launcher-brand{display:none}}@media(max-width:560px){.mini-balance{display:none}.site-view main{padding:25px 12px}.welcome{flex-direction:column}.hero{padding:40px 25px}.hero h2{font-size:44px}.mahjong{right:-40%;width:100%}.game-grid{grid-template-columns:1fr}.quick{width:100%}.quick button{flex:1}.site-view footer .brand{display:none}.site-view footer p{margin:0}.modal-card{padding:26px 20px}}