: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;max-width:1280px;margin:0 auto}.top{grid-column:1 / -1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-size:18px}.brand i{width:32px;height:32px;border-radius:10px;background:var(--brand);color:#fff;font-style:normal;font-weight:800;display:grid;place-items:center}.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 0 0 auto;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}.game-row span{flex:1;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}.top .help{margin-left:auto}.top .help+button{margin-left:0}.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:12px;left:50%;transform:translate(-50%);display:grid;gap:6px;z-index:40;width:min(92vw,420px);pointer-events:none}.toast{background:#0f172a;color:#fff;border-radius:14px;padding:10px 14px;font-size:14px;box-shadow:0 10px 24px #0003;animation:tin .25s ease-out;transition:opacity .4s,transform .4s}.toast b{filter:brightness(1.5)}.toast.k-bought,.toast.k-escape,.toast.k-win,.toast.k-payday{background:#14532d}.toast.k-expense,.toast.k-loan,.toast.k-bankrupt{background:#7f1d1d}.toast.gone{opacity:0;transform:translateY(-8px)}@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}.top .help+button,.top .help+.help{margin-left:0}.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(3,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}}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:var(--card);border:1px solid var(--line);border-radius:16px}.tabs button{margin:0;border:0;background:transparent;padding:12px 8px;font-weight:700;border-radius:12px}.tabs button.on{background:var(--brand);color:#fff}.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:980px;padding:48px 32px}.lobby h1{font-size:42px}.lobby.school{max-width:1180px;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){.lobby.story{max-width:920px;margin-left:auto;margin-right:auto}.lobby.story .scene p{font-size:20px}.lobby.story .choices button{font-size:16px}.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%}}