:root{color-scheme:light;font-family:Trebuchet MS,Gill Sans,sans-serif;line-height:1.4;font-weight:400;color:#1f2730;background:linear-gradient(180deg,#f6faff,#eef5fb);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--badge-gap: .35rem;--button-height: 54px;--button-radius: 12px;--column-gap: 6px;--header-bg: #dcebfa;--header-fg: #0d5eaf;--play-padding: 4px;--row-gap: 6px}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-width:320px;height:100%}body{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}#app{min-height:100dvh}.game-shell{width:min(calc(100vw - 8px),36rem);height:100dvh;margin:0 auto;padding:4px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:4px}.game-header{min-height:42px;display:flex;align-items:center;gap:.4rem;padding:.3rem .4rem;border-radius:12px;background:var(--header-bg);color:var(--header-fg)}.debug-text{flex:1 1 auto;min-width:0;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-row{flex:0 0 auto;display:flex;justify-content:flex-end;gap:var(--badge-gap)}.header-action{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;border:1px solid rgba(13,94,175,.16);border-radius:10px;background:#ffffffb3;color:#194f8b;font-size:1rem;line-height:1}.header-action:hover{background:#ffffffe0}.header-action:focus-visible{outline:2px solid rgba(13,94,175,.45);outline-offset:2px}.badge{min-width:58px;display:grid;justify-items:center;gap:.05rem;padding:.28rem .4rem;border-radius:10px;background:#ffffffb3;color:#194f8b}.badge-label{font-size:.58rem;letter-spacing:.07em;text-transform:uppercase}.badge strong{font-size:.92rem}.play-area{min-height:0;padding:var(--play-padding);border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #0d5eaf14}.play-area.is-flashing{animation:miss-flash 2s ease}.round-viewport{width:100%;height:100%;overflow:hidden}.round-track{display:flex;width:100%;height:100%;transition:transform .67s ease;transform:translate(0);will-change:transform}.round-track.is-sliding{transform:translate(-100%)}.round-track.is-resetting{transition:none}.round-panel{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--column-gap);height:100%}.column{display:grid;grid-auto-rows:var(--button-height);gap:var(--row-gap);align-content:start}.match-button{width:100%;min-width:0;height:var(--button-height);display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:0;padding:0 10px;border:1px solid #cfd6de;border-radius:var(--button-radius);background:linear-gradient(180deg,#eef2f5,#dde3e8);color:#303944;box-shadow:0 1px #ffffffbf inset;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.match-button:disabled{opacity:1;cursor:default}.match-button.is-selected{border-color:#7a8794;background:linear-gradient(180deg,#cad0d6,#b6bec7)}.match-button.is-complete{border-color:#b6dfbf;background:linear-gradient(180deg,#e8f7eb,#d8efdc);color:#28573a}.check-slot{display:inline-flex;align-items:center;justify-content:flex-start;font-size:.96rem;font-weight:700;color:transparent}.check-slot.is-visible{color:#2d7a41}.button-copy{min-width:0;display:block;text-align:center;line-height:1.15;overflow-wrap:anywhere}.button-copy.is-phrase{text-align:left;text-indent:.7em}.empty-state{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:#54606d;padding:1rem}.empty-state p{margin:0}@keyframes miss-flash{0%{background:#fdeff1}to{background:#fff}}@media(min-width:900px){.game-shell{width:min(50vw,38rem)}}