:root{--paper:#f3e7c9;--paper2:#ece0bf;--card:#fbf4e2;--ink:#22303a;--ink2:#3c4a50;--yellow:#f4c20d;--yellow2:#ffd83a;--red:#c0392b;--green:#1f7a4d;--ochre:#e3a81f;--muted:#7a6f53;--hit:#1f7a4d;--close:#e3a81f;--miss:#cdbf9f;--disp:"Alfa Slab One",serif;--cond:"Oswald",sans-serif;--body:"Spectral",Georgia,serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(700px 360px at 50% -5%, #f4c20d59, transparent 60%), linear-gradient(180deg,var(--paper),var(--paper2));color:var(--ink);font-family:var(--body);flex-direction:column;align-items:center;min-height:100%;padding:18px 14px 60px;font-size:17px;display:flex;position:relative;overflow-x:hidden}.sun{z-index:0;pointer-events:none;opacity:.5;background:repeating-conic-gradient(from 0deg, #c0392b1f 0 6deg, transparent 6deg 12deg);width:150vh;height:150vh;animation:140s linear infinite spin;position:fixed;top:-46vh;left:50%;transform:translate(-50%);-webkit-mask:radial-gradient(circle,#000 26%,#0000 60%);mask:radial-gradient(circle,#000 26%,#0000 60%)}@keyframes spin{to{transform:translate(-50%)rotate(360deg)}}body:after{content:"";z-index:0;pointer-events:none;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.horizon{z-index:0;pointer-events:none;opacity:.9;position:fixed;bottom:0;left:0;right:0}header{z-index:2;justify-content:space-between;align-items:center;width:100%;max-width:560px;margin-bottom:14px;display:flex;position:relative}.brand{align-items:center;gap:13px;display:flex}.wheel{background:var(--ink);width:46px;height:46px;color:var(--yellow2);box-shadow:0 0 0 3px var(--yellow),0 6px 14px #0000004d;border-radius:50%;place-items:center;font-size:1.5rem;animation:3s linear infinite roll;display:grid}@keyframes roll{to{transform:rotate(360deg)}}.titlewrap{position:relative}h1{font-family:var(--disp);letter-spacing:1px;color:var(--red);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px #22303a2e;margin:0;font-size:2.2rem;line-height:.9}.sub{font-family:var(--cond);letter-spacing:3px;text-transform:uppercase;color:var(--ink2);margin-top:3px;font-size:.82rem;font-weight:600}.icon-btn{font-family:var(--disp);background:var(--card);border:2px solid var(--ink);color:var(--ink);cursor:pointer;border-radius:50%;width:42px;height:42px;font-size:1.1rem}.icon-btn:hover{background:var(--yellow);border-color:var(--ink)}main{z-index:2;width:100%;max-width:560px;position:relative}.poster{background:var(--card);border:3px solid var(--ink);box-shadow:0 0 0 5px var(--yellow),0 0 0 8px var(--ink),0 26px 50px #22303a47;border-radius:5px;padding:18px}.ribbon{background:var(--yellow);border:2px solid var(--ink);text-align:center;font-family:var(--cond);letter-spacing:4px;text-transform:uppercase;border-radius:4px;margin-bottom:16px;padding:6px 0;font-size:.78rem;font-weight:700;position:relative}.ribbon:before,.ribbon:after{content:"●●●";letter-spacing:3px;color:var(--red);font-size:.6rem;position:absolute;top:50%;transform:translateY(-50%)}.ribbon:before{left:10px}.ribbon:after{right:10px}.controls{gap:8px;margin-bottom:14px;display:flex}.field{flex:1;position:relative}.ac{background:var(--card);border:2px solid var(--ink);z-index:9;border-radius:8px;max-height:240px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 16px 34px #22303a4d}.ac.show{display:block}.ac div{cursor:pointer;font-family:var(--cond);border-bottom:1px solid #e7dabb;padding:11px 14px;font-size:1.05rem}.ac div:hover,.ac div.active{background:var(--yellow)}input{border:2px solid var(--ink);width:100%;color:var(--ink);font-family:var(--cond);background:#fffdf6;border-radius:8px;outline:none;padding:13px 15px;font-size:1.1rem}input::placeholder{color:#a89a76}input:focus{border-color:var(--red);box-shadow:0 0 0 3px #f4c20d66}input.shake{animation:.35s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}button.primary{border:2px solid var(--ink);font-family:var(--disp);letter-spacing:1px;background:var(--red);color:#fff4e2;cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:8px;padding:0 22px;font-size:1rem}button.primary:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.pillbar{font-family:var(--cond);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pillbar #pill{letter-spacing:1px;background:var(--ink);color:var(--yellow2);border-radius:6px;padding:2px 12px;font-weight:700}.pillbar #left{color:var(--ink2);font-weight:500}.legend{color:var(--ink2);font-size:.8rem;font-family:var(--cond);flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:14px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.sw{border:1px solid var(--ink);border-radius:3px;width:13px;height:13px;display:inline-block}.guesses{flex-direction:column;gap:10px;display:flex}.gcard{border:2px solid var(--ink);background:#fffdf6;border-radius:8px;padding:11px 13px;transition:transform .15s;position:relative;box-shadow:4px 4px #22303a1f}.gcard:before{content:"";background:repeating-linear-gradient(var(--ink) 0 3px, transparent 3px 7px);opacity:.4;width:2px;position:absolute;top:8px;bottom:8px;left:6px}.gcard:hover{transform:translateY(-2px)}.gname{justify-content:space-between;align-items:center;margin-bottom:9px;padding-left:10px;display:flex}.gname span:first-child{font-family:var(--cond);letter-spacing:.5px;font-size:1.25rem;font-weight:700}.tiles{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (min-width:500px){.tiles{grid-template-columns:repeat(7,1fr)}}.tile{text-align:center;border:1.5px solid var(--ink);border-radius:7px;flex-direction:column;justify-content:center;min-height:54px;padding:7px 4px;animation:.55s cubic-bezier(.2,.7,.3,1) both flip;display:flex}@keyframes flip{0%{opacity:0;transform:rotateX(-90deg)}60%{opacity:1}to{opacity:1;transform:rotateX(0)}}.tile .lab{font-family:var(--cond);letter-spacing:.06em;text-transform:uppercase;opacity:.9;font-size:.56rem;font-weight:600}.tile .v{font-family:var(--cond);margin-top:3px;font-size:.86rem;font-weight:700;line-height:1.05}.tile.hit{background:var(--hit);color:#f3e7c9}.tile.close{background:var(--close);color:#2a1c00}.tile.miss{background:var(--miss);color:#6a5f45}.arrow{font-size:.9rem}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;background:#221e12b8;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.overlay.show{display:flex}.result{background:var(--card);border:3px solid var(--ink);text-align:center;width:100%;max-width:390px;box-shadow:0 0 0 5px var(--yellow),0 0 0 8px var(--ink),0 26px 50px #0006;border-radius:8px;padding:24px}.verdict{font-family:var(--disp);letter-spacing:1px;font-size:1.9rem;line-height:1.05}.result h2{font-family:var(--cond);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:.6rem 0 0;font-size:.78rem;font-weight:500}.ans{font-family:var(--disp);color:var(--red);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;margin:4px 0;font-size:1.6rem}.acc{color:var(--ink2);font-size:.92rem;font-style:italic}.stats{justify-content:space-around;margin:18px 0 8px;display:flex}.stats .n{font-family:var(--disp);color:var(--ink);font-size:1.5rem}.stats .l{font-family:var(--cond);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:.62rem}.sharebox{border:2px solid var(--ink);white-space:pre-line;background:#fffdf6;border-radius:8px;margin:10px 0 14px;padding:11px;font-family:monospace;font-size:1.15rem}.row{gap:8px;display:flex}.row button{border:2px solid var(--ink);font-family:var(--cond);cursor:pointer;border-radius:8px;flex:1;padding:13px;font-size:1rem;font-weight:600}.ghost{color:var(--ink2)!important;background:0 0!important}.countdown{font-family:var(--cond);color:var(--red);letter-spacing:1px;margin-top:14px;font-size:.85rem}footer{color:var(--muted);text-align:center;z-index:2;max-width:560px;margin-top:22px;font-size:.78rem;font-style:italic;position:relative}.confetti{z-index:100;border:1px solid #00000026;border-radius:2px;width:11px;height:11px;animation:2.8s linear forwards fall;position:fixed;top:-20px}@keyframes fall{to{transform:translate(var(--x),110vh) rotate(var(--r));opacity:.1}}.rider{z-index:101;filter:drop-shadow(0 4px 4px #0000004d);font-size:2.6rem;display:none;position:fixed;bottom:7vh;left:-90px}.rider.go{animation:2.4s cubic-bezier(.4,0,.7,1) forwards ride;display:block}@keyframes ride{to{left:112vw}}