:root{--brand: #16a34a;--brand-soft: #dcfce7;--bg: #f4f7f5;--card: #fff;--text: #0f172a;--muted: #64748b;--line: #e2e8f0;--pos: #15803d;--neg: #dc2626;font-family:-apple-system,Segoe UI,Roboto,Inter,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,a.primary{font:inherit;font-weight:600;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:12px 16px;cursor:pointer;width:100%;margin-top:8px;text-align:center;text-decoration:none;display:block}button.primary,a.primary{background:var(--brand);border-color:var(--brand);color:#fff}button.small{padding:8px 12px;font-size:14px}button:active{transform:scale(.98)}.pos{color:var(--pos)}.neg{color:var(--neg)}.lobby{max-width:420px;margin:0 auto;padding:32px 20px;display:flex;flex-direction:column;gap:14px}.lobby .lang{display:flex;gap:6px;justify-content:flex-end}.lobby .lang button{width:auto;margin:0;padding:6px 10px}.lobby .lang .on,.seg .on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.logo{width:64px;height:64px;border-radius:18px;background:var(--brand);color:#fff;font-size:34px;font-weight:800;display:grid;place-items:center}.lobby h1{margin:4px 0 0;font-size:30px}.tag{margin:0;color:var(--muted);font-size:17px}.lobby label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--muted);font-size:14px}.lobby input{font:inherit;padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--text)}.seg{display:flex;gap:6px}.seg button{margin:0}.game{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto 1fr;gap:14px;padding:14px 32px;max-width:1320px;margin:0 auto}.top{grid-column:1 / -1;display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap}.top .tbtns{display:flex;gap:8px;margin-left:auto}.top .tbtns button{display:grid;place-items:center;line-height:1}.top .tbtns button svg{display:block;width:24px;height:24px;margin:0}.top .tchips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}@media(max-width:640px){.game{padding:14px}.top .tchips{order:3;flex-basis:100%}}.brand{display:flex;align-items:center;gap:8px;font-size:18px}.brand img{display:block}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--muted)}.turnchip{color:var(--text)}.top button{width:38px;height:38px;margin:0;padding:0;border-radius:50%;font-size:18px}.board{display:grid;grid-template-columns:repeat(var(--g),minmax(0,1fr));grid-template-rows:repeat(var(--g),minmax(0,1fr));gap:4px;aspect-ratio:1;width:100%;max-height:calc(100vh - 90px);max-width:calc(100vh - 90px);justify-self:center;background:linear-gradient(160deg,#fff,#eef6f0);border-radius:22px;padding:8px;border:1px solid var(--line);box-shadow:0 10px 30px #0f172a0f}.board.free{background:linear-gradient(160deg,#fffbeb,#fef3c7)}.cell{position:relative;border-radius:9px;font-size:clamp(8px,.9vw,11px);font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px;overflow:hidden;color:#334155;min-width:0;min-height:0;box-shadow:inset 0 -2px #0000000f}.cell em{font-style:normal;font-size:clamp(12px,1.7vw,22px);line-height:1}.cell span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell .toks{position:absolute;left:3px;right:3px;bottom:3px;justify-content:center}.c-payday{background:#bbf7d0;color:#14532d}.c-deal,.c-bigdeal{background:#dbeafe;color:#1e3a8a}.c-expense,.c-loss{background:#fee2e2;color:#7f1d1d}.c-chance{background:#fef3c7;color:#78350f}.c-plan{background:#ede9fe;color:#4c1d95}.c-charity{background:#fce7f3;color:#831843}.c-child{background:#e0f2fe;color:#0c4a6e}.c-market{background:#ccfbf1;color:#134e4a}.c-dream{background:#fde68a;color:#713f12}.toks{display:flex;flex-wrap:wrap;gap:2px}.tok{display:inline-block;flex:none;width:clamp(9px,1.3vw,15px);height:clamp(9px,1.3vw,15px);border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px #00000040}.center{display:grid;place-items:center;padding:5%;min-width:0;min-height:0}.panel{width:100%;max-width:360px;text-align:center;background:var(--card);border-radius:20px;padding:18px;box-shadow:0 12px 32px #0f172a1a;border:1px solid var(--line)}.panel h2,.panel h3{margin:0 0 10px}.panel.card{background:var(--card)}.panel dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;text-align:left;margin:10px 0;padding:10px 12px;background:var(--bg);border-radius:12px}.panel dt{color:var(--muted)}.panel dd{margin:0;font-weight:700}.panel .warn{color:#b45309;font-size:14px;margin:4px 0}.panel.muted{box-shadow:none;background:#ffffffb3}.panel.muted p{color:var(--muted);margin:0}.dice{--s: 56px;display:flex;gap:26px;justify-content:center;margin:4px 0 14px}.dice3d{width:min(240px,100%);height:120px;gap:0;margin:0 auto 6px}.die{width:var(--s);height:var(--s);perspective:420px;position:relative}.die:after{content:"";position:absolute;left:12%;right:12%;bottom:-10px;height:8px;border-radius:50%;background:#0f172a2e;filter:blur(3px)}.cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(-30deg) var(--turn, none)}.cube.tumble{animation:tumble 1.8s cubic-bezier(.2,.75,.3,1) both}@keyframes tumble{0%{transform:translateY(-34px) rotateX(calc(var(--spin) * 700deg)) rotateY(calc(var(--spin) * 900deg)) rotate(160deg)}45%{transform:translateY(0) rotateX(calc(var(--spin) * 380deg)) rotateY(calc(var(--spin) * 460deg)) rotate(60deg)}62%{transform:translateY(-12px) rotateX(calc(var(--spin) * 200deg)) rotateY(calc(var(--spin) * 240deg)) rotate(20deg)}80%{transform:translateY(0) rotateX(calc(var(--spin) * 60deg)) rotateY(calc(var(--spin) * 70deg))}}.face{position:absolute;inset:0;border-radius:22%;background:linear-gradient(145deg,#fff,#e8eef2);border:1px solid #cbd5e1;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);place-items:center;padding:14%;backface-visibility:hidden;box-shadow:inset 0 0 8px #0f172a14}.face u{width:78%;height:78%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#475569,#0f172a);box-shadow:inset 0 1px 2px #00000080}.f1 u{background:radial-gradient(circle at 35% 30%,#f87171,#b91c1c)}.f1{transform:translateZ(calc(var(--s) / 2))}.f6{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.f3{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.f4{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.f2{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.f5{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.side{display:flex;flex-direction:column;gap:12px;min-width:0}.side section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px}.side h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.pl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:12px;font-size:14px}.pl .who{display:grid;gap:3px;min-width:0}.pl .who span{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl small{font-weight:600;color:var(--muted)}.pl .tok{width:14px;height:14px}.mini{height:5px;border-radius:3px;background:var(--bg);overflow:hidden}.mini i{display:block;height:100%;border-radius:3px}.cashcol{font-size:16px}.pl.turn{background:var(--brand-soft)}.pl.out{opacity:.4;text-decoration:line-through}.sheet header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.sheet header div{display:grid}.sheet header small{color:var(--muted);font-size:12px}.sheet header b{font-size:17px}.dreambadge{background:#fef3c7;color:#78350f;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;text-align:right}.summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 6px}.summary div{background:var(--bg);border-radius:14px;padding:10px 12px;display:grid;gap:2px}.summary div.up{background:var(--brand-soft);color:var(--pos)}.summary div.down{background:#fee2e2;color:var(--neg)}.summary span{font-size:12px;color:var(--muted)}.summary b{font-size:26px;letter-spacing:-.01em}.verdict{margin:0 0 10px;font-size:13px;font-weight:600}.eq{display:grid;gap:4px;padding:10px 12px;border:1px dashed var(--line);border-radius:14px;font-size:14px}.eq div{display:flex;justify-content:space-between;gap:8px}.eq span{color:var(--muted)}.eq .total{border-top:1px solid var(--line);padding-top:6px;margin-top:2px;font-weight:700}.eq .total span{color:var(--text)}.goal{color:var(--muted);font-size:13px;margin:12px 0 6px}.bar{position:relative;height:26px;background:var(--bg);border-radius:13px;overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#22c55e,var(--brand));border-radius:13px;transition:width .4s}.bar span{position:relative;display:block;text-align:center;line-height:26px;font-size:13px;font-weight:700;color:#0f172a;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff}.sheet h4{margin:14px 0 4px}.sheet ul{list-style:none;margin:0;padding:0;font-size:14px}.sheet li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.sheet li:last-child{border-bottom:0}.log>div{display:flex;gap:8px;align-items:baseline;font-size:13px;padding:3px 0}.log{max-height:260px;overflow:auto}.log .dot{flex:none;width:8px;height:8px;border-radius:50%;transform:translateY(-1px)}@media(max-width:900px){.game{grid-template-columns:minmax(0,1fr);padding:10px;gap:10px}.board{max-height:none;max-width:none;padding:5px;gap:3px;border-radius:16px}.cell{border-radius:6px}.cell span{display:none}.cell em{font-size:clamp(11px,4vw,20px)}.center{padding:3%}.panel{padding:10px;border-radius:14px}.panel button,.panel a.primary{padding:9px 10px;margin-top:6px;font-size:14px}.panel h3{font-size:15px}.panel dl{margin:6px 0;padding:6px 8px;font-size:13px}.dice{--s: 40px}.summary b{font-size:22px}.side .sheet{order:-1}}.or{text-align:center;color:var(--muted);font-size:14px;margin-top:8px}.join{display:flex;gap:8px}.join input{flex:1;min-width:0;font:inherit;padding:12px;border:1px solid var(--line);border-radius:12px;text-transform:uppercase}.join button{width:auto;margin:0}.lobby .players{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px}.lobby .pl{grid-template-columns:1fr auto}button:disabled{opacity:.5}.mine{display:grid;gap:8px;margin-top:8px}.game-row{display:flex;gap:10px;align-items:center;text-align:left;min-width:0;max-width:100%;box-sizing:border-box}.game-row span{flex:1;min-width:0;font-size:13px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-row i{font-style:normal;font-size:12px}.hint{color:var(--muted);font-size:13px;margin:0 0 4px}.modal{position:fixed;inset:0;background:#0f172a8c;display:grid;place-items:center;padding:14px;z-index:50;overflow:auto}.modalbox{background:var(--card);border-radius:20px;padding:20px;max-width:480px;width:100%;max-height:92vh;overflow:auto}.modalbox h2{margin:0 0 10px}.rules{list-style:none;margin:0;padding:0;display:grid;gap:10px}.rules li{display:flex;gap:12px;align-items:flex-start}.rules em{font-style:normal;font-size:26px;line-height:1.1}.rules p{margin:2px 0 0;color:var(--muted);font-size:14px;line-height:1.35}.toasts{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translate(-50%);z-index:40;width:min(94vw,440px);pointer-events:none}.toast{position:relative;pointer-events:auto;background:#fff;color:var(--text);border:2px solid var(--pc);border-radius:8px;padding:12px 44px 12px 16px;font-size:17px;line-height:1.35;box-shadow:0 12px 30px #0f172a33;animation:tin .25s ease-out;transition:opacity .22s,transform .22s;z-index:3}.toast.l1,.toast.l2,.toast.hid{position:absolute;inset:0;overflow:hidden;animation:none;pointer-events:none}.toast.l1{transform:translateY(10px) scale(.96);z-index:2}.toast.l2{transform:translateY(19px) scale(.92);z-index:1;box-shadow:none}.toast.l1>*,.toast.l2>*{visibility:hidden}.toast.hid{visibility:hidden}.toast.gone{opacity:0;transform:translate(40px);z-index:4}.toast b{display:block;color:var(--pc);font-size:18px;font-weight:800}.toast .tx{position:absolute;top:6px;right:6px;width:34px;height:34px;margin:0;padding:0;min-height:0;border:0;border-radius:6px;background:#0f172a0f;color:var(--text);font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer}.toast ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}.toast li{font-weight:600}.toast li:before{content:"•";margin-right:8px;color:var(--muted)}.toast li.pos{color:#15803d}.toast li.neg{color:#b91c1c}.txall{position:absolute;right:0;top:calc(100% + 18px);pointer-events:auto;width:auto;margin:0;min-height:0;padding:7px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--text);font-weight:700;font-size:15px;box-shadow:0 6px 16px #0f172a26;cursor:pointer;z-index:5}.toasts.deep .txall{top:calc(100% + 27px)}@media(max-width:600px){.toast{font-size:16px;padding:10px 44px 10px 14px}.toast b{font-size:16px}}@keyframes tin{0%{opacity:0;transform:translateY(-10px)}}.cell .tok{transition:none;animation:pop .18s ease-out}@keyframes pop{0%{transform:scale(.4)}}.preview{display:grid;gap:4px;margin:8px 0;padding:8px 12px;border-radius:12px;background:var(--brand-soft);font-size:14px;text-align:left}.preview div{display:flex;justify-content:space-between;gap:8px}.preview span{color:var(--muted)}.preview em{font-style:normal}.result{margin:6px 0 12px!important}.sheet li small{color:var(--muted);font-size:12px;margin-left:4px}.lost{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:10px 14px;border-radius:14px;background:#fef3c7;color:#78350f}.lost span{flex:1 1 220px;font-size:13px}.lost .acts{display:flex;gap:8px}.lost button{width:auto;margin:0;padding:8px 14px;font-size:14px}.modalbox.small{max-width:360px;text-align:center}.ask{margin:4px 0 8px;font-size:16px}.petcard{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px}.petcard.small{margin-top:10px}.pet{flex:none;animation:bob 2.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-3px)}}.petinfo{flex:1;min-width:0;display:grid;gap:6px}.petname{display:flex;gap:8px;align-items:baseline}.petname span{color:var(--muted);font-size:13px}.xpbar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,var(--brand));border-radius:3px}.bubble{position:relative;margin:0;background:var(--brand-soft);color:#14532d;border-radius:14px;padding:8px 12px;font-size:14px;line-height:1.35}.backbtn{width:auto;align-self:flex-start;margin:0;padding:8px 12px}.lessons{list-style:none;margin:0;padding:0;display:grid;gap:8px}.lesson{display:flex;gap:12px;align-items:center;text-align:left;margin:0}.lesson em{font-style:normal;font-size:26px;flex:none}.lesson div{flex:1;display:grid;gap:2px;min-width:0}.lesson small{color:var(--muted);font-size:12px;font-weight:600}.lesson span{color:var(--muted);font-size:13px;font-weight:500}.lesson i{font-style:normal;color:#fff;background:var(--brand);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;flex:none}.lesson.done{border-color:#86efac}.lesson.locked{opacity:.55}.debtsbtn{display:grid;gap:4px;text-align:left;background:#fef3c7;border-color:#fde68a}.debtsbtn span{font-size:13px;font-weight:500;color:#78350f}.fine{color:var(--muted);font-size:12px;margin:0;text-align:center}.lessonbox .lhead{display:flex;gap:12px;align-items:center;margin-bottom:8px}.lessonbox .lhead small{color:var(--muted);font-weight:600}.lessonbox h2{margin:2px 0 0}.lessonbox h4{margin:12px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.story{font-size:15px;line-height:1.45;margin:6px 0 10px}.goalbox{display:grid;gap:2px;background:var(--brand-soft);border-radius:14px;padding:10px 12px;color:#14532d}.goalbox small{font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em;opacity:.8}.goalbox.life{background:#fef3c7;color:#78350f;margin-top:10px}.learned{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14px;line-height:1.4}.reward{margin:4px 0 6px;color:var(--pos);font-weight:600}.coach{grid-column:1 / -1;display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:8px 12px}.coach .hani{flex:none}.coach .cbody{flex:1;min-width:0;display:grid;gap:6px}.lgoal{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}.lgoal small{font-size:12px;color:var(--muted);font-weight:600}.lgoal .bar{grid-column:1 / -1}.lgoal .left{grid-row:1;grid-column:2}.bar.thin{height:8px;border-radius:4px}.bar.thin i{border-radius:4px}.lessonchip{color:#4c1d95;background:#ede9fe;border-color:#ddd6fe}.top button.on{background:var(--brand-soft);border-color:var(--brand)}.debtrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px;margin-bottom:8px}.debtrow>input{grid-column:1 / -1;font-weight:700}.debtrow label{font-size:12px!important}.debtrow input{width:100%;min-width:0;padding:10px!important}.debtrow .rm{grid-column:1 / -1;margin:0;color:var(--neg)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.plan{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;gap:4px;align-content:start;font-size:14px}.plan.best{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.plan>small{color:var(--muted);font-size:12px}.plan dl{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;margin:6px 0}.plan dt{color:var(--muted);font-size:12px}.plan dd{margin:0;font-weight:700;text-align:right}.plan ol{margin:0;padding-left:18px;font-size:13px}.plan ol i{color:var(--muted);font-style:normal;font-size:12px}@media(max-width:480px){.plans{grid-template-columns:1fr}.debtrow{grid-template-columns:1fr 1fr}}@media(max-width:900px){.coach{padding:6px 10px}.coach .hani{width:44px;height:44px}.bubble{font-size:13px}}.game.withcoach .board{max-height:calc(100vh - 175px);max-width:calc(100vh - 175px)}.debtrow .rm{grid-column:1 / -1;justify-self:end;width:auto;margin:0;padding:4px 8px;font-size:13px;background:none;border:0}@media(max-width:900px){.game.withcoach .board{max-height:none;max-width:none}}.totalbar{display:grid;gap:6px;font-size:13px;color:var(--muted);font-weight:600}.module{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:4px 10px}.module summary{display:flex;gap:12px;align-items:center;padding:10px 2px;cursor:pointer;list-style:none}.module summary::-webkit-details-marker{display:none}.module summary em{font-style:normal;font-size:26px}.module summary div{flex:1;display:grid;gap:2px;min-width:0}.module summary span{font-size:13px;color:var(--muted)}.module summary i{font-style:normal;font-size:13px;font-weight:700;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:3px 9px}.module .lessons{padding-bottom:10px}.lesson.next{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.lobby.story{gap:12px;margin-left:auto;margin-right:auto}.storytop{display:flex;gap:8px;align-items:center;justify-content:space-between}.storytop .chip{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{height:6px;background:var(--line);border-radius:3px;overflow:hidden}.progress i{display:block;height:100%;background:var(--brand);border-radius:3px;transition:width .4s}.meters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.meter{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;display:grid;gap:2px;position:relative;min-width:0}.meter span{font-size:11px;color:var(--muted);font-weight:600}.meter b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter.neg b{color:var(--neg)}.meter.pos b{color:var(--pos)}.meter em{font-style:normal;font-size:11px;font-weight:700;animation:tin .3s ease-out}.calmbar{height:8px;border-radius:4px;background:var(--bg);overflow:hidden;margin-top:6px}.calmbar i{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#22c55e);transition:width .5s}.scene{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px}.scene small{color:var(--muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.scene p{margin:6px 0 0;font-size:17px;line-height:1.45}.choices{display:grid;gap:8px}.choices button{margin:0;text-align:left;padding:14px 16px;font-weight:600;line-height:1.35}.choices button:hover{border-color:var(--brand)}.coachline{display:flex;gap:10px;align-items:center}.verdictbox{display:flex;gap:12px;align-items:flex-start;border-radius:18px;padding:12px 14px;animation:tin .3s ease-out}.verdictbox.ok{background:var(--brand-soft);color:#14532d}.verdictbox.bad{background:#fef3c7;color:#78350f}.verdictbox .hani{flex:none}.verdictbox p{margin:4px 0 0;font-size:15px;line-height:1.4}@media(max-width:420px){.meters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:901px){.center{padding:3%}.center .panel{max-width:none;height:100%;display:flex;flex-direction:column;justify-content:center;overflow:auto;padding:4%}.center .panel h2,.center .panel h3{font-size:clamp(20px,2.2vw,30px)}.center .panel p,.center .panel dl{font-size:clamp(15px,1.4vw,19px)}.center .panel button,.center .panel a.primary{padding:14px;font-size:clamp(15px,1.4vw,18px)}.center .dice{--s: clamp(56px, 6vw, 84px);margin-bottom:20px}.center .dice3d{width:min(100%,360px);height:clamp(120px,14vw,180px)}}@media(max-width:900px){.center .panel:not(.muted):has(h2,h3){position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:50;width:min(92vw,400px);max-height:86vh;overflow:auto;padding:28px 20px;border-radius:22px;box-shadow:0 0 0 100vmax #0f172a80,0 20px 50px #0f172a4d}.center .panel:not(.muted):has(h2,h3) h3{font-size:18px;margin-bottom:16px}.center .panel:not(.muted):has(h2,h3) button,.center .panel:not(.muted):has(h2,h3) a.primary{margin-top:10px}.center .panel:not(.muted):has(h2,h3) button,.center .panel:not(.muted):has(h2,h3) a.primary{padding:12px;font-size:15px}.center .panel:not(.muted):has(h2,h3) dl{font-size:14px}}.lobby{max-width:520px;width:100%;box-sizing:border-box}.lobby .lang{flex-wrap:wrap}.lgrid,.lcol{display:flex;flex-direction:column;gap:14px}.lobby .lang button{min-height:36px}.lobby button,.lobby input{min-height:44px}@media(min-width:700px){.lobby{max-width:760px;padding:40px 28px;gap:18px}.lobby h1{font-size:36px}.tag{font-size:18px}.lgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.lcol{gap:16px}.lcol+.lcol{padding-top:6px}.lcol .or{margin-top:0;text-align:left}.lessons{grid-template-columns:repeat(2,minmax(0,1fr))}.modalbox{max-width:560px}.modalbox.small{max-width:400px}.lobby .plans{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.lobby{max-width:1320px;padding:24px 32px 48px}.lobby h1{font-size:42px}.lobby.school{max-width:1320px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:14px;align-items:start}.lobby.school>:not(details.module){grid-column:1 / -1}.lobby.school .lessons{grid-template-columns:1fr}.lobby.school .petcard{max-width:640px}.lobby.debts{max-width:880px}.modalbox{max-width:620px}}@media(min-width:1100px){.choices{grid-template-columns:1fr 1fr 1fr}.choices button{height:100%}}@media(max-width:900px){.board.free{aspect-ratio:1 / 1.2;grid-template-columns:.5fr 1fr 1fr .5fr;grid-template-rows:.5fr 1.3fr 1.3fr .5fr}.board.free .center .panel{max-width:none;width:100%;box-sizing:border-box;padding:12px;overflow:auto;max-height:100%}}.board.free .center{padding:2%}.board.free .center .panel:not(:has(h2,h3)){width:100%;box-sizing:border-box;padding:10px;max-height:100%;overflow:auto}.board.free .center .panel:not(.muted):has(h2,h3){position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:50;width:min(92vw,460px);max-height:86vh;overflow:auto;padding:28px 24px;border-radius:22px;box-sizing:border-box;box-shadow:0 0 0 100vmax #0f172a80,0 20px 50px #0f172a4d}.board.free .center .dice3d{height:clamp(70px,8vw,110px);margin-bottom:4px}.board.free .center .panel p{margin:4px 0}.board.free .center .panel button,.board.free .center .panel a.primary{margin-top:6px;padding:10px}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 28px}.tb-brand{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;font-size:18px;justify-self:start}.tb-brand img{border-radius:10px;box-shadow:0 2px 6px #0f172a1f}.tabs{display:inline-flex;gap:4px;justify-self:start}:is(.lobby,.game) .tabs button{margin:0;width:auto;min-height:0;border:0;background:transparent;padding:8px 18px;font-weight:700;font-size:15px;border-radius:999px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;transition:background .15s,color .15s,box-shadow .15s}:is(.lobby,.game) .tabs button:hover{color:var(--text);background:#0f172a0d}.tabs .tab-ext{padding:8px 16px;font-weight:700;font-size:15px;border-radius:999px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap}.tabs .tab-ext:hover{color:var(--text);background:#0f172a0d}:is(.lobby,.game) .tabs button.on{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0f172a24,0 0 0 1px #0f172a0a}.tb-right{display:flex;align-items:center;gap:8px;justify-self:end}.langmenu,.acct{position:relative}.acct button{margin:0}.acct-in{width:auto;min-height:40px;padding:6px 16px;border-radius:999px;background:var(--brand);border:1px solid var(--brand);color:#fff;font-size:14px;font-weight:700}.avatar{width:44px;min-width:44px;height:44px;min-height:44px;box-sizing:border-box;aspect-ratio:1;padding:0;border-radius:50%;background:var(--brand-soft);border:1px solid var(--brand);color:var(--brand);font-size:16px;font-weight:800;display:grid;place-items:center}.acct-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #0f172a29;min-width:180px}.acct-menu small{color:var(--muted);word-break:break-all}.acct-menu .link{align-self:flex-start}:is(.lobby,.game) .lang-btn{width:auto;margin:0;min-height:40px;padding:6px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:14px}.lang-btn i{font-style:normal;display:none}.lang-btn .caret{color:var(--muted);font-size:11px}.lang-list{position:absolute;right:0;top:calc(100% + 6px);z-index:30;list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #0f172a29;min-width:200px;max-height:70vh;overflow:auto}:is(.lobby,.game) .lang-list button{width:100%;margin:0;min-height:40px;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:10px;font-weight:600}:is(.lobby,.game) .lang-list button:hover{background:var(--bg)}:is(.lobby,.game) .lang-list button.on{background:var(--brand-soft);color:#14532d}.lang-list small{color:var(--muted);font-weight:700;font-size:12px}@media(max-width:640px){.topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px}.topbar>*{min-width:0}.tb-brand b{display:inline}.topbar .tabs{grid-column:1 / -1;grid-row:2;justify-self:stretch;justify-content:space-between}.topbar .tabs>*{flex:1;justify-content:center}.tabs .tab-ext{padding:8px 10px;font-size:14px}:is(.lobby,.game) .tabs button{padding:8px 12px;font-size:14px}.lang-btn b,.lang-btn .globe{display:none}.lang-btn i{display:inline;font-weight:700}:is(.lobby,.game) .lang-btn{padding:6px 10px}}.lobby.home{gap:20px}.hero{display:grid;gap:18px;background:linear-gradient(160deg,#ecfdf3,#fff 60%);border:1px solid #d1fadf;border-radius:28px;padding:22px}.hero-art{position:relative;display:grid;place-items:center;min-height:170px}.hero-art svg{position:relative;width:150px;height:150px;animation:bob 2.6s ease-in-out infinite}.hero-ring{position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#bbf7d0,#bbf7d000 70%)}.coin{position:absolute;width:30px;height:30px;border-radius:50%;background:#facc15;color:#854d0e;font-weight:800;display:grid;place-items:center;box-shadow:inset 0 -3px #eab308;animation:bob 3s ease-in-out infinite}.coin.c1{left:16%;top:18%}.coin.c2{right:18%;top:30%;animation-delay:.6s}.coin.c3{left:26%;bottom:8%;animation-delay:1.2s;width:24px;height:24px;font-size:13px}.hero-main{display:flex;flex-direction:column;gap:10px}.lobby.home h1{margin:0;font-size:30px;letter-spacing:-.02em}.quick{display:flex;flex-direction:column;gap:12px;margin-top:6px}.lobby .primary.big{min-height:56px;font-size:18px;border-radius:16px;box-shadow:0 4px #15803d;transition:transform .08s,box-shadow .08s}.lobby .primary.big:active{transform:translateY(3px);box-shadow:0 1px #15803d}.lobby button.link{border:0;background:transparent;color:var(--brand);min-height:0;padding:4px;margin:0}.tiles{display:grid;gap:14px}.tile{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:12px}.tile h3{margin:0;font-size:17px}.lobby .primary.soft{background:var(--brand-soft);border-color:var(--brand-soft);color:#14532d}.tile .mine{margin:0}.tile .mine:empty{display:none}.tag.small{font-size:13px}@media(min-width:700px){.hero{grid-template-columns:220px minmax(0,1fr);align-items:center;padding:28px 32px}.hero-art{min-height:220px}.hero-art svg{width:190px;height:190px}.hero-ring{width:220px;height:220px}.tiles{grid-template-columns:1fr 1fr;align-items:start}.lobby.home h1{font-size:38px}}@media(min-width:1100px){.hero{grid-template-columns:320px minmax(0,1fr);padding:36px 48px}.hero-art svg{width:240px;height:240px}.hero-ring{width:300px;height:300px}.lobby.home h1{font-size:46px}.quick{max-width:460px}}.ico{flex:none;display:block}.lesson em,.module summary em{display:grid;place-items:center;width:40px;height:40px;flex:none;font-size:26px}.lhead small,.chip{display:inline-flex;align-items:center;gap:6px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted, #64748b)}.roster{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.opp{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;margin:0;border-radius:16px;border:2px solid #e2e8f0;background:#fff;opacity:.55;transition:transform .12s,opacity .12s,border-color .12s}.opp .av{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:22px;background:color-mix(in srgb,var(--c) 18%,#fff);border:2px solid var(--c)}.opp b{font-size:13px;color:#0f172a}.opp .tick{position:absolute;top:4px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--c);color:#fff;font-size:11px;font-style:normal;line-height:18px;display:none}.opp.on{opacity:1;border-color:var(--c);box-shadow:0 4px 14px color-mix(in srgb,var(--c) 28%,transparent);transform:translateY(-2px)}.opp.on .tick{display:block}@media(max-width:380px){.roster{grid-template-columns:repeat(3,1fr)}}.regbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin:10px 0;border-radius:14px;background:#fff8e1;border:1px solid #fde68a;font-size:14px}.regbar span{flex:1 1 200px}.regbar button{margin:0;width:auto}.regbar .x{background:none;border:0;font-size:20px;line-height:1;padding:2px 8px;color:#94a3b8}.regbar.ok{background:#ecfdf5;border-color:#bbf7d0}.modal.reg input{width:100%;margin:6px 0;box-sizing:border-box}.modal.reg .err{color:#b45309}.modal.reg button{width:100%;margin-top:6px}.regbar{position:relative;padding-right:38px;flex-wrap:nowrap}.regbar span{flex:1 1 auto}.regbar .x{position:absolute;top:4px;right:4px}.regbar.ok{padding-right:14px;flex-wrap:wrap}.modal.reg input{padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;font-size:16px;background:#fff}.ico{vertical-align:-.2em;flex:none}.opp .av{overflow:hidden}.tabs button span,.tabs .tab-ext span{display:inline-flex;align-items:center}#play.primary.big,#mylink,.tile h3,#share{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-direction:row}.tile h3{display:flex;justify-content:flex-start}#play .ico{width:26px;height:26px}.regbox{position:relative;padding:26px 22px 20px;text-align:center;background:linear-gradient(180deg,#ecfdf5 0,var(--card) 140px)}.regbox h2{margin:4px 0 10px;font-size:22px}.regbox .rhero{display:grid;place-items:center}.regbox .rclose{position:absolute;top:10px;right:10px;width:34px;height:34px;margin:0;padding:0;border-radius:50%;border:0;background:#fff;color:#475569;font-size:22px;line-height:1;box-shadow:0 1px 4px #0f172a26}.regbox h2{margin-bottom:4px}.regbox .rsub{margin:0 0 12px;color:#64748b;font-size:14px;line-height:1.4}.regbox .rsep{display:flex;align-items:center;gap:10px;margin:14px 0 12px;color:#94a3b8;font-size:13px}.regbox .rsep:before,.regbox .rsep:after{content:"";flex:1;height:1px;background:#e2e8f0}.regbox .roauth{display:grid;grid-template-columns:1fr 1fr;gap:10px}.regbox .oauth{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;min-height:46px;border:1.5px solid #e2e8f0;border-radius:14px;background:#fff;color:#0f172a;font-weight:600;font-size:15px}.regbox .perks{list-style:none;margin:0 auto 14px;padding:0;display:grid;gap:4px;width:fit-content;text-align:left;font-size:14px;color:#334155}.regbox .perks li{display:flex;align-items:center;gap:8px}.regbox .hint.err{margin:2px 0 0}.regbox button.link.inline{display:inline;width:auto;margin:0;padding:0;color:var(--brand);font-weight:600;min-height:0}.regbox #rresend:disabled{opacity:1;color:#94a3b8}.regbox .codein{text-align:center;font-size:24px;letter-spacing:8px;font-weight:700}.regbox .link{background:none;border:0;color:#64748b;margin-top:4px}.regbox button.rclose{width:34px!important;min-width:0;height:34px;display:grid;place-items:center;z-index:2}.regbox .rhero{margin-top:6px}.regtxt{display:flex;align-items:center;gap:10px}.tabs .tab-ext span img{display:block}.game>.topbar{grid-column:1 / -1}.lobby.story{max-width:1320px}.st-wrap{width:100%;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.lobby.story .storytop{justify-content:flex-start}.lobby.story .backbtn{min-height:44px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;color:#0a7a55;font-weight:700}.st-title{margin:0;display:flex;align-items:center;gap:12px;font-size:32px;line-height:1.2;color:#14392f}.st-title svg{flex:none}.st-prog{display:flex;align-items:center;gap:20px;background:var(--card);border:1px solid #e2ebe6;border-radius:20px;padding:14px 20px;box-shadow:0 4px 16px #14392f0d}.st-prog b{white-space:nowrap;font-size:15px}.st-prog ol{list-style:none;margin:0;padding:0;flex:1;display:flex;gap:8px}.st-prog li{flex:1;height:10px;border-radius:999px;background:#d9eee4;transition:background .3s}.st-prog li.done{background:#0dab76}.st-prog li.now{background:#fff;box-shadow:inset 0 0 0 2px #0dab76}.lobby.story .meters{gap:12px}.lobby.story .meter{min-height:80px;padding:14px 16px;border-radius:20px;border-color:#e2ebe6;box-shadow:0 4px 16px #14392f0d;align-content:center}.lobby.story .meter span{font-size:13px}.lobby.story .meter b{font-size:22px}.st-main{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.st-card{background:var(--card);border:1px solid #e2ebe6;border-radius:20px;padding:24px;box-shadow:0 4px 16px #14392f0d;display:flex;flex-direction:column;gap:16px;min-width:0}.st-tag{align-self:flex-start;background:#fdf1d3;color:#8a5a00;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px}.st-text{margin:0;font-size:18px;line-height:1.55;max-width:60ch;color:#14392f}.st-ask{margin:8px 0 0;font-size:20px;color:#14392f;padding-top:16px;border-top:1px solid #e2ebe6}.lobby.story .st-choices{display:flex;flex-direction:column;gap:12px}.lobby.story .st-choice{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;height:auto;padding:16px;border-radius:14px;background:#fff;border:1px solid #e2ebe6;text-align:left;font-size:16px;font-weight:600;line-height:1.35;color:#14392f;cursor:pointer;transition:background .15s,border-color .15s}.st-choice i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dcf5e9;color:#0a7a55;font-style:normal;font-weight:800}.st-choice span{flex:1;min-width:0;overflow-wrap:anywhere}.st-choice .chev{flex:none;color:#5b7a6e}.lobby.story .st-choice:hover{background:#effaf4;border-color:#0dab76}.lobby.story .st-choice:focus-visible,.lobby.story .st-next:focus-visible,.lobby.story .backbtn:focus-visible,.st-card .verdictbox:focus-visible{outline:3px solid #0dab76;outline-offset:3px}.st-pick{margin:0;color:var(--muted);font-size:14px}.st-card .verdictbox{border-radius:14px;padding:16px}.st-card .verdictbox.ok{background:#e3f7ec;color:#14532d}.st-card .verdictbox.bad{background:#fdf0d8;color:#7a4a0a}.st-card .verdictbox p{font-size:16px;line-height:1.5}.lobby.story .st-next{min-height:48px}.st-hani{background:#e7f7ef;border:1px solid #cdeedd;border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.st-hani h3{margin:0;font-size:18px;color:#14392f}.st-hani .bubble{margin:0;background:#f6fffa;width:100%;box-sizing:border-box;border-radius:14px;padding:14px}@media(max-width:800px){.lobby.story{padding:12px 16px 32px}.st-title{font-size:24px}.st-title svg{width:28px;height:28px}.st-prog{padding:12px 16px;gap:12px}.lobby.story .meters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.st-main{grid-template-columns:1fr;gap:16px}.st-card{padding:20px}.st-hani{order:2;flex-direction:row;text-align:left;padding:14px 16px;gap:12px}.st-hani svg{width:48px;height:48px;flex:none}.st-hani h3{display:none}.st-hani .bubble{flex:1}}html,body{overflow-x:hidden}.tiles>*,.tile,.tile>*,.lobby>*{min-width:0;max-width:100%;box-sizing:border-box}.game-row i{flex:none}.acct-menu[hidden],.lang-list[hidden]{display:none!important}.sheet li{align-items:center}.sheet li>button.small{padding:4px 10px;font-size:12px;margin:0 0 0 4px;width:auto;flex:none}.modalbox input#ramt{width:100%;box-sizing:border-box;font-size:22px;font-weight:700;text-align:center;padding:10px;margin:6px 0 10px;border:1px solid var(--line);border-radius:12px}@media(min-width:901px)and (max-width:1279px),(min-width:1280px)and (max-height:860px){.center .panel:not(.muted):has(h2,h3){position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:50;width:min(92vw,460px);height:auto;max-height:86vh;overflow:auto;padding:28px 24px;border-radius:22px;box-shadow:0 0 0 100vmax #0f172a80,0 20px 50px #0f172a4d}.center .panel:not(.muted):has(h2,h3) button,.center .panel:not(.muted):has(h2,h3) a.primary{margin-top:10px;padding:12px;font-size:15px}}.hanihint{display:flex;gap:8px;align-items:center;text-align:left;background:var(--brand-soft);border-radius:12px;padding:8px 10px;margin:8px 0;font-size:13px}.hanihint .hani{flex:none}.pl{grid-template-columns:auto minmax(0,1fr) auto auto}.pl .acts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.pl .acts:empty{display:none}.pl .acts>button.small{padding:4px 10px;font-size:12px;width:auto;flex:none}.waitoffer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:6px 8px}.waitoffer button.small{padding:4px 10px;font-size:12px;width:auto}.owed{margin:8px 0 0;font-size:13px;color:var(--muted)}.tradebox{text-align:left}.tradebox .ask{text-align:center}.tradebox .tabs3{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tradebox .tabs3 button{flex:1 1 auto;width:auto;padding:8px 10px;font-size:13px}.tradebox .tabs3 button.on{background:var(--brand-soft);border-color:var(--brand)}.tradebox label{display:grid;gap:4px;font-size:13px;color:var(--muted);margin:8px 0}.tradebox input,.tradebox select{width:100%;box-sizing:border-box;font-size:18px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}.tradebox #tto{margin-bottom:4px}.tradebox .hint{margin:6px 0}.modalbox input{width:100%;box-sizing:border-box;font:inherit;padding:12px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;color:var(--text)}#closeroom{margin-top:10px;color:#b91c1c}.lobby.room{max-width:560px;gap:16px}.lobby.room .roomgrid{display:flex;flex-direction:column;gap:16px}.lobby.room .rcard{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px}.lobby.room .rcard .tag{margin:0}.lobby.room .join input{text-transform:none;font-size:14px}.lobby.room .join button{white-space:nowrap;padding-inline:18px}.lobby.room .players{background:transparent;border:0;padding:0;display:grid;gap:6px}.lobby.room .pl{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--bg, #f4f7f5)}.lobby.room .pl b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby.room .pl span{color:var(--muted);font-size:13px}.lobby.room .pl button.small{width:auto;min-height:34px;margin:0;padding:6px 12px;font-size:13px;flex:none}.lobby.room .botsbox{display:grid;gap:8px;padding-top:4px}.lobby.room .botsbox .bh{display:grid;gap:2px}.lobby.room .botsbox .bh b{font-size:14px;color:var(--text)}.lobby.room .botsbox .bh span{font-size:13px;color:var(--muted)}.lobby.room .seg{display:flex;gap:8px}.lobby.room .seg button{flex:1;min-width:0;margin:0}.lobby.room #start{margin:4px 0 0}.lobby.room .roomfoot{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.lobby.room .roomfoot button{width:auto;flex:1 1 180px;max-width:280px;margin:0}.lobby.room #closeroom{margin:0}@media(min-width:700px){.lobby.room{max-width:880px}.lobby.room .roomgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.lobby.room .seg{max-width:360px}.lobby.room .roomfoot{justify-content:flex-start}.lobby.room .roomfoot button{flex:0 0 auto;min-width:180px}}.lobby.debts .how{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:8px}.lobby.debts .how li{counter-increment:s;display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.lobby.debts .how li:before{content:counter(s);flex:none;width:24px;height:24px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-weight:800;font-size:13px;display:grid;place-items:center}.lobby.debts .hint{font-weight:400;color:var(--muted);font-size:12px}@media(min-width:900px){.lobby.debts .how{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.lobby.room{max-width:1320px}.lobby.room .roomgrid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px}.lobby.room .seg{max-width:460px}}#chatw{position:fixed;right:14px;bottom:14px;z-index:40}#chatw[hidden]{display:none}#chatbtn{position:relative;width:52px;height:52px;border-radius:50%;padding:0;box-shadow:0 6px 20px #0f172a2e}#chatbadge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#ef4444;color:#fff;font:700 12px/20px system-ui;font-style:normal;text-align:center;padding:0 5px}#chatbox{width:min(340px,calc(100vw - 28px));background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px #0f172a33;display:flex;flex-direction:column;overflow:hidden}#chatbox[hidden]{display:none}#chatbox .chead{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}#chatbox .chead button{border:0;background:none;font-size:22px;padding:0 4px}#chatlog{height:min(300px,40vh);overflow:auto;padding:10px 14px;display:flex;flex-direction:column;gap:6px;font-size:14px}#chatlog .cl b{color:var(--muted)}#chatlog .cl.mine b{color:#16a34a}#chatlog em{font-style:normal;font-size:10px;font-weight:700;background:#e0e7ff;color:#4338ca;border-radius:6px;padding:1px 5px}#chatform{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}#chatform input{flex:1;min-width:0;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:12px}#chatw button{width:auto;margin:0;display:inline-block}#chatw #chatbtn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;background:var(--card);border:1px solid var(--line)}#chatbtn[hidden]{display:none}#chatbox .chead b{white-space:nowrap}#chatbox .chead button{padding:0 6px;border:0;background:none}#chatform button{flex:none;padding:8px 14px}#chatform input{width:auto}#chatw{bottom:calc(14px + env(safe-area-inset-bottom))}#chatcloud{position:fixed;right:18px;bottom:18px;z-index:40;width:auto;margin:0;min-height:0;display:flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 28px #0f172a33;cursor:pointer;animation:tin .25s ease-out}#chatcloud i{font-style:normal;min-width:22px;height:22px;border-radius:11px;background:#ef4444;color:#fff;font:700 13px/22px system-ui;text-align:center;padding:0 6px}#chatdock{display:none}@media(min-width:1200px){.game{--bw: clamp(420px, calc(100vh - 90px) , 760px);grid-template-columns:var(--bw) minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row dense;align-items:start;max-width:1500px}.game.withcoach{--bw: clamp(420px, calc(100vh - 175px) , 760px)}.game>.board,.game.withcoach>.board{grid-column:1;width:var(--bw);max-width:none;max-height:none;justify-self:start}.game>#chatdock{display:block;grid-column:1}.game>.side{grid-column:2;grid-row:span 2}#chatw.docked{position:static;width:100%}#chatw.docked #chatbtn,#chatw.docked #chatx{display:none}#chatw.docked #chatbox,#chatw.docked #chatbox[hidden]{display:flex;width:100%;box-shadow:none}#chatw.docked #chatlog{height:190px}}@media(min-width:1500px){.game>.side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.side>.players{grid-column:1;grid-row:1}.side>.log{grid-column:1;grid-row:2}.side>.sheet{grid-column:2;grid-row:1 / span 3}.side>button{grid-column:1 / -1}}#closeroom.linkdanger{width:auto;display:block;margin:10px 0 0 auto;padding:4px 8px;border:0;background:none;color:var(--muted);font-size:12px;font-weight:500;text-decoration:underline}#closeroom.linkdanger:hover{color:#b91c1c}@media(min-width:1500px){.game>.side{grid-template-rows:auto 1fr}.side>.sheet{grid-row:1 / -1}.side>.log{max-height:none;min-height:120px;overflow:auto;align-self:stretch;contain:size}}.mrow{display:flex;gap:6px;align-items:stretch}.mrow .game-row{flex:1;min-width:0;margin:0}.mrow .mact{width:auto;flex:none;margin:0;padding:6px 10px;font-size:13px}.mrow .mact.danger{color:#b91c1c}.cell.cur{z-index:2;box-shadow:0 0 0 3px var(--brand),0 0 0 6px #16a34a33,0 6px 14px #0f172a33;animation:curpulse 1.6s ease-in-out infinite}@keyframes curpulse{50%{box-shadow:0 0 0 3px var(--brand),0 0 0 9px #16a34a14,0 6px 14px #0f172a33}}.center{position:relative}.center .here{position:absolute;top:2%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 16px 6px 6px;max-width:94%;box-sizing:border-box;background:var(--card);border:2px solid var(--pc);border-radius:8px;box-shadow:0 4px 12px #0f172a1a;white-space:nowrap;z-index:1}.center .here em{font-style:normal;display:grid;place-items:center;flex:none;background:var(--brand-soft);border-radius:6px;padding:4px}.center .here span{display:grid;text-align:left;line-height:1.1;min-width:0}.center .here small{color:var(--pc);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.center .here b{font-size:18px;color:var(--text);overflow:hidden;text-overflow:ellipsis}.center:has(.here){padding-top:2%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.center:has(.here) .here{position:static;transform:none;flex:none}.center:has(.here)>.panel{flex:0 1 auto;min-height:0;height:auto;width:100%;box-sizing:border-box}.center:has(.here) .dice3d{height:clamp(90px,9vw,140px)}@media(min-width:901px){.center .here{top:3%;gap:12px;padding:8px 22px 8px 8px;border-radius:8px;box-shadow:0 6px 18px #0f172a1a}.center .here em{padding:6px;border-radius:6px}.board:not(.free){grid-template-columns:1.4fr repeat(var(--gi),minmax(0,1fr)) 1.4fr;grid-template-rows:1.4fr repeat(var(--gi),minmax(0,1fr)) 1.4fr}.board:not(.free) .cell{font-size:clamp(10px,.8vw,13px);padding:2px 1px;gap:2px}.board:not(.free) .cell svg.ico{width:clamp(18px,1.6vw,26px);height:clamp(18px,1.6vw,26px)}.board:not(.free) .cell span{letter-spacing:-.01em}.center .here small{font-size:14px}.center .here b{font-size:21px}}.modalbox.aihelp{max-width:560px;text-align:left}.aihelp p{margin:6px 0;font-size:14px;line-height:1.45}.aihelp .aiurl{display:grid;gap:4px;font-weight:600;font-size:13px;color:var(--muted);margin:10px 0}.aihelp .aiurl .join{display:flex;gap:8px}.aihelp .aiurl input{text-transform:none;margin:0;font-size:14px;flex:1;min-width:0}.aihelp .aiurl button{width:auto;margin:0;flex:none}.aihelp details{border:1px solid var(--line);border-radius:10px;margin:6px 0;padding:0 12px}.aihelp summary{cursor:pointer;font-weight:700;padding:10px 0}.aihelp details[open]{padding-bottom:8px}.aihelp ol{margin:4px 0;padding-left:20px;font-size:14px;line-height:1.5}.aihelp code,.aihelp pre{font-size:12.5px;background:var(--bg, #f4f7f5);border-radius:6px}.aihelp code{padding:1px 5px;word-break:break-all}.aihelp pre{padding:8px 10px;overflow:auto;margin:6px 0}.aihelp .aisay{background:var(--brand-soft);border-radius:10px;padding:10px 12px;font-weight:600}.aihelp .aitips{margin:6px 0 12px;padding-left:18px;font-size:13px;color:var(--muted);line-height:1.45}button.link#aihelp{margin-top:4px}.panel.result{position:relative}.panel.result .pclose{position:absolute;top:10px;right:10px;width:40px;height:40px;margin:0;padding:0;min-height:0;border:0;border-radius:8px;background:#0f172a0f;font-size:26px;line-height:1;display:grid;place-items:center}.panel.result h2{padding-right:44px}.panel.overmini button{margin-top:8px}