:root{--k: #1A1209;--b: #2B5BA8;--r: #CC3220;--y: #F5C030;--p: #F4EFE0;--g: #1A7A4A}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--p);background-image:radial-gradient(#1A120922 1.5px,transparent 1.5px);background-size:12px 12px;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:14px 10px 40px;font-family:Arial,sans-serif}#root{width:100%;max-width:400px}.app{border:4px solid var(--k);background:var(--p);overflow:hidden}.hdr{background:var(--b);border-bottom:4px solid var(--k);padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.hdr.r{background:var(--r)}.hdr.y{background:var(--y)}.hdr.k{background:var(--k)}.hdr-t{font-family:Impact,Arial Black,sans-serif;color:var(--p);font-size:19px;letter-spacing:1px;line-height:1.15}.hdr.y .hdr-t{color:var(--k)}.hdr.k .hdr-t{color:var(--y)}.hdr-sub{font-family:Arial Black,sans-serif;color:var(--y);font-size:11px;margin-top:2px}.hdr.y .hdr-sub{color:var(--k)}.hdr.k .hdr-sub{color:var(--p)}.lp{display:flex;border:3px solid var(--p)}.lb{background:transparent;border:none;border-right:2px solid var(--p);padding:3px 9px;font-family:Arial Black,sans-serif;font-size:12px;color:var(--p);cursor:pointer}.lb:last-child{border-right:none}.lb.on{background:var(--y);color:var(--k)}.hdr.y .lb{border-right-color:var(--k);color:var(--k)}.hdr.y .lb.on{background:var(--k);color:var(--y)}.strip{height:8px;background-color:var(--p);background-image:radial-gradient(#1A120930 1.5px,transparent 1.5px);background-size:8px 8px}.strip.y{background-color:var(--y);background-image:radial-gradient(#1A120940 1.5px,transparent 1.5px)}.strip.r{background-color:var(--r);background-image:radial-gradient(#F5C03050 2px,transparent 2px);height:12px}.pnl{border-bottom:4px solid var(--k);padding:14px}.pnl:last-child{border-bottom:none}.pnl.y{background:var(--y)}.pnl.b{background:var(--b)}.pnl.r{background:var(--r)}.pnl.np{padding:0}.pnl.tc{text-align:center}.big{font-family:Impact,Arial Black,sans-serif;font-size:54px;color:var(--k);letter-spacing:2px;text-shadow:4px 4px 0 var(--r);line-height:1;text-align:center}.big.match{color:var(--r);text-shadow:4px 4px 0 var(--k)}.big.intro{font-size:44px;line-height:1.05}.tag{font-family:Arial Black,sans-serif;font-size:13px;color:var(--b);text-align:center;letter-spacing:.5px;margin-top:8px}.lbl{font-family:Arial Black,sans-serif;font-size:12px;color:var(--k);letter-spacing:.04em;display:block;margin-bottom:7px}.lbl.b{color:var(--b)}.lbl.g{color:var(--g)}.lbl.r{color:var(--r)}.sub{font-family:Arial Black,sans-serif;font-size:14px;color:var(--k);text-align:center;line-height:1.45;margin-top:6px}.sub.sm{font-size:12px}.wi{width:100%;border:4px solid var(--k);padding:11px 14px;font-family:Impact,Arial Black,sans-serif;font-size:28px;color:var(--k);background:var(--p);outline:none;letter-spacing:1px}.wi::placeholder{font-size:16px;color:#bbb;font-family:Arial,sans-serif}.wi:focus{background:#fffde8}.ni{width:100%;border:4px solid var(--k);padding:9px 13px;font-family:Arial Black,sans-serif;font-size:18px;color:var(--k);background:var(--p);outline:none}.ni:focus{background:#fffde8}.ci{width:100%;border:4px solid var(--k);padding:9px 13px;font-family:Impact,sans-serif;font-size:26px;letter-spacing:6px;color:var(--k);background:var(--p);outline:none;text-transform:uppercase}.ci:focus{background:#fffde8}.btn{display:block;width:100%;padding:13px 18px;font-family:Impact,Arial Black,sans-serif;font-size:20px;letter-spacing:1px;cursor:pointer;border:4px solid var(--k);text-align:center;background:none}.btn:active{transform:translate(2px,2px)}.btn.r{background:var(--r);color:var(--p)}.btn.b{background:var(--b);color:var(--p)}.btn.y{background:var(--y);color:var(--k)}.btn.k{background:var(--k);color:var(--p)}.btn.sm{font-size:15px;padding:9px 14px}.code-box{background:var(--y);border:4px solid var(--k);padding:14px;text-align:center;font-family:Impact,sans-serif;font-size:44px;letter-spacing:10px;color:var(--k);cursor:pointer;-webkit-user-select:all;user-select:all;margin:6px 0}.code-box:active{transform:translate(2px,2px)}.wpair{display:grid;grid-template-columns:1fr 4px 1fr;border:4px solid var(--k)}.wpcell{padding:10px 12px;background:var(--p)}.wpcell.bl{background:#d6e4f7}.wpdiv{background:var(--k)}.wp-lbl{font-family:Arial Black,sans-serif;font-size:11px;color:var(--b);margin-bottom:3px}.wp-w{font-family:Impact,Arial Black,sans-serif;font-size:21px;color:var(--k);line-height:1.2}.bbl{background:var(--p);border:3px solid var(--k);padding:10px 14px;position:relative;display:inline-block;margin-bottom:18px;max-width:90%}.bbl:after{content:"";position:absolute;bottom:-14px;left:18px;border:7px solid transparent;border-top:7px solid var(--k)}.bbl:before{content:"";position:absolute;bottom:-10px;left:19px;border:6px solid transparent;border-top:6px solid var(--p);z-index:1}.bbl-t{font-family:Arial Black,sans-serif;font-size:14px;color:var(--k);line-height:1.4}.bbl-w{font-family:Impact,sans-serif;font-size:22px;color:var(--b);letter-spacing:1px;margin-top:4px}.av{width:46px;height:46px;border-radius:50%;border:4px solid var(--k);background:var(--y);display:flex;align-items:center;justify-content:center;font-family:Impact,sans-serif;font-size:20px;color:var(--k);flex-shrink:0}@keyframes bl{0%,to{opacity:.15}50%{opacity:1}}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--k);margin:0 3px;animation:bl 1.2s ease-in-out infinite}.dot:nth-child(2){animation-delay:.35s}.dot:nth-child(3){animation-delay:.7s}.ct{border:4px solid var(--k);width:100%;border-collapse:collapse}.ct th{background:var(--b);color:var(--p);font-family:Arial Black,sans-serif;font-size:12px;padding:5px 9px;border:2px solid var(--k);text-align:left}.ct td{font-family:Impact,Arial Black,sans-serif;font-size:14px;padding:5px 9px;border:2px solid var(--k);color:var(--k);background:var(--p)}.ct tr:nth-child(2n) td{background:#eaf0ff}.ct tr.mr td{background:#d4edda;color:var(--g)}.ct .rn{font-size:12px;color:var(--b);width:28px}.mc{border:3px solid var(--k);margin-top:10px;max-height:108px;overflow-y:auto}.mc-hdr{background:var(--k);padding:3px 8px;font-family:Arial Black,sans-serif;font-size:10px;color:var(--y);letter-spacing:.05em}.mc-row{display:grid;grid-template-columns:22px 1fr 1fr;border-bottom:2px solid var(--k)}.mc-row:last-child{border-bottom:none}.mc-row>div{padding:4px 7px;border-right:2px solid var(--k);font-family:Impact,sans-serif;font-size:13px;color:var(--k)}.mc-row>div:last-child{border-right:none}.mc-rn{font-family:Arial Black,sans-serif;font-size:10px;color:var(--b);background:#eaf0ff}.pill{display:inline-block;background:var(--y);border:3px solid var(--k);padding:3px 10px;font-family:Arial Black,sans-serif;font-size:12px;color:var(--k)}.pill.b{background:var(--b);color:var(--p)}.pill.r{background:var(--r);color:var(--p)}.pill.g{background:var(--g);color:var(--p)}.ach{background:var(--y);border:4px solid var(--k);padding:9px 13px;display:flex;gap:10px;align-items:center;margin-top:8px}.ach-t{font-family:Arial Black,sans-serif;font-size:12px;color:var(--k);line-height:1.4}.meld{display:flex;align-items:center;gap:8px;margin-top:8px}.meld-out{flex:1;height:8px;background:var(--p);border:3px solid var(--k)}.meld-in{height:100%;background:var(--b);transition:width .4s}.score-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.stars{font-size:26px;text-align:center;letter-spacing:4px;margin:4px 0}.fd{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--r);color:var(--r)}.temp-wrap{border:3px solid var(--k);padding:9px 12px;margin:10px 0}.temp-top{font-family:Arial Black,sans-serif;font-size:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.temp-track{height:10px;background:#ddd;border:2px solid var(--k)}.temp-fill{height:100%;transition:width .7s ease}.react-row{display:flex;gap:8px;justify-content:center;margin-top:8px}.rbtn{font-size:24px;padding:5px 9px;border:3px solid var(--k);background:var(--p);cursor:pointer;line-height:1;transition:transform .1s}.rbtn:active{transform:scale(.88)}.rbtn.sel{background:var(--y);transform:scale(1.18)}.giveup-btn{background:none;border:none;font-family:Arial Black,sans-serif;font-size:11px;color:#aaa;cursor:pointer;text-decoration:underline;padding:9px;display:block;width:100%;text-align:center;border-top:2px solid #ddd}.giveup-btn:hover{color:var(--r)}@keyframes pop{0%{transform:scale(1.6);opacity:0}60%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.cdown-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;border-bottom:4px solid var(--k);min-height:260px}.cdown-num{font-family:Impact,Arial Black,sans-serif;font-size:148px;line-height:1;text-shadow:7px 7px 0 rgba(0,0,0,.25);animation:pop .22s cubic-bezier(.22,1.5,.6,1) forwards}.flex{display:flex;align-items:center;gap:10px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.tc{text-align:center}.err{font-family:Arial Black,sans-serif;font-size:13px;color:var(--r);text-align:center;padding:12px}