:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f1df;font-family:Inter,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:4px solid #2b84bd}.app-shell,.game-shell{min-height:100vh;padding:clamp(1rem,4vw,2.5rem)}.app-shell{place-items:center;display:grid}.panel{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;background:#fffdf5;border:4px solid #172033;border-radius:2rem;width:min(100%,42rem);padding:clamp(1.75rem,6vw,3.5rem);box-shadow:10px 10px #f6c64f}.language-picker{justify-content:flex-end;gap:.5rem;margin-bottom:1rem;display:flex}.language-button{color:#172033;background:#fff;border:2px solid #172033;border-radius:.6rem;padding:.3rem .6rem;font-size:.8rem;font-weight:800}.language-button.is-active{background:#f6c64f}.eyebrow{color:#a43a2c;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}h1{margin:.25rem 0 .75rem;font-size:clamp(2.8rem,10vw,4.75rem);line-height:.95}.intro{margin:0 0 2rem;font-size:1.2rem}.field-label,.challenge-picker legend{margin-bottom:.55rem;font-weight:800;display:block}.field-label span{color:#5d6675;font-weight:500}.name-input{background:#fff;border:3px solid #172033;border-radius:.8rem;width:100%;padding:.8rem 1rem}.challenge-picker{border:0;margin:1.6rem 0;padding:0}.tier-buttons,.button-row{flex-wrap:wrap;gap:.7rem;display:flex}.tier-button{color:#172033;background:#fff;border:3px solid #172033;border-radius:1rem;flex:1;min-width:5rem;padding:.75rem}.tier-button strong,.tier-button span{display:block}.tier-button strong{font-size:1.55rem}.tier-button span{font-size:.8rem}.tier-button.is-active{background:#f6c64f;transform:translate(-2px,-2px);box-shadow:3px 3px #172033}.button{color:#172033;background:#f6c64f;border:3px solid #172033;border-radius:.85rem;padding:.85rem 1.2rem;font-weight:900;box-shadow:4px 4px #172033}.button:active{transform:translate(3px,3px);box-shadow:1px 1px #172033}.start-button{width:100%}.button-secondary{background:#fff}.text-button{color:#264b82;background:0 0;border:0;font-weight:800;text-decoration:underline}.menu-help{margin:1.4rem auto 0;padding:.5rem .9rem;font-size:1.2rem;display:block}.menu-links{justify-content:center;gap:1.4rem;margin-top:1.1rem;display:flex}.menu-links .text-button{padding:.5rem .9rem;font-size:1.2rem}.version-tag{color:#6b7684;text-align:center;margin:1.4rem 0 0;font-size:.8rem}.help-panel{font-size:1.1rem}.help-panel li{margin:.6rem 0}.game-shell{max-width:92rem;margin:0 auto}.game-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.game-header .text-button{justify-self:end}.progress-text{margin:.25rem 0 0;font-weight:800}.timer{font-variant-numeric:tabular-nums;background:#fffdf5;border:3px solid #172033;border-radius:.8rem;padding:.55rem .9rem;font-size:1.5rem;font-weight:900}.game-instruction,.warning{text-align:center}.game-instruction{margin:1.5rem 0 .25rem;font-weight:800}.warning{color:#b32e37;min-height:1.5rem;margin:.25rem 0 1rem;font-weight:800}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1rem,4vw,3rem);display:grid}.symbol-card-wrap{min-width:0}.card-label{text-align:center;margin:0 0 .5rem;font-weight:900}.symbol-card{aspect-ratio:1;background:#fffdf5;border:5px solid #172033;border-radius:50%;width:min(100%,36rem);margin:0 auto;position:relative;overflow:hidden;box-shadow:7px 8px #d5bd78}.symbol-button{left:var(--symbol-x);top:var(--symbol-y);width:var(--symbol-hit-size);aspect-ratio:1;color:var(--symbol-color);transform:translate(-50%, -50%) rotate(var(--symbol-rotation));background:0 0;border:0;border-radius:50%;place-items:center;font-size:clamp(1.65rem,5vw,3.6rem);line-height:1;transition:transform .15s,filter .15s;display:grid;position:absolute}.symbol-button:hover:not(:disabled){filter:drop-shadow(2px 2px #f6c64f)}.symbol-button.is-selected{filter:drop-shadow(0 0 6px #44ae62)drop-shadow(2px 2px #172033);transform:translate(-50%, -50%) rotate(var(--symbol-rotation)) scale(1.16)}.symbol-button:disabled{cursor:default}.symbol-button img{object-fit:contain;width:130%;height:130%}.symbol-mark{stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;transform:scale(var(--symbol-visual-scale));overflow:visible}.results-panel{text-align:center}.achievement{color:#277a3b;font-weight:900}.ranking-list{border-top:2px solid #d7d0bd;margin:1.5rem 0;padding:0;list-style:none}.ranking-list li{border-bottom:2px solid #d7d0bd;grid-template-columns:2rem 1fr auto;align-items:center;gap:.75rem;min-height:2.7rem;display:grid}.ranking-list time{font-variant-numeric:tabular-nums}.setting-toggle{align-items:center;gap:.75rem;margin:1rem 0;font-weight:800;display:flex}.setting-toggle input{accent-color:#2b84bd;width:1.2rem;height:1.2rem}.button-danger{background:#ef9b8e;width:100%;margin-top:2rem;display:block}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.result-time{font-variant-numeric:tabular-nums;margin:1rem 0;font-size:clamp(3rem,14vw,6rem);font-weight:900;line-height:1}@media (width<=650px){.game-header{grid-template-columns:1fr auto}.game-header .text-button{grid-column:1/-1;justify-self:center}.cards-grid{grid-template-columns:1fr;gap:1.5rem}.symbol-card{width:min(100%,31rem)}.symbol-button{font-size:clamp(1.5rem,11vw,3rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
