:root{--bg: #f7f4ef;--surface: #ffffff;--ink: #121212;--muted: #5c5a55;--line: #d9d4cb;--exact: #6aab6a;--near: #d4844a;--cold: #121212;--strip-bg: #f0ebe3;--chamber: #ffffff;--danger: #8b3a3a;--focus: #121212;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px;--shadow-soft: 0 1px 3px rgba(18, 18, 18, .06);--serif: Georgia, "Times New Roman", Times, serif;--sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--chamber-group-gap: 14px;--chamber-cell: 48px;--code-strip-max: 360px}[data-high-contrast=true]{--bg: #ffffff;--surface: #ffffff;--ink: #000000;--muted: #333333;--line: #000000;--exact: #2d6a2d;--near: #a85600;--cold: #000000;--strip-bg: #f5f5f5;--focus: #0000ee}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);display:flex;justify-content:center;-webkit-font-smoothing:antialiased}button{font-family:inherit}button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shell{width:min(100%,480px);min-height:100svh;padding:20px clamp(16px,4vw,24px) 28px;display:flex;flex-direction:column;gap:16px}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg);padding:20px 18px 18px;display:flex;flex-direction:column;gap:18px}.chamber-strip-wrap{display:flex;flex-direction:column}.chamber-strip-wrap.jolt{animation:stripJolt .35s ease}.chamber-strip{display:flex;justify-content:center;align-items:center;gap:var(--chamber-group-gap);width:fit-content;max-width:min(100%,var(--code-strip-max));margin:0 auto;padding:12px;background:var(--strip-bg);border:1px solid var(--line);border-radius:var(--radius-md)}.chamber-group{display:grid;grid-template-columns:repeat(3,var(--chamber-cell));gap:6px}.chamber{aspect-ratio:1;border:1px solid var(--line);background:var(--chamber);border-radius:var(--radius-sm);display:grid;place-items:center;font:600 clamp(18px,4.5vw,28px) / 1 var(--sans);color:var(--ink);position:relative;transition:border-color .15s ease}.chamber.active{border-color:var(--ink);border-width:2px}.chamber.seated,.force-cell.pinned{background:var(--exact);border-color:var(--exact);color:#fff}.chamber.empty:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--line)}.chamber.seated:after{display:none}.chamber.flash-hot{box-shadow:inset 0 0 0 2px var(--exact)}.chamber.flash-warm{box-shadow:inset 0 0 0 2px var(--near)}.chamber.flash-cold{box-shadow:inset 0 0 0 2px var(--cold)}.force-entry{display:flex;justify-content:center;align-items:center;gap:var(--chamber-group-gap);width:fit-content;max-width:min(100%,var(--code-strip-max));margin:12px auto}.force-cell{aspect-ratio:1;width:var(--chamber-cell);border:1px solid var(--line);border-radius:var(--radius-sm);display:grid;place-items:center;font-size:20px;font-weight:600;background:var(--chamber);color:var(--ink);transition:border-color .15s ease}.force-cell.active{border-color:var(--ink);border-width:2px}@keyframes stripJolt{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}[data-reduced-motion=true] .chamber-strip-wrap.jolt{animation:none}@media(max-width:480px){.chamber-strip,.force-entry{padding:8px}.chamber-group{grid-template-columns:repeat(3,44px)}.force-cell{width:44px}}.pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;white-space:nowrap;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.02em}.status-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.hintline{font-size:13px;line-height:1.45;color:var(--muted);min-height:20px;text-align:center;font-weight:500}.heat-mark{display:grid;place-items:center;font-weight:600;border-radius:50%;border:2px solid transparent}.heat-mark.hot{background:var(--exact);border-color:var(--exact);color:#fff}.heat-mark.warm{background:var(--near);border-color:var(--near);color:#fff}.heat-mark.cold{background:var(--surface);border-color:var(--cold);color:var(--ink)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}button.action{min-height:44px;border-radius:var(--radius-md);border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}button.action.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}button.action:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12121252;display:grid;place-items:center;padding:16px;z-index:20}.modal{background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:0 8px 32px #1212121f;width:min(92vw,400px);padding:24px 22px 20px}.modal h2{font-family:var(--serif);font-size:24px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.modal p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 14px}.modal-actions{display:flex;gap:8px;margin-top:16px}.modal-actions button{flex:1;min-height:42px;border-radius:var(--radius-md);border:1px solid var(--ink);font-weight:600;font-size:13px;cursor:pointer}.modal-actions .dark{background:var(--ink);color:#fff}.modal-actions .light{background:var(--surface);color:var(--ink);border-color:var(--line)}@media(max-height:740px){.shell{gap:12px;padding-top:12px}.card{gap:14px;padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}