@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#111820;--panel:#19222c;--line:#30383f;--text:#f2f0e7;--muted:#9aabae;--amber:#edbf6c;--green:#abd9a7;--mono:'Space Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px var(--sans)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header{max-width:1500px;margin:auto;height:108px;display:flex;align-items:center;padding:0 5%;gap:32px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font:700 21px var(--mono);letter-spacing:-1px;white-space:nowrap}.brand small{display:block;font:8px var(--mono);letter-spacing:2.25px;color:var(--muted);margin-top:4px}.brand-icon{border:2px solid var(--amber);color:var(--amber);width:33px;height:39px;display:grid;place-items:center;box-shadow:4px 4px 0 #314047;font-size:30px}nav{display:flex;margin-left:auto;gap:30px}.nav{background:none;border:0;color:var(--muted);font-size:13px;padding:16px 0}.nav.active{color:var(--text)}.tiny{font:9px var(--mono);background:#2e3840;padding:3px 5px;margin-left:5px}.icon-button{background:none;border:1px solid var(--line);padding:10px;font:16px var(--mono)}.icon-button span{font-size:9px;color:var(--muted)}.account{background:none;border:0;font-size:13px}.account span{margin-left:16px;color:var(--amber)}main{max-width:1500px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:36% 64%;padding:65px 0 58px;align-items:center}.eyebrow{font:10px var(--mono);letter-spacing:1.6px;color:var(--amber);line-height:1.8}.eyebrow i,.open-sign i{display:inline-block;width:5px;height:5px;background:var(--green);margin-right:8px;box-shadow:0 0 8px #abd9a766}h1{font-size:clamp(46px,5.8vw,82px);line-height:1.03;letter-spacing:-4px;font-weight:500;margin:25px 0}h1 em{font-style:normal;color:var(--amber)}.hero-copy>p{color:var(--muted);line-height:1.9;font-size:15px;margin:24px 0 30px}.primary{display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;background:var(--amber);color:#252522;padding:18px 22px;box-shadow:4px 4px 0 #795936;font:700 11px var(--mono);letter-spacing:1px;transition:transform .15s,background .15s}.primary:hover{background:#ffcf7a;transform:translateY(-2px)}.primary span{font-size:20px;line-height:10px}.hero-meta{font-size:10px;color:var(--muted);margin-top:26px;max-width:290px;line-height:1.9}.pixel-diamond{color:var(--amber);margin-right:8px}.scene-wrap{position:relative;border:1px solid #3a4449;background:#202b35;overflow:hidden;box-shadow:12px 12px 0 #0d1319}.scene-wrap canvas{width:100%;display:block;image-rendering:pixelated;aspect-ratio:1.6}.scene-top{position:absolute;top:16px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;font:8px var(--mono);letter-spacing:1px}.location{color:#c5d1d0}.open-sign{color:var(--green)}.scene-caption{display:flex;justify-content:space-between;gap:12px;background:#1c2630;padding:18px 20px;font:8px var(--mono);letter-spacing:.4px;color:#aab7b9;border-top:1px solid #39424a}.scene-caption>span:first-child,.scene-caption>span:last-child{color:var(--amber)}.section-label{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.5px;color:var(--muted);padding-bottom:16px}.section-label span:last-child{font-size:8px;color:#6e8187}.game-row{display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.game-emblem{width:63px;height:68px;background:#8b4a2f;border:4px solid #57392e;box-shadow:inset 0 0 0 2px #d6934f;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffd189}.game-emblem span{font-size:25px;line-height:23px}.game-emblem b{font:700 15px var(--mono)}.game-title>span{font:8px var(--mono);letter-spacing:.7px}.game-title h2{font-size:32px;font-style:italic;margin:1px 0;letter-spacing:2px}.game-description{color:var(--muted);font-size:12px;line-height:1.8;margin-left:7%}.tag{font:8px var(--mono);color:var(--amber);border:1px solid #66543c;padding:8px;margin-left:auto;white-space:nowrap}.arrow-button{width:45px;height:45px;border:1px solid #485159;background:transparent;font-size:26px;color:var(--amber)}footer{display:flex;justify-content:space-between;gap:20px;color:#72858b;font:8px var(--mono);letter-spacing:1px;padding:30px 0}footer button{background:none;border:0;color:var(--muted);font:inherit}footer>span:nth-child(2){letter-spacing:0}.loading{position:fixed;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0e1821e8;backdrop-filter:blur(2px);transition:opacity .5s}.loading p{margin-top:34px;font:9px var(--mono);letter-spacing:1.5px}.loading>span{font-size:12px;color:var(--muted);margin-top:16px}.load-track{width:240px;height:6px;background:#334046}.load-track i{display:block;height:100%;width:0;background:var(--amber);animation:load 1.4s ease-out forwards}@keyframes load{to{width:100%}}dialog{background:var(--panel);color:var(--text);border:1px solid #50605d;box-shadow:10px 10px 0 #0b1118;width:min(460px,calc(100% - 32px));max-height:92dvh;padding:36px;overflow:auto}dialog::backdrop{background:#050e18bb;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:28px;color:var(--muted)}dialog h2{font-size:30px;letter-spacing:-1px;line-height:1.1;margin:15px 0}dialog h2 span{color:var(--amber)}dialog p{font-size:12px;line-height:1.8;color:var(--muted)}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin:22px 0}.auth-tabs button{width:50%;padding:10px 0;background:none;border:0;border-bottom:2px solid transparent;font-size:12px;color:var(--muted)}.auth-tabs .selected{border-color:var(--amber);color:var(--text)}label{display:block;font:10px var(--mono);color:#b6c4c5;margin:14px 0}input{display:block;background:#101820;border:1px solid #35434c;color:var(--text);width:100%;padding:13px;margin-top:8px;font:12px var(--sans);border-radius:0}.password-wrap{position:relative}.password-wrap input{padding-right:40px}.password-wrap button{position:absolute;right:4px;top:5px;height:33px;width:33px;border:0;background:none;color:var(--muted)}.text-button{background:none;border:0;padding:0;color:var(--amber);font-size:11px}.forgot{display:block;margin-left:auto;margin-bottom:20px}form .primary{width:100%}.divider{display:flex;align-items:center;gap:12px;color:#71868b;font-size:10px;margin:24px 0 16px}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.socials{display:flex;gap:12px}.socials button{flex:1;background:#222e39;border:1px solid #405059;padding:12px;font-size:12px}.socials b{margin-right:12px;font-size:17px}.facebook{color:#80b5ff}.google{color:#fff}.status{color:var(--amber);min-height:16px;font-size:11px!important}.guest{border:0;border-top:1px solid var(--line);background:none;display:block;width:100%;text-align:center;padding:16px 0;color:var(--amber);font-size:12px}.auth-note{color:#819499;font-size:10px;line-height:1.7;display:block;text-align:center}.lobby{padding-top:38px}.lobby-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.lobby-title h1{font-size:42px;letter-spacing:-2px;margin:8px 0}.lobby-title h1 span{color:var(--amber)}.lobby-title p{color:var(--muted);font-size:12px}.demo-pill{font:8px var(--mono);padding:8px 12px;border:1px solid #6a5941;color:var(--amber)}#lobbyScene{max-width:1000px;margin:auto}#lobbyScene .scene-wrap{box-shadow:none}#lobbyScene canvas{max-height:57vh;object-fit:contain}#lobbyScene .scene-wrap{max-width:calc(57vh * 1.6);margin:auto}.lobby-bottom{display:flex;justify-content:space-between;align-items:center;margin:16px 0 25px}.lobby-bottom p{font-size:11px;color:var(--muted)}.key{border:1px solid #52616a;padding:3px 7px;margin-right:8px;color:var(--amber)}.table-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.table-card{background:#19232d;border:1px solid #3a464f;padding:18px;text-align:left;transition:border-color .2s,transform .2s}.table-card:hover{border-color:var(--amber);transform:translateY(-3px)}.table-card>span{font:9px var(--mono);color:var(--amber)}.table-card b{display:block;margin:10px 0;font-size:14px}.table-card small{font-size:10px;color:var(--muted)}#tableHotspots{position:absolute;inset:0 0 43px}#tableHotspots button{position:absolute;background:transparent;border:2px solid transparent;width:18%;height:19%;color:transparent;transform:translate(-50%,-50%)}#tableHotspots button:hover,#tableHotspots button:focus-visible{border:2px dashed var(--amber);background:#edbf6c18;outline:0}#arrival{position:absolute;left:0;right:0;top:45%;text-align:center;background:#101820bb;padding:20px;font:15px var(--mono);letter-spacing:4px;color:var(--amber)}#transition{position:fixed;inset:0;background:#0b1118;pointer-events:none;opacity:0;z-index:100;transition:opacity .45s}#transition.on{opacity:1}.queue-art{display:flex;justify-content:center;align-items:center;gap:25px;margin:22px 0}.queue-art>span{width:55px;height:72px;display:grid;place-items:center;background:#333d3b;border:3px solid #8f8057;box-shadow:4px 4px 0 #0f161f;color:var(--amber);font:30px var(--mono)}.queue-art i{color:var(--amber);animation:pulse 1.5s infinite;font-style:normal}.queue-timer{text-align:center;font:30px var(--mono);color:var(--amber);margin:25px}.queue-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px;font:9px var(--mono);text-align:center;margin:20px 0}.queue-details b{display:block;margin-top:7px}#queueDialog .primary{width:100%;font-size:9px}.board-dialog{width:min(850px,calc(100% - 28px))}.board{background:#152a2b;border:4px solid #766d4e;padding:20px;margin:24px 0}.opponent{text-align:center;font:9px var(--mono);color:var(--muted);margin-bottom:20px}.board-zones{display:grid;grid-template-columns:1fr 1fr 3fr 1fr;gap:12px}.board-zones>div{border:1px dashed #60716b;height:85px;display:grid;place-items:center;font:8px var(--mono);color:#92a29a;text-align:center}.board-center{text-align:center;padding:20px;font:12px var(--mono);letter-spacing:4px;color:#b4a06d}.energy-zone{border:1px dashed #60716b;padding:12px;margin-top:12px;text-align:center;font:8px var(--mono);color:var(--muted)}.sample-hand{display:flex;justify-content:center;margin-top:20px;gap:6px}.sample-hand i{width:40px;height:57px;background:#353e44;border:3px solid #ad9b6e;display:grid;place-items:center;color:var(--amber);font-style:normal;transform:rotate(-4deg)}#infoBody{color:var(--muted);font-size:13px;line-height:1.9;margin:24px 0}#infoBody strong{color:var(--text)}#infoBody a{color:var(--amber);text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#293b3d;border:1px solid var(--amber);padding:15px 24px;z-index:120;font-size:12px;display:none;max-width:90%}@keyframes pulse{50%{opacity:.3;transform:scale(.8)}}@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:80px}}@media(max-width:1000px){header{gap:18px}nav{gap:16px}.hero{grid-template-columns:38% 62%;padding-top:45px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.7px}.hero-meta{font-size:9px}.game-description{margin-left:0}.scene-top{font-size:6px;left:12px;right:12px}.scene-caption{font-size:6px;padding:15px 12px}.hero-copy>p{font-size:12px}.primary{font-size:9px;padding:16px}.table-list{gap:8px}.table-card{padding:12px}.table-card b{font-size:12px}}@media(max-width:700px){header{height:80px;padding:0 6%;gap:14px}.brand{font-size:16px}.brand small{font-size:6px;letter-spacing:1.6px}.brand-icon{width:27px;height:33px}nav{display:none}.icon-button{margin-left:auto}.account{font-size:11px;padding:0}.account span{margin-left:4px}main{padding:0 6%}.hero{display:flex;flex-direction:column;padding:30px 0;align-items:stretch;gap:35px}.hero-copy{position:relative}.hero-copy h1{font-size:56px;letter-spacing:-3px;margin:18px 0}.hero-copy>p{margin:18px 0}.hero-copy .primary{width:100%;font-size:11px}.hero-meta{max-width:none;text-align:center;margin-top:18px}.hero .scene-wrap{order:-1;box-shadow:6px 6px 0 #0d1319}.scene-caption{font-size:7px;padding:12px}.scene-top{font-size:7px}.hero-copy .eyebrow{font-size:8px}.game-row{gap:14px;flex-wrap:wrap}.game-emblem{width:47px;height:58px}.game-title>span{font-size:6px}.game-title h2{font-size:25px}.game-description{display:none}.tag{font-size:6px;padding:6px}.arrow-button{width:32px;height:36px;font-size:20px}.section-label{font-size:7px}.section-label span:last-child{display:none}footer{font-size:7px;flex-wrap:wrap;gap:16px}footer>span:nth-child(2){order:3;width:100%}.lobby-title h1{font-size:32px}.lobby-title{gap:12px}.demo-pill{font-size:7px;white-space:nowrap;padding:8px}.lobby-title .eyebrow{font-size:8px}.table-list{grid-template-columns:1fr 1fr}.lobby-bottom{align-items:start;gap:18px}.lobby-bottom p{font-size:10px;line-height:2;margin:0}.lobby-bottom .text-button{font-size:10px;line-height:1.8;text-align:right}dialog{padding:30px 24px}dialog h2{font-size:27px}.board{padding:10px}.board-zones{gap:5px}.board-zones>div{font-size:6px;height:64px}.board-center{font-size:9px}.board-dialog h2{font-size:23px}#arrival{font-size:10px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.load-track i{width:100%}}