:root{color-scheme:dark;--paper:#1b2838;--ink:#dbe2ea;--muted:#8f9eaf;--line:#34465a;--accent:#66c0f4;--panel:#16212e;--green:#a4d359}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 60% 12%,#264259 0,transparent 48%),#1b2838;color:var(--ink);font-family:Arial,Noto Sans TC,Microsoft JhengHei,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border-radius:2px}.nav{height:88px;background:#171d25;border-bottom:1px solid #263441;justify-content:space-between;gap:32px;padding:0 max(5%,calc((100% - 1120px)/2))}.brand,.nav{display:flex;align-items:center}.brand{font-size:23px;font-weight:700;letter-spacing:.4px;gap:4px;white-space:nowrap}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#25394d;color:#dfefff;border:1px solid #54748f;font-size:22px;letter-spacing:-3px;padding-right:3px;margin-right:8px;border-radius:2px}.brand-mark span{color:var(--accent)}.muted{color:#9baebe;font-weight:400}nav{display:flex;gap:27px;font-size:13px;margin-right:auto}nav a{padding:10px 0;color:#c1cbd6}.nav-active,nav a:hover{color:var(--accent)}.nav-active{border-bottom:2px solid var(--accent)}.nav-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#a8b5c4;letter-spacing:.5px;white-space:nowrap}.version{padding:4px 6px;background:#26384a;color:#8fa8bd;margin-left:5px;font-size:9px}.dot{display:inline-block;width:6px;height:6px;background:#657180;border-radius:50%;flex-shrink:0}.dot.live{background:var(--green);box-shadow:0 0 6px #a4d35930}.hero{max-width:1120px;margin:32px auto 0;min-height:310px;padding:45px 42px;position:relative;overflow:hidden;border:1px solid #3a5369;background:linear-gradient(115deg,#192a3c 10%,#1c384c 60%,#102839);box-shadow:0 12px 32px #07111c50}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;display:block;color:#8faabe}.tiny-line{display:inline-block;width:22px;height:2px;background:var(--accent);vertical-align:middle;margin-right:10px}h1{position:relative;z-index:1;font-size:42px;font-weight:500;line-height:1.35;letter-spacing:1px;margin:19px 0 13px}h1>span{color:#85c9f3}.hero p{font-size:13px;line-height:1.9;color:#a8bbcd;margin:0 0 21px}.hero p,.hero-link{position:relative;z-index:1}.hero-link{display:inline-flex;gap:34px;align-items:center;background:linear-gradient(100deg,#287eaf,#216290);padding:10px 17px;font-size:12px;border:1px solid #4a9ccc;color:#e9f5ff}.hero-link:hover{background:#359bd1}.hero-art{position:absolute;right:0;top:0;width:49%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 60% 45%,#256c8d55,transparent 58%),linear-gradient(145deg,#142e4100,#0b1c2b);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%);mask-image:linear-gradient(90deg,transparent,#000 28%)}.hero-art:before{content:"";position:absolute;inset:-20% -20%;background-image:linear-gradient(#507b9220 1px,transparent 0),linear-gradient(90deg,#507b9220 1px,transparent 0);background-size:45px 45px;transform:perspective(450px) rotateX(58deg) rotate(-12deg) translateY(80px)}.orbit{position:absolute;border:1px solid #5489a73a;width:280px;height:280px;left:70px;top:20px;transform:rotate(-35deg) scaleY(.65);border-radius:50%}.orbit-two{width:390px;height:390px;left:15px;top:-35px}.pixel{position:absolute;width:78px;height:78px;left:125px;top:94px;background:linear-gradient(135deg,#76d1f0,#276b90);border:1px solid #a3e5fc;box-shadow:12px 16px 0 #0b2434,0 0 45px #48bfff30;transform:rotate(-14deg) skewY(6deg)}.p-two{left:285px;top:170px;width:54px;height:54px;background:linear-gradient(135deg,#e0ad67,#8e582f);border-color:#e5c38c;box-shadow:9px 12px 0 #132331,0 0 30px #e5b87420}.art-label{position:absolute;top:28px;right:25px;font-size:9px;color:#7eabca;letter-spacing:1.7px}.art-label span{padding:0 12px;color:#4e7896}.art-caption{position:absolute;bottom:26px;right:25px;font-size:8px;letter-spacing:2px;color:#5d87a1}.ticker{max-width:1120px;margin:0 auto;min-height:36px;background:linear-gradient(90deg,#315c7e,#1b344a);display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:9px;letter-spacing:1px;color:#aec6da;border:1px solid #3b5870;border-top:0}.ticker span:first-child{color:#d5e5f3}.content{max-width:1120px;margin:0 auto;padding-top:36px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}.section-head .eyebrow{font-size:9px;color:#7898b2}h2{font-size:20px;letter-spacing:.4px;font-weight:500;margin:8px 0 0}.section-note{font-size:10px;color:#9aabba}.game-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(200px,1fr);gap:18px}.game-card{background:#152433;box-shadow:0 6px 20px #07121d40;border:1px solid #354b60;transition:border-color .15s}.game-card:hover{border-color:#5f89a5}.game-cover{height:250px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,#24506a,transparent 65%),linear-gradient(125deg,#0b1d2e,#19384c);color:#d8e9f5}.cover-grid{position:absolute;inset:0;background-image:linear-gradient(#6f9fbb14 1px,transparent 0),linear-gradient(90deg,#6f9fbb14 1px,transparent 0);background-size:30px 30px;transform:perspective(500px) rotateX(12deg) scale(1.1)}.cover-pill{position:absolute;top:20px;left:25px;font-size:8px;letter-spacing:1.4px;color:#82b6d5;background:#0d2333c0;border:1px solid #43667e;padding:6px 8px}.cover-title{position:absolute;left:28px;top:88px;font-size:40px;line-height:1;font-weight:700;letter-spacing:1px;text-shadow:0 3px 20px #07131e}.cover-title span{color:#7eb6da;font-size:32px}.cover-player{position:absolute;width:56px;height:56px;right:150px;top:85px;background:linear-gradient(135deg,#5cc9eb,#276b8d);border:1px solid #7cd9f4;box-shadow:12px 14px 0 #0a2332,0 0 35px #46b9db30;transform:rotate(-12deg) skewY(5deg)}.cream{right:65px;top:152px;width:46px;height:46px;background:linear-gradient(135deg,#e0b06e,#8d5c35);border-color:#e1bb84;box-shadow:9px 11px 0 #102331}.cover-bottom{position:absolute;bottom:20px;left:28px;font-size:8px;letter-spacing:2px;color:#799bb1}.game-info{padding:20px 24px;background:linear-gradient(110deg,#20354a,#162638)}.game-heading{display:flex;justify-content:space-between;align-items:center}h3{font-size:18px;font-weight:500;margin:0;letter-spacing:.2px}.tag{font-size:10px;color:#9dc5e0;background:#0c1d2a;padding:4px 9px;border:1px solid #39556c}.game-info p{font-size:12px;line-height:1.8;color:#a2b4c5;margin:10px 0 19px}.game-footer{justify-content:space-between;gap:16px}.game-footer,.game-footer>span{display:flex;align-items:center}.game-footer>span{gap:7px;font-size:10px;color:#92a8bc}.button{padding:10px 16px;font-size:12px;font-weight:400;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:20px;transition:background .15s,color .15s}.primary{background:linear-gradient(100deg,#45631d,#344f16);color:#ffffff;border-color:#7c9f32}.primary:hover:not(:disabled){background:linear-gradient(100deg,#557725,#40651a);color:#fff}.secondary{background:#29425a;color:#bed6e8;border-color:#3d5c75}.secondary:hover:not(:disabled){background:#3b607c;color:#fff}.creator-note{position:relative;overflow:hidden;padding:25px 23px;background:linear-gradient(155deg,#172c3e,#12202e);border:1px solid #30475a}.note-number{font-size:9px;letter-spacing:1.8px;color:#7897b1}.creator-note h3{font-size:26px;line-height:1.6;color:#c9dce9;margin:24px 0 16px;font-weight:400;letter-spacing:2px}.creator-note p{font-size:11px;line-height:2;color:#849db3}.note-stamp{position:absolute;bottom:26px;left:23px;border-top:1px solid #334c62;padding-top:16px;width:calc(100% - 46px);font-size:9px;line-height:1.9;letter-spacing:1.5px;color:#54748d}.lobby-section{padding-bottom:45px}.login-panel,.room-list,.room-panel{background:#152331;border:1px solid #30475c;padding:25px;box-shadow:0 4px 16px #0b172330}.login-panel{display:flex;justify-content:space-between;align-items:center;gap:24px}.login-panel h3{font-size:16px}.login-panel p{font-size:11px;max-width:280px;line-height:1.8;color:var(--muted)}.login-fields{display:flex;align-items:flex-end;gap:12px}label{font-size:10px;color:#9bb0c3;display:flex;flex-direction:column;gap:7px}input{width:160px;padding:10px 12px;background:#0d1925;border:1px solid #3b5369;border-radius:2px;color:#d8e7f2;font-size:12px}input:focus{border-color:var(--accent)}input::placeholder{color:#61768a}.room-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.room-top .eyebrow{font-size:9px;color:#7797b3}.room-top h3{margin-top:9px}.seats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.seat{display:flex;align-items:center;gap:13px;padding:16px;background:#101e2c;border:1px dashed #344b60}.seat.occupied{border:1px solid #3a5870;background:linear-gradient(110deg,#203a50,#182b3d)}.avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#213448;border:1px solid #39536c;color:#718da5;font-size:18px}.occupied .avatar-0{background:#1e607b;border-color:#4cabc8;color:#d8f4ff}.occupied .avatar-1{background:#705432;border-color:#b9935f;color:#f2dfc2}.seat strong{font-size:13px;font-weight:500}.room-row small,.seat small{display:block;font-size:10px;line-height:1.6;color:#8ca7bc;margin-top:5px}.seat-number{margin-left:auto;font-size:11px;color:#597c97}.room-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.room-actions>span{margin-right:auto;font-size:11px;color:var(--muted)}.leave-link{margin-top:21px;padding:0;border:0;background:transparent;font-size:11px;color:#93a8b9;text-decoration:underline}.leave-link:hover{color:#d6e5f1}.invite,.room-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #30475c}.room-row:last-child{border:0}.room-row strong{font-size:13px;font-weight:500}.invite,.room-row>span{font-size:11px;color:#8ca6bb}.invite{padding-top:0}.empty-lobby{display:flex;align-items:center;gap:18px;padding:12px}.empty-lobby>span{font-size:27px;color:#557d9a}.empty-lobby h3{font-size:15px;color:#aec5d7}.empty-lobby p{font-size:11px;line-height:1.8;color:#829aad}.error{max-width:1120px;margin:20px auto 0;padding:13px 18px;background:#3b2528;border:1px solid #805053;color:#f0c4c7;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:16px}.error>button:not(.button){background:none;border:0;font-size:20px;color:inherit}.game-stage{background:#0b1520;aspect-ratio:16/9;min-height:280px;border:1px solid #354e64}.game-stage iframe{display:block;border:0;width:100%;height:100%}.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.stage-footer>span{font-size:10px;line-height:1.7;color:#8ba2b7}footer{margin-top:0;background:#121c27;border-top:1px solid #2b3b4c;padding:26px max(5%,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:22px}footer .brand{font-size:18px}footer .brand>span:last-child{display:none}footer p{font-size:9px;letter-spacing:1.4px;color:#607c94}footer>span{font-size:9px;letter-spacing:.3px;color:#718b9f}@media(max-width:1220px){.content,.error,.hero,.ticker{margin-left:5%;margin-right:5%}.nav{padding:0 5%}.login-panel{align-items:flex-start;flex-direction:column}.login-fields{width:100%;flex-wrap:wrap}.hero-art{width:47%}.pixel{left:90px}.p-two{left:220px}.game-grid{grid-template-columns:minmax(0,3fr) minmax(190px,1fr)}}@media(max-width:760px){.nav{height:72px;gap:15px}.brand{font-size:19px}.brand-mark{width:30px;height:30px;font-size:20px}nav{gap:15px;font-size:11px}.nav-status .version{display:none}.nav-status{font-size:9px}.hero{margin-top:22px;min-height:300px;padding:30px 26px}.hero h1{font-size:33px}.hero-art{width:43%;opacity:.7}.pixel{left:45px;top:110px;width:60px;height:60px}.p-two{left:130px;top:195px;width:42px;height:42px}.art-caption,.art-label{display:none}.ticker{gap:20px;font-size:8px;overflow:hidden;white-space:nowrap;justify-content:flex-start}.ticker span:nth-child(n+3){display:none}.content{padding-top:29px}.game-grid{grid-template-columns:1fr}.creator-note{display:none}.section-head{align-items:center}h2{font-size:19px}.section-note{font-size:9px}.game-cover{height:230px}.cover-title{font-size:34px;left:23px;top:88px}.cover-title span{font-size:26px}.cover-player{right:95px;top:90px;width:46px;height:46px}.cream{right:35px;top:155px;width:36px;height:36px}.cover-bottom{font-size:7px;left:23px}.game-info{padding:18px}.game-footer{gap:12px}.game-footer .button{padding:10px 12px}.game-footer>span{font-size:9px}.login-panel,.room-list,.room-panel{padding:19px}.login-fields label{flex:1 1;min-width:140px}.login-fields .button,.login-fields input{width:100%}.room-top{align-items:flex-start;flex-direction:column}.room-top h3{font-size:16px}.seats{grid-template-columns:1fr;margin:18px 0}.seat{padding:13px}.room-actions{flex-wrap:wrap}.room-actions>span{width:100%;margin-bottom:6px}.room-actions .button{flex:1 1}.room-row{flex-wrap:wrap;gap:12px}.room-row .button{margin-left:auto}.invite{align-items:flex-start;flex-direction:column}.game-stage{min-height:220px}.stage-footer{align-items:flex-start;flex-direction:column}footer{padding-top:23px;padding-bottom:23px;flex-wrap:wrap;gap:15px}footer p,footer>span{font-size:8px}footer>span{width:100%}.error{font-size:11px;align-items:flex-start;flex-wrap:wrap}}@media(max-width:440px){.nav nav{display:none}.nav-status{margin-left:auto}.hero h1{font-size:30px}.hero-art{opacity:.4}.hero .eyebrow{font-size:8px}.hero p{font-size:12px}.section-head .eyebrow{font-size:8px}.cover-title span{font-size:24px}.cover-player{right:62px;width:38px;height:38px}.cream{right:20px;top:162px;width:30px;height:30px}.game-footer{align-items:flex-start}.game-footer>span{padding-top:12px}.button{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.nav-status{max-width:250px;min-width:0}.player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version{flex-shrink:0}@media(max-width:760px){.nav-status{max-width:42%}}.hub-game-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.hub-controls label,.hub-form label{display:flex;flex-direction:column;gap:8px;margin:16px 0;color:var(--muted);font-size:12px}.hub-controls select,.hub-form input,.hub-form textarea{width:100%;border:1px solid var(--line);background:#101c29;color:var(--ink);padding:11px 12px;font:inherit;border-radius:2px}.hub-form textarea{min-height:90px;resize:vertical}.hub-controls .button{margin-top:16px}.hub-form>div{width:100%}.hub-form{gap:20px}.nav>.button{flex-shrink:0}.room-panel>p{overflow-wrap:anywhere}@media(max-width:600px){.hub-game-grid{grid-template-columns:1fr}.nav{gap:12px}.nav>.button{padding:9px}.brand{font-size:17px}}