@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";:root{color-scheme:dark;--bg: #111111;--surface: #1a1a1a;--surface-warm: #222222;--surface-hover: #2a2a2a;--text: #e8e6e3;--text-secondary: #9a9590;--text-tertiary: #6b6560;--line: #2a2725;--line-dark: #3a3633;--accent: #e8e6e3;--accent-soft: rgba(232, 230, 227, .08);--spy-red: #ef4444;--spy-red-soft: rgba(239, 68, 68, .1);--safe-green: #4ade80;--safe-green-soft: rgba(74, 222, 128, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--text);background:var(--bg)}.app-shell{width:100%;min-height:100%;display:flex;flex-direction:column}.brand-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:max(1rem,env(safe-area-inset-top)) 1.25rem 1rem;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:100}.brand-badge,.brand-kicker{display:none}.brand-title{font-family:"Instrument Serif",Georgia,serif;font-size:1.5rem;font-weight:400;letter-spacing:-.01em;text-align:center;line-height:1}.brand-bar-left{justify-self:start;min-width:0}.brand-title-link{padding:.25rem;border:none;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.brand-title-link:active{color:var(--text-secondary)}.hero{display:none}.panels{flex:1;display:flex;flex-direction:column;gap:0;max-width:480px;width:100%;margin:0 auto;padding:0 1.25rem 2rem}.panel{display:flex;flex-direction:column;gap:0;background:transparent;border:none;border-radius:0;padding:0}.panel h3{font-family:"Instrument Serif",Georgia,serif;font-size:1.35rem;font-weight:400;letter-spacing:-.01em;padding:1.25rem 0 .75rem;border-bottom:1px solid var(--line);margin-bottom:.75rem}.panel-copy{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.home-panel{flex:1;padding-top:.75rem}.home-cta{margin-top:auto;padding-top:clamp(3.5rem,11dvh,6.5rem)}.home-how-to-link{align-self:flex-start;display:inline-flex;align-items:center;gap:.375rem;min-height:44px;margin-top:.5rem;padding:.5rem 0;border:none;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:underline;text-decoration-color:var(--line-dark);text-underline-offset:3px;-webkit-tap-highlight-color:transparent}.home-how-to-link:active{color:var(--text)}.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;max-width:480px;width:100%;margin:0 auto;min-height:100dvh}.splash-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.25rem}.splash-title{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(3rem,12vw,4.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.05;color:var(--text)}.splash-tagline{font-size:1rem;line-height:1.55;color:var(--text-secondary);max-width:28ch}.splash-bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:.875rem;padding-bottom:max(2.5rem,calc(1rem + env(safe-area-inset-bottom)))}.splash-htp-link{background:none;border:none;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:.25rem 0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-dark);transition:color .15s ease}.splash-htp-link:active{color:var(--text)}.control-block{display:flex;align-items:center;justify-content:space-between;padding:.875rem 0;border-bottom:1px solid var(--line)}.control-block label{font-size:.9375rem;font-weight:500;color:var(--text)}.control-right{display:flex;align-items:center;gap:.625rem}.stepper-value{font-family:"Instrument Serif",Georgia,serif;font-size:1.5rem;font-weight:400;color:var(--text);-webkit-user-select:none;user-select:none;min-width:1.75rem;text-align:right;line-height:1}.stepper{display:flex;align-items:center;border:1px solid var(--line-dark);border-radius:var(--radius-sm);overflow:hidden;background:transparent}.stepper-btn{display:flex;align-items:center;justify-content:center;width:32px;height:26px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:color .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent}.stepper-btn:first-child{border-right:1px solid var(--line-dark)}.stepper-btn:active:not(:disabled){background:var(--surface-hover);color:var(--text)}.stepper-btn:disabled{color:var(--text-tertiary);opacity:.3;cursor:not-allowed}.info-btn{width:18px;height:18px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--line-dark);background:none;color:var(--text-tertiary);font-family:inherit;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease,border-color .15s ease}.info-btn.active{color:var(--text);border-color:var(--accent)}.timer-value-btn{display:inline-flex;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;font-family:inherit;color:inherit;padding:.25rem 0;-webkit-tap-highlight-color:transparent}.timer-value-btn .chev{color:var(--text-tertiary);transition:transform .2s ease}.timer-value-btn.active .chev{transform:rotate(180deg);color:var(--text-secondary)}.timer-value-btn:active .stepper-value{color:var(--text-secondary)}.timer-slider-wrap{overflow:hidden;border-bottom:1px solid var(--line)}.timer-slider-inner{padding:1.5rem .25rem 1rem;display:flex;flex-direction:column;gap:.625rem}.timer-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--line-dark);outline:none;cursor:pointer;margin:0}.timer-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000080;cursor:pointer}.timer-slider::-moz-range-track{height:6px;border-radius:999px;background:transparent}.timer-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 5px #00000080;cursor:pointer}.timer-slider-scale{display:flex;justify-content:space-between;font-size:.6875rem;font-weight:500;color:var(--text-tertiary)}.pill-row{display:inline-flex;gap:0;border:1.5px solid var(--line-dark);border-radius:var(--radius-md);padding:3px;background:var(--surface-warm)}.pill-btn{border:none;border-radius:calc(var(--radius-md) - 3px);padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all .2s ease}.pill-btn.active{background:var(--surface-hover);color:var(--text);box-shadow:0 1px 4px #0000004d;border:none}.text-btn{background:none;border:none;font-family:inherit;font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:.25rem 0;text-decoration:underline;text-underline-offset:2px;-webkit-tap-highlight-color:transparent}.text-btn:active{color:var(--text)}.pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;margin-top:.25rem}.pack-card{position:relative;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:inherit;text-align:center;padding:1rem .75rem .75rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.375rem;font-family:inherit;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.pack-card:active{background:var(--surface-warm)}.pack-card.selected{border-color:var(--accent);background:var(--accent-soft)}.pack-icon{width:2.75rem;height:2.75rem;object-fit:contain;opacity:.9;margin-bottom:.25rem}.pack-select-indicator{position:absolute;top:.625rem;right:.625rem;display:flex;align-items:center;justify-content:center}.pack-card h4{font-size:.875rem;font-weight:600;margin:0;line-height:1.2}.pack-card p{font-size:.6875rem;color:var(--text-secondary);line-height:1.35;margin:0}.pack-examples{font-size:.625rem;font-style:italic;color:var(--text-tertiary);line-height:1.3;margin:0}.more-options-btn{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:.625rem 0;border:none;border-bottom:1px solid var(--line);background:transparent;color:var(--text-tertiary);font-family:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.more-options-btn:active{color:var(--text)}.more-options-copy{display:flex;flex-direction:column;gap:.125rem}.more-options-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.more-options-summary{color:var(--text-tertiary);font-size:.6875rem;line-height:1.3}.more-options-btn svg{flex-shrink:0}.picker-controls{flex-shrink:0;padding:1rem 1.25rem 0;display:flex;flex-direction:column;gap:.5rem}.picker-label,.game-options-label{color:var(--text);font-size:.875rem;font-weight:600}.game-options-label-row{display:inline-flex;align-items:center;gap:.375rem}.picker-intro{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.picker-intro>span{font-size:.75rem;color:var(--text-tertiary);line-height:1.35}.game-options-mode{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.game-options-mode-head{display:flex;align-items:flex-start;gap:.375rem;min-width:0}.game-options-mode-head>div{display:flex;flex-direction:column;gap:.125rem}.game-options-note{color:var(--text-tertiary);font-size:.6875rem;line-height:1.35}.game-options-mode .info-btn{margin-top:0}.game-options-pills{flex-shrink:0}.game-options-pills .pill-btn{padding-inline:.75rem}.picker-actions{display:flex;gap:.75rem;flex-shrink:0}.picker-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.75rem 1.25rem}.picker-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-top:.75rem;padding:1rem .25rem .625rem;border-top:1px solid var(--line)}.picker-section-title{font-size:.9375rem;font-weight:600;color:var(--text)}.picker-section-note{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--spy-red)}.cta-row{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 0 .5rem}.cta-row.centered{align-items:center}.cta-hint{font-size:.75rem;color:var(--text-tertiary);text-align:center;padding:0 0 .25rem}.primary-btn{width:100%;border-radius:var(--radius-xl);padding:.9375rem 1.25rem;font-size:.9375rem;font-weight:600;text-transform:none;letter-spacing:0;transition:all .15s ease}.primary-btn{background:#e8e6e3;color:#111;border:none}.primary-btn:active{transform:scale(.98);background:#d4d1cd}.primary-btn:disabled{opacity:.3;pointer-events:none}.reveal-panel{flex:1;display:flex;flex-direction:column;background:transparent;border:none;border-radius:0;padding:0;gap:0}.progress-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.75rem 1.25rem}.skip-word-btn{justify-self:end;display:inline-flex;align-items:center;gap:.3125rem;background:none;border:1.5px solid var(--line-dark);border-radius:var(--radius-xl);padding:.3125rem .625rem;font-family:inherit;font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.skip-word-btn svg{flex-shrink:0}.skip-word-btn:active{background:var(--surface-warm);color:var(--text)}.progress-row label{justify-self:center;font-size:.8125rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-secondary);white-space:nowrap}.progress-row strong{font-family:IBM Plex Sans,sans-serif;font-size:.875rem;font-weight:600}progress{width:100%;height:3px;border-radius:0;overflow:hidden;border:none;display:block}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent);transition:width .3s ease}progress::-moz-progress-bar{background:var(--accent)}.reveal-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;gap:0;border:none;border-radius:0;background:transparent;perspective:1000px;min-height:65dvh}.reveal-card .cta-row{width:100%;max-width:320px;padding-top:2rem}.debate-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:1rem 1.5rem max(1.5rem,env(safe-area-inset-bottom));gap:0;border:none;border-radius:0;background:transparent;min-height:65dvh}.debate-card h3{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.4rem,6vw,1.75rem);font-weight:400;line-height:1.2;padding:0;border:none;margin:0}.round-summary{display:flex;align-items:center;justify-content:center;gap:.375rem;min-height:24px;color:var(--text-tertiary);font-size:.75rem;font-weight:500;line-height:1.3}.round-summary span:first-child{color:var(--text-secondary)}.discussion-core{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:clamp(2rem,6dvh,4rem)}.discussion-prompt{margin-top:.5rem;color:var(--text-secondary);font-size:.8125rem;line-height:1.4;white-space:nowrap}.timer-box{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(3rem,15vw,5rem);font-weight:400;line-height:1;letter-spacing:-.02em;padding:.75rem 0;color:var(--text);transition:color .3s ease}.timer-box.urgent{color:var(--spy-red)}.timer-control{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:0;margin-top:2rem}.timer-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:42px}.timer-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;padding:.625rem 1rem;border:1.5px solid var(--line-dark);border-radius:var(--radius-xl);background:var(--surface-warm);color:var(--text);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}.timer-toggle-btn:active{background:var(--surface-hover);border-color:var(--text-tertiary)}.timer-toggle-btn svg{flex-shrink:0}.timer-reset-btn{min-height:30px;padding:.25rem;border:none;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-dark);-webkit-tap-highlight-color:transparent}.timer-reset-btn:active{color:var(--text)}.timer-finished{margin-top:1rem;color:var(--text);font-size:.9375rem;font-weight:600}.debate-card .cta-row{width:100%;max-width:320px;padding:2rem 0 0;margin-top:0}@media (max-width: 740px){.brand-title{font-size:1.35rem}.pack-grid{grid-template-columns:1fr 1fr}}@media (min-width: 741px){.panels{max-width:560px}.pack-grid{grid-template-columns:repeat(3,1fr)}.reveal-card,.debate-card{min-height:70dvh}}.card-flip-container{width:100%;max-width:320px;aspect-ratio:3 / 4;perspective:1200px;cursor:pointer}.card-flip-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.card-flip-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;gap:.75rem;border:1.5px solid var(--line-dark)}.card-front{background:var(--surface)}.card-front-pattern{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:.06;background-image:repeating-linear-gradient(45deg,var(--text) 0px,var(--text) 1px,transparent 1px,transparent 12px);pointer-events:none}.card-front-icon{font-family:"Instrument Serif",Georgia,serif;font-size:3.5rem;line-height:1;color:var(--text);margin-bottom:.5rem}.card-front-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary)}.card-front-hint{font-size:.75rem;color:var(--text-tertiary);margin-top:auto}.card-back{background:var(--surface);transform:rotateY(180deg);overflow:hidden;justify-content:flex-start;padding-bottom:1rem}.card-back-main{display:flex;flex-direction:column;align-items:center;gap:.4rem}.card-category-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.07;filter:grayscale(1) contrast(.9);pointer-events:none}.card-back>:not(.card-category-art){position:relative;z-index:1}.card-back.spy{border-color:var(--spy-red);background:var(--spy-red-soft)}.card-back-pack{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);background:#111111ad;border:1px solid rgba(232,230,227,.14);padding:.25rem .65rem;border-radius:999px;margin-bottom:.25rem}.card-back-pack.spy-category{color:#ff6b6b;background:#301212c7;border-color:#ef44445c;font-size:.75rem}.card-back-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.card-back-word{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2rem,8vw,3rem);font-weight:400;letter-spacing:-.02em;line-height:1.1;color:var(--text)}.card-back.spy .card-back-word{color:var(--spy-red)}.card-back-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.card-back-role{display:inline-flex;flex-direction:column;align-items:center;gap:.15rem}.card-back-role-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-tertiary)}.card-back-role-name{font-size:1.0625rem;font-weight:500;line-height:1.15;color:var(--text)}.spy-icon{width:72px;height:72px;object-fit:contain;opacity:.92;filter:brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(2287%) hue-rotate(335deg) brightness(99%) contrast(89%)}.card-back-instruction{font-size:.75rem;line-height:1.4;color:var(--text-tertiary);text-align:center;width:100%}.card-back.spy .card-back-instruction{color:#ef444499}.card-tap-hint{font-size:.8125rem;font-weight:500;color:var(--text-tertiary);margin-top:1rem;text-align:center}.player-dots{display:flex;gap:6px;justify-content:center;padding:.5rem 0}.player-dot{width:8px;height:8px;border-radius:50%;background:var(--line);transition:all .3s ease}.player-dot.done{background:var(--accent)}.player-dot.active{background:var(--accent);transform:scale(1.3)}.how-to-play-btn{justify-self:end;display:inline-flex;align-items:center;gap:.375rem;background:none;border:1.5px solid var(--line-dark);border-radius:var(--radius-xl);padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.how-to-play-btn:active{background:var(--surface-warm);color:var(--text)}.how-to-play-btn svg{flex-shrink:0}.htp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:0}.htp-modal{width:100%;max-width:520px;max-height:92dvh;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex-direction:column;overflow:hidden}.htp-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--line);flex-shrink:0}.htp-header h2{font-family:"Instrument Serif",Georgia,serif;font-size:1.35rem;font-weight:400}.htp-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.htp-close:active{color:var(--text)}.htp-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;-webkit-overflow-scrolling:touch}.mode-modal{max-width:480px}.mode-info-overlay{z-index:220}.mode-modal-content{gap:1rem}.mode-modal-intro{color:var(--text-secondary);font-size:.875rem;line-height:1.55}.htp-step{display:flex;flex-direction:column;gap:.75rem}.htp-step-illustration{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:.5rem;display:flex;align-items:center;justify-content:center}.htp-step-illustration img{width:112px;height:112px;object-fit:contain;opacity:.9}.htp-step-text{display:flex;gap:.75rem;align-items:flex-start}.htp-step-number{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-dark);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text);margin-top:.1rem}.htp-step-text h4{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.htp-step-text p{font-size:.8125rem;line-height:1.5;color:var(--text-secondary)}.htp-divider{height:1px;background:var(--line);margin:.25rem 0}.htp-section-title{font-family:"Instrument Serif",Georgia,serif;font-size:1.15rem;font-weight:400}.htp-modes{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.htp-mode-card{border:1.5px solid var(--line);border-radius:var(--radius-md);padding:.875rem;display:flex;flex-direction:column;gap:.5rem}.htp-mode-illustration{background:var(--bg);border-radius:var(--radius-sm);padding:.375rem;display:flex;align-items:center;justify-content:center}.htp-mode-illustration img{width:72px;height:72px;object-fit:contain;opacity:.84}.htp-mode-card h4{font-size:.875rem;font-weight:600}.htp-mode-card p{font-size:.75rem;line-height:1.4;color:var(--text-secondary)}.htp-mode-card ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.25rem}.htp-mode-card li{font-size:.6875rem;color:var(--text-tertiary);padding-left:.875rem;position:relative;line-height:1.4}.htp-mode-card li:before{content:"";position:absolute;left:0;top:.4em;width:4px;height:4px;border-radius:50%;background:var(--text-tertiary)}.htp-tip{display:flex;gap:.75rem;align-items:flex-start;padding:.875rem;background:var(--spy-red-soft);border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-md)}.htp-tip-icon{flex-shrink:0;width:26px;height:26px;object-fit:contain;margin-top:.1rem;filter:brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(2287%) hue-rotate(335deg) brightness(99%) contrast(89%)}.htp-tip strong{font-size:.8125rem;font-weight:600;color:var(--spy-red);display:block;margin-bottom:.25rem}.htp-tip p{font-size:.75rem;line-height:1.5;color:#ef4444b3}.htp-got-it{margin:.75rem 1.25rem max(1.25rem,env(safe-area-inset-bottom));flex-shrink:0;width:calc(100% - 2.5rem)}@media (min-width: 741px){.htp-overlay{align-items:center;padding:2rem}.htp-modal{border-radius:var(--radius-xl);max-height:85dvh}}@media (max-width: 420px){.how-to-play-btn span{display:none}}@media (max-width: 360px){.htp-modes{grid-template-columns:1fr}}.site-footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1.25rem max(2rem,calc(1rem + env(safe-area-inset-bottom)));border-top:1px solid var(--line);margin-top:auto}.site-footer span{font-size:.75rem;color:var(--text-tertiary)}.footer-socials{display:flex;gap:.75rem}.footer-socials a{color:var(--text-tertiary);transition:color .15s ease;display:flex;align-items:center;justify-content:center;padding:.25rem}.footer-socials a:active{color:var(--text)}