:root{color-scheme:light;--paper: #fbf7ef;--ink: #1e1b16;--soft: #46403a;--faint: #6e665a;--cerise: #e8306e;--cerise-ink: #a81152;--cerise-wash: #fbe5ec;--line: rgba(30, 27, 22, .35);--f-display: "Fredoka", system-ui, -apple-system, sans-serif;--f-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-display);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#app{min-height:100%;display:flex;justify-content:center}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--cerise);outline-offset:2px}.scr{width:100%;max-width:480px;min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 18px) 20px calc(env(safe-area-inset-bottom,0px) + 30px)}.center{align-items:center;justify-content:center;text-align:center;gap:12px}.top{gap:10px}.mascot{width:150px;height:150px}.mascot-sm{width:64px;height:64px;flex:none}.big{font-weight:700;font-size:34px;line-height:1.04;text-wrap:balance}.big.title{font-size:30px;margin-top:6px}.big.small{font-size:24px}.sub{font:400 16px/1.45 var(--f-body);color:var(--soft);max-width:32ch}.top .sub{max-width:none}.fine{font:400 13.5px/1.4 var(--f-body);color:var(--soft)}.hello{display:flex;align-items:center;gap:12px}.hello .big{font-size:28px;text-align:left}.teamline{font:600 18px/1.25 var(--f-display);margin-top:4px;overflow-wrap:anywhere}.teamline .no{font:700 14px var(--f-mono);color:var(--cerise-ink)}.field{width:100%;text-align:left}.field.stack{display:flex;flex-direction:column;gap:6px}.field.stack label:not(:first-child){margin-top:8px}.field label{display:block;font:700 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:6px}.inp{width:100%;height:58px;border:2.5px solid var(--ink);border-radius:18px;background:#fff;padding:0 16px;font:500 21px var(--f-display);color:var(--ink);appearance:none}.inp::placeholder{color:var(--faint);font-weight:400}.inp.code{text-align:center;letter-spacing:.02em}.inp.pin{font:700 26px var(--f-mono);letter-spacing:.4em;text-align:center}.inp-wrap{position:relative}.inp.named{padding-right:52px}.inp-wrap.bad .inp{border-color:var(--cerise-ink);background:#fff6f9}.clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:0;background:var(--ink);color:#fff;font:700 17px/30px var(--f-body);padding:0;cursor:pointer}.helper{display:flex;justify-content:space-between;gap:10px;margin:6px 0 12px;min-height:2.7em;font:600 13px/1.35 var(--f-body);color:var(--soft)}.helper .msg{white-space:pre-line}.helper .msg.err{color:var(--cerise-ink)}.helper .ct{font:600 12.5px var(--f-mono);white-space:nowrap;margin-left:auto}.helper .ct.max{color:var(--cerise-ink)}.btnrow{display:grid;grid-template-columns:auto 1fr;gap:8px}.go{height:54px;border:0;border-radius:18px;background:var(--ink);color:var(--paper);font:600 18px var(--f-display);cursor:pointer}.go.wide{width:100%}.go:disabled{opacity:.35;cursor:not-allowed}.ghost{height:54px;padding:0 16px;border-radius:18px;border:2px solid var(--line);background:#fff;font:600 16px var(--f-display);cursor:pointer}.linkish{align-self:flex-start;margin-top:18px;border:0;background:none;padding:6px 0;font:600 15px var(--f-body);color:var(--cerise-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.note{width:100%;background:#fff;border:2px solid rgba(30,27,22,.12);border-radius:16px;padding:12px 14px;text-align:left;font:400 14.5px/1.45 var(--f-body);margin-top:10px}.pinhead{font:700 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}.pinrow{display:flex;gap:8px;margin:8px 0 10px}.pinrow span{width:46px;height:56px;border-radius:14px;background:#fff;border:2.5px solid var(--ink);display:grid;place-items:center;font:700 28px var(--f-mono)}.wait{margin-top:26px;display:flex;flex-direction:column;gap:6px}.alert{display:flex;gap:10px;background:var(--cerise-wash);border:2px solid var(--cerise);border-radius:14px;padding:10px 12px;font:600 15px/1.35 var(--f-body)}.alert b{display:block;font:700 16px var(--f-display)}.banner{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);font:600 14px var(--f-body);padding:6px 14px;border-radius:100px;z-index:10}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}body{touch-action:manipulation}.scr.game{--rc: #e8306e;--rc-ink: #a81152;padding:calc(env(safe-area-inset-top,0px) + 8px) 0 calc(env(safe-area-inset-bottom,0px) + 18px);gap:0}.scr.game>.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:6px 22px 30px}.hdr{flex:none;display:flex;align-items:center;gap:10px;padding:4px 18px 10px}.mascot-hdr{width:40px;height:40px;flex:none}.team{min-width:0;flex:1}.team b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:18px;font-weight:600;line-height:1.12}.team span{font:600 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.rank{flex:none;text-align:right;line-height:1.05;min-width:54px}.rank b{display:block;font-size:22px;font-weight:700}.rank span{font:600 9px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.alert.slim{margin:0 18px 10px;align-items:center;justify-content:space-between}.ghost.small{height:40px;padding:0 14px;font-size:15px;flex:none}.timer{flex:none;padding:0 18px 12px}.tline{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.secs{font:700 26px/1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--rc-ink)}.secs.quiet{font-size:16px;color:var(--soft)}.secs small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}.worth{font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);text-align:right}.bar{height:9px;background:#1e1b161a;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--rc);border-radius:9px;transition:width .1s linear}.body{flex:1;min-height:0;padding:4px 18px 10px;display:flex;flex-direction:column;gap:12px}.chip{align-self:flex-start;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 11px/1 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;border:2px solid var(--ink);border-radius:200px;padding:6px 12px}.center .chip{align-self:center}.qhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.qtog{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:10px;border:2px solid var(--ink);background:#fff;font:600 14px var(--f-display);cursor:pointer;white-space:nowrap;box-shadow:0 2px #1e1b162e}.qtog:active{transform:translateY(1px);box-shadow:none}.qrow{display:flex;gap:14px;align-items:flex-start}.qnum{flex:none;font-weight:700;font-size:64px;line-height:.9;color:var(--rc-ink);min-width:40px}.qcol{min-width:0;flex:1}.qcard .dir{font:600 26px/1.1 var(--f-display);color:var(--rc-ink)}.qcard .qtext{font-weight:500;font-size:21px;line-height:1.28;margin-top:6px;text-wrap:pretty}.pic{position:relative;border-radius:22px;overflow:hidden;background:#fff;border:4px solid var(--rc);padding:0;flex:none;cursor:zoom-in}.pic img{display:block;width:100%;height:auto;max-height:42vh;object-fit:contain}.zoom{position:absolute;right:8px;bottom:8px;font:700 12px var(--f-body);background:#1e1b16d9;color:#fff;border-radius:200px;padding:5px 10px}.viewer{position:fixed;inset:0;z-index:20;background:#141311;display:flex;flex-direction:column}.viewer-pan{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;cursor:zoom-in;-webkit-overflow-scrolling:touch}.viewer-pan img{max-width:100%;max-height:100%;object-fit:contain}.viewer-pan.zoomed{place-items:start;cursor:zoom-out}.viewer-pan.zoomed img{max-width:none;max-height:none;width:250%}.viewer-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px calc(env(safe-area-inset-bottom,0px) + 14px);color:#fbf7ef;font:600 14px var(--f-body)}.viewer-bar .go{background:var(--paper);color:var(--ink);padding:0 24px}.answer{flex:none;padding:0 18px 10px;display:flex;flex-direction:column;gap:8px}.ta{position:relative;min-height:58px;border:2.5px solid var(--ink);border-radius:18px;background:#fff;padding:13px 16px;font:500 21px/1.3 var(--f-display);color:var(--ink);overflow-wrap:anywhere;width:100%}textarea.ta{resize:none;display:block;appearance:none;overflow-y:hidden}textarea.ta.scrolls{overflow-y:auto}textarea.ta::placeholder{color:var(--faint);font-weight:400}.ta.empty{color:var(--faint);font-weight:400;border-color:#1e1b1666}.ta.sent{background:#efeae0;color:#4a443b;border-color:#1e1b1633}.ta.sent:after{content:"SENT";position:absolute;right:10px;top:-10px;background:#45600f;color:#fff;font:700 10.5px var(--f-mono);letter-spacing:.08em;padding:3px 7px;border-radius:7px}.ta-note{display:flex;justify-content:space-between;gap:10px;font:600 13px var(--f-body);color:var(--soft)}.ta-note .err{color:var(--cerise-ink)}.go.update{background:#fff;color:var(--ink);border:2.5px solid var(--ink)}.rv{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:4px 18px 20px}.rv .qnum{font-size:52px}.rv .qcard .qtext{font-size:20px}.mine{width:100%;background:#fff;border:2px solid rgba(30,27,22,.12);border-radius:18px;padding:10px 14px}.mine b{display:block;font:700 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}.mine span{font-size:22px;font-weight:600;overflow-wrap:anywhere}.mine span.none{color:var(--faint);font-weight:500}.stage{flex:1;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.reveal-in{display:flex;flex-direction:column;gap:10px}.truth2{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:3px solid var(--rc);border-radius:20px;padding:12px;text-align:center}.truth2 img{width:150px;height:150px;object-fit:cover;border-radius:14px;display:block}.anscap{font:600 24px/1.1 var(--f-display)}.anscap small{display:block;font:italic 400 13.5px/1.35 var(--f-body);color:var(--soft);margin-top:3px}.stage2{display:flex;align-items:center;justify-content:center;gap:16px;min-height:120px}.blink-slot{width:110px;height:110px;flex:none;display:grid;place-items:center}.mascot-rv{width:110px;height:110px}.result{display:inline-flex;align-items:center;gap:10px;border-radius:200px;padding:10px 20px;font:600 20px var(--f-display)}.result.ok{background:#45600f;color:#fff}.result.no{background:var(--ink);color:#fff}.result.wait{background:#fff;color:var(--ink);border:2.5px dashed var(--line)}.result .pn{font:700 19px var(--f-mono)}.center-text{text-align:center}@media(prefers-reduced-motion:no-preference){.reveal-in .truth2{animation:rise .35s ease-out both}.reveal-in .stage2{animation:rise .35s ease-out .45s both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.stand-wrap{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:4px 18px 20px;overflow-y:auto}.shead{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.dir-small{font:700 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rc-ink)}.stand{list-style:none;margin:0;padding:0;font-variant-numeric:tabular-nums}.stand li{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px;border-bottom:1.5px solid rgba(30,27,22,.08);font-size:17px}.stand .rk{font:700 14px var(--f-mono);color:var(--soft)}.stand .nm{font-weight:500;min-width:0;line-height:1.15;overflow-wrap:anywhere;display:flex;align-items:center}.stand .rd{font:600 12px var(--f-mono);color:var(--soft)}.stand .tt{font-weight:700;font-size:19px;min-width:30px;text-align:right}.stand li.lead .rk{color:var(--cerise-ink)}.stand li.you{background:var(--cerise-wash);border-radius:12px;border-bottom-color:transparent}.stand li.you .nm{font-weight:700}.ic{width:15px;height:15px;fill:none;stroke:var(--soft);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-right:6px;flex:none}.countin{font:700 160px/1 var(--f-display);color:var(--rc-ink)}@media(prefers-reduced-motion:no-preference){.countin{animation:pop .9s ease-out both}@keyframes pop{0%{transform:scale(1.35);opacity:.2}30%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:.9}}}.scr.game{position:relative}.cover{position:fixed;inset:0;z-index:15;background:var(--paper);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 24px) 22px calc(env(safe-area-inset-bottom,0px) + 30px)}.cover>.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.cover .mine{max-width:420px;text-align:left}