:root{--cream:#fff8ea;--cream-2:#fbefd8;--cream-edge:#ecdcbc;--ink:#4a3b30;--teal:#20a9bb;--teal-dark:#13899a;--gold:#f6b21b;--green:#2fb36b;--red:#ef5b5b;--toolbar-h:clamp(112px, 19vh, 140px);--font:ui-rounded, "Nunito", "Varela Round", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#5a9a32;margin:0;overflow:hidden}#app{position:fixed;inset:0}#world{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#overlay,#hud{pointer-events:none;position:absolute;inset:0}#hud>*,#overlay .interactive{pointer-events:auto}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-family:inherit}.round{background:var(--teal);border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .12s,background .2s;display:grid;position:relative;box-shadow:0 0 0 4px #fff,0 4px 10px #283c2847}.round svg{width:62%;height:62%}.round:active{transform:scale(.92)}.round.small{width:36px;height:36px;box-shadow:0 0 0 3px #fff,0 2px 6px #283c2840}.round.small:after{content:"";border-radius:50%;position:absolute;inset:-8px}.round.big{width:64px;height:64px}.round.ok{background:var(--green)}.round.no{background:#e06a5d}.round.disabled{background:#b8b0a6}.round.speaking{animation:.7s ease-in-out infinite speakPulse}@keyframes speakPulse{50%{box-shadow:0 0 0 4px #fff,0 0 0 10px #20a9bb59}}.money{top:max(12px, env(safe-area-inset-top));background:var(--cream);border-radius:16px;align-items:center;gap:6px;height:52px;padding:0 18px 0 10px;font-size:30px;font-weight:900;display:flex;position:absolute;left:16px;box-shadow:0 4px 12px #283c2840}.money .bag{width:40px;height:40px}.money .coin{width:28px;height:28px}.money .num{text-align:left;font-variant-numeric:tabular-nums;min-width:34px}.money.bump{animation:.35s bump}.money.spend{animation:.35s spend}@keyframes bump{40%{transform:scale(1.12)}}@keyframes spend{40%{transform:scale(.92)}}.money.glow{box-shadow:0 0 0 4px var(--teal), 0 4px 12px #283c2840}.money-speaker{top:calc(max(12px, env(safe-area-inset-top)) + 6px);left:calc(16px + var(--money-w,150px) + 16px);position:absolute}.stats{top:max(12px, env(safe-area-inset-top));left:calc(16px + var(--money-w,150px) + 16px + 46px + 18px);gap:10px;display:flex;position:absolute}.stats .stat{background:var(--cream);font-variant-numeric:tabular-nums;border-radius:16px;align-items:center;gap:4px;min-width:52px;height:52px;padding:0 14px 0 8px;font-size:26px;font-weight:900;display:flex;box-shadow:0 4px 12px #283c2840}.stats .stat .ic{width:38px;height:38px;display:grid}.stats .stat .ic svg{width:100%;height:100%}.stats .stat .of{opacity:.55;align-self:flex-end;margin-bottom:11px;font-size:15px}.stats .stat.low .num{color:var(--red)}.stats .stat.bump{animation:.35s bump}.stats .stat.spend{animation:.35s spend}.speaking-el{box-shadow:0 0 0 4px var(--teal), 0 4px 12px #283c2840!important}.top-right{top:max(14px, env(safe-area-inset-top));gap:16px;display:flex;position:absolute;right:18px}.toolbar{height:var(--toolbar-h);background:var(--cream);border-radius:22px 22px 0 0;align-items:center;gap:14px;padding:0 16px 0 20px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #283c282e}.guide{flex:none;align-items:center;gap:12px;margin-right:auto;display:flex}.guide .portrait{width:calc(var(--toolbar-h) * .7);height:calc(var(--toolbar-h) * .7);box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--teal), 0 4px 12px #0003;background:radial-gradient(circle at 50% 35%,#c9ecf7,#8dd2ea);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.guide .portrait img{object-fit:cover;width:100%;height:100%;transform:translateY(5%)}.guide.talking .portrait img{animation:.32s ease-in-out infinite talk}@keyframes talk{50%{transform:translateY(3%)scale(1.03)}}.cards{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;flex:0 auto;align-items:center;gap:14px;min-width:0;margin-right:auto;padding:14px 4px 10px 12px;display:flex;overflow:auto hidden}.cards::-webkit-scrollbar{display:none}.cards:after{content:"";flex:none;width:14px;height:1px}.toolbar.scrolls .cards{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 22px),#0000)}.toolbar.at-start .cards{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}.toolbar.at-end .cards{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px);mask-image:linear-gradient(90deg,#0000 0,#000 14px)}.card{width:clamp(104px,12.5vw,136px);height:calc(var(--toolbar-h) - 30px);box-shadow:0 0 0 2px var(--cream-edge), 0 4px 8px #503c1e1f;background:#fff;border-radius:14px;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;padding-bottom:6px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.cards:has(>.card:nth-child(6)) .card{width:clamp(96px,11vw,124px)}.cards:has(>.card:nth-child(6)){gap:10px}.card.group-start{margin-left:18px}.card.group-start:after{content:"";background:var(--cream-edge);pointer-events:none;border-radius:2px;width:4px;height:64%;position:absolute;top:18%;left:-18px}.cards:has(>.card:nth-child(6)) .card.group-start:after{left:-16px}.card img.pic{pointer-events:none;height:74%;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.card .price{z-index:1;align-items:center;gap:4px;font-size:26px;font-weight:900;line-height:1;display:flex;position:relative}.card .price svg{width:24px;height:24px}.card .spk{z-index:2;position:absolute;top:-10px;right:-10px}.card.selected{box-shadow:0 0 0 4px var(--teal), 0 6px 14px #14788c4d;transform:translateY(-4px)}.card.locked{background:#e9e4dc}.card.locked img.pic{filter:grayscale(.85)opacity(.6)}.card.locked .price{opacity:.55}.card .lockbadge{background:#8f8a85;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:40%;right:8px;box-shadow:0 0 0 3px #fff}.card .lockbadge svg{width:70%;height:70%}.card.poor .price{color:#c45a4a}.card.poor img.pic{filter:saturate(.6)}.card.fresh:before{content:"";background:url("data:image/svg+xml;utf8,<svg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'><path d='M32 4 L37 27 L60 32 L37 37 L32 60 L27 37 L4 32 L27 27Z' fill='%23ffd21f'/></svg>") 50%/contain no-repeat;width:26px;height:26px;animation:1.2s ease-in-out infinite twinkle;position:absolute;top:-6px;left:-6px}@keyframes twinkle{50%{transform:scale(.7)rotate(20deg)}}.card.hinted{animation:1s ease-in-out infinite hint}@keyframes hint{50%{transform:translateY(-7px)}}.choices{bottom:calc(var(--toolbar-h) + 12px);background:var(--cream);border-radius:18px;gap:14px;padding:14px;animation:.4s cubic-bezier(.3,1.6,.5,1) popIn;display:flex;position:absolute;right:22%;box-shadow:0 6px 18px #283c284d}.choices .card{height:104px}.choices .close{position:absolute;top:-14px;left:-14px}@keyframes popIn{0%{opacity:0;transform:scale(.6)}}.caption{left:calc(var(--toolbar-h) * .7 + 90px);bottom:calc(var(--toolbar-h) + 10px);opacity:0;background:#fff;border-radius:16px;max-width:340px;padding:10px 16px;font-size:17px;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;transform:translateY(8px);box-shadow:0 4px 12px #283c2840;pointer-events:none!important}.caption.show{opacity:1;transform:none}.caption:after{content:"";border:10px solid #0000;border-left:0;border-right-color:#fff;position:absolute;bottom:14px;left:-10px}.bubble{will-change:transform;background:#fff;border-radius:13px;place-items:center;width:36px;height:33px;margin:-38px 0 0 -6px;animation:.25s bubbleIn;display:grid;position:absolute;top:0;left:0;box-shadow:0 3px 8px #283c2840}.bubble:after{content:"";border:8px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-7px;left:6px}.bubble svg{width:78%;height:78%}.bubble.event{background:#fff7d6}.bubble.event:after{border-top-color:#fff7d6}@keyframes bubbleIn{0%{opacity:0;scale:.4}}.badge{will-change:transform;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0}.badge .pill{background:#fff;border-radius:14px;align-items:center;gap:4px;height:36px;padding:0 10px 0 5px;font-size:22px;font-weight:900;display:flex;box-shadow:0 3px 8px #283c2840}.badge .pill svg{width:26px;height:26px}.badge .pill.h-good{box-shadow:0 0 0 3px var(--green), 0 3px 8px #283c2840}.badge .pill.h-ok{box-shadow:0 0 0 3px #f2a516,0 3px 8px #283c2840}.badge .pill.h-bad,.badge .pill.alert{box-shadow:0 0 0 3px var(--red), 0 3px 8px #283c2840}.badge .pill.alert{animation:1.2s ease-in-out infinite alertBob}.badge .pill .mood{margin-right:2px;display:grid}.badge .pill .mood svg{width:28px;height:28px}.badge .status{width:44px;height:44px;box-shadow:0 0 0 3px var(--red), 0 3px 8px #283c2840;background:#fff;border-radius:14px;place-items:center;animation:1.2s ease-in-out infinite alertBob;display:grid}.badge .status.soft{box-shadow:0 0 0 3px #f2a516,0 3px 8px #283c2840}.badge .status svg{width:80%;height:80%}.badge .staff{gap:1px;display:flex}.badge .staff svg{width:26px;height:26px}@keyframes alertBob{50%{transform:translateY(-4px)}}.float{color:#fff;text-shadow:0 2px #5a3c1499,0 0 6px #5a3c1466;will-change:transform, opacity;align-items:center;gap:2px;font-size:24px;font-weight:900;animation:1.4s ease-out forwards floatUp;display:flex;position:absolute;top:0;left:0}.float svg{width:30px;height:30px}.float.minus{color:#ffe0d8}@keyframes floatUp{0%{opacity:0;translate:0 6px}15%{opacity:1}to{opacity:0;translate:0 -54px}}.confirm{will-change:transform;align-items:center;gap:16px;display:flex;position:absolute;top:0;left:0}.confirm .cost{background:#fff;border-radius:14px;align-items:center;gap:4px;height:44px;padding:0 12px 0 6px;font-size:24px;font-weight:900;display:flex;box-shadow:0 3px 8px #283c2840}.confirm .cost svg{width:28px;height:28px}.confirm .cost.poor{color:var(--red)}.info{background:var(--cream);will-change:transform;border-radius:20px;flex-direction:column;gap:10px;padding:12px 14px;animation:.25s cubic-bezier(.3,1.6,.5,1) popIn;display:flex;position:absolute;top:0;left:0;box-shadow:0 6px 18px #283c284d}.info .row{align-items:center;gap:10px;display:flex}.info .stat{background:#fff;border-radius:14px;align-items:center;gap:4px;height:44px;padding:0 12px 0 6px;font-size:24px;font-weight:900;display:flex}.info .stat svg{width:32px;height:32px}.info .actions .round{width:52px;height:52px}.info .slot{background:#fff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.info .slot svg{width:80%;height:80%}.bpanel-backdrop{z-index:3;background:#2846286b;place-items:center;padding:12px;animation:.2s fade;display:grid;position:absolute;inset:0}.bpanel-backdrop[hidden]{display:none}.bpanel{background:var(--cream);border-radius:28px;flex-direction:column;gap:12px;width:min(820px,100%);max-height:100%;padding:20px 22px 18px;animation:.28s cubic-bezier(.3,1.5,.5,1) popIn;display:flex;position:relative;box-shadow:0 10px 30px #0000004d}.bpanel>.close{z-index:2;width:56px;height:56px;position:absolute;top:-10px;right:-10px}.bp-body{gap:22px;min-height:0;display:flex}.bp-left{flex-direction:column;flex:none;align-items:center;gap:10px;width:clamp(220px,34vw,300px);display:flex}.bp-pic{aspect-ratio:13/10;background:radial-gradient(at 50% 30%,#d8f1f8,#a9dcec 70%);border-radius:22px;place-items:center;width:100%;display:grid;overflow:hidden;box-shadow:inset 0 0 0 3px #fff}.bpanel[data-kind=shade] .bp-pic{background:radial-gradient(at 50% 30%,#fff3d6,#f6dfae 70%)}.bp-pic img{object-fit:contain;width:104%;height:104%}.bp-status{justify-content:center;gap:10px;display:flex}.bp-chip.mood{height:56px;padding:0 8px}.bp-chip.mood svg{width:44px;height:44px}.bp-chip.mood.h-good{box-shadow:0 0 0 3px var(--green)}.bp-chip.mood.h-ok{box-shadow:0 0 0 3px #f2a516}.bp-chip.mood.h-bad{box-shadow:0 0 0 3px var(--red)}.bp-right{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.bp-rows{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.bp-row{background:var(--cream-2);border-radius:18px;align-items:center;gap:10px;min-height:62px;padding:6px 10px 6px 8px;display:flex}.bp-row>.round.small{flex:none;margin-left:auto}.bp-items{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.bp-chip{font-variant-numeric:tabular-nums;background:#fff;border-radius:14px;align-items:center;gap:4px;height:48px;padding:0 12px 0 6px;font-size:24px;font-weight:900;display:flex}.bp-chip svg{flex:none;width:34px;height:34px}.bp-chip i{opacity:.55;margin-left:2px;font-size:17px;font-style:normal}.bp-chip img{object-fit:contain;flex:none;width:57px;height:44px}.bp-chip.near{padding:0 6px;position:relative}.bp-chip.near.off img{opacity:.45;filter:grayscale(.6)}.bp-chip.near.on{box-shadow:0 0 0 3px var(--green)}.bp-chip .ok{opacity:1;background:var(--green);border-radius:50%;place-items:center;width:24px;height:24px;margin:0;display:grid;position:absolute;top:-6px;right:-6px}.bp-chip .ok svg{width:16px;height:16px}.bp-chip.bad{box-shadow:0 0 0 3px var(--red)}.bp-chip .marks{letter-spacing:-1px;font-size:22px}.bp-chip .plus,.bp-row .up{color:var(--green)}.bp-chip .minus{color:var(--red)}.bp-chip.status{height:56px;padding:0 10px}.bp-chip.status svg{width:44px;height:44px}.bp-chip.status.alert{box-shadow:0 0 0 3px var(--red)}.bp-chip .eq{opacity:.5;margin:0 2px;font-size:20px}.bp-chip.cost svg{width:30px;height:30px}.bp-tag{width:40px;height:40px;display:grid}.bp-tag svg{width:100%;height:100%}.bp-price{min-width:92px;height:54px;box-shadow:0 0 0 3px var(--cream-edge);font-variant-numeric:tabular-nums;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:4px;padding:0 14px 0 8px;font-size:32px;font-weight:900;display:flex}.bp-price svg{width:34px;height:34px}.bp-row.price.loss{background:#fde0dc}.bp-row.price.loss .bp-price{color:var(--red);box-shadow:0 0 0 3px var(--red)}.bp-row.price.even .bp-price{color:#c77d00;box-shadow:0 0 0 3px var(--gold)}.round.step{flex:none;width:50px;height:50px}.round.step svg{width:56%;height:56%}.round.step.hire svg{width:70%;height:70%}.bp-slot{background:#fff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.bp-slot svg{width:80%;height:80%}.bp-slot.coming{opacity:.55}.bp-slot.unit.out{box-shadow:inset 0 0 0 3px var(--cream-edge);background:#ffffff80}.bp-slot.unit.out svg{opacity:.35}.bp-buy{background:var(--green);height:54px;font:inherit;cursor:pointer;border:none;border-radius:27px;flex:none;align-items:center;gap:2px;padding:0 12px 0 6px;display:flex;box-shadow:0 3px #23874f}.bp-buy:active{transform:translateY(2px);box-shadow:0 1px #23874f}.bp-buy>svg{width:36px;height:36px}.bp-buy>svg:first-child{width:26px;height:26px}.bp-buy .cost{height:38px;color:var(--ink);background:#fff;border-radius:19px;align-items:center;gap:2px;margin-left:4px;padding:0 10px 0 4px;font-size:26px;font-weight:900;display:flex}.bp-buy .cost svg{width:28px;height:28px}.bp-actions .bp-row.actions{background:0 0;gap:16px;padding:2px 0 0}.bp-row.actions .spacer{flex:1}.bp-row.actions .round.big{width:62px;height:62px}.bp-row.actions .lesson{background:var(--gold)}.bp-row.actions .lesson .mini{background:#fff;border-radius:50%;width:28px;height:28px;padding:3px;display:grid;position:absolute;bottom:-8px;right:-8px}.bp-row.actions .lesson .mini svg{width:100%;height:100%}.bp-row.actions .trash.armed{background:var(--red);animation:.7s ease-in-out infinite speakPulse}.bp-say{opacity:.35;background:#fff;border-radius:18px;align-items:center;gap:12px;min-height:56px;padding:6px 16px 6px 6px;font-size:20px;font-weight:800;transition:opacity .2s;display:flex}.bp-say img{background:radial-gradient(circle at 50% 35%,#c9ecf7,#8dd2ea);border-radius:50%;flex:none;width:46px;height:46px}.bp-say.show{opacity:1;box-shadow:0 0 0 3px var(--teal)}@media (height<=640px){.bpanel{gap:8px;padding:14px 18px 12px}.bp-row{min-height:56px;padding:4px 10px 4px 6px}.bp-rows{gap:6px}.bp-left{width:clamp(200px,28vw,260px)}}.pause-screen{background:#28462873;place-items:center;animation:.2s fade;display:grid;position:absolute;inset:0}.pause-screen .panel{background:var(--cream);border-radius:26px;gap:28px;padding:26px 34px;display:flex;box-shadow:0 8px 24px #0000004d}.pause-screen .round{width:84px;height:84px}@keyframes fade{0%{opacity:0}}.teach-backdrop{z-index:3;background:#2846286b;place-items:center;padding:12px;animation:.2s fade;display:grid;position:absolute;inset:0}.teach{background:var(--cream);border-radius:28px;flex-direction:column;gap:10px;width:min(720px,94vw,150vh - 228px);padding:14px 18px 16px;animation:.3s cubic-bezier(.3,1.5,.5,1) popIn;display:flex;position:relative;box-shadow:0 10px 30px #0000004d}.teach .stage{aspect-ratio:3/2;width:100%;box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--cream-edge);border-radius:20px;position:relative;overflow:hidden}.teach .scene{pointer-events:none;background:radial-gradient(70% 60% at 24% 20%, #fffaf04d, transparent 70%), radial-gradient(circle, #ffe14d 0 3px, transparent 4px) 31px 47px / 173px 139px, radial-gradient(circle, #fff 0 3px, transparent 4px) 97px 13px / 211px 157px, radial-gradient(circle, #fff 0 2.5px, transparent 3.5px) 140px 90px / 149px 197px, radial-gradient(circle, #ff7fa8 0 3px, transparent 4px) 61px 121px / 233px 181px, radial-gradient(7px 3px, #6db83a 55%, transparent 100%) 5px 7px / 61px 53px, radial-gradient(7px 3px, #6db83a 55%, transparent 100%) 33px 37px / 89px 71px, conic-gradient(#7ac142 25%, #86cf48 0 50%, #7ac142 0 75%, #86cf48 0) 0 0 / 84px 68px;position:absolute;inset:0}.teach .scene:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 40px #2f804073}.teach .scene i{display:block;position:absolute}.teach .scene .trees{filter:drop-shadow(0 5px #2f804059);background:radial-gradient(circle at 40% 45%,#74c94a 0 11px,#0000 12px) 0 0/46px 64px repeat-x,radial-gradient(circle,#58b53e 0 24px,#0000 25px) 0 0/46px 64px repeat-x;height:64px;top:-34px;left:-12px;right:-12px}.teach .scene .trees.back{background:radial-gradient(circle,#3b9440 0 24px,#0000 25px) 23px 0/46px 64px repeat-x;top:-26px}.teach .scene .lake{background:radial-gradient(circle at 50% 0,#fffaf0 0 5px,#0000 6px) 0 2px/26px 12px repeat-x,linear-gradient(#74d6f4,#33a6ee 80%);border-top:7px solid #f6dfae;border-radius:50% 50% 0 0/26px 26px 0 0;height:11%;bottom:-8px;left:-10%;right:-10%}.teach .scene .bush{aspect-ratio:1.6;filter:drop-shadow(0 5px #2f804059);background:radial-gradient(circle at 42% 30%,#74c94a 0 13%,#0000 14%),radial-gradient(28% 44% at 28% 58%,#58b53e 98%,#0000 100%),radial-gradient(30% 48% at 70% 55%,#58b53e 98%,#0000 100%),radial-gradient(30% 50% at 48% 42%,#58b53e 98%,#0000 100%);width:11%}.teach .scene .b1{bottom:13%;left:2%}.teach .scene .b2{bottom:14%;right:2%}.teach .controls{align-items:center;gap:14px;display:flex}.teach .bp-say{opacity:1;box-shadow:0 0 0 3px var(--cream-edge);flex:1}.teach .bp-say.show{box-shadow:0 0 0 3px var(--teal)}.teach .dots{justify-content:center;gap:8px;height:14px;display:flex}.teach .dots i{background:var(--cream-edge);border-radius:50%;width:14px;height:14px;transition:background .3s,transform .3s}.teach .dots i.on{background:var(--teal)}.teach .dots i.now{transform:scale(1.3)}.teach>.close{z-index:2;width:56px;height:56px;position:absolute;top:-10px;right:-10px}.teach .next{flex:none;margin:0 8px}.teach .next svg.ring{pointer-events:none;width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;inset:-12px;transform:rotate(-90deg)}.teach .ring circle{fill:none;stroke:var(--gold);stroke-width:7px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px}.teach .ring.run circle{animation:ringFill var(--wait,5s) linear forwards}@keyframes ringFill{to{stroke-dashoffset:0}}.tchar{transition:left 1.6s ease-in-out,top 1.6s ease-in-out,opacity .4s,transform .4s;position:absolute}.tchar img,.tchar svg{width:100%;height:100%;display:block}.tchar img,.teach .ipic img{filter:drop-shadow(0 8px 6px #1e50144d)}.teach .intro{justify-content:center;align-items:center;gap:4%;display:flex;position:absolute;inset:9% 4% 12% 3%}.teach .ipic{flex:none;width:46%}.teach .ipic img{width:100%;display:block}.teach .irows{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;max-height:100%;display:flex}.teach .irows .num{position:static}.teach .irows.many{gap:7px}.teach .irows.many .num{font-size:26px}.teach .irows.many .num img{width:38px;height:38px}.teach .irows.many .num svg{width:28px;height:28px}.teach .num{box-shadow:0 0 0 3px var(--cream-edge), 0 6px 12px #28461e4d;background:#fffaf0;border-radius:16px;align-items:center;gap:4px;padding:2px 12px 2px 6px;font-size:30px;font-weight:900;transition:opacity .35s,transform .45s cubic-bezier(.3,1.7,.5,1);display:flex;position:absolute}.teach .num svg{width:32px;height:32px}.teach .num img{object-fit:contain;width:44px;height:44px}.teach .num .plus{color:#2f9a4a}.teach .num .minus{color:#d9473a}.teach .num .eq{color:#8f8a85;margin:0 2px}.teach .hidden{opacity:0;transform:scale(.6)}.teach .coins{flex-wrap:wrap;gap:3px;transition:left 1.2s ease-in-out,top 1.2s ease-in-out,opacity .4s;display:flex;position:absolute}.teach .coins svg{width:26px;height:26px}.teach .zone{border:3px dashed var(--cream-edge);background:#fffaf0d1;border-radius:18px;transition:opacity .4s;position:absolute;box-shadow:0 6px 12px #28461e33}.teach .road{background:repeating-linear-gradient(90deg,#f3e3c8 0 34px,#e0c7a2 34px 37px);border-radius:6px;height:36px;position:absolute;box-shadow:0 5px #d2b68f,0 9px 10px #28461e40}@media (height<=560px){:root{--toolbar-h:104px}}.timer-wrap{position:relative}.timer{background:var(--cream);font-variant-numeric:tabular-nums;border-radius:16px;align-items:center;gap:6px;height:52px;margin-top:-3px;padding:0 14px 0 8px;font-size:26px;font-weight:900;display:flex;box-shadow:0 4px 12px #283c2840}.timer .ic{width:38px;height:38px}.timer .num{text-align:left;min-width:58px}.timer.low .num{color:var(--red)}.timer.low .ic{animation:1s infinite bump}.timer.tick{animation:.4s spend}.pay-flash{background:var(--cream);color:var(--red);white-space:nowrap;pointer-events:none;border-radius:14px;align-items:center;gap:4px;padding:4px 12px 4px 6px;font-size:22px;font-weight:900;animation:2.6s forwards payDrop;display:flex;position:absolute;top:58px;right:0;box-shadow:0 4px 12px #283c2840}.pay-flash .ic{width:32px;height:32px;display:grid}.pay-flash .ic+b+.ic{margin-left:6px}@keyframes payDrop{0%{opacity:0;transform:translateY(-14px)scale(.6)}12%{opacity:1;transform:translateY(0)scale(1.08)}20%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(26px)}}.start-screen,.results-screen{z-index:5;background:#28462880;place-items:center;padding:12px;animation:.25s fade;display:grid;position:absolute;inset:0}.start-panel,.results-panel{background:var(--cream);border-radius:28px;max-height:100%;animation:.4s cubic-bezier(.3,1.6,.5,1) popIn;position:relative;box-shadow:0 10px 30px #0000004d}.start-panel{flex-direction:column;gap:16px;width:min(860px,100%);padding:18px 26px 40px;display:flex}.start-head{align-items:center;gap:12px;min-height:52px;display:flex}.start-title{letter-spacing:.5px;color:var(--teal-dark);margin:0;font-size:34px;font-weight:900}.start-head .start-btn.best{margin-left:auto}.start-body{grid-template-columns:auto auto;grid-template-areas:"size guide""name go";justify-content:space-between;gap:18px 36px;display:grid}.sec-size{grid-area:size}.sec-guide{grid-area:guide}.sec-name{grid-area:name}.start-go{grid-area:go}.start-section{flex-direction:column;gap:10px;min-width:0;display:flex}.sec-title{align-items:center;gap:10px;height:40px;font-size:21px;font-weight:900;display:flex}.sec-title>svg{width:34px;height:34px}.sec-body{flex-direction:column;gap:14px;display:flex}.start-row{gap:14px;display:flex}.sec-size .sec-body,.sec-size .sizes{flex:1}.size-card{width:116px;min-height:116px;box-shadow:0 0 0 3px var(--cream-edge);background:#fff;border-radius:20px;grid-template-rows:64px auto auto;align-content:center;justify-items:center;gap:4px;padding:8px 6px;transition:transform .12s;display:grid}.size-card:active,.guide-pick:active,.swatch:active,.start-btn:active{transform:scale(.94)}.size-card .map-pic{place-items:end center;display:grid}.size-card.small .map-pic svg{width:40px}.size-card.mid .map-pic svg{width:54px}.size-card.large .map-pic svg{width:68px}.size-card .lbl,.guide-pick .lbl{font-size:17px;font-weight:900}.size-card .mins{opacity:.8;align-items:center;gap:4px;font-size:20px;font-weight:900;display:flex}.size-card .mins svg{width:22px;height:22px}.size-card.selected{box-shadow:0 0 0 5px var(--teal), 0 6px 14px #20a9bb4d;transform:translateY(-2px)}.guides{gap:18px}.guide-pick{background:0 0;flex-direction:column;align-items:center;gap:6px;padding:0;transition:transform .12s;display:flex}.guide-pick .face{width:84px;height:84px;box-shadow:0 0 0 3px var(--cream-edge);background:#fff;border-radius:50%;overflow:hidden}.guide-pick img{width:100%;height:100%;display:block}.guide-pick.selected .face{box-shadow:0 0 0 5px var(--teal), 0 6px 14px #20a9bb4d}.guide-pick.selected .lbl{color:var(--teal-dark)}.colors{gap:12px;padding-left:4px}.swatch{background:var(--sw);border-radius:50%;width:40px;height:40px;transition:transform .12s;position:relative;box-shadow:0 0 0 3px #fff,0 2px 6px #283c2840}.swatch:after{content:"";position:absolute;inset:-6px}.swatch.selected{box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--teal)}.name-input{border:3px solid var(--cream-edge);width:300px;max-width:100%;height:56px;font:900 24px var(--font);color:var(--ink);background:#fff;border-radius:16px;outline:none;padding:0 16px}.name-input:focus{border-color:var(--teal)}.name-input::placeholder{color:#c2b49f}.start-go{justify-content:flex-end;align-items:flex-end;gap:12px;display:flex}.start-btn{background:var(--teal);color:#fff;white-space:nowrap;border-radius:28px;align-items:center;gap:10px;height:56px;padding:0 22px 0 16px;font-size:20px;font-weight:900;transition:transform .12s;display:inline-flex;box-shadow:0 0 0 4px #fff,0 4px 10px #283c2847}.start-btn>svg{flex:none;width:30px;height:30px}.start-btn.play{background:var(--green);border-radius:36px;height:72px;padding:0 34px 0 24px;font-size:30px}.start-btn.play>svg{width:40px;height:40px}.start-btn.best{color:var(--ink);box-shadow:0 0 0 3px var(--gold), 0 4px 10px #283c282e;background:#fff}.start-go .spk{align-self:center}.start-board{flex-direction:column;gap:12px;min-height:0;display:none}.start-panel.show-board .start-head,.start-panel.show-board .start-body{display:none}.start-panel.show-board .start-board{display:flex}.board-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.round.back{width:52px;height:52px}.round.back svg{transform:scaleX(-1)}.board-tabs{gap:10px;margin-left:auto;display:flex}.board-tab{height:52px;box-shadow:0 0 0 3px var(--cream-edge);background:#fff;border-radius:16px;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:17px;font-weight:900;display:flex}.board-tab .map-pic{display:grid}.board-tab.selected{box-shadow:0 0 0 4px var(--teal)}.board-tab.small svg{width:22px}.board-tab.mid svg{width:28px}.board-tab.large svg{width:34px}.board-list{flex-direction:column;gap:8px;min-height:0;max-height:420px;padding:4px;display:flex;overflow-y:auto}.board-row{background:#fff;border-radius:16px;grid-template-columns:24px auto 40px minmax(0,1fr) repeat(3,64px) auto;align-items:center;gap:10px;min-height:52px;padding:4px 14px;font-size:18px;font-weight:900;display:grid}.board-row.mine{box-shadow:0 0 0 4px var(--gold)}.board-row .rank{text-align:center;opacity:.55}.board-row .face{background:var(--cream-2);border-radius:50%;width:40px;height:40px}.board-row .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-row .val{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:flex}.board-row .val svg{width:24px;height:24px}.board-row .when{opacity:.5;text-align:right;font-size:13px}.stars{display:inline-flex}.stars .star{width:22px;height:22px;display:grid}.start-caption{text-align:center;opacity:0;pointer-events:none;font-size:17px;font-weight:800;transition:opacity .2s;position:absolute;bottom:10px;left:24px;right:24px}.start-caption.show{opacity:.85}.results-panel{flex-direction:column;gap:14px;width:min(620px,100%);padding:22px 26px 44px;display:flex}.results-head{align-items:center;gap:16px;display:flex}.results-head .id{flex-direction:column;flex:none;align-items:center;gap:2px;width:104px;display:flex}.results-head .face{width:92px;height:92px;box-shadow:0 0 0 3px var(--cream-edge);background:#fff;border-radius:50%}.results-head .who{text-overflow:ellipsis;white-space:nowrap;max-width:104px;font-size:18px;font-weight:900;overflow:hidden}.stars.big{flex:1;justify-content:center;gap:6px}.stars.big .star{width:96px;height:96px}.stars.big .star.on{animation:.5s cubic-bezier(.3,1.8,.5,1) both starPop}@keyframes starPop{0%{transform:scale(0)rotate(-40deg)}}.results-rows{flex-direction:column;gap:8px;display:flex}.metric{background:#fff;border-radius:18px;align-items:center;gap:12px;height:58px;padding:0 12px 0 10px;display:flex}.metric .ic{width:42px;height:42px;display:grid}.metric .lbl{opacity:.75;width:92px;font-size:19px;font-weight:900}.metric .num{font-variant-numeric:tabular-nums;min-width:70px;font-size:30px;font-weight:900}.metric .stars{flex:1}.metric .stars .star{width:36px;height:36px}.results-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;display:flex}.results-rank{flex:100%;align-items:center;gap:8px;min-width:0;display:flex}.results-rank .trophy{flex:none;width:44px;height:44px}.results-rank .board-row{flex:1;min-width:0}.results-foot .start-btn.again,.results-foot .round.look{flex:none}.results-dock{flex-direction:column;align-items:center;gap:18px;animation:.4s cubic-bezier(.3,1.6,.5,1) popIn;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.results-dock .dock-stars{background:var(--cream);border-radius:22px;padding:10px 8px;box-shadow:0 4px 12px #283c2840}.results-dock .dock-stars .stars{flex-direction:column;gap:4px;display:flex}.results-dock .dock-stars .star{width:52px;height:52px;display:grid}.results-dock .dock-stars .star svg{width:100%;height:100%}.results-dock .dock-stars:active{transform:scale(.94)}.town-over .toolbar .cards,.town-over .top-right .round{visibility:hidden}.results-rank .board-row{grid-template-columns:20px auto 36px minmax(0,1fr) repeat(3,auto);gap:8px;padding:4px 10px}.results-rank .board-row .when{display:none}@media (height<=640px){.start-panel{gap:10px;padding:14px 24px 36px}.start-body{row-gap:10px}.start-section{gap:6px}.guide-pick .face{width:76px;height:76px}.sec-body{gap:12px}.board-list{max-height:340px}.results-panel{gap:10px;padding:14px 22px 36px}.stars.big .star{width:80px;height:80px}.results-head .face{width:76px;height:76px}.metric{height:50px}}.modal-open #overlay{visibility:hidden}