:root{--celeste: #74acdf;--white: #ffffff;--ink: #10233f;--line: 1.5px solid var(--ink);--heavy: "Archivo", "Arial Black", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;background:var(--celeste);color:var(--ink);font-family:var(--mono)}#stage{position:relative;height:100dvh;width:min(100vw,56.25dvh);container-type:size;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:var(--white);border-inline:var(--line);touch-action:none;user-select:none;-webkit-user-select:none}#c{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.top{width:100%;padding:4cqw 4cqw 0;display:flex;align-items:flex-start;justify-content:space-between}h1{margin:0;font-family:var(--heavy);font-weight:900;font-stretch:125%;font-size:10.5cqw;line-height:.88;letter-spacing:-.035em}.chip{padding:.8cqw 1.6cqw;border:var(--line);border-radius:0;background:var(--white);color:var(--ink);font:500 2.1cqw var(--mono);letter-spacing:.08em;cursor:pointer}.chip:hover{background:var(--ink);color:var(--white)}.chip.off{background:var(--celeste)}#flagSlot{width:92cqw;aspect-ratio:8 / 5;margin-top:4cqw;flex:none}.panel{flex:1;width:100%;padding:4cqw 4cqw calc(6cqw + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;gap:4cqw;animation:rise .4s cubic-bezier(.2,1.2,.4,1) both}.panel[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translateY(6cqw)}}p{margin:0}.lead{text-align:justify;font-family:var(--heavy);font-weight:800;font-stretch:100%;font-size:6cqw;line-height:1.12;letter-spacing:-.02em}.hint{font-size:2.9cqw;line-height:1.45}.size{display:flex;flex-direction:column;gap:1cqw}.size span{font-family:var(--heavy);font-weight:900;font-stretch:125%;font-size:4.2cqw;letter-spacing:-.02em;text-transform:uppercase}.best{font-size:2.8cqw;letter-spacing:.12em;text-transform:uppercase}.best:empty{display:none}.btn{appearance:none;width:100%;padding:3cqw 3.5cqw;display:flex;align-items:center;justify-content:space-between;border:var(--line);border-radius:0;background:var(--white);color:var(--ink);font-family:var(--heavy);font-weight:900;font-stretch:125%;font-size:4.2cqw;letter-spacing:-.01em;cursor:pointer;transition:background .12s,color .12s}.btn em{font-style:normal;font-family:var(--mono);font-weight:500;transition:transform .18s cubic-bezier(.2,1.4,.4,1)}.btn:hover em{transform:translate(1.5cqw)}.btn:active{transform:translateY(1.5px)}.btn.solid{background:var(--celeste)}.btn.ink,.btn:hover{background:var(--ink);color:var(--white)}.btn.ink:hover{background:var(--celeste);color:var(--ink)}.btn.big{font-size:8cqw;padding:3cqw 3.5cqw;letter-spacing:-.03em}.row{display:flex;gap:2.5cqw;width:100%}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:10cqw;margin:0;cursor:ew-resize;touch-action:none;background:linear-gradient(var(--ink),var(--ink)) center / 100% 1.5px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 1.5px,transparent 1.5px 4.6cqw) center / 100% 3.4cqw no-repeat}input[type=range]::-webkit-slider-runnable-track{height:10cqw;background:transparent}input[type=range]::-moz-range-track{height:10cqw;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:5cqw;height:10cqw;border:var(--line);border-radius:0;background:var(--celeste);transition:background .1s}input[type=range]::-moz-range-thumb{width:5cqw;height:10cqw;border:var(--line);border-radius:0;background:var(--celeste)}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{background:var(--ink)}#result{gap:2.5cqw;justify-content:flex-start;padding-top:3cqw}.scoreWrap small{display:block;font-size:2.8cqw;letter-spacing:.12em;text-transform:uppercase}.score{font-family:var(--heavy);font-weight:900;font-stretch:125%;font-size:17cqw;line-height:.92;letter-spacing:-.05em;font-variant-numeric:tabular-nums;transform-origin:left center}#result.final .score{animation:slam .5s cubic-bezier(.2,1.6,.3,1)}@keyframes slam{0%{transform:scale(1.35)}60%{transform:scale(.97)}}.after{width:100%;display:flex;flex-direction:column;gap:2.5cqw;opacity:0;transform:translateY(5cqw);pointer-events:none}#result.final .after{opacity:1;transform:none;pointer-events:auto;transition:opacity .3s,transform .45s cubic-bezier(.2,1.2,.4,1)}.verdict{padding:2.4cqw 3cqw;background:var(--celeste);border:var(--line);display:flex;flex-direction:column;gap:.8cqw}.verdict b{font-family:var(--heavy);font-weight:900;font-stretch:125%;font-size:5cqw;line-height:1;letter-spacing:-.02em;text-transform:uppercase}.verdict span{font-size:2.4cqw;letter-spacing:.04em;text-transform:uppercase}.stats{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(3,1fr);border-block:var(--line)}.stats li{padding:2cqw;display:flex;flex-direction:column;gap:.6cqw}.stats li+li{border-left:var(--line)}.stats b{font-family:var(--heavy);font-weight:900;font-stretch:112%;font-size:4.4cqw;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.stats span{font-size:2.1cqw;letter-spacing:.1em;text-transform:uppercase}.stats li.record{background:var(--celeste)}#toast{position:absolute;left:4cqw;right:4cqw;bottom:4cqw;transform:translateY(250%);background:var(--ink);color:var(--white);font-size:2.8cqw;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:3cqw 3.5cqw;transition:transform .3s cubic-bezier(.2,1.2,.4,1);pointer-events:none}#toast.on{transform:none}.credit{position:absolute;right:4cqw;bottom:calc(1.6cqw + env(safe-area-inset-bottom));font-size:2.4cqw;letter-spacing:.04em;color:var(--ink);text-decoration:none}.credit:hover{text-decoration:underline}