@import url("https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Mono:wght@400;500&display=swap");.numbah-game-root *,.numbah-game-root :after,.numbah-game-root :before{box-sizing:border-box;margin:0;padding:0}.numbah-game-root{--bg:#0d0d10;--surface:#17171c;--surface2:#1f1f27;--border:#2a2a35;--text:#f0f0f4;--muted:#6b6b7a;--correct:#4a8c45;--present:#a8903a;--absent:#323240;--absent-revealed-bg:#12121a;--absent-revealed-fg:rgba(200,200,218,.28);--accent:#7c6af7;--accent2:#f7856a;--key-bg:#232330;--key-text:#e8e8f0;--tile-size:clamp(50px,10vw,66px);--gap:6px;--radius:8px;min-height:100dvh;background:var(--bg);color:var(--text);font-family:DM Mono,monospace;-webkit-font-smoothing:antialiased}.numbah-game-root .app{display:flex;flex-direction:column;align-items:center;min-height:100dvh;position:relative;overflow-x:hidden}.numbah-game-root .app:before{content:"";position:fixed;top:-15%;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(124,106,247,.06) 0,transparent 65%);pointer-events:none;z-index:0}.numbah-game-root header{width:100%;padding:max(14px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) 12px max(24px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--border);display:flex;justify-content:center;position:relative;z-index:1}.numbah-game-root .header-inner{display:flex;flex-direction:column;align-items:center;gap:2px}.numbah-game-root .header-title{font-family:Syne,sans-serif;font-size:clamp(24px,5vw,34px);font-weight:800;letter-spacing:.22em;background:linear-gradient(135deg,#f0f0f4 20%,var(--accent) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.numbah-game-root .header-sub{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.numbah-game-root .message-toast{position:fixed;top:max(82px,calc(env(safe-area-inset-top, 0px) + 64px));left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);font-family:Syne,sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;padding:10px 16px;border-radius:6px;z-index:100;white-space:normal;max-width:min(320px,calc(100vw - 24px));text-align:center;line-height:1.35;animation:fadeInDown .2s ease;text-transform:uppercase}@keyframes fadeInDown{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.numbah-game-root main{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vh,28px);padding:20px max(16px,env(safe-area-inset-left,0px)) max(28px,calc(env(safe-area-inset-bottom, 0px) + 20px)) max(16px,env(safe-area-inset-right,0px));position:relative;z-index:1;width:100%;max-width:520px;box-sizing:border-box}.numbah-game-root .board{flex-direction:column}.numbah-game-root .board,.numbah-game-root .row{display:flex;gap:var(--gap)}.numbah-game-root .row.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translateX(0)}15%{transform:translateX(-6px)}30%{transform:translateX(6px)}45%{transform:translateX(-4px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}.numbah-game-root .tile{width:var(--tile-size);height:var(--tile-size);perspective:250px}.numbah-game-root .tile-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d}.numbah-game-root .tile.flip .tile-inner{animation:flip .6s ease forwards;animation-delay:var(--delay)}@keyframes flip{0%{transform:rotateX(0deg)}49%{transform:rotateX(-90deg)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0deg)}}.numbah-game-root .tile-back,.numbah-game-root .tile-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:clamp(18px,4vw,26px);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--radius)}.numbah-game-root .tile-front{background:var(--surface);border:2px solid var(--border);color:var(--text)}.numbah-game-root .tile.filled .tile-front{border-color:var(--muted);animation:pop .1s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.numbah-game-root .tile-back{transform:rotateX(180deg);background:var(--absent);color:#fff;border:2px solid transparent}.numbah-game-root .tile.correct .tile-back{background:var(--correct)}.numbah-game-root .tile.present .tile-back{background:var(--present)}.numbah-game-root .tile.absent .tile-back{background:var(--absent-revealed-bg);color:var(--absent-revealed-fg)}.numbah-game-root .tile.correct .tile-front,.numbah-game-root .tile.correct:not(.flip) .tile-front{background:var(--correct);border-color:var(--correct);color:#fff}.numbah-game-root .tile.present .tile-front,.numbah-game-root .tile.present:not(.flip) .tile-front{background:var(--present);border-color:var(--present);color:#fff}.numbah-game-root .tile.absent .tile-front,.numbah-game-root .tile.absent:not(.flip) .tile-front{background:var(--absent-revealed-bg);border-color:#1c1c26;color:var(--absent-revealed-fg)}.numbah-game-root .hint-phase{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.numbah-game-root .hint-phase-label{font-family:Syne,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.numbah-game-root .hint-cards{display:flex;gap:10px;width:100%;justify-content:center}.numbah-game-root .hint-card{flex:1 1;max-width:150px;min-height:110px;border:none;cursor:pointer;background:transparent;perspective:600px;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.numbah-game-root .hint-card-inner{width:100%;height:110px;position:relative;transform-style:preserve-3d;transition:transform .35s ease;border-radius:var(--radius)}.numbah-game-root .hint-card.flipping .hint-card-inner{transform:rotateY(90deg)}.numbah-game-root .hint-card-back,.numbah-game-root .hint-card-front{position:absolute;inset:0;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.numbah-game-root .hint-card-front{background:var(--surface2);border:1px solid var(--border);transition:border-color .15s,background .15s}.numbah-game-root .hint-card:hover .hint-card-front{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface2))}.numbah-game-root .hint-card-back{background:var(--accent);transform:rotateY(180deg)}.numbah-game-root .hint-card-icon{font-family:Syne,sans-serif;font-size:28px;font-weight:800;color:var(--accent);line-height:1}.numbah-game-root .hint-card-label{font-size:11px;font-weight:500;color:var(--muted);text-align:center;line-height:1.3;letter-spacing:.04em}.numbah-game-root .hint-card:hover .hint-card-label{color:var(--text)}.numbah-game-root .hint-reveal-q{font-size:11px;font-weight:500;color:hsla(0,0%,100%,.85);text-align:center;line-height:1.4}.numbah-game-root .hint-reveal{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.numbah-game-root .hint-reveal-card{background:var(--surface2);border:1px solid var(--accent);border-radius:var(--radius);padding:16px 20px;width:100%;display:flex;flex-direction:column;gap:8px;box-shadow:0 0 24px rgba(124,106,247,.15)}.numbah-game-root .hint-reveal-question{font-size:13px;color:var(--muted);line-height:1.4}.numbah-game-root .hint-reveal-answer{font-family:Syne,sans-serif;font-size:26px;font-weight:800;color:var(--accent);letter-spacing:.05em}.numbah-game-root .btn-guess,.numbah-game-root .btn-share{background:var(--accent);color:#fff;border:none;padding:12px 28px;border-radius:var(--radius);font-family:Syne,sans-serif;font-weight:700;font-size:14px;letter-spacing:.1em;cursor:pointer;transition:filter .15s,transform .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:48px}.numbah-game-root .btn-guess:hover,.numbah-game-root .btn-share:hover{filter:brightness(1.15)}.numbah-game-root .btn-guess:active,.numbah-game-root .btn-share:active{transform:scale(.96)}.numbah-game-root .end-state .btn-share{width:100%;max-width:320px;margin-top:4px}.numbah-game-root .hint-history{width:100%;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);padding-top:12px}.numbah-game-root .hint-history-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.numbah-game-root .hint-history-item{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:var(--surface);border-radius:6px;padding:7px 10px;border:1px solid var(--border)}.numbah-game-root .hint-history-q{font-size:11px;color:var(--muted);flex:1 1;line-height:1.3}.numbah-game-root .hint-history-a{font-family:Syne,sans-serif;font-weight:700;font-size:14px;color:var(--accent);white-space:nowrap}.numbah-game-root .guess-phase{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.numbah-game-root .keyboard-digits{width:100%}.numbah-game-root .keyboard-row-horizontal{display:flex;gap:6px;justify-content:center;width:100%}.numbah-game-root .keyboard-actions{display:flex;gap:8px;justify-content:center}.numbah-game-root .key{height:clamp(50px,8vw,58px);min-width:clamp(34px,8vw,46px);padding:0;border:none;border-radius:var(--radius);background:var(--key-bg);color:var(--key-text);font-family:Syne,sans-serif;font-weight:700;font-size:clamp(14px,3vw,18px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .08s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1 1;touch-action:manipulation}.numbah-game-root .keyboard-row-horizontal .key{max-width:48px}.numbah-game-root .key.wide{min-width:clamp(60px,12vw,80px);flex:unset;font-size:clamp(11px,2vw,13px);letter-spacing:.04em}.numbah-game-root .key.enter{background:var(--accent);color:#fff}.numbah-game-root .key:hover{filter:brightness(1.2)}.numbah-game-root .key:active{transform:scale(.93)}.numbah-game-root .key.correct{background:var(--correct);color:#fff}.numbah-game-root .key.present{background:var(--present);color:#fff}.numbah-game-root .key.absent{background:var(--absent-revealed-bg);color:var(--absent-revealed-fg);font-weight:600}.numbah-game-root .end-state{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.numbah-game-root .end-label{font-family:Syne,sans-serif;font-size:20px;font-weight:800;letter-spacing:.05em}.numbah-game-root .end-answer{font-size:14px;color:var(--muted);letter-spacing:.06em}.numbah-game-root .end-answer strong{font-family:Syne,sans-serif;color:var(--accent);font-size:18px}@media (max-width:768px){.numbah-game-root header{padding-top:max(18px,calc(env(safe-area-inset-top, 0px) + 52px))}.numbah-game-root .message-toast{top:max(128px,calc(env(safe-area-inset-top, 0px) + 112px))}.numbah-game-root .header-title{letter-spacing:.14em}}@media (max-width:480px){.numbah-game-root{--tile-size:min(56px,calc((100vw - 48px) / 5))}.numbah-game-root .keyboard-row-horizontal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px 6px;gap:8px 6px;justify-content:stretch}.numbah-game-root .keyboard-row-horizontal .key{max-width:none;width:100%;min-width:0;height:max(48px,12vw);flex:unset}.numbah-game-root .keyboard-actions{width:100%;padding:0 2px}.numbah-game-root .key.wide{flex:1 1;min-height:50px;min-width:0}.numbah-game-root .hint-cards{gap:10px}}@media (max-width:420px){.numbah-game-root .hint-cards{flex-direction:column;align-items:stretch}.numbah-game-root .hint-card{max-width:none;width:100%;min-height:0}.numbah-game-root .hint-card-inner{min-height:96px;height:auto}.numbah-game-root .hint-phase-label{font-size:12px;letter-spacing:.08em;text-align:center;padding:0 8px}}@media (max-width:380px){.numbah-game-root .header-title{font-size:clamp(20px,7vw,30px);letter-spacing:.1em}.numbah-game-root .hint-history-item{flex-direction:column;align-items:flex-start;gap:6px}.numbah-game-root .hint-history-a{white-space:normal}.numbah-game-root .end-label{font-size:clamp(17px,5vw,20px);text-align:center;padding:0 8px}}@media (max-height:700px){.numbah-game-root{--tile-size:46px;--gap:4px}.numbah-game-root main{gap:12px;padding-top:12px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.numbah-game-root .key{height:46px}.numbah-game-root .keyboard-row-horizontal .key{height:max(44px,10vw)}.numbah-game-root .hint-card-inner{height:90px}}@media (max-height:700px) and (max-width:480px){.numbah-game-root .keyboard-row-horizontal .key{height:44px}}*{box-sizing:border-box;padding:0;margin:0}body,html{position:relative;max-width:100vw;overscroll-behavior:none;scroll-behavior:smooth;--primary:#222831;--neutral:#eee;--highlight:#4fa5d8;--color1:#01096a;--color2:#0f1c5e;--color3:#0c112a;--color4:#000;--background-blue:#242945;--highlight-blue:#263276;background-color:#000;--page-padding:20vw}.button{display:flex;justify-content:center;align-items:center;text-decoration:none;height:2rem;background-color:var(--highlight);border:2px solid var(--highlight);color:var(--neutral);padding:1rem;cursor:pointer;font-size:20px;border-radius:5px;&.narrow{height:auto;width:6rem;padding:0}&.splash{height:1vw;font-size:2vw;padding:2vw}}.button:hover{color:var(--highlight);background-color:var(--neutral);border:2px solid var(--highlight)}.button-disabled{display:flex;justify-content:center;align-items:center;text-decoration:none;height:2rem;background-color:gray;border:2px solid gray;color:#a9a9a9;padding:1rem;font-size:20px;border-radius:5px}@media (max-width:1930px){body{--page-padding:15vw}}@media (max-width:1430px){body{--page-padding:10vw}}@media (max-width:900px){body{--page-padding:3rem}}@media (max-width:720px){body{--page-padding:1.5rem}}@media (max-width:450px){body{--page-padding:0.5rem}}