:root{color-scheme:dark;--bg:#0c1d40;--surface:#12264b;--surface-soft:#102246;--line:rgba(184,204,244,.13);--text:#f2f5ff;--muted:#8fa3c8;--green:#10d795;--red:#ff5247;--yellow:#ffd21b;--blue:#14ace2;--font:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:3px solid #67d7ff;outline-offset:4px}a{color:inherit;text-decoration:none}input{min-width:0;outline:none}button{border:0}button .icon{flex-shrink:0}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-shell{max-width:1400px;margin:0 auto;padding:0 48px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:24px;font-weight:750;letter-spacing:2px;line-height:1.05}.brand-mark{background:var(--yellow);color:var(--bg);width:43px;height:43px;display:grid;place-items:center;border-radius:13px;transform:rotate(-5deg);box-shadow:0 5px 20px #ffd21b16}.brand-mark .icon{width:26px;height:26px;stroke-width:2}.brand-sub{display:block;color:var(--muted);font-size:9px;letter-spacing:4px;font-weight:400;padding-top:7px}.header-actions{display:flex;align-items:center;gap:17px}.icon-button{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);background:transparent;border-radius:50%;color:#a3b4d5;transition:.2s}.icon-button:hover{background:#ffffff0b;color:white}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#b4c5e5;background:transparent;padding:8px 0;font-size:13px;white-space:nowrap}.text-button:hover{color:white}.text-button .icon{width:16px;height:16px}.connection{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.connection i,.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #10d79512;display:inline-block}.connection.offline i{background:var(--yellow);box-shadow:0 0 0 4px #ffd21b14}.connection.offline{color:var(--yellow)}.home-view{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(460px,1.12fr);gap:45px;align-items:center;min-height:calc(100vh - 163px);padding:48px 0}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;letter-spacing:1.2px}.hero-copy>.eyebrow{font-size:12px;color:#bfcee9}.hero-copy h1{position:relative;font-size:clamp(40px,4.6vw,64px);font-weight:760;letter-spacing:-2px;line-height:1.25;margin:23px 0 17px}.hero-copy h1 span{color:var(--yellow)}.hero-plane{width:44px;height:44px;margin-left:13px;color:var(--yellow);vertical-align:top;transform:rotate(10deg);stroke-width:1.3}.hero-description{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 23px}.hero-features{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#a8badc;margin-bottom:34px}.hero-features span{display:flex;align-items:center;gap:6px}.hero-features .icon{width:15px;height:15px;color:#c8d6ec}.room-entry{max-width:386px}.field-label{display:block;color:#c9d5ed;font-size:12px;margin-bottom:9px}.name-field{height:52px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#ffffff03;border-radius:11px;padding:0 14px}.name-field:focus-within,.join-form:focus-within{border-color:#789bc9}.name-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#ffffff09;color:var(--yellow);font-size:20px}.name-field input{flex:1;width:70px;background:transparent;border:0;color:white;height:100%;font-size:14px}.name-field input::placeholder,.join-form input::placeholder{color:#6d84af}.field-hint{font-size:10px;color:#5f759b;white-space:nowrap}.button{height:46px;border-radius:10px;padding:0 21px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:650;letter-spacing:.5px;transition:background .2s,transform .2s,box-shadow .2s}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{background:var(--yellow);color:#1a2944;box-shadow:0 4px 18px #ffd21b10}.button-primary:hover:not(:disabled){background:#ffe15c;box-shadow:0 4px 22px #ffd21b22}.button-secondary{background:#ffffff0b;color:#dfe7f8;border:1px solid var(--line)}.button-secondary:hover:not(:disabled){background:#ffffff13}.create-button{width:100%;margin-top:14px;height:52px}.create-button .button-arrow{margin-left:auto;width:17px}.create-button>span{margin-right:auto}.entry-divider{display:flex;align-items:center;gap:15px;color:#5e759d;font-size:10px;margin:23px 0 17px}.entry-divider:before,.entry-divider:after{content:"";flex:1;height:1px;background:var(--line)}.join-form{display:flex;height:48px;border:1px solid var(--line);border-radius:11px;padding:4px;background:#ffffff02}.join-form input{border:0;background:transparent;padding:0 12px;flex:1;width:100px;color:white;letter-spacing:2px;font-size:12px}.join-form .button{height:38px;padding:0 17px;border:0;font-size:12px}.join-form .icon{width:16px;height:16px}.inline-error{font-size:12px;color:#ff9f94;line-height:1.6;margin:10px 0 0}.hero-visual{position:relative;min-height:550px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:18% 9%;border-radius:50%;background:#16b2ed08;filter:blur(55px);z-index:-1}.preview-board{width:100%;max-width:595px;padding:14px;background:linear-gradient(145deg,#1a315452,#09193466);border:1px solid #b7cbf51c;border-radius:30px;transform:rotate(-5deg);box-shadow:0 25px 90px #030b1e60}.preview-board svg{display:block;width:100%;height:auto}.visual-orbit{position:absolute;width:660px;height:660px;border:1px dashed #7899d215;border-radius:50%;z-index:-1;max-width:110%}.orbit-two{width:545px;height:545px;border-style:solid;border-color:#7696ca0a}.visual-tag{position:absolute;z-index:2;color:#bfcee9;font-size:11px;background:#172e55;border:1px solid #637fa63b;border-radius:100px;box-shadow:0 8px 30px #06132d55;padding:9px 15px;display:flex;gap:10px;align-items:center}.tag-top{left:6%;top:10%;transform:rotate(-5deg)}.visual-note{position:absolute;right:-2%;bottom:8%;display:flex;align-items:center;gap:13px;background:#182e52;border:1px solid #6b88b834;padding:13px 18px;border-radius:13px;box-shadow:0 12px 35px #030b1e40;font-size:12px;transform:rotate(3deg)}.visual-note small{display:block;font-size:9px;color:#8fa3c8;margin-top:2px;letter-spacing:.8px}.visual-note>.icon{color:var(--yellow);margin-left:4px;width:21px;height:21px}.note-avatars{display:flex;padding-left:6px}.note-avatars i{font-style:normal;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#284267;border:2px solid #182e52;margin-left:-6px;font-size:14px}.floating-dice{position:absolute;top:7%;right:4%;width:53px;height:53px;transform:rotate(13deg);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);background:#f0f3ff;border-radius:12px;padding:9px;color:var(--bg);box-shadow:5px 8px 0 #6482ac2b,0 18px 30px #030c2266}.floating-dice span{font-size:11px;line-height:1;text-align:center}.site-footer{height:62px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#526b95;font-size:10px;letter-spacing:1px}.site-footer span:last-child{font-size:8px;color:#536b94}.room-view{padding-top:30px;padding-bottom:34px}.room-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.room-heading h1{font-size:27px;letter-spacing:1px;margin:5px 0 0;font-weight:700}.room-heading .eyebrow{font-size:10px;letter-spacing:1px}.room-id-box{display:flex;align-items:center;gap:13px;background:#12274a;border:1px solid var(--line);padding:9px 15px;border-radius:10px}.room-id-box>span{color:var(--muted);font-size:11px}.room-id-box strong{font-family:Consolas,"SFMono-Regular",monospace;font-size:17px;font-weight:500;letter-spacing:2px}.room-id-box .text-button{border-left:1px solid var(--line);padding:2px 0 2px 14px;font-size:11px;color:var(--yellow)}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:23px;align-items:start}.play-area{border:1px solid var(--line);border-radius:19px;background:linear-gradient(180deg,#13274b75,#10224545);overflow:hidden}.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:22px 25px 17px;border-bottom:1px solid var(--line);background:#1225484d}.seat{display:flex;align-items:center;flex-direction:column;position:relative;min-width:0;gap:9px}.seat-avatar{width:53px;height:53px;border:1.5px solid color-mix(in srgb,var(--seat-color) 70%,transparent);border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--seat-color) 8%,#122548);position:relative;box-shadow:0 0 0 4px color-mix(in srgb,var(--seat-color) 3%,transparent);font-size:23px;color:var(--text);font-weight:600}.seat-avatar .seat-initial{line-height:1}.seat.empty .seat-avatar{border-style:dashed;border-color:#7e97bc55;color:#6c86b1;background:transparent;box-shadow:none}.seat.empty .seat-avatar .icon{width:20px;height:20px}.seat-number{position:absolute;right:-2px;bottom:-1px;width:17px;height:17px;background:var(--seat-color);color:#10203f;font-size:9px;font-weight:800;border-radius:50%;display:grid;place-items:center;border:2px solid #122548}.seat-status{position:absolute;left:0;bottom:0;width:9px;height:9px;border-radius:50%;background:var(--green);border:2px solid #122548}.seat-status.offline{background:#63738c}.host-label{position:absolute;font-size:8px;line-height:16px;padding:0 5px;background:#ff7344;border-radius:4px;color:white;top:-5px;left:-9px;font-weight:500;letter-spacing:.5px}.seat-meta{display:flex;justify-content:center;align-items:center;gap:4px;width:100%;min-height:22px}.seat-name{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100px}.you-tag{font-size:8px;background:color-mix(in srgb,var(--seat-color) 14%,transparent);color:var(--seat-color);padding:0 4px;border-radius:3px;white-space:nowrap}.seat-action{border:0;background:#ffffff09;border-radius:6px;padding:3px 12px;color:#b5c7e8;font-size:10px}.seat-action:hover:not(:disabled){background:#ffffff16}.seat-piece-count{display:flex;align-items:center;gap:5px;font-size:9px;color:#9eafcd}.seat-piece-count .icon{width:11px;height:11px;color:var(--seat-color)}.seat.is-turn .seat-avatar{box-shadow:0 0 0 4px color-mix(in srgb,var(--seat-color) 15%,transparent);border-color:var(--seat-color)}.seat.is-turn:after{content:"当前回合";position:absolute;top:0;right:0;font-size:8px;color:var(--seat-color);background:color-mix(in srgb,var(--seat-color) 9%,transparent);padding:1px 5px;border-radius:5px}.seat.inactive{opacity:.27}.lobby-panel{min-height:495px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px 22px 30px}.lobby-illustration{position:relative;width:148px;height:148px;margin:0 0 17px;display:grid;place-items:center}.runway-ring{position:absolute;inset:10px;border:1px dashed #6d87b15c;border-radius:50%}.lobby-illustration:before{content:"";position:absolute;inset:31px;border:1px solid #668abd1f;border-radius:50%;background:#1933595c}.lobby-illustration>.icon{width:45px;height:45px;color:var(--yellow);stroke-width:1.3;transform:rotate(-9deg)}.lobby-dot{position:absolute;z-index:1;width:15px;height:15px;border-radius:5px;box-shadow:0 0 0 6px #102244}.dot-green{background:var(--green);top:13px;left:24px;transform:rotate(-15deg)}.dot-red{background:var(--red);top:25px;right:12px;transform:rotate(15deg)}.dot-yellow{background:var(--yellow);bottom:14px;right:21px;transform:rotate(-10deg)}.dot-blue{background:var(--blue);bottom:25px;left:12px;transform:rotate(10deg)}.lobby-panel>.eyebrow{font-size:8px;letter-spacing:3px;color:#6d85ae}.lobby-panel h2{font-size:24px;letter-spacing:1px;margin:6px 0 7px;font-weight:600}.lobby-panel>p{margin:0;font-size:12px;color:var(--muted);text-align:center;max-width:340px}.capacity-field{display:flex;align-items:center;gap:16px;margin-top:25px}.capacity-field>span{font-size:11px;color:#9cadcc}.segmented{display:flex;border-radius:8px;background:#091a39;padding:4px;gap:4px;border:1px solid var(--line)}.segmented button{border-radius:5px;background:transparent;color:#7f96bb;padding:5px 15px;font-size:11px;transition:.2s}.segmented button.active{background:#263e62;color:#edf3ff;box-shadow:0 1px 4px #0002}.segmented button:disabled.active{opacity:1}.start-button{margin:21px 0 6px;min-width:213px}.start-button .icon{width:16px;height:16px}.spectate-button{font-size:10px;color:#829ac3;margin-top:3px}.spectate-button .icon{width:14px;height:14px}.play-area-footer{display:flex;align-items:center;gap:10px;padding:13px 22px;background:#0d1f405c;border-top:1px solid var(--line);font-size:10px;color:#6f88b0;min-height:46px}.play-area-footer>.text-button{margin-left:auto;padding:0;font-size:10px}.color-dots{display:flex;gap:3px}.color-dots i{width:5px;height:5px;border-radius:50%;background:var(--green)}.color-dots i:nth-child(2){background:var(--red)}.color-dots i:nth-child(3){background:var(--yellow)}.color-dots i:nth-child(4){background:var(--blue)}.danger-text{color:#b9909b}.side-panel{display:flex;flex-direction:column;gap:16px}.turn-card,.rules-card,.activity-card{border:1px solid var(--line);border-radius:15px;background:#13274b5e;padding:20px}.card-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8fa5cd;letter-spacing:1px}.turn-card{border-color:#ffd21b2b;background:linear-gradient(125deg,#1d3150,#132749);position:relative;overflow:hidden}.turn-card:before{content:"";position:absolute;background:#ffd21b06;border-radius:50%;width:100px;height:100px;right:-35px;top:-35px;pointer-events:none}.turn-card h2{font-size:19px;line-height:1.5;margin:13px 0 5px;letter-spacing:.4px;font-weight:600}.turn-card>p{font-size:11px;color:#9eb1d2;line-height:1.7;margin:0;min-height:36px}.lobby-progress{margin-top:22px}.progress-track{height:4px;background:#ffffff0b;overflow:hidden;border-radius:4px}.progress-track span{display:block;height:100%;background:var(--yellow);width:0;transition:width .35s;border-radius:4px}.lobby-progress>span{display:block;font-size:10px;color:#8198be;margin-top:9px}.rules-card ol{padding:0;list-style:none;margin:17px 0 0}.rules-card li{display:flex;gap:12px;margin:0 0 15px;align-items:flex-start}.rule-number{color:var(--yellow);background:#ffd21b0c;width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-family:Consolas,monospace;flex-shrink:0}.rule-jump{color:var(--green);background:#10d7950c;font-size:20px}.rule-finish{color:var(--blue);background:#14ace20c;font-size:20px}.rules-card li strong{font-size:11px;font-weight:500;color:#c7d4ec}.rules-card li p{font-size:9px;color:#7a93ba;margin:3px 0 0;line-height:1.7}.rule-footnote{border-top:1px solid var(--line);padding-top:12px;margin:1px 0 0;font-size:9px;line-height:1.7;color:#617ca6}.tiny-plane{color:#617aa0;font-size:16px}.activity-card{padding-bottom:10px}.activity-log{max-height:145px;min-height:75px;overflow:auto;margin-top:13px;scrollbar-width:thin;scrollbar-color:#29466d transparent}.activity-log>p{position:relative;font-size:10px;color:#8fa7cd;line-height:1.8;margin:0;padding:0 0 10px 12px;overflow-wrap:anywhere}.activity-log>p:before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:50%;background:#4f6a93}.activity-log>p:last-child{color:#c3d2ee}.activity-log .empty-log{font-size:10px;color:#637ea9;padding-left:0}.activity-log .empty-log:before{display:none}.subtle-label{font-size:9px;color:#657fa8;letter-spacing:0}.game-panel{padding:20px 26px 10px;min-width:0}.game-board{max-width:660px;margin:0 auto}.game-board svg{display:block;width:100%;height:auto;overflow:visible;touch-action:manipulation}.board-hint{text-align:center;padding:8px 0 9px;min-height:38px;font-size:11px;color:#9eb2d6}.board-hint strong{font-weight:600;color:var(--yellow)}.board-svg .board-tile{stroke:#0c1d40;stroke-width:1.7}.board-svg .aircraft{filter:url(#piece-shadow);pointer-events:none}.board-svg .piece{transition:opacity .2s;outline:none}.board-svg .piece.is-legal{cursor:pointer}.board-svg .piece.is-legal .piece-halo{animation:piece-pulse 1.2s ease-in-out infinite}.board-svg .piece.is-legal:hover .piece-ring,.board-svg .piece.is-legal:focus .piece-ring{stroke:white;stroke-width:3}.board-svg .piece-ring{fill:var(--piece-color);stroke:white;stroke-width:1.3}.board-svg .piece-core{fill:#ffffff;opacity:.96}.board-svg .plane-shape{fill:var(--piece-color)}.board-svg .piece-halo{stroke:#fff;stroke-width:2;fill:none;opacity:.25}.board-svg .finished-marker{font-family:var(--font);fill:white;text-anchor:middle;dominant-baseline:central;font-weight:800;font-size:13px}.board-svg .piece-number{fill:var(--piece-color);font-size:8px;font-family:var(--font);font-weight:800;text-anchor:middle}.board-svg .airport-label{font-family:var(--font);font-size:9px;font-weight:600;letter-spacing:1.8px}.board-svg .finish-star{fill:#f5f7ff;text-anchor:middle;dominant-baseline:central;font-size:17px}.dice-area{display:flex;flex-direction:column;align-items:center;gap:17px;margin-top:19px}.dice{width:71px;height:71px;background:#eef4ff;box-shadow:0 5px 0 #adc2e9,0 8px 20px #0003;border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:14px;transform:rotate(-6deg);transition:transform .2s}.dice-dot{width:8px;height:8px;border-radius:50%;background:#173358;align-self:center;justify-self:center;opacity:0}.dice.rolling{animation:dice-roll .5s ease-out}.dice-area .button{width:100%;height:42px}.dice-area .button .icon{margin-left:auto;width:16px}.dice-area .button:disabled{opacity:.42}.countdown{font-size:9px;letter-spacing:0;display:flex;align-items:center;gap:4px;color:#c6b66a}.countdown .icon{width:12px;height:12px}.move-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.move-option{background:#ffffff09;border:1px solid var(--line);color:#d6e3ff;padding:7px 11px;font-size:10px;border-radius:7px;flex:1;white-space:nowrap}.move-option:hover:not(:disabled){border-color:#ffffff66;background:#ffffff12}.toast{position:fixed;z-index:50;bottom:30px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 22px;color:#e7eefc;border:1px solid #7d99c63b;background:#20395c;box-shadow:0 10px 50px #0005;border-radius:11px;font-size:12px;animation:toast-in .2s;white-space:normal;text-align:center}.confirm-dialog{width:min(380px,calc(100% - 32px));background:#152c50;color:var(--text);border:1px solid #7694c144;border-radius:20px;padding:28px;box-shadow:0 20px 80px #02081880}.confirm-dialog::backdrop{background:#020b20a8;backdrop-filter:blur(4px)}.dialog-icon{display:grid;place-items:center;color:var(--yellow);width:43px;height:43px;background:#ffd21b0d;border-radius:12px}.confirm-dialog h2{font-size:20px;margin:17px 0 8px}.confirm-dialog p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 24px}.dialog-actions{display:flex;gap:10px}.dialog-actions>.button{flex:1;padding:0 13px;font-size:12px}.copy-field{margin-top:13px;width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#0b1d3d;color:#d4e0f7;font-family:var(--font);font-size:11px}.reconnection-overlay{background:#ffd21b0d;border:1px solid #ffd21b30;color:#f3d65e;padding:8px 14px;text-align:center;font-size:11px;border-radius:9px;margin-bottom:15px}@keyframes piece-pulse{0%,100%{opacity:.22;stroke-width:1.7}50%{opacity:.85;stroke-width:3}}@keyframes dice-roll{0%{transform:rotate(-6deg) scale(1)}25%{transform:rotate(16deg) scale(1.07)}50%{transform:rotate(-19deg) scale(1.04)}75%{transform:rotate(10deg)}100%{transform:rotate(-6deg)}}@keyframes toast-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.app-shell{max-width:1440px}.room-layout{grid-template-columns:minmax(0,1fr) 315px}.game-board{max-width:690px}.home-view{gap:70px}.hero-visual{min-height:610px}}
@media(max-width:1100px){.app-shell{padding:0 30px}.home-view{grid-template-columns:minmax(300px,.9fr) minmax(350px,1fr);gap:25px}.hero-copy h1{font-size:48px}.hero-features{gap:12px;font-size:10px}.hero-visual{min-height:450px}.visual-note{padding:10px 12px;right:-2%;font-size:11px}.visual-note .note-avatars{display:none}.floating-dice{width:43px;height:43px;padding:7px;border-radius:9px}.floating-dice span{font-size:9px}.room-layout{grid-template-columns:minmax(0,1fr) 250px;gap:17px}.seats{padding:20px 14px 15px;gap:5px}.seat-name{max-width:77px}.seat.is-turn:after{right:-3px;top:-9px;font-size:7px}.game-panel{padding:18px 18px 5px}.turn-card,.rules-card,.activity-card{padding:17px}.turn-card h2{font-size:17px}.rules-card li{gap:9px}.rules-card li p{font-size:9px}}
@media(max-width:840px){.app-shell{padding:0 23px}.site-header{height:81px}.brand{font-size:22px}.brand-mark{width:37px;height:37px;border-radius:11px}.brand-sub{font-size:8px}.home-view{min-height:calc(100vh - 143px);grid-template-columns:minmax(270px,1fr) minmax(290px,.95fr);gap:25px;padding:40px 0}.hero-copy h1{font-size:43px}.hero-plane{width:33px;height:33px;margin-left:6px}.hero-copy>.eyebrow{font-size:10px}.hero-description{font-size:12px}.hero-features{gap:11px;font-size:9px;margin-bottom:27px}.hero-features .icon{width:13px;height:13px}.hero-visual{min-height:350px}.tag-top{top:4%;font-size:9px;padding:7px 11px}.visual-note{bottom:3%;font-size:10px;right:0}.visual-note small{font-size:8px}.preview-board{padding:8px;border-radius:19px}.visual-orbit{height:400px;width:400px}.orbit-two{height:330px;width:330px}.floating-dice{top:0;right:0}.room-layout{grid-template-columns:minmax(0,1fr) 222px;gap:13px}.room-heading h1{font-size:24px}.room-id-box{gap:9px;padding:8px 11px}.room-id-box strong{font-size:14px}.room-id-box .text-button{font-size:10px;padding-left:10px}.seats{padding:19px 10px 12px}.seat-avatar{width:45px;height:45px;font-size:20px}.seat-name{font-size:10px;max-width:63px}.seat-meta{gap:3px}.you-tag{font-size:7px}.game-panel{padding:15px 10px 3px}.play-area-footer{padding:12px 13px;font-size:9px;gap:7px}.color-dots{gap:2px}.color-dots i{width:4px;height:4px}.rules-card li p{line-height:1.8}.rules-card li strong{font-size:10px}.rule-number{width:25px;height:25px}.turn-card,.rules-card,.activity-card{padding:15px}.turn-card h2{font-size:16px}.lobby-panel{min-height:477px}.lobby-panel h2{font-size:21px}.lobby-panel>p{font-size:11px}.capacity-field{gap:12px}.segmented button{padding:5px 11px}.board-hint{font-size:10px;padding:6px 0}.activity-log{max-height:110px}.side-panel{gap:13px}}
@media(max-width:680px){.app-shell{padding:0 18px}.site-header{height:74px}.brand{gap:10px;font-size:20px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-mark .icon{width:23px;height:23px}.brand-sub{font-size:7px;letter-spacing:3px;padding-top:5px}.header-actions{gap:11px}.icon-button{height:34px;width:34px}.icon-button .icon{width:17px;height:17px}.connection{font-size:9px;gap:5px}.connection i{width:5px;height:5px}.header-actions>.text-button{font-size:10px;gap:4px}.header-actions>.text-button .icon{width:13px}.home-view{display:flex;flex-direction:column;padding:31px 0 25px;gap:25px;min-height:0;align-items:stretch}.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-copy h1{font-size:43px;letter-spacing:-1px;margin:18px 0 11px}.hero-copy h1 br{display:none}.hero-copy>.eyebrow{font-size:10px}.hero-plane{height:32px;width:32px;vertical-align:middle;transform:rotate(7deg)}.hero-description{font-size:12px;line-height:1.85;margin-bottom:15px}.hero-description br{display:none}.hero-features{margin-bottom:24px;justify-content:center;gap:20px;font-size:10px}.room-entry{width:100%;max-width:420px;text-align:left}.field-label{font-size:11px}.name-field{height:49px}.create-button{height:49px}.entry-divider{margin:18px 0 14px}.hero-visual{min-height:0;width:100%;max-width:420px;align-self:center;padding:22px 22px 30px}.preview-board{max-width:335px;transform:rotate(-4deg)}.tag-top{top:5%;left:0;font-size:8px;gap:7px;padding:6px 10px}.visual-note{right:0;bottom:0;gap:10px;font-size:9px;padding:9px 11px;border-radius:9px}.visual-note small{font-size:7px}.visual-note>.icon{width:17px;height:17px}.visual-note .note-avatars{display:flex}.note-avatars i{width:22px;height:22px;font-size:12px}.floating-dice{width:35px;height:35px;padding:6px;top:8%;right:1%;border-radius:8px}.floating-dice span{font-size:7px}.visual-orbit{width:370px;height:370px}.orbit-two{width:320px;height:320px}.site-footer{height:51px;font-size:8px}.site-footer span:last-child{font-size:7px}.room-view{padding-top:21px;padding-bottom:22px}.room-heading{margin-bottom:17px;align-items:center;gap:12px}.room-heading h1{font-size:21px;margin-top:3px}.room-heading .eyebrow{font-size:8px;letter-spacing:.6px}.room-id-box{padding:7px 10px;gap:7px;border-radius:8px;flex-wrap:wrap;max-width:200px}.room-id-box>span{font-size:9px}.room-id-box strong{font-size:13px;letter-spacing:1px}.room-id-box .text-button{font-size:9px;gap:4px;padding:0 0 0 8px}.room-id-box .text-button .icon{width:13px;height:13px}.room-layout{display:flex;flex-direction:column;gap:13px}.play-area{width:100%;border-radius:14px}.seats{padding:18px 11px 12px;gap:7px}.seat-avatar{width:47px;height:47px;font-size:21px}.seat-name{font-size:10px;max-width:78px}.seat.is-turn:after{top:-10px;right:4px;font-size:6px}.seat-meta{gap:4px}.seat{gap:8px}.host-label{font-size:7px;line-height:14px;left:-9px;top:-3px}.seat-number{width:16px;height:16px;font-size:8px}.seat-action{font-size:9px;padding:3px 10px}.lobby-panel{min-height:408px;padding-top:23px;padding-bottom:21px}.lobby-illustration{width:123px;height:123px;margin-bottom:13px}.lobby-illustration>.icon{width:38px;height:38px}.lobby-panel h2{font-size:22px}.lobby-panel>p{font-size:11px}.lobby-panel>.eyebrow{font-size:7px}.capacity-field{margin-top:21px}.start-button{margin-top:19px;height:43px;min-width:205px}.spectate-button{font-size:9px}.play-area-footer{padding:11px 13px;font-size:9px;min-height:39px}.play-area-footer>.text-button{font-size:9px}.side-panel{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.turn-card{grid-column:1 / -1;min-height:0;padding:16px 18px}.turn-card .card-label{font-size:9px}.turn-card h2{font-size:18px;margin:7px 0 4px;max-width:calc(100% - 145px)}.turn-card>p{font-size:10px;min-height:0;max-width:calc(100% - 145px)}.lobby-progress{margin-top:14px}.lobby-progress>span{font-size:9px;margin-top:7px}.dice-area{position:absolute;right:16px;top:18px;flex-direction:row;gap:13px;margin:0;align-items:center}.dice{width:47px;height:47px;border-radius:10px;gap:1px;padding:10px;box-shadow:0 3px 0 #adc2e9,0 4px 15px #0002}.dice-dot{width:5px;height:5px}.dice-area .button{width:76px;height:35px;padding:0 10px;gap:0;font-size:10px;letter-spacing:0}.dice-area .button .icon{display:none}.move-options{max-width:calc(100% - 60px);margin-top:13px}.move-option{font-size:9px;padding:5px 9px;flex:0}.rules-card,.activity-card{padding:14px;border-radius:12px;min-width:0}.rules-card .card-label,.activity-card .card-label{font-size:9px}.rules-card li{gap:7px;margin-bottom:12px}.rules-card li strong{font-size:9px}.rules-card li p{font-size:8px;margin-top:2px}.rules-card ol{margin-top:13px}.rule-number{width:23px;height:23px;font-size:8px;border-radius:6px}.rule-jump,.rule-finish{font-size:16px}.rule-footnote{font-size:8px;padding-top:9px;line-height:1.7}.tiny-plane{font-size:13px}.activity-log{max-height:198px;min-height:170px;margin-top:12px}.activity-log>p{font-size:9px;line-height:1.85;padding:0 0 8px 9px}.activity-log>p:before{width:3px;height:3px}.subtle-label{font-size:8px}.activity-log .empty-log{font-size:9px}.game-panel{padding:12px 10px 2px}.game-board{max-width:500px}.board-hint{font-size:10px;min-height:35px;padding:8px 0}.toast{bottom:20px;font-size:11px;padding:11px 17px}.confirm-dialog{padding:24px}.connection.offline span{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:380px){.app-shell{padding:0 12px}.hero-copy h1{font-size:37px}.hero-plane{width:27px;height:27px}.hero-features{gap:13px;font-size:9px}.room-id-box{gap:5px;max-width:153px;justify-content:center}.room-id-box .text-button{border-left:0;padding:0;font-size:9px}.room-heading .eyebrow{font-size:7px;max-width:150px}.seat-avatar{width:42px;height:42px}.seat-name{max-width:55px;font-size:9px}.you-tag{font-size:6px}.turn-card h2{font-size:16px}.turn-card>p{font-size:9px}.rules-card li{gap:5px}.rules-card li strong{font-size:8px}.rule-number{width:20px;height:20px}.rules-card,.activity-card{padding:12px}.side-panel{gap:9px}.dice-area{right:13px;gap:10px}.dice-area .button{width:69px}.dice{width:43px;height:43px;padding:9px}.connection{display:none}.room-heading h1{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.board-svg .piece.is-disabled{cursor:wait;opacity:.65}.board-svg .piece.is-disabled .piece-halo{animation:none;opacity:.15}