.notme-screen{gap:var(--space-m)}.notme-lobby,.notme-reveal,.notme-clue-round,.notme-voting,.notme-results{display:flex;flex-direction:column;align-items:center;gap:var(--space-s);text-align:center;flex:1;min-height:0;width:100%}.notme-subtitle{color:var(--bn-mute);margin:0}.notme-logo{border-radius:22%;border:6px solid var(--bn-white);overflow:hidden;display:block}.notme-choice-buttons,.notme-form{display:flex;flex-direction:column;gap:var(--space-s);width:100%}.notme-form .btn-primary-dock{margin-top:var(--space-l)}.notme-input{min-height:var(--touch-target-min);border-radius:var(--radius-button);border:1px solid var(--bn-line);background:var(--bn-navy-2);color:var(--bn-white);padding-inline:var(--space-m);font-size:1rem;font-family:inherit}.notme-pill-group{display:flex;gap:var(--space-s);margin-top:var(--space-xs)}.notme-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding-inline:var(--space-m);border-radius:var(--radius-chip);border:1px solid var(--bn-line);background:var(--bn-navy-2);color:var(--bn-white);font-weight:700;font-size:1rem;cursor:pointer;transition:transform var(--bn-t-tap) var(--bn-ease),border-color var(--bn-t-tap) ease}.notme-pill:active{transform:scale(.94)}.notme-pill-active{border-color:var(--bn-lime);background:var(--bn-lime);color:var(--bn-lime-ink)}.notme-avatar-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-s);margin-top:var(--space-xs);max-width:260px}.notme-avatar-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;border-radius:999px;border:1px solid var(--bn-line);background:var(--bn-navy-2);font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--bn-t-tap) var(--bn-ease),border-color var(--bn-t-tap) ease}.notme-avatar-option:active{transform:scale(.9)}.notme-avatar-option-active{border-color:var(--bn-lime);background:color-mix(in srgb,var(--bn-lime) 20%,var(--bn-navy-2))}.notme-room-code{color:var(--bn-mute);font-size:.9rem}.notme-host-controls{display:flex;flex-direction:column;gap:var(--space-s);align-items:center}.notme-rounds-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--bn-mute);font-size:.9rem}.notme-hint{color:var(--bn-mute);font-size:.85rem}.notme-error{color:var(--bn-error);background:var(--bn-error-bg);border:1px solid var(--bn-error);border-radius:var(--radius-card);padding:var(--space-s) var(--space-m);font-size:.85rem}.video-grid-wrap{position:relative;width:100%;flex:1;min-height:0}.video-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:1fr;gap:var(--space-s);width:100%;height:100%}.video-grid>*{min-width:0;min-height:0}.video-grid-count-1>*:nth-child(1){grid-column:4 / 10;grid-row:1}.video-grid-count-2>*:nth-child(1){grid-column:1 / 7;grid-row:1}.video-grid-count-2>*:nth-child(2){grid-column:7 / 13;grid-row:1}.video-grid-count-3>*:nth-child(1){grid-column:1 / 7;grid-row:1}.video-grid-count-3>*:nth-child(2){grid-column:7 / 13;grid-row:1}.video-grid-count-3>*:nth-child(3){grid-column:4 / 10;grid-row:2}.video-grid-count-4>*:nth-child(1){grid-column:1 / 7;grid-row:1}.video-grid-count-4>*:nth-child(2){grid-column:7 / 13;grid-row:1}.video-grid-count-4>*:nth-child(3){grid-column:1 / 7;grid-row:2}.video-grid-count-4>*:nth-child(4){grid-column:7 / 13;grid-row:2}.video-grid-count-5>*:nth-child(1){grid-column:1 / 5;grid-row:1}.video-grid-count-5>*:nth-child(2){grid-column:5 / 9;grid-row:1}.video-grid-count-5>*:nth-child(3){grid-column:9 / 13;grid-row:1}.video-grid-count-5>*:nth-child(4){grid-column:3 / 7;grid-row:2}.video-grid-count-5>*:nth-child(5){grid-column:7 / 11;grid-row:2}.video-tile-wrapper{position:relative;min-height:0}.notme-instruction-overlay{position:absolute;top:var(--space-s);inset-inline:var(--space-s);z-index:5;background:#0b0e1ad1;border:1px solid var(--bn-line);border-radius:var(--radius-card);padding:var(--space-s) var(--space-m);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.notme-instruction-text{margin:0;font-weight:700;font-size:.9rem}.notme-turn-name{font-size:1.05rem}.notme-timer-ring{position:relative;width:56px;height:56px;margin:var(--space-xs) auto 0;display:flex;align-items:center;justify-content:center}.notme-timer-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.notme-timer-ring-track{stroke:var(--bn-line);stroke-width:5}.notme-timer-ring-fill{stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .2s linear}.notme-timer-ring-label{position:relative;font-size:1.1rem;font-weight:800;font-family:var(--font-en-display)}.notme-timer-ring-urgent .notme-timer-ring-label{animation:notme-pulse .5s ease-in-out infinite}@keyframes notme-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (prefers-reduced-motion: reduce){.notme-timer-ring-urgent .notme-timer-ring-label{animation:none}}.notme-skip-btn{position:relative;overflow:hidden;isolation:isolate}.notme-skip-fill{position:absolute;inset-block:0;inset-inline-start:0;width:0%;background:color-mix(in srgb,var(--bn-orange) 40%,transparent);z-index:0}.notme-skip-holding .notme-skip-fill{width:100%;transition:width .6s linear}.notme-skip-label{position:relative;z-index:1}.notme-vote-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-xs);background:#0b0e1a99;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--bn-white);font-size:.7rem;font-weight:700;line-height:1.25;border-radius:var(--radius-card)}.notme-vote-cover-voted{background:#ff5c7a66}.notme-vote-scary{font-size:min(2.4rem,20dvh)}.video-tile{position:relative;width:100%;height:100%;border-radius:var(--radius-card);overflow:hidden;background:var(--bn-navy-2);border:2px solid var(--bn-line);padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease,transform .1s ease}button.video-tile{cursor:pointer}button.video-tile:active{transform:scale(.97)}.video-tile-feed{width:100%;height:100%;object-fit:cover}.video-tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;opacity:.5}.video-tile-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.6rem;background:color-mix(in srgb,var(--card-accent, var(--bn-purple)) 20%,var(--bn-navy-2))}.video-tile-footer{position:absolute;inset-inline:0;bottom:0;padding:6px var(--space-s);background:linear-gradient(transparent,#0b0e1ad9);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600}.video-tile-active{border-color:var(--bn-lime)}.video-tile-selected{border-color:var(--bn-orange)}.video-tile-dimmed{opacity:.6;transition:opacity .2s ease}.video-tile-vote-count{position:absolute;top:6px;inset-inline-end:6px;background:var(--bn-orange);color:var(--bn-orange-ink);border-radius:999px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800}.notme-reveal-headline,.notme-instruction-heading{margin:0;font-size:1.3rem;font-weight:800;color:var(--bn-white)}.wallet-scene{position:relative;width:min(220px,42dvh);height:min(260px,50dvh);margin:var(--space-s) auto;flex-shrink:1}.wallet-arrow{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:3;color:var(--card-accent, var(--bn-purple));animation:wallet-bounce 1s ease-in-out infinite}.wallet-arrow-hidden{opacity:0;animation:none}@keyframes wallet-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}@media (prefers-reduced-motion: reduce){.wallet-arrow{animation:none}}.wallet-card{position:absolute;left:50%;margin-left:-34%;bottom:27%;width:68%;height:38%;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--bn-r-control);background:var(--bn-white);color:var(--bn-navy);box-shadow:0 0 0 2px var(--bn-line);cursor:pointer;touch-action:none;display:flex;align-items:center;justify-content:center;padding:var(--space-s)}.wallet-card:not(.wallet-card-dragging){transition:transform .3s var(--bn-ease)}.wallet-card-open{transform:translateY(-100%) rotate(-6deg)!important}.wallet-card-face{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.wallet-card-word{font-size:1.3rem;font-weight:800}.wallet-card-imposter-icon{font-size:1.6rem}.wallet-card-imposter-title{font-size:.9rem;font-weight:800;color:var(--bn-error)}.wallet-card-imposter-hint{font-size:.75rem}.wallet-body{position:absolute;inset-inline:0;bottom:0;height:50%;z-index:2;background:var(--bn-navy-2);border:2px solid var(--card-accent, var(--bn-purple));border-radius:var(--radius-card);box-shadow:var(--bn-offset-press) var(--bn-offset-press) 0 0 var(--card-accent, var(--bn-purple))}.wallet-body:before{content:"";position:absolute;top:0;inset-inline:30%;height:3px;border-radius:2px;background:var(--bn-line)}.notme-round-indicator{color:var(--bn-mute);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.notme-turn-banner{font-size:1.1rem;font-weight:700}.notme-result-banner{font-size:1.3rem;font-weight:800;color:var(--bn-white)}.notme-result-emote{font-family:var(--font-en-pixel);font-size:1.05rem;line-height:1.6;color:var(--bn-lime)}[lang=ar] .notme-result-emote{font-family:var(--font-ar-display);font-size:1.7rem}.notme-result-loss{color:var(--bn-error)}.notme-word-reveal{font-size:1.1rem;color:var(--bn-white)}.notme-results{position:relative;justify-content:center}.notme-results-video-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);width:100%}.notme-results-video-grid>*{flex:0 0 calc(25% - var(--space-xs))}.notme-results-video-grid-5>*{flex:0 0 calc(33.333% - var(--space-xs))}.notme-results-video-grid .video-tile{aspect-ratio:1 / 1;border-radius:var(--radius-chip)}.notme-results-video-grid .video-tile-footer{padding:2px 6px;font-size:.6rem}.notme-confetti-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.notme-reveal-card{width:160px;height:220px;border-radius:var(--radius-card);background:var(--bn-navy-2);border:1px solid var(--bn-line)}.notme-fade-in{animation:notme-fade-in .7s var(--bn-ease) both}@keyframes notme-fade-in{0%{opacity:0}to{opacity:1}}.notme-slam-in{animation:notme-slam-in .3s var(--bn-ease) both}@keyframes notme-slam-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.notme-reveal-flash{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-m);width:100%}.notme-reveal-flash:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:5;pointer-events:none;animation:notme-flash .6s ease-out both}.notme-reveal-flash-win:before{background:radial-gradient(ellipse at 50% 50%,transparent 40%,var(--bn-lime) 100%)}.notme-reveal-flash-loss:before{background:radial-gradient(ellipse at 50% 50%,transparent 40%,var(--bn-error) 100%)}@keyframes notme-flash{0%{opacity:.55}to{opacity:0}}@media (prefers-reduced-motion: reduce){.notme-fade-in,.notme-slam-in,.notme-reveal-flash:before{animation:none}}:root{--bn-navy: #0b0e1a;--bn-navy-2: #12162a;--bn-line: #262c42;--bn-white: #f4f5fa;--bn-mute: #8a90a8;--bn-lime: #b8f135;--bn-lime-ink: #2a3a02;--bn-orange: #ff8a00;--bn-orange-ink: #4a2600;--bn-purple: #8b5cf6;--bn-purple-ink: #ede6ff;--bn-error: #ff5c7a;--bn-error-bg: #1c1017;--color-bg: var(--bn-navy);--color-bg-elevated: var(--bn-navy-2);--color-bg-card: var(--bn-navy-2);--color-border-line: var(--bn-line);--color-border: var(--bn-line);--color-muted-text: var(--bn-mute);--color-text-dim: var(--bn-mute);--color-body-text: var(--bn-white);--color-text: var(--bn-white);--font-en: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-en-display: "Space Grotesk", system-ui, sans-serif;--font-en-pixel: "Press Start 2P", monospace;--font-ar: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-ar-display: "Baloo Bhaijaan 2", "IBM Plex Sans Arabic", sans-serif;--shell-max-width: 480px;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--bn-r-control: 8px;--bn-r-card: 14px;--radius-chip: var(--bn-r-control);--radius-button: var(--bn-r-control);--radius-card: var(--bn-r-card);--radius-sheet: var(--bn-r-card);--radius-md: var(--radius-card);--radius-lg: var(--radius-sheet);--touch-target-min: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--bn-offset: 5px;--bn-offset-press: 3px;--bn-t-tap: .1s;--bn-t-move: .18s;--bn-t-celebrate: .8s;--bn-ease: cubic-bezier(.2, 0, 0, 1);--ease-spring: var(--bn-ease);--ease-out: var(--bn-ease)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{overscroll-behavior:none}body{margin:0;background:var(--bn-navy);color:var(--bn-white);font-family:var(--font-en);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}[lang=ar] body,body[lang=ar]{font-family:var(--font-ar)}img,svg{max-width:100%;display:block}button{font-family:inherit;color:inherit}.app-shell{max-width:var(--shell-max-width);height:100dvh;margin-inline:auto;padding-block:calc(var(--safe-top) + 12px) calc(var(--safe-bottom) + 12px);padding-inline:20px;display:flex;flex-direction:column;background:var(--bn-navy);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.app-shell>*{position:relative;z-index:1}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--bn-white);color:var(--bn-navy);border-radius:var(--bn-r-control);min-height:var(--touch-target-min);padding-inline:20px;font-size:1rem;font-weight:700;font-family:var(--font-en-display);cursor:pointer;box-shadow:var(--bn-offset) var(--bn-offset) 0 0 var(--bn-orange);transition:transform var(--bn-t-tap) var(--bn-ease)}[lang=ar] .btn{font-family:var(--font-ar);font-weight:700}.btn:active{transform:translate(var(--bn-offset-press),var(--bn-offset-press))}[dir=rtl] .btn{box-shadow:calc(var(--bn-offset) * -1) var(--bn-offset) 0 0 var(--bn-orange)}[dir=rtl] .btn:active{transform:translate(calc(var(--bn-offset-press) * -1),var(--bn-offset-press))}.btn:focus-visible{outline:2px solid var(--bn-lime);outline-offset:2px}@media (prefers-reduced-motion: reduce){.btn:active{transform:none}}.btn-ghost{background:transparent;color:var(--bn-white);border:1px solid var(--bn-line);box-shadow:none}[dir=rtl] .btn-ghost{box-shadow:none}.btn-purple-shadow{box-shadow:var(--bn-offset) var(--bn-offset) 0 0 var(--bn-purple)}[dir=rtl] .btn-purple-shadow{box-shadow:calc(var(--bn-offset) * -1) var(--bn-offset) 0 0 var(--bn-purple)}.btn-lang{align-self:flex-end;min-height:40px;padding-inline:16px;font-size:.85rem}.btn-primary-dock{width:100%;min-height:60px;border-radius:30px;font-size:1.05rem;margin-top:auto;background:var(--bn-lime);color:var(--bn-lime-ink);box-shadow:var(--bn-offset) var(--bn-offset) 0 0 var(--bn-purple)}[dir=rtl] .btn-primary-dock{box-shadow:calc(var(--bn-offset) * -1) var(--bn-offset) 0 0 var(--bn-purple)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:active{transform:none}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;border-radius:999px;border:none;background:var(--bn-navy-2);color:var(--bn-white);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 0 0 3px var(--card-accent, var(--bn-purple));transition:transform var(--bn-t-tap) var(--bn-ease)}.icon-btn:active{transform:scale(.92)}@media (prefers-reduced-motion: reduce){.icon-btn:active{transform:none}}.icon-btn-flip svg{transform:scaleX(-1)}.icon-btn:focus-visible{outline:2px solid var(--bn-lime);outline-offset:2px}.notme-top-bar{display:flex;justify-content:space-between;align-items:center}.notme-top-bar-end{display:flex;gap:var(--space-s);align-items:center}.home{display:flex;flex-direction:column;gap:24px;flex:1}.home-header{display:flex;flex-direction:column;gap:8px;text-align:center}.logo{margin:8px 0 0;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;font-family:var(--font-en-display);text-transform:lowercase;color:var(--bn-white)}[lang=ar] .logo{font-family:var(--font-ar-display);letter-spacing:0}.logo-mirror-e{display:inline-block;transform:scaleX(-1)}.tagline{margin:0;color:var(--bn-mute);font-size:.95rem}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.game-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--bn-line);border-top:3px solid var(--card-accent, var(--bn-lime));border-radius:var(--bn-r-card);background:var(--bn-navy-2);color:var(--bn-white);aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 6px;cursor:pointer;transition:transform var(--bn-t-tap) ease,border-color var(--bn-t-tap) ease}.game-card:active{transform:scale(.95);border-color:var(--card-accent, var(--bn-lime))}.game-card:focus-visible{outline:2px solid var(--card-accent, var(--bn-lime));outline-offset:2px}.game-card-icon{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--card-accent, var(--bn-lime));background:color-mix(in srgb,var(--card-accent, var(--bn-lime)) 18%,transparent)}.game-card-branded{padding:0;border-top-width:0;overflow:hidden}.game-card-branded svg{display:block;width:100%;height:100%;max-width:none}.game-card-name{font-size:.75rem;font-weight:700;text-align:center;line-height:1.2}.game-card-badge{font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;color:var(--card-accent, var(--bn-lime))}.game-card-locked{opacity:.5}.game-card-locked .game-card-name{color:var(--bn-mute)}.game-screen{flex:1;min-height:0;display:flex;flex-direction:column;gap:20px}.back-btn{align-self:flex-start}.game-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;border:1px dashed var(--bn-line);border-radius:var(--radius-lg);padding:32px 20px}.game-placeholder-emoji{font-size:3.5rem}.game-placeholder-note{margin:0;color:var(--card-accent, var(--bn-lime));font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}