.place{max-width:1480px;min-height:100dvh;margin:0 auto;padding:26px 4vw 20px}.place.loading{padding:32px}.place.congrats{justify-content:center;align-items:center;display:flex}.place .hud header{font:600 15px var(--display);letter-spacing:.5px;background:0 0;border-bottom:1px solid #52266b;flex-wrap:wrap;padding:8px 0 14px}.place .segmented{background:#160b24;border:1px solid #52266b;border-radius:11px;padding:3px;display:flex}.place .segmented button{min-height:40px;font:600 14px var(--body);letter-spacing:0;color:var(--muted);box-shadow:none;background:0 0;border:0;padding:8px 12px}.place .segmented button[aria-pressed=true]{color:var(--green);box-shadow:none;background:#3a1f52}.place .workspace{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.place .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.place .board{flex-direction:column;min-height:430px;display:flex}.place .boardtop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.place .eyebrow{font:600 12px var(--display);letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.place .whole-badge{color:var(--gold);border:1px solid #6b2e8d;border-radius:999px;padding:5px 13px;font-size:13px;font-weight:600}.place .helper{color:#ffe595;background:#1a1408;border:1px solid #6d5a1d;border-radius:12px;margin-top:18px;padding:13px 16px;font-size:15px;line-height:1.5;animation:.25s both place-rise}.place .model{width:100%;margin:auto}.place .model svg{width:100%;height:auto;display:block}.place .model.strip{max-width:640px}.place .model.square{max-width:400px}.place .block{fill:#f6efff;stroke:#2a1838;stroke-width:.6px}.place .block.shaded{fill:var(--purple)}.place .model.layers{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 10px;display:grid}.place .layers .block{stroke-width:.9px}.place .layer-label{color:var(--muted);text-align:center;margin-bottom:3px;font-size:11px}.place .legend{color:var(--muted);justify-content:center;gap:22px;margin-top:16px;font-size:13px;display:flex}.place .legend span{align-items:center;gap:7px;display:inline-flex}.place .legend .swatch{background:#f6efff;border:1px solid #2a1838;border-radius:3px;width:14px;height:14px;margin:0}.place .legend .swatch.filled{background:var(--purple)}.place .number-display{font:800 clamp(44px,7vw,92px)var(--display);justify-content:center;align-items:flex-end;gap:8px;margin:auto;display:flex}.place .digit-column{flex-direction:column;align-items:center;gap:10px;display:flex}.place .place-label{font:600 clamp(9px,1.05vw,13px)var(--body);letter-spacing:.4px;text-transform:uppercase;color:var(--gold);animation:.25s both place-rise}.place .digit-value{text-align:center;background:#0b0613;border:1px solid #3c2450;border-radius:12px;min-width:1.05em;padding:6px 4px 2px;line-height:1.15}.place .digit-value.named{border-color:var(--gold);color:var(--gold);box-shadow:0 0 18px #ffe96f44}.place .decimal-mark{color:var(--purple);text-shadow:0 0 12px #b824ff;padding-bottom:2px}.place .expanded{margin:auto 0}.place .expanded-expression{font:700 clamp(28px,4.4vw,64px)var(--display);flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px 0;display:flex}.place .expanded-piece{align-items:flex-start;display:inline-flex}.place .term-plus{color:var(--muted);padding:12px 14px 0}.place .expanded-term{white-space:nowrap;background:#0b0613;border:1px solid #3c2450;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;display:flex}.place .paren{font-family:var(--body);padding:0 .04em;font-size:1.12em;font-weight:400;line-height:1}.place .expanded-term small{font:500 16px var(--body);color:var(--muted)}.place .expanded-term strong{color:var(--gold);font-size:.72em}.place .place-chart{border-collapse:collapse;margin:22px auto 0;animation:.25s both place-rise}.place .place-chart caption{color:var(--muted);margin-bottom:8px;font-size:13px}.place .place-chart th,.place .place-chart td{text-align:center;border:1px solid #513366;padding:7px 12px}.place .place-chart th{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-size:11px}.place .place-chart td{font:700 24px var(--display)}.place .place-chart .decimal-edge{border-left:4px solid var(--purple)}.place .place-chart .missing-zero{color:var(--gold);background:#1a1408}.place .expanded-total{text-align:center;font:800 clamp(30px,4vw,52px)var(--display);color:var(--green);margin-top:20px}.place .question{font:700 20px var(--body);letter-spacing:0;text-transform:none;color:var(--ink);margin:0 0 16px;line-height:1.35}.place .step-track{color:var(--muted);gap:6px;margin:0 0 16px;padding:0;font-size:12px;list-style:none;display:flex}.place .step-track li{text-align:center;border:1px solid #3c2450;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:8px 4px;display:flex}.place .step-track b{font:700 13px var(--display)}.place .step-track .on{color:var(--ink);border-color:#d962ff;box-shadow:0 0 12px #b824ff33}.place .step-track .done{color:var(--green);border-color:#3f7a36}.place .record{background:#0b0613;border:1px solid #3c2450;border-radius:12px;align-items:center;gap:14px;margin:0 0 16px;padding:10px 14px;font-size:14px;line-height:1.4;display:flex}.place .fraction{font:700 19px var(--display);flex-direction:column;align-items:center;display:inline-flex}.place .fraction span:first-child{border-bottom:2px solid var(--ink);padding:0 6px 3px}.place .fraction span:last-child{padding-top:3px}.place .record .equals{font:700 20px var(--display);color:var(--green);margin-left:auto}.place .choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.place .choice{min-height:74px;font:700 24px var(--display);position:relative}.place .choice small{font:600 11px var(--body);color:var(--muted);position:absolute;top:7px;left:10px}.place .choice.wrong,.place .choice.wrong:disabled{opacity:.55;border-color:var(--red);color:var(--red);text-decoration:line-through;animation:.4s place-shake}.place .choice.correct,.place .choice.correct:disabled{opacity:1;border-color:var(--green);color:var(--green);box-shadow:0 0 18px #85ff7344}.place .feedback{min-height:66px;font-size:14px;line-height:1.5}.place .feedback.bad{color:#ff9aa9}.place .feedback.good{color:var(--green)}.place .hint-btn{width:100%;font-size:14px}.place .reminder{color:var(--muted);border-top:1px solid #3c2450;margin:16px 0 0;padding-top:14px;font-size:13px;line-height:1.5}.place .reminder strong{color:var(--ink)}@keyframes place-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes place-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media (max-width:1000px){.place{padding:24px 18px}.place .workspace{grid-template-columns:minmax(0,1fr) 320px;gap:16px}}@media (max-width:720px){.place{padding:23px 12px}.place .workspace{grid-template-columns:1fr}.place .board{min-height:0}.place .number-display{gap:4px}.place .model.layers{gap:8px 6px}}@media (prefers-reduced-motion:reduce){.place .helper,.place .place-label,.place .place-chart,.place .choice.wrong{animation:none}}.place .hud.bonus header{align-items:center;gap:18px;display:flex}.place .hud.bonus .hud-title{font:600 15px var(--display)}.place .hud.bonus .bonus-streak{color:var(--muted);font-weight:600}.place .hud.bonus .bonus-clock{font:800 24px var(--display);margin-left:auto}.place .hud.bonus .bonus-clock.red{color:var(--red);text-shadow:0 0 10px #ff627966}.place .hud.bonus .bonus-exit{min-height:38px;padding:8px 14px;font-size:13px}.place .timeup-wrap{justify-content:center;align-items:center;min-height:55dvh;display:flex}.place .timeup{text-align:center;background:#0e0718ed;border:1px solid #513268;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:32px 44px;display:flex}.place .timeup-icon{font-size:40px}.place .timeup h1{font-size:30px}.place .timeup-line{font-size:19px}.place .timeup-best{color:var(--muted);font-size:15px}.place .timeup-actions{gap:12px;display:flex}.place .timeup-actions .primary{width:auto}