:root{--bg: #0f1020;--bg-elev: #1a1b34;--bg-elev-2: #23244a;--card: #191a30;--text: #f2f3ff;--text-dim: #a6a8c8;--text-mute: #6f7196;--accent: #0d9488;--accent-2: #06b6d4;--accent-contrast: #ffffff;--danger: #ff5c7c;--success: #4fd18b;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .25);--radius: 18px;--radius-sm: 12px;--radius-pill: 999px;--tap: 48px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark}.not-found{width:min(100% - 32px,1120px);min-height:calc(100svh - var(--header-height, 72px));margin:0 auto;padding:clamp(48px,9vw,112px) 0 32px}.not-found__content{display:grid;justify-items:center;max-width:620px;margin:0 auto clamp(64px,10vw,112px);text-align:center}.not-found__mark{width:clamp(72px,10vw,104px);height:auto;margin-bottom:20px}.not-found__code{margin:0 0 10px;color:var(--accent);font-size:clamp(4rem,13vw,8rem);font-weight:800;line-height:.85;letter-spacing:-.07em}.not-found h1{margin:18px 0 14px;font-size:clamp(1.8rem,5vw,3rem);letter-spacing:-.035em}.not-found__description{max-width:540px;margin:0;color:var(--text-muted);font-size:1.05rem;line-height:1.65}.not-found__action{min-width:min(100%,240px);margin-top:30px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(13,148,136,.18),transparent 60%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh}#root{min-height:100vh}.seo-fallback{max-width:560px;margin:0 auto;padding:40px 20px;color:var(--text)}.page{max-width:560px;margin:0 auto;padding:calc(20px + var(--safe-top)) calc(18px + var(--safe-right)) calc(28px + var(--safe-bottom)) calc(18px + var(--safe-left));display:flex;flex-direction:column;gap:20px}.route-loading{min-height:100dvh;display:grid;place-items:center}.route-loading__dot{width:34px;height:34px;border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:route-spin .7s linear infinite}@keyframes route-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.route-loading__dot{animation-duration:1.6s}}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.home-brand{display:flex;align-items:center;gap:10px}.home-brand__mark{width:48px;height:48px;object-fit:contain}.page__header--game{align-items:center}.page__header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.page__title-group{min-width:0}.page__title{margin:0;font-size:34px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,var(--text),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.page__title--sm{font-size:24px}.game-title-icon{display:inline-flex;width:38px;height:38px;margin-right:3px;vertical-align:middle}.game-title-icon img{display:block;width:100%;height:100%;object-fit:contain}.page__subtitle{margin:4px 0 0;color:var(--text-dim);font-size:14px}.section-title{margin:0;font-size:18px;font-weight:700;color:var(--text)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);min-height:var(--tap);padding:12px 18px;font-size:16px;font-weight:600;font-family:inherit;color:var(--text);background:var(--bg-elev);cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .22s ease,color .22s ease,opacity .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text-dim)}.btn--block{width:100%}.btn--icon{min-width:var(--tap);padding:12px;font-size:20px;flex:0 0 auto}.btn--compact{min-height:36px;padding:8px 11px;font-size:13px;border-radius:var(--radius-pill)}@media (max-width: 390px){.page__header-actions{flex-direction:column-reverse;align-items:flex-end}}.lang-switcher{display:inline-flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px;gap:2px;flex:0 0 auto}.lang-switcher__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-mute);font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.03em;padding:8px 10px;min-width:40px;min-height:36px;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s ease,color .15s ease}.lang-switcher__btn.is-active{background:var(--accent);color:var(--accent-contrast)}.lang-select{position:relative;min-height:var(--tap);display:inline-flex;align-items:center;gap:8px;padding:0 34px 0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text)}.lang-select:hover{border-color:var(--border-strong)}.lang-select:focus-within{outline:2px solid var(--accent);outline-offset:3px}.lang-select__globe{width:17px;height:17px;color:var(--accent-2);stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.lang-select__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:76px;height:46px;padding:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:650;cursor:pointer}.lang-select__control option{background:var(--bg-elev);color:var(--text)}.lang-select__chevron{position:absolute;right:12px;top:50%;color:var(--text-mute);font-size:17px;transform:translateY(-58%);pointer-events:none}.games-grid{display:grid;grid-template-columns:1fr;gap:12px}.game-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;position:relative;transition:transform .1s ease,border-color .15s ease,background .15s ease}.game-card:active{transform:scale(.985)}.game-card:hover{border-color:var(--border-strong)}.game-card--disabled{opacity:.55;cursor:not-allowed}.game-card__icon-wrap{width:58px;height:58px;display:flex;align-items:center;justify-content:center;padding:4px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-elev));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:var(--radius-sm);flex:0 0 auto}.game-card__icon{display:block;width:100%;height:100%;object-fit:contain}.game-card__body{display:flex;flex-direction:column;gap:3px;min-width:0}.game-card__title{font-size:17px;font-weight:700}.game-card__desc{font-size:13px;color:var(--text-dim)}.badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-2);background:#06b6d424;border:1px solid rgba(6,182,212,.3);padding:4px 8px;border-radius:var(--radius-pill)}.spy-settings{display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:10px}.field__head{display:flex;flex-direction:column;gap:2px}.field__label{font-size:16px;font-weight:700}.field__hint{font-size:13px;color:var(--text-mute)}.stepper{display:flex;align-items:center;justify-content:space-between;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px;gap:10px}.stepper__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--bg-elev-2);color:var(--text);width:var(--tap);height:var(--tap);border-radius:var(--radius-sm);font-size:26px;font-weight:700;line-height:1;cursor:pointer;flex:0 0 auto;transition:transform .08s ease,opacity .15s ease}.stepper__btn:active{transform:scale(.92)}.stepper__btn:disabled{opacity:.35;cursor:not-allowed}.stepper__value{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.stepper__suffix{font-size:15px;font-weight:600;color:var(--text-dim)}.theme-list{display:flex;flex-wrap:wrap;gap:8px}.theme-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);font-family:inherit;font-size:14px;font-weight:600;padding:10px 14px;min-height:var(--tap);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .08s ease}.theme-icon{display:inline-block;flex:0 0 auto;vertical-align:-.2em}.theme-chip:active{transform:scale(.96)}.theme-chip.is-active{background:var(--accent);color:var(--accent-contrast);border-color:transparent}.player-name-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.player-name-field{min-width:0;min-height:var(--tap);display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);transition:border-color .18s ease,box-shadow .18s ease}.player-name-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.player-name-field__number{width:24px;height:24px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-elev-2);color:var(--text-mute);font-size:12px;font-weight:750}.player-name-field input{width:100%;min-width:0;height:46px;padding:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-weight:650}.player-name-field input::placeholder{color:var(--text-mute);font-weight:500}.handoff{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:24px 0}.handoff__player-badge{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;background:var(--bg-elev-2);border:2px solid var(--border-strong);color:var(--text)}.handoff__title{margin:0;font-size:24px;font-weight:800}.handoff__player-instruction{margin:-10px 0 0;color:var(--text-mute);font-size:14px}@media (max-width: 420px){.player-name-list{grid-template-columns:1fr}}.handoff__hint{margin:0;color:var(--text-mute);font-size:14px}.handoff .btn--block{margin-top:6px;width:100%}.role-card{width:100%;border-radius:var(--radius);padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:14px;border:1px solid var(--border);background:var(--card)}.role-card--word{background:linear-gradient(160deg,rgba(79,209,139,.14),var(--card) 55%);border-color:#4fd18b4d}.role-card--spy{background:linear-gradient(160deg,rgba(255,92,124,.16),var(--card) 55%);border-color:#ff5c7c59}.role-card__title{font-size:26px;font-weight:800}.role-card__theme{display:flex;flex-direction:column;align-items:center;gap:4px}.role-card__theme-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute)}.role-card__theme-value{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:16px;font-weight:700}.role-card__word-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);margin-top:4px}.role-card__word{font-size:32px;font-weight:800;text-align:center;letter-spacing:-.01em}.role-card__hint{margin:0;font-size:14px;color:var(--text-dim);text-align:center}.discussion{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.discussion__hint{margin:0;color:var(--text-mute);font-size:14px}.timer{font-size:72px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;margin:12px 0;color:var(--text)}.timer--done{font-size:40px;color:var(--danger)}.discussion__controls{display:flex;flex-direction:column;gap:10px;width:100%}.results{display:flex;flex-direction:column;gap:14px}.results__block{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.results__block--spy{background:linear-gradient(160deg,rgba(255,92,124,.14),var(--card) 60%);border-color:#ff5c7c4d}.results__label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute)}.results__value{font-size:22px;font-weight:800}.results__spies{display:flex;flex-wrap:wrap;gap:8px}.results__spy-badge{min-width:44px;height:44px;padding:0 12px;border-radius:var(--radius-sm);background:var(--danger);color:#2a0a13;font-size:20px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.results__actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.ad-slot{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.ad-slot--banner{margin-top:24px}.ad-slot__label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute)}.ad-slot__ins{width:100%}.ad-slot--placeholder{min-height:90px;justify-content:center;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:#ffffff05}.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;flex-direction:column;gap:12px;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));background:var(--bg-elev);border-top:1px solid var(--border-strong);box-shadow:var(--shadow)}.consent-banner__title{display:block;font-size:15px;margin-bottom:4px}.consent-banner__desc{margin:0;font-size:13px;line-height:1.5;color:var(--text-dim)}.consent-banner__actions{display:flex;gap:10px}.consent-banner__actions .btn{flex:1}@media (min-width: 560px){.consent-banner{flex-direction:row;align-items:center;justify-content:space-between;max-width:720px;margin:0 auto 16px;left:16px;right:16px;border-radius:var(--radius);border:1px solid var(--border-strong)}.consent-banner__actions,.consent-banner__actions .btn{flex:0 0 auto}}.legal{display:flex;flex-direction:column;gap:22px;line-height:1.6}.legal__section{display:flex;flex-direction:column;gap:8px}.legal__heading{margin:0;font-size:17px;font-weight:700;color:var(--text)}.legal__p{margin:0;font-size:14px;color:var(--text-dim)}.footer{margin-top:32px;padding-top:20px;padding-bottom:calc(16px + var(--safe-bottom));border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:10px}.footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}.footer__link{color:var(--text-dim);text-decoration:none;font-size:13px}.footer__link:hover{color:var(--text)}.footer__copy{margin:0;font-size:12px;color:var(--text-mute)}.legal__link{color:var(--accent-2);text-decoration:underline}.ad-slot--top{margin-top:4px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:200;display:flex;align-items:center;justify-content:center;padding:calc(20px + var(--safe-top)) 20px calc(20px + var(--safe-bottom));background:#060712b8;animation:modal-backdrop-in .22s ease-out both}.modal__card{width:100%;max-width:460px;max-height:calc(100vh - 40px - var(--safe-top) - var(--safe-bottom));max-height:calc(100dvh - 40px - var(--safe-top) - var(--safe-bottom));min-height:0;flex:0 1 auto;overflow-y:auto;overscroll-behavior:contain;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;transform-origin:center;animation:modal-card-in .28s cubic-bezier(.16,1,.3,1) both}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal__title{margin:0;font-size:20px;font-weight:800}.modal__steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:12px;color:var(--text-dim);font-size:15px;line-height:1.5}.modal__steps li{padding-left:4px}.modal__steps li::marker{color:var(--accent-2);font-weight:700}.share-modal__card{max-width:460px;padding:24px}.share-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.share-modal__heading{display:flex;align-items:flex-start;gap:12px;min-width:0}.share-modal__mark{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;color:var(--bg);background:var(--accent)}.share-modal__mark svg{width:22px;height:22px}.share-modal__heading p{margin:5px 0 0;color:var(--text-mute);font-size:13px;line-height:1.4}.share-copy{width:100%;min-height:72px;padding:12px 14px;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 8%,var(--card));color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.share-copy:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--card));transform:translateY(-1px)}.share-copy.is-copied{border-color:var(--success)}.share-copy__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.share-copy__icon svg{width:23px;height:23px}.share-copy__content{display:grid;gap:4px;min-width:0}.share-copy__content strong{font-size:15px}.share-copy__content small{overflow:hidden;color:var(--text-mute);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.share-copy__status{width:21px;height:21px;color:var(--text-mute)}.share-copy.is-copied .share-copy__status{color:var(--success)}.share-modal__destinations{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.share-destination{min-height:58px;padding:9px 12px;display:grid;grid-template-columns:36px 1fr 18px;align-items:center;gap:9px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--card);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease}.share-destination:hover{border-color:var(--border-strong);background:var(--bg-elev)}.share-destination__icon{display:grid;width:36px;height:36px;place-items:center;border-radius:50%}.share-destination__icon svg{width:19px;height:19px}.share-destination--telegram .share-destination__icon{color:#58b7f5;background:#58b7f51f}.share-destination--whatsapp .share-destination__icon{color:#53d769;background:#53d7691f}.share-destination>svg{width:17px;height:17px;color:var(--text-mute)}.share-destination strong{font-size:14px}.share-qr-toggle{width:100%;min-height:52px;margin-top:12px;padding:9px 13px;display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:10px;border:0;border-top:1px solid var(--border);color:var(--text-dim);background:transparent;font:inherit;font-weight:700;text-align:left;cursor:pointer}.share-qr-toggle>svg{width:20px;height:20px}.share-qr-toggle>svg:last-child{color:var(--text-mute);transition:transform .18s ease}.share-qr-toggle>svg:last-child.is-open{transform:rotate(90deg)}.share-modal__qr{margin-top:2px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:var(--radius-sm);background:#fff;color:#172024;text-align:center;transform-origin:top center;animation:share-qr-reveal .32s cubic-bezier(.16,1,.3,1) both}@keyframes share-qr-reveal{0%{opacity:0;transform:translateY(-10px) scale(.96);clip-path:inset(0 0 100% 0 round var(--radius-sm))}to{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0 round var(--radius-sm))}}@media (prefers-reduced-motion: reduce){.share-modal__qr{animation:none}}.share-modal__qr svg{width:min(208px,100%);height:auto}.share-modal__qr p{margin:0;font-size:13px;font-weight:700}.share-modal__url{max-width:100%;overflow-wrap:anywhere;color:#314047;font-size:11px}.share-modal__more{margin-top:4px;min-height:48px;border:0;color:var(--text-mute);background:transparent}@media (max-width: 420px){.share-modal__card{padding:18px}.share-modal__destinations{grid-template-columns:1fr}.share-modal__heading p{display:none}}.recent-games{display:grid;gap:14px;margin-top:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.recent-games__head h2{display:flex;align-items:center;gap:9px;margin:0;font-size:20px}.recent-games__head h2 svg{width:21px;height:21px;color:var(--accent)}.recent-games__head p{margin:5px 0 0;color:var(--text-mute);font-size:14px}.recent-games__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recent-game{min-width:0;padding:12px;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--bg-elev);text-decoration:none;transition:border-color .18s ease,transform .18s ease}.recent-game:hover{border-color:var(--accent);transform:translateY(-1px)}.recent-game img{width:42px;height:42px;object-fit:contain}.recent-game span{display:grid;gap:3px;min-width:0}.recent-game strong,.recent-game small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-game small{color:var(--text-mute)}.recent-game>svg{width:18px;height:18px;color:var(--accent)}@media (max-width: 720px){.recent-games{margin-top:var(--space-4)}.recent-games__list{grid-template-columns:1fr}}.game-discovery{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.game-discovery__intro{margin:0 0 20px;color:var(--text-dim);line-height:1.6}.game-discovery__features{margin:0 0 22px;padding-left:22px;color:var(--text-dim);line-height:1.7}.game-discovery__features li::marker{color:var(--accent-2)}.game-discovery__faq summary{min-height:var(--tap);display:flex;align-items:center;color:var(--accent-2);font-weight:700;cursor:pointer}.game-discovery__faq details{border-top:1px solid var(--border)}.game-discovery__faq p{margin:0 0 14px;color:var(--text-dim);line-height:1.55}:root{--bg: #080d0f;--bg-elev: #0e1719;--bg-elev-2: #152124;--card: #10191c;--text: #f1f7f5;--text-dim: #a8b7b3;--text-mute: #748581;--accent: #25d7ce;--accent-2: #72e5de;--accent-contrast: #061716;--success: #b6ec55;--danger: #ff7189;--border: rgba(214, 240, 235, .1);--border-strong: rgba(214, 240, 235, .18);--shadow: 0 22px 60px rgba(0, 0, 0, .34);--shadow-sm: 0 8px 24px rgba(0, 0, 0, .2);--radius: 16px;--radius-sm: 11px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}html{scroll-behavior:smooth}body{background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,a,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page{max-width:620px;gap:var(--space-5);padding-top:calc(var(--space-5) + var(--safe-top))}.page__header--game{min-height:56px;padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.page__title{color:var(--text);background:none;font-size:32px;font-weight:700;letter-spacing:-.035em}.page__title--sm{font-size:clamp(20px,5.5vw,25px)}.page__subtitle{color:var(--text-dim);line-height:1.45}.section-title{font-size:24px;font-weight:700;letter-spacing:-.025em}.btn{font-weight:650;box-shadow:none;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.btn:hover:not(:disabled){border-color:var(--border-strong);filter:brightness(1.08)}.btn--primary,.btn--primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn--ghost{color:var(--text-dim)}.btn--compact{min-height:44px;padding-inline:14px;border-radius:var(--radius-sm)}.lang-switcher{padding:3px;border-radius:var(--radius-sm)}.lang-switcher__btn{min-height:var(--tap);border-radius:8px}.lang-switcher__btn.is-active{color:var(--accent-contrast)}.field{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.field__label{font-weight:650}.stepper{background:var(--bg-elev)}.stepper__btn{background:var(--bg-elev-2);font-weight:600}.theme-chip{border-radius:10px;font-weight:600}.theme-chip.is-active{color:var(--accent-contrast)}.role-card--word,.role-card--spy,.results__block--spy{background:var(--card)}.role-card--word{border-color:color-mix(in srgb,var(--success) 35%,var(--border))}.role-card--spy,.results__block--spy{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.home-page{min-height:100dvh}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header__inner,.home-main,.footer__inner{width:min(100% - 36px,1140px);margin-inline:auto}.site-header__inner{min-height:calc(64px + var(--safe-top));padding-top:var(--safe-top);display:flex;align-items:center;gap:var(--space-5)}.site-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.site-brand__mark{width:36px;height:36px;object-fit:contain}.site-brand__name{font-size:20px;font-weight:750;letter-spacing:-.03em}.site-header__nav{display:none;align-items:center;gap:var(--space-5);margin-left:var(--space-5)}.site-header__link{color:var(--text-dim);text-decoration:none;font-size:14px;font-weight:600}.site-header__link:hover{color:var(--text)}.site-header__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.site-header__actions .btn--compact,.site-header__actions .lang-select{height:var(--tap);min-height:var(--tap);border-radius:var(--radius-sm)}.home-main{padding-block:var(--space-6) var(--space-8)}.home-hero{position:relative;min-height:460px;display:grid;align-items:center;overflow:hidden;padding:clamp(28px,5vw,64px);border:1px solid var(--border);border-radius:24px;background:var(--bg-elev)}.home-hero:after{content:"";position:absolute;width:360px;height:360px;right:-140px;bottom:-190px;border-radius:50%;background:color-mix(in srgb,var(--accent) 8%,transparent);filter:blur(10px);pointer-events:none}.home-hero__content{position:relative;z-index:1;max-width:670px}.home-hero__eyebrow,.section-kicker{margin:0 0 var(--space-3);color:var(--accent-2);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.home-hero__title{max-width:760px;margin:0;font-size:clamp(38px,7vw,68px);line-height:.98;letter-spacing:-.055em;font-weight:700}.home-hero__description{max-width:620px;margin:var(--space-5) 0 0;color:var(--text-dim);font-size:clamp(16px,2vw,19px);line-height:1.6}.home-hero__actions{margin-top:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3)}.home-hero__cta{min-width:180px;text-decoration:none}.home-benefits{margin:var(--space-6) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);list-style:none;color:var(--text-dim);font-size:13px;font-weight:600}.home-benefits li:before{content:"✓";margin-right:8px;color:var(--success)}.home-hero__visual{display:none}.games-section{padding-top:var(--space-8);scroll-margin-top:80px}.games-section__head{margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.games-section__description{max-width:540px;margin:0;color:var(--text-dim);line-height:1.6}.games-grid{grid-template-columns:1fr;gap:var(--space-4)}.game-card{min-height:126px;display:grid;grid-template-columns:62px minmax(0,1fr) auto;grid-template-areas:"top body body" "top meta meta";align-items:center;gap:8px 16px;padding:var(--space-4);border-radius:var(--radius);background:var(--card)}.game-card:hover{border-color:var(--border-strong);background:var(--bg-elev);transform:translateY(-2px)}.game-card__top{grid-area:top;align-self:center}.game-card__icon-wrap{width:62px;height:62px;padding:0;border:0;background:transparent}.game-card__arrow{position:absolute;top:var(--space-4);right:var(--space-4);color:var(--text-mute);font-size:18px}.game-card__body{grid-area:body;padding-right:var(--space-5);gap:var(--space-1)}.game-card__title{font-size:18px;font-weight:650;letter-spacing:-.015em}.game-card__desc{color:var(--text-dim);font-size:14px;line-height:1.45}.game-card__meta{grid-area:meta;color:var(--text-mute);font-size:11px;font-weight:650;letter-spacing:.02em}.footer{margin:0;padding:var(--space-7) 0 calc(var(--space-6) + var(--safe-bottom));border-top:1px solid var(--border);align-items:stretch}.footer__inner{display:grid;gap:var(--space-6)}.footer__brand{display:flex;align-items:center;gap:var(--space-3)}.footer__mark{width:40px;height:40px}.footer__brand strong{font-size:18px}.footer__brand p{margin:2px 0 0;color:var(--text-mute);font-size:13px}.footer__nav{justify-content:flex-start}.footer__copy{align-self:center}.footer--compact{margin-top:var(--space-3);padding:var(--space-6) 0 calc(var(--space-4) + var(--safe-bottom))}.footer--compact .footer__inner{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.footer--compact .footer__brand p{white-space:nowrap}.footer--compact .footer__nav{justify-content:flex-start;gap:var(--space-3) var(--space-5)}.footer--compact .footer__copy{width:100%;align-self:auto;padding-top:var(--space-4);border-top:1px solid var(--border)}.guide-index,.guide-page{width:min(100% - 32px,1040px);margin:0 auto;padding:clamp(48px,8vw,96px) 0}.guide-index__hero{max-width:760px;margin-bottom:40px}.guide-index__icon{display:grid;width:52px;height:52px;margin-bottom:24px;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:16px}.guide-index__hero h1,.guide-page__header h1{margin:0;color:var(--text);font-size:clamp(2.3rem,6vw,4.8rem);line-height:.98;letter-spacing:-.055em}.guide-index__hero p,.guide-page__header p{margin:24px 0 0;color:var(--text-muted);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-card{display:flex;min-height:280px;padding:28px;flex-direction:column;color:var(--text);text-decoration:none;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.guide-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--bg-elev)}.guide-card h2{margin:0 0 16px;font-size:1.35rem;line-height:1.2}.guide-card p{margin:0 0 28px;color:var(--text-muted);line-height:1.6}.guide-card span,.guide-page__game-link,.guide-page__back{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:700}.guide-card span{margin-top:auto}.guide-page{width:min(100% - 32px,760px)}.guide-page__back{margin-bottom:40px;text-decoration:none}.guide-page__header{padding-bottom:40px;border-bottom:1px solid var(--border)}.guide-page__header h1{font-size:clamp(2.3rem,7vw,4.25rem)}.guide-page__body>section,.guide-faq{padding-top:40px}.guide-page__body h2,.guide-faq h2,.guide-cta h2{margin:0 0 18px;color:var(--text);font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.025em}.guide-page__body p,.guide-faq p,.guide-cta p{color:var(--text-muted);font-size:1.05rem;line-height:1.75}.guide-page__game-link{width:fit-content;min-height:var(--tap);margin-top:16px;text-decoration:none}.guide-faq details{padding:20px 0;border-top:1px solid var(--border)}.guide-faq summary{color:var(--text);font-weight:700;cursor:pointer}.guide-faq details p{margin-bottom:0}.guide-cta{margin-top:48px;padding:clamp(24px,5vw,40px);background:var(--card);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:var(--radius)}.guide-cta .btn{margin-top:12px}.home-guides{padding:clamp(56px,8vw,88px) 0 8px}.home-guides__all{color:var(--accent);font-weight:700;text-decoration:none}.home-guide-card{min-height:240px}@media (max-width: 760px){.guide-grid{grid-template-columns:1fr}.guide-card{min-height:220px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal{background:#030809c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal__card,.game-discovery{background:var(--bg-elev)}.route-transition{min-height:100dvh;animation:route-enter .36s cubic-bezier(.22,1,.36,1) both}.home-hero__eyebrow,.home-hero__title,.home-hero__description,.home-hero__actions,.home-benefits{animation:content-rise .52s cubic-bezier(.22,1,.36,1) both}.home-hero__title{animation-delay:50ms}.home-hero__description{animation-delay:.1s}.home-hero__actions{animation-delay:.15s}.home-benefits{animation-delay:.2s}.hero-game-icon{animation:icon-settle .6s cubic-bezier(.22,1,.36,1) both}.hero-game-icon--2{animation-delay:80ms}.hero-game-icon--3{animation-delay:.16s}.games-section__head{animation:content-rise .46s .16s cubic-bezier(.22,1,.36,1) both}.game-card{animation:card-enter .44s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(.19s + var(--card-index, 0) * 55ms);transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease}.game-card__arrow,.game-card__icon{transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .22s ease}.game-card:hover .game-card__arrow{transform:translate(2px,-2px)}.game-card:hover .game-card__icon{transform:scale(1.04)}.theme-chip,.share-option,.lang-select,.stepper__btn{transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}.share-option:active,.lang-select:active{transform:scale(.98)}@keyframes route-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes content-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes icon-settle{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1}}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width: 720px){.site-header__inner,.home-main,.footer__inner{width:min(100% - 64px,1140px)}.site-header__nav{display:flex}.games-section__head{flex-direction:row;align-items:end;justify-content:space-between}.games-section__description{max-width:480px;text-align:right}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer__inner{grid-template-columns:1fr auto auto;align-items:center}}@media (min-width: 1040px){.home-hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.home-hero__visual{position:relative;z-index:1;display:block;min-height:310px}.hero-game-icon{position:absolute;width:148px;height:148px;padding:10px;border:1px solid var(--border);border-radius:22px;background:var(--card);box-shadow:var(--shadow-sm)}.hero-game-icon img{width:100%;height:100%;object-fit:contain}.hero-game-icon--1{top:2px;left:26px;transform:rotate(-5deg)}.hero-game-icon--2{top:82px;right:4px;transform:rotate(5deg)}.hero-game-icon--3{bottom:0;left:52px;transform:rotate(2deg)}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card{min-height:260px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-5)}.game-card__icon-wrap{width:78px;height:78px}.game-card__body{padding:0;gap:var(--space-2)}.game-card__title{font-size:20px}.game-card__meta{margin-top:auto}}@media (max-width: 560px){.site-header__inner{width:min(100% - 28px,1140px)}.site-header__actions .share-button__label{display:none}.site-header__actions .btn--compact{min-width:44px;padding-inline:10px}.site-header__actions .lang-select{padding-left:10px;padding-right:28px}.site-header__actions .lang-select__control{min-width:56px;font-size:13px}.home-main{width:min(100% - 28px,1140px);padding-top:var(--space-4)}.home-hero{min-height:0;padding:var(--space-6) var(--space-5);border-radius:18px}.home-hero__title{font-size:clamp(36px,11vw,48px)}.home-hero__actions>*{flex:1 1 140px}.games-section{padding-top:var(--space-7)}.footer__inner{width:min(100% - 36px,1140px)}}@media (max-width: 340px){.home-hero{padding:var(--space-5) 18px}.home-hero__title{font-size:34px}.home-hero__description,.home-hero__actions,.home-benefits{margin-top:var(--space-4)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0ms!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}}