@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";
:root{--gold:#f2b63f;--gold-dim:#c9922a;--ink:#0a1f1c;--font:"Inter", system-ui, -apple-system, sans-serif;--white:#f4f8f5;--muted:#9fbdaf;--card:#ffffff12;--card-bright:#ffffff21;--card-border:#ffffff29;--field:#ffffff1a}*{box-sizing:border-box}html{min-height:100%}html,body{font-family:var(--font);background:#0d2c1e linear-gradient(#123a28 0%,#0d2c1e 45%,#081a12 100%) fixed;margin:0;padding:0}body{min-height:100vh}button{font-family:var(--font);cursor:pointer;border:none}input{font-family:var(--font)}.phone{background:0 0;width:100%;min-height:100vh;position:relative}.notch{display:none}.screen{background:0 0;flex-direction:column;align-items:center;min-height:100vh;padding:32px 20px 40px;display:flex;position:relative}.pitch-svg{display:none}.layer{z-index:1;flex-direction:column;width:100%;max-width:380px;display:flex;position:relative}@media (min-width:768px){.screen{padding:48px 24px 64px}}.row-top{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 2px;display:flex}.top-left{gap:8px;display:flex}.pill-btn{width:34px;height:34px;color:var(--white);opacity:.9;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.streak-pill{color:var(--gold);background:#f2b63f24;border:1px solid #f2b63f66;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:14px;font-weight:800;display:flex}.wordmark{text-align:center;letter-spacing:.34em;color:var(--white);text-transform:uppercase;flex-shrink:0;margin-bottom:16px;padding-left:.34em;font-size:18px;font-weight:800}.wordmark .iq{color:#58e389}.head-block{text-align:left;margin-bottom:14px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#58e389;margin:0 0 4px;font-size:11px;font-weight:700}.whois{letter-spacing:.2em;text-transform:uppercase;color:var(--white);margin:0 0 8px;font-size:11px;font-weight:700}.cluecount{color:var(--muted);margin:0;font-size:13px;font-weight:500}.dots{flex-shrink:0;gap:6px;width:100%;margin:0 0 16px;display:flex}.dot{background:#ffffff29;border-radius:3px;flex:1;height:5px;transition:background .2s}.dot.on{background:#58e389}.col{flex-direction:column;width:100%;margin:0 auto;display:flex}.clues{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.clue{text-align:left;background:#ffffff0b;border:1px solid #ffffff17;border-radius:20px;flex-shrink:0;width:100%;padding:15px 17px}.clue.newest{background:#58e38926;border:1px solid #58e38980;animation:.35s ease-out fadein}.clue .lbl{letter-spacing:.18em;text-transform:uppercase;color:#8fa79a;margin:0 0 7px;font-size:10px;font-weight:700}.clue.newest .lbl{color:#58e389}.clue .txt{color:#c4d2cb;margin:0;font-size:15px;font-weight:500;line-height:1.45}.clue.newest .txt{color:var(--white);font-weight:600}.clue .art{justify-content:center;margin-bottom:8px;display:flex}@keyframes fadein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:.4s shake}.controls{flex-shrink:0}.field{background:var(--field);width:100%;color:var(--white);text-align:center;border:1px solid var(--card-border);border-radius:14px;outline:none;margin-bottom:10px;padding:14px 18px;font-size:15px;font-weight:600}.field::placeholder{color:#ffffff73;font-weight:500}.btn{letter-spacing:.06em;text-transform:uppercase;border-radius:14px;width:100%;padding:14px;font-size:14px;font-weight:800;text-decoration:none;transition:filter .15s,transform .1s;display:block}a.btn{text-align:center}a.pill-btn,a.lg-back{text-decoration:none}.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gold);color:var(--ink);margin-bottom:8px;box-shadow:0 6px 18px #f2b63f4d}.btn-ghost{color:var(--muted);letter-spacing:.12em;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:700;display:flex}.chips{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:8px;margin:14px 0;display:flex}.chip{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.chip.wrong{color:#f1a9a3;background:#d6473f38;border:1px solid #d6473f8c}.chip.correct{color:var(--ink);background:#58e389e6;border:1px solid #0000;font-weight:800}.result{background:var(--card-bright);border:1px solid var(--card-border);text-align:center;-webkit-backdrop-filter:blur(6px);border-radius:20px;padding:22px 20px}.result .tphy{justify-content:center;margin-bottom:8px;display:flex}.result .head{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0 0 4px;font-size:20px;font-weight:800}.result .head.lost{color:var(--white)}.result .ans{color:var(--muted);margin:0 0 14px;font-size:14px;font-weight:500}.result .ansbig{letter-spacing:.04em;text-transform:uppercase;color:var(--white);margin:0 0 14px;font-size:18px;font-weight:800}.share-grid{letter-spacing:2px;word-break:break-all;margin:0 0 14px;font-size:15px;line-height:1.4}.share-box{border:1px solid var(--card-border);width:100%;min-height:104px;color:var(--white);font-family:var(--font);resize:none;background:#ffffff14;border-radius:14px;outline:none;padding:10px 12px;font-size:12px;line-height:1.5}.reset{color:#ffffff47;background:0 0;border:none;flex-shrink:0;align-self:center;margin-top:14px;font-size:11px;text-decoration:underline}.overlay{z-index:20;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.overlay.scrim{background:#060e0a73}.modal{background:#0e2519;border:1px solid #ffffff1f;border-radius:22px;width:100%;max-width:308px;padding:28px 22px 24px;position:relative;box-shadow:0 20px 50px #0000008c}.modal h2{letter-spacing:.08em;text-transform:uppercase;color:var(--white);text-align:center;margin:0 0 4px;font-size:20px;font-weight:800}.modal .sub{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);text-align:center;margin:0 0 20px;font-size:10px;font-weight:700}.close{width:30px;height:30px;color:var(--white);background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.step{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.step .n{background:var(--gold);width:24px;height:24px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:12px;font-weight:800;display:flex}.step p{color:var(--white);margin:0;font-size:14px;font-weight:500;line-height:1.4}.avatar{background:var(--gold);width:56px;height:56px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;font-size:22px;font-weight:800;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{border:1px solid var(--card-border);text-align:center;background:#ffffff14;border-radius:14px;padding:12px 0}.stat .v{color:var(--gold);margin:0;font-size:24px;font-weight:800}.stat .l{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:2px 0 0;font-size:9px;font-weight:700}svg{display:block}.lg-top{flex-shrink:0;align-items:center;gap:10px;margin-bottom:14px;display:flex}.lg-back{color:var(--white);background:#ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:flex}.lg-title{letter-spacing:.06em;text-transform:uppercase;color:var(--white);margin:0;font-size:20px;font-weight:800}.lg-sub{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:2px 0 0;font-size:10px;font-weight:700}.lg-scroll{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.lg-scroll::-webkit-scrollbar{display:none}.lg-card{background:var(--card-bright);border:1px solid var(--card-border);border-radius:20px;margin-bottom:12px;padding:18px}.lg-lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;padding:0 2px;font-size:10px;font-weight:700}.lg-row{background:var(--card);border:1px solid var(--card-border);text-align:left;border-radius:18px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:14px 16px;display:flex}.crest{background:var(--gold);width:40px;height:40px;color:var(--ink);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.lg-name{color:var(--white);margin:0;font-size:15px;font-weight:800}.lg-meta{color:var(--muted);margin:2px 0 0;font-size:12px}.chev{color:var(--muted);flex-shrink:0;font-size:20px}.code-box{text-align:center;background:#ffffff0f;border:2px dashed #f2b63f80;border-radius:16px;margin:6px 0 14px;padding:18px}.code{letter-spacing:.08em;color:var(--gold);font-size:26px;font-weight:800}.seg{background:#ffffff1a;border-radius:12px;flex-shrink:0;margin-bottom:14px;padding:3px;display:flex}.seg button{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:0 0;border-radius:9px;flex:1;padding:8px;font-size:11px;font-weight:700}.seg button.active{background:var(--gold);color:var(--ink);font-weight:800}.colhead{align-items:center;padding:0 16px 8px;display:flex}.colhead .cl{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex:1;font-size:10px;font-weight:700}.colhead .cr{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:right;font-size:10px;font-weight:700}.board{background:var(--card-bright);border:1px solid var(--card-border);border-radius:20px;overflow:hidden}.brow{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;padding:13px 14px;display:flex}.brow:last-child{border-bottom:none}.brow.me{background:#f2b63f29}.rank{text-align:center;width:20px;color:var(--muted);flex-shrink:0;font-size:14px;font-weight:800}.av{background:var(--gold);width:34px;height:34px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.who{flex:1;min-width:0}.nm{color:var(--white);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:800;overflow:hidden}.subline{color:var(--muted);margin:1px 0 0;font-size:11px}.val{color:var(--gold);text-align:right;flex-shrink:0;min-width:40px;font-size:18px;font-weight:800}.val.miss{color:#e88;font-size:11px;font-weight:600}.lg-foot{color:var(--muted);text-align:center;flex-shrink:0;margin-top:12px;font-size:11px;line-height:1.5}