:root{--sky-hi: #9fd0ef;--sky-lo: #dff0fa;--grass: #79a95e;--grass-lo: #5c8a45;--road: #616b75;--road-lo: #4d565f;--sign: #1355a8;--sign-lo: #0d4187;--sign-bot: #3c7a4e;--sign-bot-lo: #2f6540;--ink: #23313f;--baton: #ffd23e;--ok: #3f9e57;--hud-bg: rgba(20, 45, 70, .58);--hud-edge: rgba(255, 255, 255, .26);--horizon: 34%;--pad: 16px;--font: "Segoe UI", "Helvetica Neue", system-ui, -apple-system, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font);color:var(--ink);background:var(--grass-lo);user-select:none;-webkit-user-select:none}.app{position:relative;width:100%;height:100%;overflow:hidden;padding-bottom:18px}.world{position:absolute;inset:0;background:linear-gradient(180deg,var(--sky-hi) 0%,var(--sky-lo) var(--horizon),var(--grass) var(--horizon),var(--grass-lo) 100%);overflow:hidden}.sun{position:absolute;top:6%;right:12%;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff6cf,#ffd96b 70%);box-shadow:0 0 40px #ffd96bb3}.cloud{position:absolute;background:#fff;border-radius:999px;opacity:.85}.c1{top:13%;left:5%;width:76px;height:21px}.c2{top:18%;left:17%;width:48px;height:15px;opacity:.65}.c3{top:9%;left:58%;width:60px;height:18px;opacity:.6}.skyline{position:absolute;left:0;right:0;top:calc(var(--horizon) - 52px);height:52px;opacity:.45}.skyline i{position:absolute;bottom:0;background:#7f9ab0;display:block}.road{position:absolute;top:var(--horizon);bottom:0;left:50%;transform:translate(-50%);width:190%;clip-path:polygon(49.2% 0,50.8% 0,100% 100%,0 100%);background:linear-gradient(180deg,var(--road),var(--road-lo))}.road .dash{position:absolute;left:50%;transform:translate(-50%);background:#f2f4e9;border-radius:2px}.d1{top:3%;width:3px;height:3%;opacity:.85}.d2{top:10%;width:5px;height:5%;opacity:.9}.d3{top:20%;width:7px;height:7%}.d4{top:34%;width:10px;height:9%}.d5{top:52%;width:14px;height:12%}.d6{top:74%;width:18px;height:16%}.game{position:absolute;inset:0 0 18px;display:flex;flex-direction:column;padding:10px var(--pad) 8px;gap:6px;z-index:10}.game.hidden{display:none}.hud{display:flex;gap:7px;align-items:center;flex:none}.pill{height:30px;padding:0 12px;border-radius:999px;background:var(--hud-bg);border:1px solid var(--hud-edge);display:flex;align-items:center;gap:6px;font:700 13px/1 var(--font);color:#fff;white-space:nowrap}.spacer{flex:1}.roundbtn{width:32px;height:32px;border-radius:50%;flex:none;background:var(--hud-bg);border:1px solid var(--hud-edge);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.audio-menu{position:relative;display:inline-flex}.audio-pop{position:absolute;display:flex;gap:6px;padding:6px;border-radius:12px;background:#182c42f5;border:1px solid var(--hud-edge);box-shadow:0 8px 20px #0a1a2c73;z-index:40;animation:audio-pop-in .13s ease-out}.audio-pop[hidden]{display:none}.audio-pop.place-below{top:calc(100% + 6px)}.audio-pop.place-above{bottom:calc(100% + 6px)}.audio-pop.align-left{left:0;transform-origin:top left}.audio-pop.align-right{right:0;transform-origin:top right}.audio-pop.place-above.align-left{transform-origin:bottom left}.audio-pop.place-above.align-right{transform-origin:bottom right}@keyframes audio-pop-in{0%{opacity:0;transform:scale(.7) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.roundbtn.audio-ico svg{display:block;width:18px;height:18px;fill:currentColor}.roundbtn.audio-ico.is-off{opacity:.5}.rival{display:flex;justify-content:center;flex:none}.rival .chip{display:flex;align-items:center;gap:8px;padding:4px 13px 4px 5px;border-radius:999px;background:#ffffffe6;color:var(--ink);box-shadow:0 3px 10px #1e3c5a38;max-width:100%}.rival .ava{width:28px;height:28px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#ffe9c9,#e8b06e);display:flex;align-items:center;justify-content:center;font-size:15px}.rival .txt{display:flex;flex-direction:column;line-height:1.15;min-width:0}.rival b{font:700 12.5px/1.2 var(--font)}.rival span span,.rival .txt span{font:11.5px/1.2 var(--font);color:#5d6c7b}.signs{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;overflow:hidden}.sign{position:relative;max-width:100%;padding:7px 12px 8px;border-radius:9px;background:linear-gradient(180deg,var(--sign),var(--sign-lo));border:3px solid #fff;box-shadow:0 4px 12px #14325a4d;color:#fff;font:800 20px/1 Arial,var(--font);letter-spacing:.03em;text-align:center;cursor:pointer;overflow-wrap:anywhere}.sign.bot{background:linear-gradient(180deg,var(--sign-bot),var(--sign-bot-lo))}.sign .who{display:block;margin-bottom:2px;font:600 9px/1 var(--font);letter-spacing:.14em;color:#ffffffb8}.sign .baton{display:inline-block;padding:0 4px;border-radius:5px;background:var(--baton);color:#4a3a00}.sign:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:6px;height:4px;background:linear-gradient(180deg,#98a2ab,#6e7880)}.sign.s1{font-size:16px;opacity:.92;padding:5px 10px 6px;border-width:2px}.sign.s2{font-size:13px;opacity:.78;padding:4px 9px 5px;border-width:2px}.sign.s3{font-size:11px;opacity:.6;padding:3px 8px 4px;border-width:2px}.sign.s3 .who,.sign.s2 .who{display:none}.sign.fresh{animation:drop .28s ease-out}@keyframes drop{0%{transform:translateY(-14px) scale(.92);opacity:0}}.panel{flex:none;display:flex;flex-direction:column;gap:6px}.factbar{flex:none;min-height:0;text-align:center;font:12px/1.25 var(--font);color:#24402a;background:#ffffffd1;border-radius:9px;padding:0 10px;max-height:0;overflow:hidden;transition:max-height .18s ease,padding .18s ease}.factbar.on{max-height:46px;padding:5px 10px}.prompt{flex:none;text-align:center}.prompt .cap{display:inline-block;padding:5px 13px;border-radius:999px;background:var(--hud-bg);color:#fff;font:700 13.5px/1.15 var(--font);max-width:100%}.prompt .cap b{color:var(--baton);font-size:15.5px}.inputrow{flex:none;display:flex;gap:9px;align-items:stretch}.fieldwrap{position:relative;flex:1 1 auto;min-width:0}.field{width:100%;height:50px;border-radius:14px;padding:0 15px;background:#fff;border:2px solid #cfdce8;color:var(--ink);font:700 19px/1 Arial,var(--font);letter-spacing:.02em;box-shadow:inset 0 2px 5px #2846641f;outline:none}.field{user-select:text;-webkit-user-select:text}.field:focus{border-color:var(--sign)}.field::placeholder{color:#9db0c2;font-weight:600}.go{flex:none;width:84px;height:50px;border-radius:14px;background:linear-gradient(180deg,#57b16c,var(--ok));border:1px solid #7ccb8e;color:#fff;font:800 15.5px/1 var(--font);box-shadow:0 4px 12px #1e5a3252;cursor:pointer}.go:active{transform:translateY(1px)}.acbox{position:absolute;left:0;right:0;bottom:calc(100% + 5px);background:#fff;border:2px solid #cfdce8;border-radius:12px;box-shadow:0 -6px 18px #14325a33;overflow:hidden;display:none;z-index:5}.acbox.on{display:block}.acbox button{display:block;width:100%;text-align:left;padding:9px 14px;background:none;border:none;border-bottom:1px solid #eef3f8;font:600 15px/1.1 var(--font);color:var(--ink);cursor:pointer}.acbox button:last-child{border-bottom:none}.dock{flex:none;display:flex;gap:7px}.action{flex:none;min-width:0;height:44px;min-height:44px;border-radius:12px;background:var(--hud-bg);border:1px solid var(--hud-edge);color:#fff;font:700 12.5px/1.1 var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action:disabled{opacity:.45}.action.primary{background:linear-gradient(180deg,#57b16c,var(--ok));border-color:#7ccb8e;box-shadow:0 4px 12px #1e5a324d}.action.big{height:50px;min-height:50px;font-size:15px}.dock .action{flex:1 1 0}.screen{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:12px var(--pad) 26px}.screen.hidden{display:none}.modal{background:#0c1e308c;z-index:90}.screen .sheet{width:100%;max-width:420px;max-height:100%;background:#fffffff2;border-radius:18px;padding:16px;box-shadow:0 16px 40px #0f284666;display:flex;flex-direction:column;gap:9px;overflow-y:auto}.hometitle{margin:0;font:800 21px/1.15 var(--font);color:#12395f;text-align:center}.homerule{font:12.5px/1.35 var(--font);color:#4e6377;text-align:center}.vocabnote{font:11.5px/1.3 var(--font);color:#7a8a99;text-align:center}.vocabnote:empty{display:none}.oppcap{font:700 12px/1 var(--font);color:#6a7c8c;text-transform:uppercase;letter-spacing:.08em}.opps{display:flex;flex-direction:column;gap:6px}.opp{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:12px;border:2px solid #dbe6f0;background:#f6fafd;cursor:pointer;text-align:left}.opp.on{border-color:var(--sign);background:#eaf3fd}.opp .oi{font-size:19px}.opp .ot{display:flex;flex-direction:column;min-width:0}.opp .ot b{font:700 13.5px/1.2 var(--font);color:#12395f}.opp .ot span{font:11.5px/1.25 var(--font);color:#5d7186}.opp .badge{margin-left:auto;flex:none;font:700 10px/1 var(--font);background:var(--baton);color:#4a3a00;padding:3px 6px;border-radius:6px}.homestats{display:flex;justify-content:space-between;font:12px/1 var(--font);color:#5d7186}.mtitle{font:800 18px/1.2 var(--font);color:#12395f}.mbody{font:13.5px/1.4 var(--font);color:#34495e;display:flex;flex-direction:column;gap:6px}.mbody .row{display:flex;justify-content:space-between;gap:10px}.mbody .row b{white-space:nowrap}.mbody .big{font:800 21px/1.1 var(--font);color:#12395f}.mbody .muted{color:#7a8a99;font-size:12px}.mbtns{display:flex;gap:7px;flex-wrap:wrap}.mbtns .action{flex:1 1 40%;min-width:110px}.mbtns .action.wide{flex:1 1 100%}.pickrow{display:flex;flex-direction:column;gap:6px}.pick{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:11px;border:2px solid #dbe6f0;background:#f6fafd;font:700 14.5px/1.15 var(--font);color:#12395f;cursor:pointer;text-align:left}.pick small{font:400 11.5px/1.2 var(--font);color:#6a7c8c}.route{position:relative;height:30px;margin:4px 0 2px}.route .line{position:absolute;left:0;right:0;top:13px;height:5px;border-radius:3px;background:#d3dfe9}.route .done{position:absolute;left:0;top:13px;height:5px;border-radius:3px;background:var(--sign)}.route .car{position:absolute;top:0;transform:translate(-50%);font-size:19px}.mstones{display:flex;flex-wrap:wrap;gap:5px}.mstone{font:600 11px/1 var(--font);padding:4px 7px;border-radius:7px;background:#eef3f8;color:#9aabba}.mstone.on{background:var(--sign);color:#fff}.lbrow{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}.lbrow.me{font-weight:800;color:#12395f}.toast{position:absolute;left:50%;bottom:84px;transform:translate(-50%,12px);z-index:95;display:flex;align-items:center;gap:9px;max-width:calc(100% - 24px);padding:9px 14px;border-radius:12px;background:#12283ef0;color:#fff;font:600 13px/1.25 var(--font);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.on{opacity:1;transform:translate(-50%);pointer-events:auto}.tbtn{flex:none;background:#ffffff29;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:4px 9px;font:700 11.5px var(--font);cursor:pointer}.tbtn.hidden{display:none}.vtag{position:absolute;right:10px;bottom:2px;z-index:100;font:700 11px/14px var(--font);color:#2b4256;letter-spacing:.02em;pointer-events:none}@media(max-height:520px){:root{--horizon: 30%;--pad: 12px}.road{left:30%}.sun{top:4%;right:auto;left:6%}.skyline{top:calc(var(--horizon) - 34px);height:34px}.game{display:grid;grid-template-columns:1fr minmax(268px,46%);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"hud   rival" "signs panel";column-gap:12px;row-gap:4px;padding:8px var(--pad) 6px}.hud{grid-area:hud}.rival{grid-area:rival;justify-content:flex-end}.signs{grid-area:signs;padding-bottom:2px}.panel{grid-area:panel;justify-content:flex-end;min-height:0}.field,.go{height:42px}.field{font-size:16px}.go{width:70px;font-size:14px}.dock{flex-wrap:wrap}.dock .action{flex:1 1 44%;height:38px;font-size:11.5px}.sign{font-size:16px;padding:5px 10px 6px}.sign.s1{font-size:13px}.sign.s2{font-size:11px}.sign.s3{display:none}.prompt .cap{font-size:12.5px;padding:4px 10px}.prompt .cap b{font-size:14px}.sun{width:40px;height:40px}.cloud{display:none}.toast{bottom:56px}.screen{padding:8px var(--pad) 24px}.screen .sheet{max-width:620px;padding:12px;gap:7px}.hometitle{font-size:18px}.opps{flex-direction:row}.opp{flex:1 1 0;min-width:0;padding:7px 8px}.opp .ot span{display:none}.mbtns .action{flex:1 1 0;min-width:96px}}@media(max-width:430px){.dock{flex-wrap:wrap}.dock .action{flex:1 1 44%}}