@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lilita-one-latin.woff2) format("woff2")}:root{--ink: #211b14;--ink-soft: #5f5340;--parch: #e7dcc2;--parch-hi: #f3e5c4;--wood: #5e462e;--wood-deep: #3d2c1b;--amber: #e2b879;--gold: #f2c14e;--gold-deep: #b8862e;--forest: #0f1814;--forest-2: #142319;--green: #2f9e44;--green-deep: #1f6e2f;--danger: #c65046;--danger-deep: #7a2a24;--disp: "Lilita One", "Arial Rounded MT Bold", Verdana, system-ui, sans-serif;background:var(--forest);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit}button{align-items:center;background:linear-gradient(180deg,var(--parch-hi),var(--amber));border:2px solid var(--wood);border-radius:12px;box-shadow:0 3px 0 var(--wood),inset 0 2px #ffffff80;color:var(--ink);cursor:pointer;display:inline-flex;font-family:var(--disp);font-weight:400;gap:7px;justify-content:center;min-height:38px;padding:8px 12px;touch-action:manipulation}button:hover:not(:disabled){background:linear-gradient(180deg,#fdf2d5,#edc78c)}button:active:not(:disabled){box-shadow:0 1px 0 var(--wood),inset 0 2px #ffffff80;transform:translateY(2px)}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}button.primary,button.btn-gold{background:linear-gradient(180deg,#ffd97a,var(--gold) 55%,#e0a83a);box-shadow:0 4px 0 var(--gold-deep),inset 0 2px #ffffffa6}button.primary:hover:not(:disabled),button.btn-gold:hover:not(:disabled){background:linear-gradient(180deg,#ffe294,#f7cc63 55%,#e6b04a)}button.primary:active:not(:disabled),button.btn-gold:active:not(:disabled){box-shadow:0 1px 0 var(--gold-deep),inset 0 2px #ffffffa6}button.btn-green{background:linear-gradient(180deg,#4fbe63,var(--green) 60%,#268038);border-color:#174e22;box-shadow:0 4px 0 var(--green-deep),inset 0 2px #ffffff59;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}button.btn-green:hover:not(:disabled){background:linear-gradient(180deg,#5cc970,#3aab4f 60%,#2d8c40)}button.btn-green:active:not(:disabled){box-shadow:0 1px 0 var(--green-deep),inset 0 2px #ffffff59}button.btn-quiet{background:#e7dcc217;border-color:#e7dcc252;box-shadow:none;color:var(--parch)}button.btn-quiet:hover:not(:disabled){background:#e7dcc229}button.btn-quiet:active:not(:disabled){transform:translateY(1px)}button.danger{background:linear-gradient(180deg,#d5685e,var(--danger) 60%,#a83c33);border-color:var(--danger-deep);box-shadow:0 3px 0 var(--danger-deep),inset 0 2px #ffffff4d;color:#fff3ee}button.danger:active:not(:disabled){box-shadow:0 1px 0 var(--danger-deep),inset 0 2px #ffffff4d}button[draggable=true]{cursor:grab}button[draggable=true]:active{cursor:grabbing}button small{color:#2d1d12a8;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:600}button.btn-quiet small{color:#e7dcc299}input,select{background:#f4ead1;border:2px solid #826747;border-radius:10px;color:var(--ink);min-height:40px;padding:8px 11px;width:100%}input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:1px}h1,h2,p{margin:0}@media(pointer:coarse){button,input,select{min-height:44px}.icon-button{min-height:44px;width:44px}.build-option{min-width:56px}.link-button{min-height:34px}}.menu-shell{background:radial-gradient(circle at 50% 22%,rgba(242,193,78,.1),transparent 45%),linear-gradient(180deg,#1a2c20 0%,var(--forest) 90%);color:var(--parch);display:flex;flex-direction:column;height:100vh;height:100dvh;overflow-y:auto;padding:18px;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(22px + env(safe-area-inset-bottom,0px));position:relative}.menu-column{display:flex;flex-direction:column;flex:1;margin:0 auto;min-height:0;position:relative;width:min(430px,100%);z-index:2}.hex-decor{top:0;right:0;bottom:0;left:0;opacity:.35;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.hex-decor i{background:#e7dcc20d;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);position:absolute}.logo-banner{margin:7vh auto 0;text-align:center}.k-shield{align-items:center;background:linear-gradient(180deg,#43b95a,var(--green) 60%,#227437);border:3px solid #143c1e;border-radius:18px;box-shadow:0 6px #14401f,0 14px 30px #00000080,inset 0 3px #ffffff59;color:#fff;display:inline-flex;font-family:var(--disp);font-size:40px;height:76px;justify-content:center;text-shadow:0 2px 0 rgba(0,0,0,.35);width:76px}.wordmark{color:var(--parch-hi);font-family:var(--disp);font-size:44px;letter-spacing:.06em;margin-top:10px;text-shadow:0 3px 0 rgba(0,0,0,.45),0 10px 24px rgba(0,0,0,.5)}.wordmark span{color:var(--gold)}.tagline{color:#93a48d;font-size:13px;margin-top:2px}.identity{align-items:center;background:#e7dcc214;border:1.5px solid rgba(231,220,194,.22);border-radius:999px;box-shadow:none;color:var(--parch-hi);display:flex;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700;gap:10px;margin:26px auto 0;padding:6px 16px 6px 7px;width:fit-content}.identity:hover:not(:disabled){background:#e7dcc224}.identity .pen{color:#93a48d;display:inline-flex}.avatar{align-items:center;background:var(--green);border:2px solid rgba(0,0,0,.4);border-radius:999px;color:#fff;display:inline-flex;font-family:var(--disp);font-size:15px;height:32px;justify-content:center;width:32px}.home-actions{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding-top:26px}.home-actions .hero{font-size:22px;padding:18px}.duo{display:grid;gap:12px;grid-template-columns:1fr 1fr}.duo button{flex-direction:column;font-size:17px;gap:2px;padding:13px 10px}.footer-links{display:flex;gap:8px;justify-content:center;margin-top:18px}.footer-links button{background:none;border:none;box-shadow:none;color:#7d8f78;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12.5px;font-weight:600;min-height:30px;padding:4px 8px;text-decoration:underline;text-underline-offset:3px}.footer-links button:hover:not(:disabled){background:none;color:var(--parch)}.screen-head{align-items:center;display:flex;gap:10px;margin-bottom:4px}.screen-head h1{color:var(--parch-hi);flex:1;font-family:var(--disp);font-size:21px;font-weight:400}.chip{background:#f2c14e26;border:1px solid rgba(242,193,78,.4);border-radius:999px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.icon-button{border-radius:999px;flex:0 0 auto;min-height:40px;padding:7px;width:40px}.parch-card{background:linear-gradient(180deg,#efe4c8,var(--parch));border:2px solid rgba(94,70,46,.85);border-radius:14px;box-shadow:0 8px 22px #00000061,inset 0 2px #ffffff80;color:var(--ink)}.seg{background:#e7dcc214;border:1.5px solid rgba(231,220,194,.22);border-radius:999px;display:flex;margin-top:12px;padding:4px}.seg button{background:none;border:1.5px solid transparent;border-radius:999px;box-shadow:none;color:#93a48d;flex:1;font-size:14px;min-height:38px;padding:8px 0}.seg button.on{background:linear-gradient(180deg,var(--parch-hi),var(--amber));border-color:var(--wood);box-shadow:0 2px 0 var(--wood);color:var(--ink)}.paste-row{display:flex;gap:8px;margin-top:14px}.paste-row input{flex:1}.divider{align-items:center;color:#7d8f78;display:flex;font-size:11.5px;font-weight:800;gap:10px;letter-spacing:.1em;margin:20px 0 10px;text-transform:uppercase}.divider:before,.divider:after{background:#e7dcc22e;content:"";flex:1;height:1px}.room-row{align-items:center;display:flex;gap:10px;margin-bottom:10px;padding:11px 12px}.room-row .info{flex:1;min-width:0}.room-row .info b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pips{display:flex;gap:4px;margin-top:5px}.pip{background:#5e462e40;border-radius:999px;height:8px;width:8px}.pip.on{background:var(--green)}.error-line{color:#f2a49b;font-size:13px;font-weight:700;margin-top:10px}.mm{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center}.pulse{align-items:center;display:flex;height:190px;justify-content:center;position:relative;width:190px}.pulse:before,.pulse:after{animation:pulse-ring 2.2s ease-out infinite;border:2px solid rgba(242,193,78,.55);border-radius:999px;content:"";top:26px;right:26px;bottom:26px;left:26px;position:absolute}.pulse:after{animation-delay:1.1s}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.72)}to{opacity:0;transform:scale(1.25)}}.pulse .swords{align-items:center;background:linear-gradient(180deg,#efe4c8,var(--parch));border:2.5px solid var(--wood);border-radius:999px;box-shadow:0 6px 0 var(--wood),0 14px 30px #00000080;color:var(--ink);display:flex;height:96px;justify-content:center;position:relative;width:96px;z-index:1}.mm h1{color:var(--parch-hi);font-family:var(--disp);font-size:23px;font-weight:400;margin:26px 0 2px}.mm .elapsed{color:var(--gold);font-family:var(--disp);font-size:17px;font-variant-numeric:tabular-nums}.mm p{color:#93a48d;font-size:13px;margin:10px 0 0;max-width:30ch;text-align:center}.mm-cancel{margin-top:auto}.invite-chip{align-items:center;display:flex;gap:10px;margin-top:12px;padding:9px 10px 9px 14px}.invite-chip code{color:#6a5138;flex:1;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-chip button{border-radius:10px;font-size:13px;min-height:34px;padding:6px 14px}.slots{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:14px}.slot{min-height:60px;padding:10px 12px;position:relative}.slot .who{align-items:center;display:flex;font-size:13.5px;font-weight:700;gap:8px}.slot .who span.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot .role{color:#7a6c52;font-size:11px;margin-top:2px}.slot .slot-actions{display:flex;gap:4px;position:absolute;right:7px;top:7px}.slot .slot-actions button{border-radius:8px;min-height:24px;padding:2px 6px;width:auto}.slot.empty-slot{align-items:center;background:#e7dcc20d;border:2px dashed rgba(231,220,194,.3);border-radius:14px;box-shadow:none;color:#93a48d;display:flex;flex-direction:column;font-size:12.5px;font-weight:700;justify-content:center}button.slot.empty-slot{cursor:pointer;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button.slot.empty-slot:hover:not(:disabled){background:#e7dcc21f;color:var(--parch)}.slot.pending-slot{outline:3px solid var(--gold);outline-offset:-1px}.map-row{align-items:stretch;display:flex;gap:8px;margin-top:14px}.map-row button{flex:1;font-size:13px;padding:8px 6px}.map-thumb{background:linear-gradient(180deg,#4b8fb2,#3f7d9e);border:2px solid var(--wood);border-radius:12px;flex:0 0 auto;height:52px;overflow:hidden;position:relative;width:68px}.map-thumb i{background:#63513f;border-radius:50% 45% 55% 50%;height:28px;left:16px;position:absolute;top:12px;width:36px}.lobby-list{display:grid;gap:8px;margin-top:12px}.pending{align-items:center;display:flex;gap:8px;justify-content:space-between}.start-pinned{margin-top:auto;padding-top:18px}.start-pinned .btn-green{font-size:20px;padding:16px;width:100%}.start-pinned .hint{color:#7d8f78;font-size:12px;margin-top:8px;text-align:center}.edit-tray{align-items:center;bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;gap:6px;justify-content:center;left:50%;max-width:calc(100vw - 16px);padding:8px;position:absolute;transform:translate(-50%);z-index:5}.edit-tray button{font-size:12.5px;min-height:36px;padding:6px 9px}.active-tool{background:#fff3d3!important;border-color:#c9a04a!important;box-shadow:0 0 0 3px #f08c008c,inset 0 1px #fff4d373!important}.edit-hint{background:#1f2d25eb;border:1px solid rgba(246,229,184,.3);border-radius:999px;color:#f6e5b8;font-size:12px;font-weight:600;left:50%;max-width:calc(100vw - 30px);padding:6px 14px;position:absolute;text-align:center;top:calc(74px + env(safe-area-inset-top,0px));transform:translate(-50%);z-index:5}.game-shell{background:var(--forest);height:100vh;height:100dvh;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.board-stage{background:var(--forest);top:0;right:0;bottom:0;left:0;position:absolute}.board{cursor:crosshair;display:block;height:100%;touch-action:none;width:100%}.empty{align-items:center;color:var(--parch-hi);display:flex;height:100%;justify-content:center}.hud-top{align-items:flex-start;display:flex;gap:10px;left:calc(12px + env(safe-area-inset-left,0px));position:absolute;right:calc(12px + env(safe-area-inset-right,0px));top:calc(10px + env(safe-area-inset-top,0px));z-index:5}.turn-pill{background:linear-gradient(180deg,#efe4c8,var(--parch));border:2px solid rgba(94,70,46,.9);border-radius:999px;box-shadow:0 6px 16px #00000059,inset 0 2px #ffffff80;color:var(--ink);cursor:pointer;flex:1;max-width:400px;margin:0 auto;overflow:hidden;padding:6px 14px 9px;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.turn-pill .who{align-items:center;display:flex;font-family:var(--disp);font-size:15px;gap:8px;justify-content:center;line-height:1.2;white-space:nowrap}.turn-pill .others{align-items:center;color:#7a6c52;display:flex;font-size:11px;gap:6px;justify-content:center;margin-top:1px;white-space:nowrap}.turn-pill .timerline{background:#5e462e40;border-radius:999px;bottom:4px;height:3px;left:14px;overflow:hidden;position:absolute;right:14px}.turn-pill .timerline i{background:var(--green);border-radius:999px;display:block;height:100%;transition:width 1s linear}.turn-pill .timerline i.low{background:var(--danger)}.swatch{border:1px solid rgba(0,0,0,.45);border-radius:999px;display:inline-block;flex:0 0 auto;height:13px;width:13px}.players-pop{display:grid;gap:4px;left:50%;padding:10px;position:absolute;top:calc(66px + env(safe-area-inset-top,0px));transform:translate(-50%);width:min(300px,calc(100vw - 90px));z-index:6}.player{align-items:center;border-radius:8px;display:flex;gap:8px;padding:5px 7px}.player.active{background:#fff6}.player.defeated{opacity:.45;text-decoration:line-through}.player .bot-tag{align-items:center;color:#00000080;display:inline-flex;flex-shrink:0}.toast{animation:toast-in .18s ease-out;background:#1f2d25eb;border:1px solid rgba(246,229,184,.3);border-radius:999px;color:#f6e5b8;font-size:12.5px;font-weight:600;left:50%;max-width:calc(100vw - 40px);overflow:hidden;padding:7px 15px;position:absolute;text-overflow:ellipsis;top:calc(72px + env(safe-area-inset-top,0px));transform:translate(-50%);white-space:nowrap;z-index:6}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.endturn{align-items:center;background:conic-gradient(var(--green) calc(var(--frac, 1) * 100%),rgba(0,0,0,.28) 0);border:none;border-radius:999px;bottom:calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 10px 24px #00000073;display:flex;height:88px;justify-content:center;padding:7px;position:absolute;right:calc(14px + env(safe-area-inset-right,0px));transition:bottom .18s ease-out;width:88px;z-index:5}.endturn.low{background:conic-gradient(var(--danger) calc(var(--frac, 1) * 100%),rgba(0,0,0,.28) 0)}.endturn .core{align-items:center;background:linear-gradient(180deg,#ffd97a,var(--gold) 55%,#e0a83a);border:2.5px solid var(--wood);border-radius:999px;box-shadow:0 3px 0 var(--gold-deep),inset 0 2px #fff9;color:var(--ink);display:flex;flex-direction:column;font-family:var(--disp);font-size:14px;height:100%;justify-content:center;line-height:1.05;text-align:center;width:100%}.endturn .core small{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;opacity:.65}.endturn:active:not(:disabled){transform:translateY(2px)}.endturn:disabled{opacity:.45}.endturn:disabled .core{background:linear-gradient(180deg,var(--parch-hi),var(--amber));box-shadow:inset 0 2px #ffffff80}.sheet-backdrop{background:#1017138c;top:0;right:0;bottom:0;left:0;position:absolute;z-index:7}.menu-sheet{animation:sheet-in .2s ease-out;background:linear-gradient(180deg,#efe4c8,var(--parch));border-right:2px solid rgba(94,70,46,.85);bottom:0;box-shadow:20px 0 60px #0006;color:var(--ink);display:flex;flex-direction:column;gap:12px;left:0;overflow-y:auto;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));padding-left:calc(16px + env(safe-area-inset-left,0px));position:absolute;top:0;width:min(310px,84vw);z-index:8}@keyframes sheet-in{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}.menu-sheet .sheet-title{align-items:center;display:flex;gap:10px}.menu-sheet .sheet-title strong{display:block;font-family:var(--disp);font-size:18px;font-weight:400}.menu-sheet .sheet-title span{color:#6a5d4a;display:block;font-size:12px}.menu-sheet .sheet-title .icon-button{margin-left:auto}.sheet-section{border-top:1px solid rgba(94,70,46,.32);display:grid;gap:8px;padding-top:12px}.sheet-label{color:#554733;font-size:11.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.give-up-confirm{display:grid;gap:8px}.give-up-confirm span{color:var(--danger-deep);font-weight:700}.give-up-actions{display:flex;gap:6px}.give-up-actions button{flex:1}.link-button{background:transparent;border:1px solid transparent;box-shadow:none;color:#8a5a3a;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:600;min-height:28px;padding:4px 6px;text-decoration:underline}.link-button:hover:not(:disabled){background:#8a5a3a1a}.link-button:active:not(:disabled){transform:none}.build-palette{align-items:stretch;background:#d9b06ff2;border:2px solid var(--wood);border-radius:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 12px 40px #00000052;display:flex;gap:7px;left:calc(12px + env(safe-area-inset-left,0px));max-width:560px;padding:7px;position:absolute;right:calc(12px + env(safe-area-inset-right,0px));z-index:4}@media(min-width:861px){.build-palette{left:50%;right:auto;transform:translate(-50%);width:max-content}}@media(max-width:860px){.endturn.raised{bottom:calc(122px + env(safe-area-inset-bottom,0px))}}.build-summary{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:2px;justify-content:center;min-width:56px;padding:0 8px 0 4px}.build-treasury{align-items:center;color:#3f2d18;display:inline-flex;font-family:var(--disp);font-size:19px;gap:5px;line-height:1}.build-treasury:before{background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--gold) 60%,#c98f2b);border:1.5px solid #a97e2b;border-radius:999px;content:"";height:13px;width:13px}.build-net{color:var(--green-deep);font-size:11.5px;font-weight:800;line-height:1}.build-net.negative{color:#a3341f}.build-option{align-items:center;background:linear-gradient(180deg,#f6ecd0,#ecd9ae);border:2px solid #7c5c3a;border-radius:12px;box-shadow:0 2.5px #5e462ecc;cursor:grab;display:grid;flex:1;gap:2px;justify-items:center;max-width:84px;padding:7px 6px 5px;touch-action:none;-webkit-user-select:none;user-select:none}.build-option:hover:not(.disabled){background:linear-gradient(180deg,#fdf3d8,#f2e0b6)}.build-option:active:not(.disabled){box-shadow:0 1px #5e462ecc;cursor:grabbing;transform:translateY(1px)}.build-option.active{border-color:#c9a04a;box-shadow:0 0 0 3px var(--gold),0 2px 8px #00000040}.build-option.disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.45}.build-figures{align-items:center;display:inline-flex;gap:6px}.build-cost,.build-upkeep{align-items:center;color:#4a3620;display:inline-flex;font-size:11.5px;font-weight:800;gap:3px}.build-upkeep{color:#6d4c2f;opacity:.8}.build-cost:before,.build-upkeep:before{border-radius:999px;content:"";height:9px;width:9px}.build-cost:before{background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--gold) 60%,#c98f2b);border:1px solid #a97e2b}.build-upkeep:before{background:#b5763f;border:1px solid #7c4f28}.game-card{background:#e7dcc2eb;border:2px solid rgba(94,70,46,.74);border-radius:12px;box-shadow:0 12px 36px #00000040,inset 0 1px #ffffff59;color:var(--ink);z-index:4}.hover-legend{bottom:calc(18px + env(safe-area-inset-bottom,0px));display:grid;gap:10px;max-width:250px;min-width:200px;padding:10px 12px;pointer-events:none;position:absolute;right:calc(14px + env(safe-area-inset-right,0px))}.legend-entry{display:grid;gap:6px}.legend-head{align-items:center;display:flex;gap:9px}.legend-head strong{display:block;font-family:var(--disp);font-size:15px;font-weight:400;line-height:1.15}.legend-owner{align-items:center;color:#6a5d4a;display:inline-flex;font-size:12px;gap:5px}.legend-owner .swatch{height:10px;width:10px}.legend-rows{display:grid;gap:2px}.legend-row{color:#695d4a;display:flex;font-size:12.5px;justify-content:space-between}.legend-row strong{align-items:center;color:var(--ink);display:inline-flex;gap:3px}.legend-note{color:#6a5d4a;font-size:11.5px;line-height:1.4}@media(max-width:620px){.hover-legend{bottom:calc(104px + env(safe-area-inset-bottom,0px));left:calc(10px + env(safe-area-inset-left,0px));max-width:210px;min-width:0;right:auto}.build-upkeep{display:none}.build-option{max-width:none;min-width:0;padding:6px 3px 4px}.build-summary{min-width:46px;padding:0 6px 0 2px}}.gift-panel{align-items:center;background:#d9b06ff2;border:2px solid var(--wood);border-radius:14px;bottom:calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 12px 40px #00000052;display:flex;gap:12px;left:calc(12px + env(safe-area-inset-left,0px));padding:8px 12px;position:absolute;z-index:4}@media(min-width:861px){.gift-panel{left:50%;transform:translate(-50%)}}.gift-target{align-items:center;color:#3f2d18;display:inline-flex;font-weight:800;gap:6px}.gift-send{font-size:14px}.finish-dim{animation:dim-in .4s ease-out;background:#0a100c8c;top:0;right:0;bottom:0;left:0;position:absolute;z-index:6}@keyframes dim-in{0%{opacity:0}to{opacity:1}}.finish-overlay{align-items:center;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:center;padding:0 26px;position:absolute;z-index:7}.ribbon{animation:ribbon-drop .45s cubic-bezier(.2,1.4,.4,1);background:linear-gradient(180deg,#ffd97a,var(--gold) 55%,#e0a83a);border:3px solid var(--wood);border-radius:16px;box-shadow:0 7px 0 var(--gold-deep),0 20px 44px #0000008c,inset 0 3px #fff9;color:var(--ink);font-family:var(--disp);font-size:34px;letter-spacing:.08em;padding:12px 38px;text-shadow:0 1px 0 rgba(255,255,255,.4);transform:rotate(-2deg)}.ribbon.defeat{background:linear-gradient(180deg,#9aa4ab,#77828a 55%,#5d686f);box-shadow:0 7px #3e474d,0 20px 44px #0000008c,inset 0 3px #ffffff59;color:#1d2429;text-shadow:0 1px 0 rgba(255,255,255,.25)}@keyframes ribbon-drop{0%{opacity:0;transform:rotate(-2deg) translateY(-40px) scale(1.15)}to{opacity:1;transform:rotate(-2deg) translateY(0) scale(1)}}.finish-overlay .sub{color:var(--parch-hi);font-size:14px;font-weight:600;margin-top:18px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.finish-stats{display:flex;margin-top:16px;overflow:hidden}.finish-stats div{border-right:1px solid rgba(94,70,46,.3);padding:9px 18px;text-align:center}.finish-stats div:last-child{border-right:0}.finish-stats b{display:block;font-family:var(--disp);font-size:18px;font-variant-numeric:tabular-nums;font-weight:400}.finish-stats span{color:#7a6c52;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.finish-overlay .btn-gold{font-size:18px;margin-top:26px;padding:15px;width:min(340px,100%)}.finish-overlay .btn-quiet{font-size:14px;margin-top:12px;width:min(340px,100%)}.modal-backdrop{align-items:center;background:#1017138c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:absolute;z-index:9}.modal{background:#e7dcc2fa;border:2px solid var(--wood);border-radius:16px;box-shadow:0 16px 44px #00000061;color:var(--ink);display:grid;gap:14px;max-height:calc(100dvh - 60px);overflow-y:auto;padding:18px;width:340px}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-header h2{font-family:var(--disp);font-size:19px;font-weight:400;margin:0}.modal-copy{color:#675640;font-size:13px;margin:-6px 0 0}.modal-section{display:grid;gap:6px}.modal-label{color:#554733;font-size:12px;font-weight:900;text-transform:uppercase}.amount-grid{display:grid;gap:6px;grid-template-columns:1fr 1fr}.radio-button{background:#f3e5c4;border:2px solid #7c5c3a;font-weight:700}.radio-button.active{background:#fff3d3;border-color:#c9a04a;box-shadow:0 0 0 2.5px var(--gold),0 2px 8px #0003}.modal-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr}.visibility-buttons{display:grid;gap:6px;grid-auto-columns:1fr;grid-auto-flow:column}.visibility-buttons .radio-button{align-items:center;display:inline-flex;gap:6px;justify-content:center}.field{display:grid;gap:5px}.field span,.panel-title{color:#554733;font-size:12px;font-weight:900;text-transform:uppercase}.menu-shell .field span{color:#93a48d}.field.compact{align-items:center;grid-template-columns:1fr 74px}.field.compact span{text-transform:none}.panel-title{align-items:center;display:flex;gap:6px}.bot-picker-modal{width:min(360px,92vw)}.bot-picker-list{display:flex;flex-direction:column;gap:8px}.bot-card{align-items:stretch;display:flex;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,sans-serif;gap:4px;text-align:left;width:100%}.bot-card-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.bot-card-name{align-items:center;display:inline-flex;font-weight:600;gap:6px}.bot-card-desc{font-size:12px;font-weight:400;opacity:.7}.bot-strength{display:inline-flex;gap:3px}.bot-pip{background:currentColor;border-radius:999px;height:8px;opacity:.13;width:8px}.bot-pip.filled{opacity:1}.sound-toggle{background:#f3e5c4;border:2px solid #7c5c3a;font-family:Inter,ui-sans-serif,system-ui,sans-serif;justify-content:flex-start;padding:9px 12px;text-align:left}.sound-toggle.active{background:#fff3d3;border-color:#c9a04a}.sound-toggle-text{display:grid;flex:1}.sound-toggle-text strong{font-size:14px}.sound-toggle-text small{font-weight:400}.sound-toggle-state{color:#554733;font-size:12px;font-weight:900;text-transform:uppercase}.muted{color:#695d4a}.menu-shell .muted{color:#93a48d}.log{color:#5f5648;display:grid;font-size:13px;gap:6px}.spin{animation:spin 1s linear infinite;color:var(--green)}@keyframes spin{to{transform:rotate(360deg)}}.conn-banner{align-items:center;background:#1f2d25eb;border:1px solid rgba(246,229,184,.3);border-radius:999px;color:#f6e5b8;display:flex;font-size:13px;font-weight:700;gap:8px;left:50%;padding:7px 14px;position:absolute;top:calc(60px + env(safe-area-inset-top,0px));transform:translate(-50%);z-index:8}.conn-banner .spin{color:#f6e5b8}@media(prefers-reduced-motion:reduce){.pulse:before,.pulse:after{animation:none;opacity:.5}.ribbon,.menu-sheet,.toast,.finish-dim{animation:none}}.room-card{display:grid;gap:10px;left:calc(14px + env(safe-area-inset-left,0px));max-width:290px;padding:12px;position:absolute;top:calc(14px + env(safe-area-inset-top,0px))}.game-title{align-items:center;display:flex;gap:10px}.game-title strong{display:block;font-family:var(--disp);font-size:18px;font-weight:400}.game-title span{color:#6a5d4a;display:block;font-size:12px}.game-title .settings-button{margin-left:auto}.panel{border-top:1px solid rgba(94,70,46,.32);display:grid;gap:10px;padding-top:12px}.lobby-tools{display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.lobby-tools button{font-size:13px}.map-list{display:grid;gap:6px;max-height:220px;overflow-y:auto}.map-row .map-load{justify-content:flex-start;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coord-badge{background:#1f2d25;border-radius:6px;color:#f6e5b8;display:inline-flex;font-weight:800;justify-self:start;padding:7px 10px}.replay-card{bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;left:calc(14px + env(safe-area-inset-left,0px));max-width:300px;padding:12px;position:absolute;top:calc(14px + env(safe-area-inset-top,0px))}.replay-scoreboard{border-top:1px solid rgba(94,70,46,.32);display:grid;gap:5px;padding-top:10px}.replay-team{align-items:center;display:flex;gap:8px}.replay-team-name{align-items:center;display:inline-flex;font-weight:800;gap:4px}.replay-trophy{color:#c9922b}.replay-team-stats{color:#6a5d4a;font-size:12px;margin-left:auto}.replay-picker{display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto}.replay-picker-title{color:#554733;font-size:12px;font-weight:900;text-transform:uppercase}.replay-item{background:#f6ecd485;border:1px solid rgba(94,70,46,.24);border-radius:7px;box-shadow:none;display:grid;font-family:Inter,ui-sans-serif,system-ui,sans-serif;gap:2px;padding:8px 10px;text-align:left}.replay-item.active{background:#ffffff8c;border-color:#5e462eb3}.replay-item-title{font-size:14px;font-weight:800}.replay-item-meta{color:#6a5d4a;font-size:11px}.replay-hint{color:#6a5d4a;font-size:11px;line-height:1.5;margin-top:auto;padding-top:8px}.replay-transport{background:#e7dcc2f0;border:2px solid rgba(94,70,46,.74);border-radius:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 12px 36px #0000004d;display:grid;gap:8px;left:50%;padding:10px 14px;position:absolute;transform:translate(-50%);width:min(560px,calc(100% - 340px));z-index:6}.replay-scrub-row{align-items:center;display:flex;gap:10px}.replay-frame-num{color:#604f39;font-size:12px;font-variant-numeric:tabular-nums;min-width:62px}.replay-scrub-row input[type=range]{accent-color:#7a5a30;flex:1;min-height:0}.replay-controls{align-items:center;display:flex;gap:6px;justify-content:center}.replay-controls button{align-items:center;display:inline-flex;justify-content:center;min-height:32px;padding:6px 8px}.replay-controls .primary{background:#7a5a30;border-color:var(--wood-deep);box-shadow:0 3px 0 var(--wood-deep);color:#f6e5b8}.replay-speed{display:inline-flex;gap:3px;margin-left:10px}.replay-speed button{font-size:12px;min-height:30px;padding:4px 7px}.replay-speed button.active{background:#7a5a30;border-color:var(--wood-deep);color:#f6e5b8}.replay-now{align-items:center;color:#604f39;display:flex;font-size:13px;gap:10px;justify-content:center}.replay-turn{font-weight:800;font-variant-numeric:tabular-nums}.replay-move{border-left:3px solid #888;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.replay-card{bottom:auto;max-width:220px}.replay-transport{width:calc(100% - 32px)}}