*,*:before,*:after{box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}:root{--bg: #fefefe;--surface: #ffffff;--surface-alt: #f3f4f7;--surface-invert: #18181b;--ink: #1d1d21;--ink-subtle: #56565f;--ink-muted: rgba(86, 86, 95, .72);--accent: #caf5f1;--accent-ink: #0d2623;--border: #111113;--border-soft: rgba(17, 17, 19, .2);--status-loading: #d7d7dc;--status-success: #d3ffe9;--shadow-soft: 0 24px 0 0 rgba(17, 17, 19, .08);--shadow-hard: 8px 8px 0 0 rgba(17, 17, 19, .8);--shadow-btn: 6px 6px 0 0 rgba(17, 17, 19, .8);--shadow-btn-hover: 10px 10px 0 0 rgba(17, 17, 19, .8);--spacing-xs: 6px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 48px;--spacing-5xl: 64px;--font-sans: "Lexend", "Noto Sans SC", "Kosugi Maru", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 32px;--text-4xl: 42px;--text-5xl: 52px;--text-6xl: 64px;--text-countdown: 200px;--tracking-tight: .01em;--tracking-hero: .04em;--tracking-normal: .08em;--tracking-wide: .12em;--tracking-wider: .18em;--tracking-widest: .24em;--tracking-countdown: .02em;--border-width-sm: 3px;--border-width-md: 4px;--border-width-lg: 6px;--radius-none: 0}html,body,#root{height:100%;min-height:100vh}body{margin:0;font-family:var(--font-sans);font-weight:500;letter-spacing:var(--tracking-tight);background:var(--bg);color:var(--ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}input,textarea{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}:focus-visible{outline:var(--border-width-sm) solid var(--ink);outline-offset:2px}.app-stage{position:relative;width:100vw;height:100vh;overflow:hidden;background:transparent}.app-stage__scaler{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.app-stage__content{position:absolute;width:1600px;height:900px;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--stage-scale, 1));transform-origin:center center;display:flex;justify-content:center;align-items:stretch;outline:4px solid var(--accent-ink);box-shadow:0 0 0 8px var(--accent);overflow:hidden}.app-stage__route{position:relative;z-index:2;flex:1;min-width:0;padding:var(--spacing-4xl) var(--spacing-5xl);width:100%;height:100%}.app-stage__live2d{position:absolute;bottom:0;right:0;height:900px;pointer-events:none;display:flex;justify-content:flex-end;align-items:flex-end;z-index:10;padding:0}.live2d-canvas{width:100%;height:100%;position:relative}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:var(--surface-alt);border-left:var(--border-width-sm) solid var(--border)}::-webkit-scrollbar-thumb{background:var(--ink);border:var(--border-width-sm) solid var(--surface-alt)}::-webkit-scrollbar-thumb:hover{background:var(--ink-subtle)}*{scrollbar-width:thin;scrollbar-color:var(--ink) var(--surface-alt)}.menu-stage{display:flex;flex-direction:column;gap:var(--spacing-2xl);height:100%;align-items:flex-start;justify-content:center;padding:var(--spacing-4xl);position:relative;max-width:640px}.menu-stage__game-card{position:relative;width:100%;background:var(--surface);border:4px solid var(--border);box-shadow:var(--shadow-hard);padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-md);cursor:pointer;transition:box-shadow .2s ease}.menu-stage__game-card:hover{box-shadow:var(--shadow-btn-hover)}.menu-stage__game-card:active{box-shadow:0 0}.menu-stage__badge{position:absolute;top:12px;right:12px;background:var(--accent);color:var(--accent-ink);border:3px solid var(--border);padding:4px 10px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.menu-stage__game-title{margin:0;font-size:28px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:.9;color:var(--ink)}.menu-stage__game-desc{margin:0;font-size:16px;font-weight:500;letter-spacing:.01em;line-height:1.4;color:var(--ink-subtle);max-width:32ch}.menu-stage__game-cta{font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-top:auto}.menu-stage__dev-btn{background:var(--surface);border:3px solid var(--border);padding:10px 16px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-btn);transition:all .2s ease}.menu-stage__dev-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-btn-hover)}.menu-stage__dev-btn:active{transform:translate(0);box-shadow:0 0}._btn_1e0vq_2{appearance:none;border:var(--border-width-sm) solid var(--border);background:var(--accent);color:var(--accent-ink);padding:var(--spacing-lg) var(--spacing-xl);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600;cursor:pointer;transition:transform .16s cubic-bezier(.3,1,.3,1),box-shadow .16s cubic-bezier(.3,1,.3,1);box-shadow:var(--shadow-btn);border-radius:0}._btn_1e0vq_2:hover:not(:disabled){transform:translate(-4px,-4px);box-shadow:var(--shadow-btn-hover)}._btn_1e0vq_2:active:not(:disabled){transform:translate(0);box-shadow:0 0 #111113cc}._btn_1e0vq_2:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}._btnGhost_1e0vq_35{background:var(--surface);color:var(--ink);border-color:var(--border)}._inputGroup_1e0vq_43{display:flex;gap:var(--spacing-md);align-items:stretch}._inputField_1e0vq_49{flex:1;border:var(--border-width-md) solid var(--border);padding:var(--spacing-lg);background:var(--surface);color:var(--ink);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:border-color .12s ease,box-shadow .12s ease;font-weight:600}._inputField_1e0vq_49:focus{border-color:var(--accent-ink);box-shadow:0 0 0 var(--border-width-md) var(--accent);outline:none}._inputField_1e0vq_49:disabled{opacity:.5;cursor:not-allowed}._inputButton_1e0vq_72{border:var(--border-width-md) solid var(--border);background:var(--ink);color:var(--surface);padding:var(--spacing-lg) var(--spacing-2xl);text-transform:uppercase;letter-spacing:var(--tracking-wider);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:var(--shadow-btn);font-weight:700}._inputButton_1e0vq_72:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow-btn-hover)}._inputButton_1e0vq_72:active:not(:disabled){transform:translate(0);box-shadow:0 0 #111113cc}._inputButton_1e0vq_72:disabled{opacity:.4;cursor:not-allowed}._badge_1e0vq_101{border:var(--border-width-sm) solid var(--border);padding:var(--spacing-xs) 14px;text-transform:uppercase;letter-spacing:var(--tracking-widest);font-size:var(--text-xs);background:var(--surface-alt);display:inline-block}._badgeLoading_1e0vq_111{background:var(--status-loading)}._badgeCountdown_1e0vq_116{background:var(--ink-subtle);color:var(--surface)}._badgePlaying_1e0vq_122{background:var(--accent);color:var(--accent-ink)}._badgeComplete_1e0vq_128{background:var(--ink);color:var(--surface)}._badgeWarning_1e0vq_134{background:#ffedd5;color:#f59e0b;border-color:#f59e0b}._panel_1e0vq_142{border:var(--border-width-md) solid var(--border);padding:var(--spacing-4xl);background:var(--surface);box-shadow:var(--shadow-hard)}._panelAlt_1e0vq_149{background:var(--surface-alt);padding:var(--spacing-3xl)}._card_1e0vq_156{border:var(--border-width-md) solid var(--border);background:var(--surface);padding:var(--spacing-xl);box-shadow:var(--shadow-hard);display:grid;gap:var(--spacing-sm);text-transform:uppercase}._cardLabel_1e0vq_166{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--ink-muted)}._cardValue_1e0vq_172{font-size:var(--text-3xl);font-weight:700}._feed_1e0vq_178{border:var(--border-width-md) solid var(--border);background:var(--surface);display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-shadow:var(--shadow-hard);min-height:0}._feedHead_1e0vq_187{border-bottom:var(--border-width-sm) solid var(--border);padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:var(--tracking-widest);font-size:var(--text-sm)}._feedScroll_1e0vq_198{padding:var(--spacing-xl);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0}._feedEmpty_1e0vq_207{border:var(--border-width-sm) solid var(--border);padding:var(--spacing-2xl);text-align:center;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--ink-muted)}._feedItem_1e0vq_216{border:var(--border-width-sm) solid var(--border);padding:var(--spacing-lg) var(--spacing-lg);background:var(--surface-alt);display:grid;gap:var(--spacing-sm)}._feedItemSender_1e0vq_224{text-transform:uppercase;letter-spacing:var(--tracking-widest);font-size:var(--text-xs)}._feedItemText_1e0vq_230{margin:0;font-size:var(--text-base);line-height:1.4}._feedItemAi_1e0vq_236{background:var(--accent);color:var(--accent-ink)}._feedItemPlayer_1e0vq_242{background:var(--surface)}._feedItemSystem_1e0vq_247{background:var(--surface-alt);color:var(--ink-muted)}._feedItemSuccess_1e0vq_253{border-color:var(--ink);background:var(--status-success)}._feedItemWarning_1e0vq_259{border-style:dashed}._feedFooter_1e0vq_264{border-top:var(--border-width-sm) solid var(--border);padding:var(--spacing-lg) var(--spacing-xl)}._feedNote_1e0vq_269{margin:0;text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:var(--text-xs);color:var(--ink-muted);line-height:1.4}._timer_1e0vq_279{border:var(--border-width-sm) solid var(--border);padding:var(--spacing-lg);background:var(--surface-alt);display:grid;gap:var(--spacing-xs);text-transform:uppercase}._timerLabel_1e0vq_288{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--ink-muted)}._timerValue_1e0vq_294{font-size:var(--text-2xl);letter-spacing:var(--tracking-widest);color:var(--ink);font-variant-numeric:tabular-nums;min-width:7ch;display:inline-block;text-align:right}._score_1e0vq_304{border:var(--border-width-sm) solid var(--border);padding:var(--spacing-md);background:var(--surface-alt);display:grid;gap:var(--spacing-xs);text-transform:uppercase}._scoreLabel_1e0vq_313{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--ink-muted)}._scoreValue_1e0vq_319{display:flex;align-items:baseline;gap:var(--spacing-xs)}._scoreSolved_1e0vq_325{font-size:var(--text-3xl);line-height:1}._scoreSep_1e0vq_330{opacity:.6}._scoreTotal_1e0vq_334{opacity:.5}._tally_1e0vq_338{border:var(--border-width-sm) solid var(--border);padding:var(--spacing-lg) var(--spacing-lg);background:var(--surface-alt);display:grid;gap:var(--spacing-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--text-sm)}._tallyItem_1e0vq_349{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--ink-muted)}._tallyItem_1e0vq_349 strong{color:var(--ink)}.session-layout{height:100%;display:grid;grid-template-rows:auto 1fr;gap:var(--spacing-2xl)}.session-banner{border:var(--border-width-md) solid var(--border);background:var(--surface);padding:var(--spacing-2xl);display:grid;gap:var(--spacing-xl);box-shadow:var(--shadow-hard);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;max-width:80%}.session-banner__primary{display:grid;gap:var(--spacing-lg);min-width:0}.session-banner__title{margin:0;font-size:var(--text-3xl);text-transform:uppercase;letter-spacing:var(--tracking-normal);line-height:1.6}.session-banner__highlight{background:var(--accent);color:var(--accent-ink);padding:var(--spacing-xs) var(--spacing-sm);border:var(--border-width-sm) solid var(--border);white-space:nowrap}.session-banner__meta-line{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--ink-muted)}.session-banner__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:flex-end}.session-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:var(--spacing-3xl);height:100%;min-height:0;max-width:80%}.session-stage{border:var(--border-width-md) solid var(--border);background:var(--surface);box-shadow:var(--shadow-hard);min-height:0;display:flex;flex-direction:column;position:relative}.session-stage__surface{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl);position:relative}.drawing-stage{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;height:100%;max-width:720px}.drawing-stage__surface{border:var(--border-width-sm) solid var(--border);background:var(--surface-alt);padding:1px;flex:1;min-height:0;display:flex;justify-content:center;align-items:center}.drawing-stage__canvas{height:100%;aspect-ratio:1 / 1;width:auto;max-height:100%;max-width:100%;display:grid;place-items:stretch;position:relative;overflow:hidden}.drawing-stage__controls,.drawing-stage__ai-bar{border:var(--border-width-sm) solid var(--border);padding:var(--spacing-lg);background:var(--surface-alt);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.tool-cluster{display:flex;align-items:center;gap:var(--spacing-lg)}.palette,.control-actions{display:flex;gap:var(--spacing-md)}.drawing-stage__ai-bar{justify-content:space-between}.ai-bar__status{text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:var(--text-xs);color:var(--ink-muted);display:flex;align-items:center;gap:var(--spacing-md)}.status-dot{width:var(--spacing-md);height:var(--spacing-md);border:var(--border-width-sm) solid var(--border);background:var(--accent)}.results-stage{height:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-4xl)}.results-stage__panel{border:var(--border-width-md) solid var(--border);background:var(--surface);padding:40px;display:grid;gap:var(--spacing-3xl);box-shadow:var(--shadow-hard);grid-template-rows:auto auto 1fr auto;align-content:start;max-width:920px;width:100%}.results-header{display:grid;gap:var(--spacing-md)}.results-header__eyebrow{text-transform:uppercase;letter-spacing:var(--tracking-widest);font-size:var(--text-sm);color:var(--ink-muted)}.results-title{margin:0;font-size:var(--text-5xl);text-transform:uppercase;letter-spacing:var(--tracking-normal)}.results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-lg);align-items:stretch}.results-card{border:var(--border-width-md) solid var(--border);background:var(--surface);padding:var(--spacing-xl);box-shadow:var(--shadow-hard);display:grid;gap:var(--spacing-sm);text-transform:uppercase}.results-card--solved{grid-template-rows:auto auto}.results-card__label{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--ink-muted)}.results-card__value{font-size:var(--text-3xl);font-weight:700}.results-card__digits{display:inline-flex;align-items:baseline}.results-card__total{font-size:var(--text-2xl);color:var(--ink-muted)}.results-history{border:var(--border-width-md) solid var(--border);background:var(--surface);padding:var(--spacing-2xl);display:grid;gap:var(--spacing-lg);grid-template-rows:auto 1fr;box-shadow:var(--shadow-hard)}.results-history__title{margin:0;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.results-history__subtitle{margin:var(--spacing-xs) 0 0;font-size:var(--text-base);color:var(--ink-muted)}.results-history__body{display:grid;gap:var(--spacing-md);height:180px;overflow-y:auto;padding-right:var(--spacing-xs);min-height:0}.results-row{border:var(--border-width-sm) solid var(--border);background:var(--surface-alt);display:grid;gap:var(--spacing-sm);padding:var(--spacing-md) 14px;height:52px}.results-row--nori{background:var(--accent);border-color:var(--accent-ink);color:var(--accent-ink)}.results-row__header{display:flex;align-items:baseline;gap:var(--spacing-md);justify-content:space-between}.results-row__index{font-weight:700;letter-spacing:.1em}.results-row__word{flex:1;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.results-row__time{text-transform:uppercase;letter-spacing:var(--tracking-wider)}.results-empty{border:var(--border-width-sm) solid var(--border);padding:var(--spacing-2xl);text-align:center;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--ink-muted)}.results-actions{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.session-loader{display:grid;gap:var(--spacing-2xl);text-align:center;max-width:480px;width:100%}.session-loader__heading{font-size:var(--text-4xl);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--ink);margin:0}.session-loader__bar{width:100%;height:var(--spacing-2xl);border:var(--border-width-md) solid var(--border);background:var(--surface-alt);position:relative;overflow:hidden;box-shadow:var(--shadow-hard)}.session-loader__fill{height:100%;background:var(--ink);position:absolute;left:0;top:0;width:0%}.session-loader__note{font-size:var(--text-md);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--ink-subtle);border:var(--border-width-sm) solid var(--border);padding:var(--spacing-md) var(--spacing-lg);background:var(--surface);font-weight:500}.session-countdown{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);z-index:10;font-size:var(--text-countdown);font-weight:900;text-transform:uppercase;letter-spacing:var(--tracking-countdown);color:var(--ink);text-shadow:var(--spacing-sm) var(--spacing-sm) 0 rgba(17,17,19,.15)}.session-countdown:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(17,17,19,.04) 29px),repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(17,17,19,.04) 29px);pointer-events:none}.session-countdown>*>*{position:relative;z-index:1;border:var(--border-width-lg) solid var(--border);padding:var(--spacing-4xl) var(--spacing-5xl);background:var(--surface);box-shadow:var(--shadow-hard);min-width:200px;text-align:center;display:block;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;text-shadow:inherit;margin:0}.tool-switch{position:relative;overflow:hidden;display:inline-flex;border:var(--border-width-sm) solid var(--border);background:var(--surface)}.tool-switch__btn{position:relative;z-index:1;appearance:none;border:0;border-right:var(--border-width-sm) solid var(--border);background:transparent;color:var(--ink);min-width:80px;height:var(--spacing-4xl);display:grid;place-items:center;cursor:pointer}.tool-switch__btn:last-child{border-right:0}.tool-switch__label{position:relative;z-index:1;text-transform:uppercase;letter-spacing:var(--tracking-widest);font-size:var(--text-sm)}.tool-switch__bg{position:absolute;top:0;left:0;width:50%;height:100%;background:var(--ink);z-index:0}.tool-switch__btn.is-active .tool-switch__label{color:var(--surface)}.color-swatch{width:var(--spacing-2xl);height:var(--spacing-2xl);border:var(--border-width-sm) solid var(--border);background:transparent;position:relative;cursor:pointer}.color-swatch__ring{position:absolute;inset:calc(-1 * var(--spacing-xs));border:var(--border-width-md) solid var(--ink);pointer-events:none}.codenames-stage{width:100%;max-width:80%;height:100%;padding:var(--spacing-2xl);padding-bottom:var(--spacing-3xl);display:flex;flex-direction:column;gap:var(--spacing-lg);overflow:visible}.codenames-stage__content{flex:1;display:grid;grid-template-columns:60px 1fr 280px;gap:var(--spacing-2xl);min-height:0;overflow:visible;padding-bottom:var(--spacing-md)}.codenames-stage__center{display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:0;overflow:visible}.codenames-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.codenames-header{border:var(--border-width-md) solid var(--border);background:var(--surface);padding:var(--spacing-2xl);box-shadow:var(--shadow-hard);flex-shrink:0}.codenames-header__status{margin:0;font-size:var(--text-3xl);text-transform:uppercase;letter-spacing:var(--tracking-normal);line-height:1.6;color:var(--ink)}.codenames-tokens-track{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) 0}.codenames-tokens-track__chip{width:32px;height:32px;border:var(--border-width-sm) solid var(--border);background:var(--surface-alt);box-shadow:3px 3px #11111366;flex-shrink:0;position:relative}.codenames-tokens-track__chip--active{background:var(--accent);border-color:var(--accent-ink)}.codenames-tokens-track__count{font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;margin-top:var(--spacing-sm)}.codenames-board{position:relative;width:100%;height:100%;max-width:750px;max-height:550px;overflow:visible}.codenames-board__grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:var(--spacing-sm);width:100%;height:100%;overflow:visible}.codenames-card-wrapper{position:relative;display:flex;flex-direction:column;width:100%;height:100%}.codenames-card{position:relative;appearance:none;border:var(--border-width-md) solid var(--border);background:var(--surface);color:var(--ink);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease;box-shadow:5px 5px #11111380;font-weight:600;letter-spacing:var(--tracking-wide);flex:1;min-width:0;min-height:0;overflow:hidden}.codenames-card:before,.codenames-card:after{content:"";position:absolute;width:8px;height:8px;border:2px solid var(--border);opacity:.3}.codenames-card:before{top:4px;left:4px;border-right:none;border-bottom:none}.codenames-card:after{bottom:4px;right:4px;border-left:none;border-top:none}.codenames-card:hover:not(:disabled){border-color:var(--accent-ink);box-shadow:7px 7px #111113b3;transform:translate(-1px,-1px)}.codenames-card:active:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px #11111380}.codenames-card:focus-visible{outline:var(--border-width-sm) solid var(--accent-ink);outline-offset:3px}.codenames-card--solved{background:#059669;border-color:#047857;color:var(--surface);cursor:not-allowed;pointer-events:none}.codenames-card--solved .codenames-card__word{color:var(--surface)}.codenames-card--solved:before,.codenames-card--solved:after{border-color:#047857;opacity:.5}.codenames-card--bystander{background:#71717a;border-color:#52525b;color:var(--surface)}.codenames-card--bystander .codenames-card__word{color:var(--surface)}.codenames-card--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.codenames-card--key-agent{background:linear-gradient(135deg,#d3ffe9,#a7f3d0);border-color:#10b981;box-shadow:5px 5px #10b9814d}.codenames-card--key-agent:before,.codenames-card--key-agent:after{border-color:#059669;opacity:.6}.codenames-card--key-agent:hover:not(:disabled):not(.codenames-card--not-selectable){box-shadow:7px 7px #10b98180}.codenames-card--key-assassin{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#dc2626;box-shadow:5px 5px #dc26264d}.codenames-card--key-assassin:before,.codenames-card--key-assassin:after{border-color:#991b1b;opacity:.6}.codenames-card--key-bystander{background:repeating-linear-gradient(45deg,#f9fafb,#f9fafb 10px,#f3f4f6 10px 11px);border-color:var(--border-soft)}.codenames-card__word{position:relative;font-size:var(--text-sm);text-transform:uppercase;line-height:1.2;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.15em;font-weight:700;z-index:1}.codenames-card__check-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.codenames-card__check{font-size:52px;font-weight:900;color:var(--surface);text-shadow:2px 2px 0 rgba(0,0,0,.2);line-height:1}.codenames-card__token{position:absolute;top:6px;right:6px;width:20px;height:20px;border:var(--border-width-sm) solid var(--accent-ink);background:var(--accent);box-shadow:2px 2px #11111366}.codenames-card--selected{border-color:#0284c7;border-width:var(--border-width-lg);box-shadow:0 0 0 3px #0284c74d,5px 5px #0284c766}.codenames-card--selected:before,.codenames-card--selected:after{border-color:#0284c7;opacity:1;border-width:3px}.codenames-card--pending{border-color:var(--accent-ink)!important;box-shadow:0 0 0 var(--border-width-md) var(--accent),var(--shadow-hard);z-index:150!important;position:relative}.codenames-card__tooltip{position:absolute;bottom:calc(100% + var(--spacing-md));left:50%;background:var(--accent);color:var(--accent-ink);padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width-sm) solid var(--accent-ink);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-normal);text-transform:uppercase;white-space:nowrap;pointer-events:none;z-index:200;box-shadow:var(--shadow-btn)}.codenames-card__tooltip:after{content:"";position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--accent)}.codenames-card--revealing{z-index:150!important;position:relative;border-color:var(--accent-ink)!important;box-shadow:0 0 0 8px var(--accent),var(--shadow-btn-hover)}.codenames-card__flash{position:absolute;inset:0;background:radial-gradient(circle,#caf5f1e6,#caf5f166);pointer-events:none;z-index:10}@keyframes pulse-pending{0%,to{box-shadow:0 0 0 3px #f59e0b4d,5px 5px #f59e0b80}50%{box-shadow:0 0 0 5px #f59e0b80,5px 5px #f59e0bb3}}.codenames-card--not-selectable{cursor:not-allowed}.codenames-card--not-selectable:hover{transform:none;box-shadow:5px 5px #11111380;border-color:var(--border)}.codenames-dim-overlay{position:fixed;inset:0;background:#11111366;z-index:100;cursor:pointer}.codenames-count-picker-full{position:absolute;bottom:calc(100% + var(--spacing-lg));left:0;right:0;z-index:102;background:var(--surface);border:var(--border-width-md) solid var(--border);box-shadow:var(--shadow-hard);padding:var(--spacing-lg);display:flex;gap:var(--spacing-sm);justify-content:center}.codenames-count-picker__btn{appearance:none;border:var(--border-width-sm) solid var(--border);background:var(--surface);color:var(--ink);padding:var(--spacing-md);font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight);cursor:pointer;transition:all .12s ease;box-shadow:3px 3px #1111134d;width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.codenames-count-picker__btn:hover{border-color:var(--accent-ink);transform:translate(-1px,-1px);box-shadow:4px 4px #11111366}.codenames-count-picker__btn:active{transform:translate(1px,1px);box-shadow:2px 2px #1111134d}.codenames-count-picker__btn--active{background:var(--accent);border-color:var(--accent-ink);color:var(--accent-ink);box-shadow:3px 3px #0d262366}.codenames-card-badge{display:inline-block;padding:2px 8px;border:var(--border-width-sm) solid var(--border);font-weight:700;letter-spacing:var(--tracking-tight);text-transform:uppercase}.codenames-card-badge--agent{background:var(--status-success);color:#059669;border-color:#059669}.codenames-card-badge--bystander{background:var(--surface-alt);color:var(--ink-subtle);border-color:var(--border-soft)}.codenames-card-badge--assassin{background:#fee2e2;color:#991b1b;border-color:#dc2626}.codenames-clue-bar{display:flex;gap:var(--spacing-md);align-items:stretch;justify-content:center;background:var(--surface);border:var(--border-width-md) solid var(--border);box-shadow:var(--shadow-hard);padding:var(--spacing-lg)}.codenames-clue-bar__input{flex:1;border:var(--border-width-md) solid var(--border);padding:var(--spacing-lg);background:var(--surface);color:var(--ink);text-align:center;text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:border-color .12s ease,box-shadow .12s ease;font-weight:600}.codenames-clue-bar__input:focus{border-color:var(--accent-ink);box-shadow:0 0 0 var(--border-width-md) var(--accent);outline:none}.codenames-clue-bar__input::placeholder{color:var(--ink-muted);text-transform:none}.codenames-clue-bar__input:disabled{opacity:.5;cursor:not-allowed}.codenames-clue-bar__input--locked{opacity:1!important;cursor:default}.codenames-clue-bar__input--readonly{opacity:1!important;cursor:default;background:var(--surface)!important;display:flex;align-items:center;justify-content:center}.codenames-clue-bar__count{appearance:none;width:68px;border:var(--border-width-md) solid var(--border);background:var(--surface);color:var(--ink);padding:var(--spacing-lg);font-weight:700;text-align:center;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.codenames-clue-bar__count:disabled{opacity:.5;cursor:not-allowed}.codenames-clue-bar__count--locked{opacity:1!important;cursor:default}.codenames-clue-bar__count--readonly{opacity:1!important;cursor:default;background:var(--surface)!important;display:flex;align-items:center;justify-content:center}.codenames-clue-bar__count:hover:not(:disabled){border-color:var(--accent-ink);box-shadow:0 0 0 var(--border-width-md) var(--accent)}.codenames-clue-bar__count:focus{border-color:var(--accent-ink);box-shadow:0 0 0 var(--border-width-md) var(--accent);outline:none}.codenames-clue-bar__count--readonly{opacity:1;cursor:default}.codenames-clue-bar__submit{appearance:none;border:var(--border-width-sm) solid var(--border);background:var(--accent);color:var(--accent-ink);padding:var(--spacing-lg) var(--spacing-xl);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600;cursor:pointer;transition:transform .16s cubic-bezier(.3,1,.3,1),box-shadow .16s cubic-bezier(.3,1,.3,1);box-shadow:var(--shadow-btn);border-radius:0}.codenames-clue-bar__submit:hover:not(:disabled){transform:translate(-4px,-4px);box-shadow:var(--shadow-btn-hover)}.codenames-clue-bar__submit:active:not(:disabled){transform:translate(0);box-shadow:0 0 #111113cc}.codenames-clue-bar__submit:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.codenames-clue-bar__guess-info{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--ink)}.codenames-pass-confirm{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;background:var(--surface);border:var(--border-width-md) solid var(--border);box-shadow:var(--shadow-hard);padding:var(--spacing-3xl);max-width:420px;display:flex;flex-direction:column;gap:var(--spacing-lg)}.codenames-pass-confirm__title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink);margin:0;text-align:center}.codenames-pass-confirm__text{font-size:var(--text-sm);font-weight:500;line-height:1.4;color:var(--ink-subtle);margin:0;text-align:center}.codenames-pass-confirm__actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.codenames-toasts{position:fixed;top:40px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-md);pointer-events:none}.codenames-toast{position:relative;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--surface);border:var(--border-width-md) solid var(--border);box-shadow:var(--shadow-btn);cursor:pointer;pointer-events:auto;min-width:320px;max-width:480px}.codenames-toast--error{background:#fee2e2;border-color:#dc2626}.codenames-toast--warning{background:#ffedd5;border-color:#f59e0b}.codenames-toast--info{background:var(--accent);border-color:var(--accent-ink)}.codenames-toast__text{font-size:var(--text-base);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--ink);text-align:center}.codenames-results{width:100%;max-width:80%;height:100%;padding:var(--spacing-4xl);display:flex;align-items:center;justify-content:center;margin:0 auto}.codenames-results__panel{background:var(--surface);border:var(--border-width-md) solid var(--border);box-shadow:var(--shadow-hard);padding:var(--spacing-4xl);max-width:640px;width:100%;display:flex;flex-direction:column;gap:var(--spacing-3xl)}.codenames-results__header{display:flex;flex-direction:column;gap:var(--spacing-lg);text-align:center}.codenames-results__outcome{font-size:var(--text-5xl);font-weight:700;letter-spacing:var(--tracking-normal);text-transform:uppercase;line-height:.9;color:var(--ink);margin:0}.codenames-results__subtitle{font-size:var(--text-lg);font-weight:500;letter-spacing:var(--tracking-tight);line-height:1.4;color:var(--ink-subtle);max-width:36ch;margin:0 auto}.codenames-results__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.codenames-results__stat{padding:var(--spacing-2xl);background:var(--surface);border:var(--border-width-sm) solid var(--border);display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.codenames-results__stat--success{background:var(--status-success);border-color:var(--accent-ink);border-width:var(--border-width-md)}.codenames-results__stat-label{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--ink-subtle);text-align:center}.codenames-results__stat-value{display:flex;align-items:baseline;gap:var(--spacing-xs);font-variant-numeric:tabular-nums}.codenames-results__stat-main{font-size:var(--text-4xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--ink)}.codenames-results__stat-total{font-size:var(--text-xl);font-weight:600;color:var(--ink-subtle)}.codenames-results__actions{display:flex;flex-direction:column;gap:var(--spacing-md)}