.app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.app-tagline,.attempt-counter,.hero-grid-header-cell,.hero-grid-name,.app-footer-link,.app-footer-disclaimer{text-shadow:var(--text-shadow-legible)}.app-header{padding:16px var(--gutter) 12px;text-align:center;border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent)}.app-header-row{align-items:center;display:inline-flex}.app-streak-row{justify-content:center;display:flex}.app-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;align-items:baseline;margin:0;font-size:clamp(34px,9vw,40px);font-weight:800;line-height:1;display:inline-flex}.app-title .app-title-strong,.app-title .app-title-light{transform:var(--skew-brand);display:inline-block}.app-title-strong{color:var(--accent);text-shadow:var(--text-glow-accent)}.app-title-light{color:var(--text-strong)}.trans-notice{padding:8px var(--gutter);background:var(--ink-950);border-bottom:2px solid var(--accent);color:var(--text-dim);font-size:var(--text-body-sm);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;line-height:1.3;display:flex}.trans-notice-cta{color:var(--accent-hot);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:14px;font-weight:700;text-decoration:none}.trans-notice-cta:hover{text-underline-offset:3px;text-decoration:underline}.trans-notice-close{width:32px;height:32px;color:var(--text-dim);cursor:pointer;transition:var(--transition-control);background:0 0;border:1px solid #0000;place-items:center;padding:0;font-size:20px;line-height:1;display:inline-grid}.trans-notice-close:hover{color:var(--accent-hot);border-color:var(--border-strong)}.app-tagline{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);margin-top:4px}.action-bar{width:calc(100% - 2 * var(--gutter));border:1px solid var(--border);background:#ffffff06;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:720px;margin:0 auto;padding:12px;display:grid}.action-bar--compact{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:600px){.action-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.action-bar{grid-template-columns:1fr;gap:8px;padding:10px}}.action-button{width:100%;min-height:var(--hit-target);border:2px solid var(--accent);color:var(--text);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:var(--transition-control);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:8px 14px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.action-button:hover{background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--accent-hot);box-shadow:var(--glow-accent-soft);transform:translateY(var(--lift))}.action-button:active{transform:translateY(1px)}.action-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.action-button-icon{width:18px;height:18px;color:var(--accent);flex-shrink:0}.action-button-label{line-height:1.1}.action-button-flag{object-fit:cover;flex-shrink:0;width:20px;height:14px;box-shadow:0 0 0 1px #00000059}.action-button-caret{width:16px;height:16px;color:var(--accent);transition:transform var(--dur-fast) var(--ease-out);flex-shrink:0;margin-left:auto}.action-button-caret.is-open{transform:rotate(180deg)}.action-button-active,.action-button-active:hover{border-color:var(--success);color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent);box-shadow:none}.action-button-active .action-button-icon{color:var(--success)}.language-picker{width:100%;display:flex;position:relative}.language-picker-menu{background:var(--surface-2);border:1px solid var(--accent);box-shadow:var(--shadow-elev);z-index:20;flex-direction:column;gap:2px;min-width:max-content;margin:0;padding:4px;list-style:none;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;right:0}.language-picker-option{width:100%;min-height:40px;color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;transition:var(--transition-control);background:0 0;border:none;align-items:center;gap:10px;padding:6px 10px;font-size:15px;display:flex}.language-picker-option:hover{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent-hot)}.language-picker-option.is-active{color:var(--accent-hot);background:color-mix(in srgb, var(--accent) 8%, transparent)}.language-picker-flag{object-fit:cover;flex-shrink:0;width:20px;height:14px;box-shadow:0 0 0 1px #00000059}.language-picker-name{flex:1}.app-main{padding:22px var(--gutter) 32px;flex-direction:column;flex:1;align-items:center;gap:18px;width:100%;display:flex}.error-boundary{min-height:100vh;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100dvh;padding:2rem;display:flex}.error-boundary h1{color:var(--accent);text-shadow:var(--glow-accent)}.error-boundary p{max-width:28rem;color:var(--text-dim)}.app-footer{padding:24px var(--gutter) 20px;border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:28px;display:flex}.app-footer-disclaimer{color:var(--text-dim);margin:0;font-size:12.5px}.app-footer-controls{justify-content:center;display:flex}.app-footer-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.footer-action-button{min-height:var(--hit-target);border:2px solid var(--border-strong);color:var(--text);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:var(--transition-control);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:8px 14px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.footer-action-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hot);transform:translateY(var(--lift));background:#ffffff0d}.footer-action-button:active:not(:disabled){transform:translateY(1px)}.footer-action-button:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.footer-action-button:disabled{opacity:.4;cursor:not-allowed}.footer-action-icon{width:16px;height:16px;color:var(--accent);flex-shrink:0}.app-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 4px;margin-top:6px;display:flex}.app-footer-link{font:inherit;color:var(--text-dim);text-underline-offset:3px;cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;padding:4px 8px;font-size:13px;text-decoration:underline}.app-footer-link:hover{color:var(--accent-hot)}.app-footer-link:focus-visible{color:var(--accent-hot);box-shadow:var(--focus-ring);outline:none}.app-footer-link-sep{color:var(--text-mute);-webkit-user-select:none;user-select:none;font-size:13px}.theme-switcher{align-items:stretch;height:40px;display:inline-flex}.theme-chip{isolation:isolate;color:var(--text-dim);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;line-height:1;display:inline-flex;position:relative}.theme-chip:before{content:"";z-index:-1;transform:var(--skew-seg);transition:background-color var(--dur-fast) var(--ease-out);background:0 0;position:absolute;inset:0}.theme-chip[data-theme=outlands]{--chip-accent:#da2128}.theme-chip[data-theme=olympus]{--chip-accent:#7f52ff}.theme-chip[data-theme=worlds-edge]{--chip-accent:#f7c948}.theme-chip-dot{background:var(--chip-accent,var(--accent));width:12px;height:8px;transform:var(--skew-brand);flex-shrink:0}.theme-chip:not(.active):hover{color:var(--accent-hot)}.theme-chip.active{color:var(--accent-ink)}.theme-chip.active:before{background:var(--accent)}.theme-chip.active .theme-chip-dot{background:currentColor}.theme-chip:focus-visible{outline:2px solid var(--accent-hot);outline-offset:2px}.map-zoom-image,.hero-silhouette-image,.tile-reveal-image{clip-path:var(--clip-chamfer);position:relative;overflow:hidden}.map-zoom-image:after,.hero-silhouette-image:after,.tile-reveal-image:after{content:"";z-index:2;background:var(--accent);pointer-events:none;clip-path:polygon(evenodd, 0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)), 0 0, 2px 2px, 2px calc(100% - var(--chamfer) - .83px), calc(var(--chamfer) + .83px) calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) calc(var(--chamfer) + .83px), calc(100% - var(--chamfer) - .83px) 2px, 2px 2px);position:absolute;inset:0}.map-zoom-game{flex-direction:column;gap:16px;width:100%;max-width:720px;display:flex}.map-zoom-image{aspect-ratio:16/9;background:var(--ink-950);width:100%}.map-zoom-image canvas{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-silhouette-game{flex-direction:column;gap:16px;width:100%;max-width:720px;display:flex}.hero-silhouette-image{aspect-ratio:1;background:linear-gradient(#d5d8dd,#aeb3bb);align-self:center;width:100%;max-width:420px;max-height:62vh}.hero-silhouette-image canvas{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;width:100%;height:100%;transition:opacity .22s;display:block;position:absolute;inset:0}.tile-reveal-game{flex-direction:column;gap:16px;width:100%;max-width:720px;display:flex}.tile-reveal-image{aspect-ratio:1;background:radial-gradient(circle at 50% 38%, var(--surface-3), var(--surface) 78%);align-self:center;width:100%;max-width:340px}.tile-reveal-image img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;padding:10%;display:block;position:absolute;inset:0}.tile-reveal-grid{display:grid;position:absolute;inset:0}.tile-reveal-cell{background:linear-gradient(150deg, var(--surface-3), var(--surface-2)), var(--bg);box-shadow:inset 0 0 0 1.5px var(--ink-950);transition:opacity var(--dur-slow) cubic-bezier(.4, 0, .2, 1), transform var(--dur-slow) cubic-bezier(.4, 0, .2, 1);transform-origin:50%}.tile-reveal-cell.is-revealed{opacity:0;pointer-events:none;transform:scale(.5)}.attempt-counter{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);text-align:center;font-size:24px;font-weight:600;line-height:1.1}.attempt-counter strong{color:var(--accent);text-shadow:var(--text-glow-accent);margin:0 .18em;font-size:32px;font-weight:800}.btn{isolation:isolate;min-height:var(--hit-target);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-control), filter var(--dur-fast) var(--ease-out);background:0 0;border:2px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:16px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(var(--lift))}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}.btn-primary{color:var(--accent-ink)}.btn-primary:before{content:"";z-index:-1;background:var(--btn-fill,var(--accent));clip-path:var(--clip-chamfer);transition:background-color var(--dur-fast) var(--ease-out);position:absolute;inset:-2px}.btn-primary:hover:not(:disabled){filter:drop-shadow(0 0 12px color-mix(in srgb, var(--accent) 50%, transparent))}.btn-primary:hover:not(:disabled):before{background:var(--btn-fill-hover,var(--accent-hot))}.btn-primary:active:not(:disabled):before{background:var(--btn-fill-hover,var(--accent-deep))}.btn-secondary{border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hot);background:#ffffff0d}.guess-input{gap:8px;width:100%;display:flex;position:relative}.guess-input-wrapper{flex:1;min-width:0;position:relative}.guess-input-field{background:var(--ink-950);border:2px solid var(--border-strong);width:100%;min-height:48px;color:var(--text-strong);font-size:16px;font-family:var(--font-body);transition:var(--transition-control);border-radius:0;outline:none;padding:10px 16px}.guess-input-field:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.guess-input-field::placeholder{color:var(--text-mute)}.guess-input-field:disabled{opacity:.5;cursor:not-allowed}.guess-input .btn{min-height:48px;padding:0 22px}.prose-key,.content-page-body .prose-key{color:var(--accent-hot);font-weight:600}.hint-reveal{justify-content:center;align-items:center;min-height:36px;display:flex}.hint-reveal-btn{min-height:36px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;transition:var(--transition-control);background:0 0;border:1px solid #0000;padding:8px 14px;font-size:14px;font-weight:700;line-height:1}.hint-reveal-btn:hover{color:var(--accent-hot);background:#ffffff0d}.hint-reveal-btn:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.hint-reveal-text{font-family:var(--font-body);color:var(--accent-hot);text-align:center;margin:0;padding:4px 8px;font-size:15px;font-weight:600;line-height:1.4}.guess-suggestions{background:var(--surface-2);border:1px solid var(--accent);box-shadow:var(--shadow-elev);z-index:20;flex-direction:column;gap:2px;max-height:260px;margin:0;padding:4px;list-style:none;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow-y:auto}.guess-suggestion{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;transition:background-color var(--dur-instant) var(--ease-out);align-items:center;gap:10px;padding:6px 8px;font-size:15px;line-height:1.2;display:flex}.guess-suggestion.highlighted{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent-hot)}.guess-suggestion-img,.guess-suggestion-img-fallback{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface-3);object-fit:cover;-webkit-user-select:none;user-select:none;flex-shrink:0;width:32px;height:32px;display:block}.guess-suggestion-img-fallback{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-dim);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.guess-suggestion-secondary{color:var(--text-dim);margin-left:.2rem;font-size:.85em}.guess-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.guess-row{min-height:var(--hit-target);background:var(--surface);border:1px solid var(--border);box-shadow:inset 3px 0 0 var(--feedback-wrong-edge);animation:guess-row-in var(--dur-base) var(--ease-out);align-items:center;gap:12px;padding:8px 14px;display:flex}.guess-icon{flex-shrink:0;width:18px;height:18px}.guess-wrong .guess-icon{color:var(--feedback-wrong-edge)}.guess-correct{border-color:var(--feedback-equal-edge);background:color-mix(in srgb, var(--feedback-equal) 28%, var(--surface));box-shadow:inset 3px 0 0 var(--feedback-equal-edge)}.guess-correct .guess-icon{color:var(--feedback-equal-edge)}.guess-text{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong);font-size:17px;font-weight:700;line-height:1.1}@keyframes guess-row-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.countdown{flex-direction:column;align-items:center;gap:4px;margin:0 auto;display:flex}.countdown-label{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim)}.countdown-timer{font-family:var(--font-display);letter-spacing:.02em;color:var(--accent);font-variant-numeric:tabular-nums;justify-content:center;align-items:stretch;font-size:40px;font-weight:700;line-height:1;display:inline-flex}.roll-digit{text-align:center;width:.56em;height:1.12em;display:inline-block;overflow:hidden}.roll-digit-strip{will-change:transform;flex-direction:column;transition:transform .5s cubic-bezier(.3,1.1,.4,1);display:flex}.roll-digit-cell{justify-content:center;align-items:center;height:1.12em;line-height:1;display:flex}.countdown-colon{text-align:center;opacity:.5;width:.28em}@media (prefers-reduced-motion:reduce){.roll-digit-strip{transition:none}}.archive-banner{background:var(--surface);border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:inset 3px 0 0 var(--accent), var(--shadow-inset-top), var(--shadow-elev);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.archive-banner-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.archive-banner-info{flex-direction:column;gap:2px;min-width:0;display:flex}.archive-banner-info>span{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--accent-hot)}.archive-banner-info>strong{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text-strong);font-size:22px;font-weight:800;line-height:1}.archive-banner-nav{gap:8px;display:flex}.archive-banner-nav .btn{flex:1 1 0;min-width:0}.end-stats{border-top:1px solid var(--border);justify-content:center;gap:24px;margin-top:16px;padding-top:16px;display:flex}.end-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.end-stat strong{font-family:var(--font-display);color:var(--text-strong);font-size:30px;font-weight:800;line-height:1}.end-stat span{font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:600}.modal-backdrop{background:var(--overlay);width:100vw;height:100dvh;padding:var(--gutter);z-index:100;animation:modal-fade-in var(--dur-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal{width:100%;max-width:480px;max-height:calc(100dvh - 2 * var(--gutter));background:linear-gradient(90deg, var(--accent), var(--accent-hot) 60%, transparent) top / 100% 3px no-repeat, var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-elev);clip-path:var(--clip-chamfer);text-align:center;animation:modal-rise var(--dur-base) var(--ease-out);padding:28px 22px 22px;position:relative;overflow-y:auto}.modal-close{z-index:1;border:1px solid var(--border-strong);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;transition:var(--transition-control);place-items:center;padding:0;display:inline-grid;position:absolute;top:14px;right:14px}.modal-close svg{width:18px;height:18px}.modal-close:hover{border-color:var(--accent);color:var(--accent-hot);background:var(--surface-2)}.modal-close:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.modal-title{text-transform:uppercase;color:var(--text-strong);margin:0 0 8px;font-size:32px;font-weight:800;line-height:.95}.modal .modal-title{padding-inline:36px}.modal-title-win{color:var(--accent);text-shadow:var(--text-glow-accent)}.modal-puzzle-info{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);text-align:center;margin:0 0 10px}.modal-title-about,.modal-title-stats{color:var(--accent)}.modal-subtitle{color:var(--text-dim);margin:0 0 16px;font-size:14px}.modal-answer{color:var(--text);margin:0;font-size:17px;line-height:1.5}.modal-answer strong{color:var(--text-strong);font-weight:700}.modal-answer-attempts{color:var(--accent-hot);font-weight:600}.modal-grid{flex-direction:column;align-items:center;gap:4px;margin-bottom:16px;display:flex}.share-grid-row{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.share-cell{background:var(--ink-500);width:22px;height:22px}.share-cell--equal{background:var(--feedback-equal-edge)}.share-cell--close{background:var(--feedback-close-edge)}@media (max-width:380px){.share-cell{width:18px;height:18px}.modal-grid,.share-grid-row{gap:3px}}.modal .end-stats{margin-top:0}.stats-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px;display:grid}.modal-note{color:var(--text-dim);margin-top:16px;font-size:14px}.how-to-content{text-align:left}.how-to-list{color:var(--text-dim);flex-direction:column;gap:12px;margin:16px 0 0;padding-left:22px;font-size:15px;line-height:1.5;display:flex}.how-to-list li::marker{color:var(--accent);font-family:var(--font-display);font-size:16px;font-weight:700}.archive-nav-row{flex-wrap:wrap;gap:8px;width:100%;margin-top:4px;display:flex}.archive-nav-btn{white-space:nowrap;flex:1 1 0;min-width:0}.modal .countdown{margin-top:18px}.modal-share{margin-top:16px}.modal-share-icon{flex-shrink:0;width:18px;height:18px}.modal-action{width:100%;margin-top:20px}.modal-copy-hint{color:var(--text-dim);margin-top:10px;font-size:13px}.modal-copy-fallback{width:100%;font-size:14px;font-family:var(--font-body);background:var(--ink-950);border:1px solid var(--border-strong);color:var(--text);resize:none;margin-top:6px;padding:8px}.modal-feedback-link{text-align:center;color:var(--text-dim);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out);margin-top:14px;font-size:13px;text-decoration:underline;display:block}.modal-feedback-link:hover{color:var(--accent-hot)}.modal-feedback-link:focus-visible{color:var(--accent-hot);box-shadow:var(--focus-ring);outline:none}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}.btn:hover:not(:disabled),.btn:active:not(:disabled),.action-button:hover,.action-button:active{transform:none}.tile-reveal-cell{transition:opacity .38s linear;transform:none}.tile-reveal-cell.is-revealed{transform:none}}.histogram{border-top:1px solid var(--border);text-align:left;margin-top:20px;padding-top:16px}.histogram-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);margin:0 0 10px;line-height:1.2}.histogram-bars{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.histogram-row{grid-template-columns:28px 1fr;align-items:center;gap:8px;display:grid;position:relative}.histogram-label{font-family:var(--font-display);color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.histogram-bar-wrap{background:var(--ink-950);height:20px;overflow:hidden}.histogram-bar{background:var(--surface-3);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%);min-width:4px;height:100%;transition:width var(--dur-slow) var(--ease-out);display:block}.histogram-count{color:var(--text);font-variant-numeric:tabular-nums;text-shadow:var(--text-shadow-legible);font-size:12px;font-weight:600;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.histogram-row.is-highlight .histogram-bar{background:var(--accent)}.histogram-row.is-highlight .histogram-label{color:var(--accent-hot)}.histogram-row.is-highlight .histogram-count{color:var(--text-strong)}.dev-panel{border:1px dashed color-mix(in srgb, var(--info) 45%, transparent);background:color-mix(in srgb, var(--info) 5%, var(--ink-950));color:var(--text-mute);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:13px;display:flex}.dev-panel-label{font-family:var(--font-display);letter-spacing:.12em;color:var(--info);background:color-mix(in srgb, var(--info) 16%, transparent);padding:2px 8px;font-size:11px;font-weight:700}.dev-panel-answer{flex:1;min-width:0}.dev-panel-answer em{color:var(--info);font-style:normal;font-weight:600}.dev-panel--social{margin:0 0 16px}.dev-panel--social .dev-panel-answer{flex:1 0 100%}@media (max-width:520px){.dev-panel--social{gap:6px;padding:6px 8px;font-size:12px}.dev-panel--social .dev-panel-chip{padding:2px 6px;font-size:11px}}.dev-panel-group{gap:4px;display:inline-flex}.dev-panel-select{align-items:center;gap:5px;display:inline-flex}.dev-panel-chip{border:1px solid color-mix(in srgb, var(--info) 40%, transparent);background:var(--surface-2);color:var(--text-dim);font:inherit;cursor:pointer;transition:var(--transition-control);padding:3px 9px;font-size:12px;line-height:1.4}.dev-panel-chip:hover:not(:disabled){border-color:var(--info);color:var(--text)}.dev-panel-chip.is-on{border-color:var(--info);background:color-mix(in srgb, var(--info) 22%, var(--surface-2));color:var(--text);font-weight:600}.dev-panel-chip:disabled{opacity:.35;cursor:not-allowed}.dev-panel-count{text-align:center;min-width:1.2rem;color:var(--info)}.btn-small{letter-spacing:.06em;min-height:40px;padding:8px 12px;font-size:13px}.mode-tabs,.theme-switcher,.result-stats-toggle,.group-tabs{isolation:isolate;gap:2px;padding:4px;position:relative}.mode-tabs:before,.theme-switcher:before,.result-stats-toggle:before,.group-tabs:before{content:"";z-index:-1;background:var(--ink-950);border:1px solid var(--border);transform:var(--skew-seg);pointer-events:none;position:absolute;inset:0}.mode-tabs{width:100%;max-width:var(--container-sm);display:flex}.mode-tab{isolation:isolate;min-width:0;min-height:var(--hit-target);font-family:var(--font-display);letter-spacing:.06em;text-align:center;text-transform:uppercase;color:var(--text-dim);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);flex:1 1 0;justify-content:center;align-items:center;padding:6px 14px;font-size:15px;font-weight:700;line-height:1.05;text-decoration:none;display:flex;position:relative}.mode-tab:before{content:"";z-index:-1;background:var(--surface-2);transform:var(--skew-seg);transition:background-color var(--dur-fast) var(--ease-out);position:absolute;inset:0}.mode-tab:hover:not(.active){color:var(--text-strong)}.mode-tab:hover:not(.active):before{background:var(--surface-3)}.mode-tab.active{color:var(--accent-ink)}.mode-tab.active:before{background:var(--accent)}.mode-tab:focus-visible{outline:2px solid var(--accent-hot);outline-offset:2px}.mode-tab.is-dev{color:var(--info)}.mode-tab.is-dev:before{background:color-mix(in srgb, var(--info) 14%, var(--surface-2))}.mode-tab.is-dev:hover:not(.active){color:var(--info)}.mode-tab.is-dev:hover:not(.active):before{background:color-mix(in srgb, var(--info) 26%, var(--surface-2))}.mode-tab.is-dev.active{color:var(--ink-950)}.mode-tab.is-dev.active:before{background:var(--info)}.mode-tab.is-dev:focus-visible{outline-color:var(--info)}.mode-tab-check{width:12px;height:12px;color:var(--success);position:absolute;top:5px;right:12px}.mode-tab.active .mode-tab-check{color:var(--accent-ink)}@media (max-width:480px){.mode-tab{letter-spacing:.03em;padding:6px 8px;font-size:13px}.mode-tab-check{width:10px;height:10px;top:4px;right:7px}}@media (max-width:360px){.mode-tab{letter-spacing:.02em;padding:6px 5px;font-size:12px}}.result-cross-mode--bonus{border-top:1px solid var(--border);padding-top:14px}.bonus-mode-note{max-width:44ch;color:var(--text-dim);text-align:center;margin:8px auto 0;font-size:13px;line-height:1.5}.streak-badge,.result-streak-banner,.home-streak{isolation:isolate;font:inherit;cursor:pointer;appearance:none;filter:drop-shadow(0 0 6px color-mix(in srgb, currentColor 30%, transparent));transition:filter var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;display:inline-flex;position:relative}.streak-badge:before,.streak-badge:after,.result-streak-banner:before,.result-streak-banner:after,.home-streak:before,.home-streak:after{content:"";clip-path:var(--clip-chamfer-sm);position:absolute}.streak-badge:before,.result-streak-banner:before,.home-streak:before{z-index:-2;background:currentColor;inset:0}.streak-badge:after,.result-streak-banner:after,.home-streak:after{z-index:-1;background:var(--ink-950);inset:1px}.streak-badge:hover,.result-streak-banner:hover,.home-streak:hover{filter:drop-shadow(0 0 10px color-mix(in srgb, currentColor 45%, transparent))}.streak-badge:active,.result-streak-banner:active,.home-streak:active{transform:translateY(1px)}.streak-badge:focus-visible,.result-streak-banner:focus-visible,.home-streak:focus-visible{outline-offset:3px;outline:2px solid}.streak-badge{min-height:40px;color:var(--accent);gap:10px;padding:4px 14px 4px 8px}.streak-badge--empty{color:var(--ink-400);filter:none}.rank-emblem{object-fit:contain;flex-shrink:0;display:block}.rank-emblem--unranked{filter:grayscale();opacity:.5}.streak-badge-emblem{width:28px;height:28px}.streak-badge-count{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1}.streak-badge-text{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.streak-badge-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-strong);font-size:12px;font-weight:700}.streak-badge-rank{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.result-streak-banner{gap:14px;width:-moz-fit-content;width:fit-content;margin:14px auto 0;padding:10px 18px 10px 10px}.result-streak-emblem{width:40px;height:40px}.result-tier-up{border:1px solid color-mix(in srgb, currentColor 55%, transparent);background:color-mix(in srgb, currentColor 8%, var(--ink-950));width:-moz-fit-content;width:fit-content;max-width:100%;animation:tier-up-pop var(--dur-slow) var(--ease-out);justify-content:center;align-items:center;gap:14px;margin:14px auto 0;padding:12px 18px;display:flex;box-shadow:inset 3px 0}.result-tier-up-emblem{object-fit:contain;flex-shrink:0;width:60px;height:60px}.result-tier-up--division .result-tier-up-emblem{width:46px;height:46px}.result-tier-up-body{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.result-tier-up-kicker{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase}.result-tier-up-title{font-family:var(--font-display);text-transform:uppercase;font-size:26px;font-weight:800;line-height:.95}.result-tier-up-sub{color:var(--text-dim);font-size:13px}@keyframes tier-up-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.result-tier-up{animation:none}}.result-streak-count{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1}.result-streak-text{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.result-streak-text strong{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:16px;font-weight:700}.result-streak-text span{color:var(--text-dim);font-size:13px}.streak-modal-hero{justify-content:center;align-items:center;gap:12px;margin:14px 0 6px;display:flex}.streak-modal-emblem{width:72px;height:72px}.streak-modal-count{font-family:var(--font-display);font-size:64px;font-weight:800;line-height:1}.streak-modal-label{color:var(--text);font-size:16px}.streak-modal-tier{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;font-size:18px;font-weight:700}.streak-modal-progress{margin-top:20px}.streak-modal-progress-track{background:var(--ink-950);border:1px solid var(--border);height:10px;overflow:hidden}.streak-modal-progress-fill{clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%);height:100%;transition:width var(--dur-slow) var(--ease-out)}.streak-modal-progress-text{color:var(--text-dim);margin-top:8px;font-size:14px}.streak-modal-facts{border-top:1px solid var(--border);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:22px;padding-top:18px;font-size:15px;font-weight:700;display:flex}.streak-modal-intro{color:var(--text-dim);margin-top:14px;font-size:14px;line-height:1.6}.streak-modal-tiers{border-top:1px solid var(--border);text-align:left;flex-direction:column;gap:4px;margin-top:22px;padding-top:18px;display:flex}.streak-modal-tiers-title{font-size:var(--text-hud);letter-spacing:var(--ls-hud);color:var(--text-dim);text-align:center;margin-bottom:6px;font-weight:600;line-height:1.2}.streak-tier{min-height:44px;color:var(--text-mute);border:1px solid #0000;align-items:center;gap:10px;padding:6px 12px;display:flex}.streak-tier--reached{background:var(--surface-2)}.streak-tier-emblem{width:30px;height:30px}.streak-tier:not(.streak-tier--reached) .streak-tier-emblem{filter:grayscale();opacity:.45}.streak-tier-name{text-align:left;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);flex:1;font-size:16px;font-weight:700}.streak-tier--reached .streak-tier-name{color:var(--text-strong)}.streak-tier-days{font-family:var(--font-display);color:var(--text-dim);font-size:14px;font-weight:600}.streak-tier--current{border-color:color-mix(in srgb, currentColor 60%, transparent);box-shadow:inset 3px 0}.streak-divisions{border-left:2px solid color-mix(in srgb, currentColor 40%, transparent);flex-direction:column;gap:2px;margin:2px 0 4px 26px;padding-left:12px;display:flex}.streak-division{opacity:.6;justify-content:space-between;align-items:baseline;gap:10px;padding:4px 10px;display:flex}.streak-division--current{opacity:1;background:color-mix(in srgb, currentColor 14%, transparent)}.streak-division-name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:14px;font-weight:700}.streak-division-days{font-family:var(--font-display);color:var(--text-dim);font-size:13px;font-weight:600}.result-stats-toggle{width:100%;margin:0 0 14px;display:flex}.result-stats-toggle-btn{isolation:isolate;min-height:36px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;flex:1 1 0;padding:0 12px;font-size:14px;font-weight:700;line-height:1;position:relative}.result-stats-toggle-btn:before{content:"";z-index:-1;transform:var(--skew-seg);transition:background-color var(--dur-fast) var(--ease-out);background:0 0;position:absolute;inset:0}.result-stats-toggle-btn:hover:not(.active){color:var(--accent-hot)}.result-stats-toggle-btn.active{color:var(--accent-ink)}.result-stats-toggle-btn.active:before{background:var(--accent)}.result-stats-toggle-btn:focus-visible{outline:2px solid var(--accent-hot);outline-offset:2px}.global-stats-percentile{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-hot);margin:0 0 14px;font-size:18px;font-weight:700;line-height:1.15}.global-stats-message{color:var(--text-dim);margin:16px 0;font-size:15px;line-height:1.5}.hero-guess-game{width:100%;max-width:var(--container-md);flex-direction:column;gap:16px;display:flex}.hero-grid{flex-direction:column;gap:7px;width:100%;display:flex}.hero-grid-header,.hero-grid-row{grid-template-columns:64px repeat(6,minmax(0,1fr));align-items:stretch;gap:5px;display:grid}.hero-grid-row{perspective:900px}.hero-grid-header-cell{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);text-align:center;align-self:end;padding:4px 2px;font-size:11.5px;font-weight:600;line-height:1.1}.hero-grid-portrait-col{flex-direction:column;align-items:center;gap:3px;display:flex}.hero-grid-name{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-dim);text-align:center;word-break:break-word;margin-inline:-3px;font-size:12px;font-weight:600;line-height:1.1}.hero-portrait{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);-webkit-user-select:none;user-select:none;width:56px;height:56px;display:block}.hero-portrait-fallback{font-family:var(--font-display);color:var(--text-mute);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.hero-cell{text-align:center;overflow-wrap:break-word;transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;min-height:56px;padding:4px;font-size:13.5px;font-weight:500;line-height:1.15;animation:.45s ease-out backwards hero-cell-flip-in;display:flex;position:relative}.hero-cell-text{text-shadow:var(--text-shadow-legible);-webkit-hyphens:auto;hyphens:auto;display:block}.hero-cell-equal{background:var(--feedback-equal);border:1px solid var(--feedback-equal-edge);color:#fff}.hero-cell-close{background:var(--feedback-close);border:1px solid var(--feedback-close-edge);color:#fff}.hero-cell-wrong{background:var(--feedback-wrong);border:1px solid var(--feedback-wrong-edge);color:#fff}.hero-cell-value{justify-content:center;align-items:center;gap:.3em;min-width:0;max-width:100%;display:flex}.hero-cell-arrow{color:#fff;filter:drop-shadow(0 1px 2px #00000073);flex:none;width:.8em;height:1em}@keyframes hero-cell-flip-in{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}@media (prefers-reduced-motion:reduce){.hero-cell{animation:none}}.hero-cell-mini-header{display:none}.hero-grid-row-placeholder .hero-cell{background:var(--surface-2);border:1px dashed var(--border-strong);color:var(--text-mute);animation:none}.hero-grid-row-placeholder .hero-cell-text{text-shadow:none}.hero-grid-row-placeholder .hero-cell-mini-header{color:var(--text-dim)}.hero-portrait-placeholder{border-style:dashed}.hero-grid-empty-hint{text-align:center;color:var(--text-dim);margin:10px 0 0;font-size:14px}@media (max-width:480px){.hero-grid-header{display:none}.hero-grid-row{grid-template-rows:auto auto;grid-template-columns:64px repeat(3,minmax(0,1fr));gap:5px}.hero-grid-portrait-col{grid-row:1/span 2;align-self:center}.hero-grid-name{display:block}.hero-cell{min-height:50px;padding:4px 3px 5px;font-size:13px}.hero-cell-mini-header{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7;margin-bottom:3px;font-size:9.5px;font-weight:600;line-height:1;display:block}}.modal-title-legal{color:var(--text-strong)}.legal-content{color:var(--text-dim);text-align:left;overflow-wrap:break-word;font-size:14.5px;line-height:1.6}.legal-content h3{letter-spacing:.06em;color:var(--text-strong);margin:20px 0 6px;font-size:16px;font-weight:700;line-height:1.2}.legal-content h3:first-child{margin-top:0}.legal-content p{margin:6px 0}.legal-content strong{color:var(--text)}.legal-content code{background:var(--ink-950);border:1px solid var(--border);color:var(--text);padding:1px 6px;font-size:.85em}.legal-content a{color:var(--accent-hot);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.legal-content a:hover{color:var(--text-strong)}.legal-contact-email{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 12px;font-size:16px;font-weight:700}.legal-content .legal-consent-status,.legal-consent-status{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-bottom:10px;font-size:15px;font-weight:700}.legal-consent-actions{flex-wrap:wrap;gap:8px;margin:8px 0 10px;display:flex}.legal-consent-button{border:2px solid var(--border-strong);min-width:0;min-height:40px;color:var(--text);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:var(--transition-control);background:0 0;flex:auto;padding:8px 14px;font-size:14px;font-weight:700}.legal-consent-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hot);background:#ffffff0d}.legal-consent-button:active:not(:disabled){transform:translateY(1px)}.legal-consent-button:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.legal-consent-button:disabled{opacity:.45;cursor:not-allowed}.legal-consent-accept{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.legal-consent-note{color:var(--text-dim);font-size:13px}.legal-content .legal-last-updated,.legal-last-updated{color:var(--text-dim);text-align:right;margin-top:20px;font-size:12px}.consent-banner{z-index:50;background:var(--ink-950);border-top:1px solid var(--border-strong);animation:consent-slide-up var(--dur-slow) var(--ease-out) both;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000073}.consent-banner:before{content:"";background:var(--hud-rule);height:2px;position:absolute;top:-1px;left:0;right:0}@keyframes consent-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.consent-banner{animation:none}}.consent-banner-inner{max-width:980px;padding:12px var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.consent-banner-message{color:var(--text-dim);flex:280px;margin:0;font-size:14px;line-height:1.45}.consent-banner-link{color:var(--accent-hot);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;text-decoration:underline}.consent-banner-link:hover{color:var(--text-strong)}.consent-banner-actions{flex-shrink:0;gap:8px;display:flex}.consent-banner-button{min-height:40px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:var(--transition-control);padding:8px 16px;font-size:14px;font-weight:700;line-height:1}.consent-banner-button:active{transform:translateY(1px)}.consent-banner-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.consent-banner-decline{border:2px solid var(--border-strong);color:var(--text);background:0 0}.consent-banner-decline:hover{border-color:var(--text-dim);color:var(--text-strong)}.consent-banner-accept{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text-strong)}.consent-banner-accept:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}@media (max-width:520px){.consent-banner-inner{flex-direction:column;align-items:stretch;padding:10px 14px}.consent-banner-actions{justify-content:stretch}.consent-banner-button{flex:1 1 0}}.home{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.home-body{width:100%;max-width:var(--container-md);padding:0 var(--gutter);margin:0 auto}.home-hero{width:100%;max-width:var(--container-md);padding:48px var(--gutter) 4px;text-align:center;flex-direction:column;align-items:center;gap:18px;margin:0 auto;display:flex}.home-title{font-size:var(--text-display-xl);letter-spacing:.02em;margin:0;font-weight:800;line-height:1}.home-title .app-title-strong,.home-title .app-title-light{transform:var(--skew-brand);display:inline-block}.home-title .app-title-strong{text-shadow:0 0 26px color-mix(in srgb, var(--accent) 55%, transparent)}.home-title:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-hot));width:64px;height:4px;box-shadow:var(--glow-accent);margin:18px auto 0;display:block}.home-subtitle{max-width:520px;font-size:var(--text-body-lg);color:var(--text-strong);text-shadow:var(--text-shadow-legible);margin:0;line-height:1.45}@media (max-width:600px){.home-hero{padding:32px var(--gutter) 4px;gap:14px}.home-subtitle{font-size:16px}}.home-section-title{color:var(--text-strong);text-align:center;align-items:center;gap:14px;margin:36px 0 14px;font-size:30px;font-weight:800;line-height:.95;display:flex}.home-section-title:before,.home-section-title:after{content:"";background:var(--border);flex:1;height:1px}.home-section-lede{color:var(--text-dim);text-align:center;margin:-4px 0 14px;font-size:14px;line-height:1.5}@media (max-width:480px){.home-section-title{margin-top:32px;font-size:26px}}.home-modes{flex-direction:column;gap:10px;display:flex}.home-body>.home-modes:first-child{margin-top:28px}.home-friends,.home-explore{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.home-mode-card{color:var(--text);align-items:center;gap:14px;text-decoration:none;display:flex;position:relative}.home-mode-text{flex-direction:column;gap:3px;min-width:0;display:flex}.home-mode-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong);align-items:center;gap:8px;font-size:24px;font-weight:700;line-height:1;display:flex}.home-mode-desc{color:var(--text-dim);font-size:14px;line-height:1.35}.home-mode-card--mode{isolation:isolate;min-height:96px;transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);grid-template-columns:96px minmax(0,1fr) auto;gap:16px;padding-right:18px;display:grid}.home-mode-card--mode:before,.home-mode-card--mode:after{content:"";clip-path:var(--clip-chamfer);pointer-events:none;position:absolute}.home-mode-card--mode:before{z-index:-2;background:var(--border-strong);transition:background-color var(--dur-fast) var(--ease-out);inset:0}.home-mode-card--mode:after{z-index:-1;background:var(--hud-rule) bottom / 100% 2px no-repeat, var(--surface);inset:1px}.home-mode-card--mode:hover{transform:translateY(var(--lift));filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 35%, transparent))}.home-mode-card--mode:hover:before{background:var(--accent)}.home-mode-card--mode:active{transform:translateY(1px)}.home-mode-card--mode:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}.home-mode-card--dev:before{background:color-mix(in srgb, var(--info) 55%, transparent)}.home-mode-card--dev:after{background:var(--hud-rule) bottom / 100% 2px no-repeat, color-mix(in srgb, var(--info) 8%, var(--surface))}.home-mode-card--dev:hover{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--info) 35%, transparent))}.home-mode-card--dev:hover:before{background:var(--info)}.home-mode-card--dev:focus-visible{outline-color:var(--info)}.home-mode-card--dev .home-mode-arrow,.home-mode-card--dev:hover .home-mode-arrow{color:var(--info)}.home-mode-dev{letter-spacing:.12em;color:var(--info);background:color-mix(in srgb, var(--info) 16%, transparent);flex:none;padding:2px 7px;font-size:11px}.home-mode-icon--art{background:var(--ink-950);clip-path:polygon(0 0, 100% 0, 84% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));align-self:stretch;margin:1px 0 1px 1px;display:flex;position:relative;overflow:hidden}.home-mode-icon--art:after{content:"";background:linear-gradient(90deg, transparent 62%, var(--surface));pointer-events:none;position:absolute;inset:0}.home-mode-art{width:100%;height:100%;transform:scale(var(--art-zoom,1));transform-origin:var(--art-origin,50% 50%);transition:transform var(--dur-base) var(--ease-out);display:block;position:absolute;inset:0}.home-mode-art--inset{padding:16px 22px 16px 12px}.home-mode-card--mode:hover .home-mode-art{transform:scale(calc(var(--art-zoom,1) * 1.08))}.home-mode-side{align-items:center;gap:10px;display:flex}.home-mode-status{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.home-mode-status--todo{color:var(--text-dim)}.home-mode-status--done{color:var(--success)}.home-mode-status-icon{width:12px;height:12px}.home-mode-arrow{color:var(--accent);transition:color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);display:inline-flex}.home-mode-card--mode:hover .home-mode-arrow{color:var(--accent-hot);transform:translate(2px)}@media (max-width:480px){.home-mode-card--mode{grid-template-columns:80px minmax(0,1fr) auto;gap:12px;min-height:84px;padding-right:12px}.home-mode-card--mode .home-mode-title{font-size:20px}.home-mode-card--mode .home-mode-desc{font-size:13px}.home-mode-side{gap:6px}.home-mode-status{letter-spacing:.08em;font-size:11px}}.home-friends .home-mode-card,.home-explore .home-mode-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top);transition:var(--transition-control);padding:16px}.home-friends .home-mode-card:hover,.home-explore .home-mode-card:hover{border-color:var(--accent);transform:translateY(var(--lift));box-shadow:var(--shadow-inset-top), var(--glow-accent)}.home-friends .home-mode-card:active,.home-explore .home-mode-card:active{transform:translateY(1px)}.home-friends .home-mode-card:focus-visible,.home-explore .home-mode-card:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.home-friends .home-mode-title,.home-explore .home-mode-title{font-size:19px}.home-friends .home-mode-desc,.home-explore .home-mode-desc{font-size:13.5px}.home-mode-icon:not(.home-mode-icon--art){width:44px;height:44px;color:var(--accent);background:var(--ink-950);clip-path:var(--clip-diamond);flex:none;place-items:center;display:grid;position:relative}.home-mode-icon:not(.home-mode-icon--art):before{content:"";background:var(--accent);clip-path:polygon(evenodd,50% 0,100% 50%,50% 100%,0 50%,50% 0,50% 2.83px,2.83px 50%,50% calc(100% - 2.83px),calc(100% - 2.83px) 50%,50% 2.83px);position:absolute;inset:0}.home-mode-glyph{width:20px;height:20px;position:relative}.home-controls{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:36px;display:flex;position:relative}.home-controls .language-picker{width:auto}.home-controls .action-button{border:1px solid var(--border);background:var(--surface);width:auto;min-height:40px;padding:0 14px}.home-controls .action-button:hover{border-color:var(--accent);background:var(--surface);box-shadow:none}.home-controls .action-button-caret{margin-left:4px}.home-about{background:color-mix(in srgb, var(--ink-900) 90%, transparent);border:1px solid var(--border);box-shadow:var(--shadow-elev);flex-direction:column;gap:12px;margin-top:36px;padding:22px 22px 20px;display:flex}.home-about .home-section-title{margin:0 0 2px}.home-about p{color:var(--text-dim);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}.home-body .other-games{max-width:none;margin:0;padding:0}.home-body .other-games-subtitle{text-align:center;margin:-6px 0 12px}.home-body .other-games-list{justify-content:center}.home-body .other-games-link{padding:8px 14px 8px 8px}.home-body .other-games-logo{width:32px;height:32px}.home-body .other-games-name{font-size:15px}.other-games{width:100%;max-width:var(--container-md);padding:0 var(--gutter);text-align:left;margin:28px auto 0}.other-games-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-hud-lg);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);margin:0;line-height:1.2}.other-games-subtitle{color:var(--text-dim);margin:6px 0 12px;font-size:14px}.other-games-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.other-games-link{border:1px solid var(--border);background:var(--surface);color:var(--text);transition:var(--transition-control);align-items:center;gap:8px;padding:6px 12px 6px 6px;text-decoration:none;display:inline-flex}.other-games-link:hover{border-color:var(--accent);color:var(--accent-hot);transform:translateY(var(--lift))}.other-games-link:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.other-games-logo{object-fit:contain;flex:none;width:28px;height:28px}.other-games-name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:14px;font-weight:700}.app-title-link{color:inherit;text-decoration:none}.content-page{width:100%;max-width:var(--container-md);padding:20px var(--gutter) 24px;color:var(--text);margin:0 auto;line-height:1.65}.content-page-nav{text-align:center;flex-direction:column;align-items:center;gap:4px;margin:0 0 26px;display:flex}.content-page-nav-top{justify-content:center;align-items:center;width:100%;min-height:40px;display:flex;position:relative}.content-page-nav-top .content-page-back{position:absolute;top:0;left:0}.content-page-logo{font-family:var(--font-display);letter-spacing:.02em;font-size:clamp(34px,9vw,40px);font-weight:800;line-height:1;text-decoration:none}.content-page-logo .app-title-strong,.content-page-logo .app-title-light{transform:var(--skew-brand);display:inline-block}.content-page-back{border:1px solid var(--border-strong);background:var(--surface);width:40px;height:40px;color:var(--text-dim);cursor:pointer;transition:var(--transition-control);border-radius:0;flex:none;place-items:center;padding:0;display:grid}.content-page-back svg{display:block}.content-page-back:hover{border-color:var(--accent);color:var(--accent-hot)}.content-page-back:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.content-page-back:active{transform:translateY(1px)}.content-page-trail{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:flex}.content-page-crumb-step{align-items:center;gap:2px;display:inline-flex}.content-page-crumb-sep{font-family:var(--font-display);color:var(--text-dim);-webkit-user-select:none;user-select:none;font-size:16px;font-weight:700;line-height:1}.content-page-crumb{min-height:44px;font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text);transition:color var(--dur-fast) var(--ease-out);align-items:center;padding:0 10px;font-size:16px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.content-page-crumb:hover{color:var(--accent-hot)}.content-page-crumb:focus-visible{box-shadow:var(--focus-ring);outline:none}.content-page-title{color:var(--text-strong);overflow-wrap:break-word;flex-direction:column;gap:14px;margin:0 0 22px;font-size:clamp(36px,7vw,52px);font-weight:800;line-height:.95;display:flex}.content-page-title:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-hot));width:56px;height:4px;box-shadow:var(--glow-accent)}.content-page-panel{background:color-mix(in srgb, var(--ink-900) 90%, transparent);border:1px solid var(--border);box-shadow:var(--shadow-elev);padding:28px 28px 30px}@media (max-width:600px){.content-page-panel{padding:20px 16px 22px}}.content-page-body{font-size:15.5px}.content-page-body h2{color:var(--text-strong);margin:30px 0 10px;font-size:22px;line-height:1.05}.content-page-body>h2,.content-page-body>section:not([class])>h2,.legal-consent-block>h2{padding-left:16px;position:relative}.content-page-body>h2:before,.content-page-body>section:not([class])>h2:before,.legal-consent-block>h2:before{content:"";background:var(--accent);width:4px;height:.9em;transform:var(--skew-brand);position:absolute;top:.04em;left:0}.content-page-body p:not([class]){color:var(--text-dim);margin:0 0 12px}.content-page-body ol:not([class]),.content-page-body ul:not([class]){color:var(--text-dim);margin:0 0 12px;padding-left:22px}.content-page-body ol:not([class])>li,.content-page-body ul:not([class])>li{margin-bottom:6px}.content-page-body ol:not([class])>li::marker{color:var(--accent);font-family:var(--font-display);font-weight:700}.content-page-body ul:not([class])>li::marker{color:var(--accent);font-family:var(--font-display);font-weight:700}.content-page-body a:not([class]),.content-link{color:var(--accent-hot);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.content-page-body a:not([class]):hover,.content-link:hover{color:var(--text-strong)}.content-page-body strong{color:var(--text-strong);font-weight:600}.legal-consent-block{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top);margin-top:30px;padding:18px 20px 16px}.content-page-body .legal-consent-block>h2{margin-top:0}.result-stack{width:100%;max-width:var(--container-sm);text-align:center;flex-direction:column;gap:14px;margin:8px auto 0;scroll-margin-top:12px;display:flex}.result-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top), var(--shadow-elev);padding:18px;position:relative}.result-card:after{content:"";background:var(--hud-rule);opacity:.6;pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0}.result-card>:first-child{margin-top:0}.result-card>:last-child{margin-bottom:0}.result-card--win{border-color:var(--accent);box-shadow:var(--shadow-inset-top), var(--glow-accent);padding:24px}.result-card--win:after{opacity:1;box-shadow:0 0 12px -1px var(--accent)}.result-card--win:before{content:"";pointer-events:none;background:linear-gradient(var(--accent), var(--accent)) top left / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) top left / 2px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 2px 14px no-repeat;position:absolute;inset:-1px}.result-card--win .modal-title{margin-bottom:12px;font-size:clamp(40px,11vw,48px)}.result-stack>.modal-feedback-link{margin-top:0}.result-share{flex-direction:column;align-items:center;gap:12px;display:flex}.result-share .modal-grid{margin:0}.result-grid-more{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:13px;font-weight:600}.result-answer-img{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--ink-950);width:auto;max-width:100%;height:auto;max-height:132px;margin:0 auto 12px;display:block}.result-share .modal-share{margin-top:0}.result-share .modal-puzzle-info{border-radius:var(--radius-xs);background:var(--accent);color:var(--accent-ink);font-family:var(--font-body);letter-spacing:.02em;text-transform:none;align-items:center;margin:0;padding:3px 8px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.result-share-sentence{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong);margin:0;font-size:18px;font-weight:700;line-height:1.15}.result-share .modal-copy-hint,.result-share .modal-copy-fallback{margin-top:0}.result-stats{text-align:left}.result-stats .end-stats{border-top:none;justify-content:flex-start;margin-top:0;padding-top:0}.result-stats .end-stat{align-items:flex-start}.result-stats .histogram{border-top:none;margin-top:16px;padding-top:0}.result-stats .global-stats-percentile{margin-bottom:14px}.histogram-expand{border:1px solid var(--border-strong);min-height:32px;color:var(--text-dim);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:var(--transition-control);background:0 0;margin:12px auto 0;padding:6px 12px;font-size:12px;font-weight:700;line-height:1;display:block}.histogram-expand:hover{color:var(--accent-hot);border-color:var(--accent)}.histogram-expand:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}@keyframes streak-pulse-frame{0%,to{filter:drop-shadow(0 0 6px color-mix(in srgb, currentColor 30%, transparent))}50%{filter:drop-shadow(0 0 14px)}}.streak-badge--at-risk,.home-streak--at-risk{animation:1.6s ease-in-out infinite streak-pulse-frame}@media (prefers-reduced-motion:reduce){.streak-badge--at-risk,.home-streak--at-risk{filter:drop-shadow(0 0 10px);animation:none}}@keyframes cross-mode-nudge{0%,65%,to{transform:translate(0)}80%{transform:translate(4px)}}.result-next-cta{animation:2.6s ease-in-out infinite cross-mode-nudge}@media (prefers-reduced-motion:reduce){.result-next-cta{animation:none}}.result-next{flex-direction:column;align-items:center;gap:14px;display:flex}.result-versus-cta{flex-direction:column;align-items:center;gap:6px;display:flex}.result-versus-cta-desc{color:var(--text-dim);margin:0;font-size:13px}.result-cross-mode{text-align:center;flex-direction:column;gap:10px;width:100%;display:flex}.result-cross-mode-caption{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);margin:0;line-height:1.3}.result-cross-mode-btn{border-color:var(--accent);min-height:40px;color:var(--text);padding:8px 14px;font-size:14px}.result-cross-mode-btn:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--accent-hot);box-shadow:var(--glow-accent-soft)}.result-cross-mode-btn-icon{width:16px;height:16px;color:var(--accent);flex-shrink:0}.result-cross-mode-done{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--success);margin:0;font-size:20px;font-weight:700;line-height:1.1}.result-return-hook{max-width:26rem;color:var(--text-dim);margin:0;font-size:14px}.home-streak{text-align:left;grid-template-columns:auto auto minmax(0,auto);grid-template-areas:"emblem count rank""emblem count text";align-items:center;gap:2px 14px;max-width:100%;padding:12px 20px 12px 12px;display:inline-grid}.home-streak--empty{color:var(--ink-400);filter:none;grid-template-columns:auto minmax(0,auto);grid-template-areas:"emblem text""emblem text"}.home-streak-emblem{grid-area:emblem;width:48px;height:48px}.home-streak-count{font-family:var(--font-display);grid-area:count;font-size:40px;font-weight:800;line-height:1}.home-streak-rank{font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;grid-area:rank;align-self:end;font-size:14px;font-weight:700}.home-streak-text{color:var(--text);grid-area:text;align-self:start;font-size:14px}.home-streak--empty .home-streak-text{grid-row:1/span 2;align-self:center}.home-today{align-items:center;gap:12px;margin-top:4px;display:flex}.home-today-bar{gap:4px;display:flex}.home-today-seg{width:34px;height:6px;transform:var(--skew-seg);transition:background-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);background:#ffffff2e}.home-today-seg.is-done{background:var(--accent);box-shadow:0 0 10px -2px var(--accent)}.home-today-text{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);text-shadow:var(--text-shadow-legible)}.result-share-social{color:var(--text-dim);margin:0;font-size:13px}.result-day-done{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.result-day-share{margin:0}.day-recap-lines{text-align:center;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.day-recap-line{color:var(--text);font-size:15px;line-height:1.35}.home-day-done{text-align:center;background:var(--surface);border:1px solid var(--accent);box-shadow:var(--shadow-inset-top), var(--glow-accent);flex-direction:column;align-items:center;gap:14px;margin-top:14px;padding:22px;display:flex;position:relative}.home-day-done:before{content:"";pointer-events:none;background:linear-gradient(var(--accent), var(--accent)) top left / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) top left / 2px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 2px 14px no-repeat;position:absolute;inset:-1px}.home-day-done-title{font-family:var(--font-display);text-transform:uppercase;color:var(--text-strong);margin:0;font-size:30px;font-weight:800;line-height:.95}.home-day-share{margin:0}.home-day-share-icon{flex-shrink:0;width:18px;height:18px}.home-group{text-align:left;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top), var(--shadow-elev);margin-top:14px;padding:14px 16px 16px}.home-group-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.home-group-name{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text-strong);overflow-wrap:anywhere;font-size:20px;font-weight:800;line-height:1}.home-group-meta{color:var(--text-dim);flex:none;font-size:13px}.home-group-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.home-group-table th,.home-group-table td{border-bottom:1px solid var(--border);text-align:center;padding:6px 4px}.home-group-table .home-group-corner{vertical-align:bottom;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--text-dim);font-size:11px;font-weight:600}.home-group-th{width:44px}.home-group-icon{background:var(--ink-950);border:1px solid var(--border-strong);width:28px;height:28px;transform:var(--skew-brand);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.home-group-art{width:100%;height:100%;transform:skewX(9deg) scale(var(--art-zoom,1));transform-origin:var(--art-origin,50% 50%);flex:none;display:block}.home-group-art--fill,.home-group-art--portrait,.home-group-art--figure{width:130%}.home-group-art--inset{padding:3px}.home-group-table .home-group-player{white-space:nowrap;text-overflow:ellipsis;text-align:left;font-weight:400;overflow:hidden}.home-group-pos{min-width:1.2em;font-family:var(--font-display);color:var(--text-mute);font-variant-numeric:tabular-nums;margin-right:6px;font-size:13px;font-weight:700;display:inline-block}.home-group-pseudo{color:var(--text-dim);font-size:14px}.home-group-cell{font-family:var(--font-display);color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.home-group-cell.is-done{color:var(--text-strong)}.home-group-table tbody tr:nth-child(2n):not(.is-self){background:#ffffff09}.home-group-row.is-self{background:color-mix(in srgb, var(--accent) 10%, transparent)}.home-group-table tbody tr.is-self:nth-child(2n){background:color-mix(in srgb, var(--accent) 16%, transparent)}.home-group-row.is-self .home-group-player{box-shadow:inset 3px 0 0 var(--accent)}.home-group-row.is-self .home-group-pseudo{color:var(--text-strong)}.home-group-cta{width:100%;margin-top:12px;display:flex}.save-transfer-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.save-transfer-error{color:var(--danger);text-align:center;margin:14px 0 0;font-size:14px}.codex-hub{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0 0;display:grid}.codex-hub-card{isolation:isolate;color:var(--text-dim);transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);flex-direction:column;gap:6px;padding:20px 0;text-decoration:none;display:flex;position:relative}.codex-hub-card:before,.codex-hub-card:after{content:"";clip-path:var(--clip-chamfer);pointer-events:none;position:absolute}.codex-hub-card:before{z-index:-2;background:var(--border-strong);transition:background-color var(--dur-fast) var(--ease-out);inset:0}.codex-hub-card:after{z-index:-1;background:var(--hud-rule) bottom / 100% 2px no-repeat, var(--surface);inset:1px}.codex-hub-card:hover{transform:translateY(var(--lift))}.codex-hub-card:hover:before{background:var(--accent)}.codex-hub-card:active{transform:translateY(1px)}.codex-hub-card:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}.codex-hub-card-title{font-family:var(--font-display);text-transform:uppercase;color:var(--text-strong);padding:0 20px;font-size:26px;font-weight:800;line-height:.95}.codex-hub-card-desc{color:var(--text-dim);flex:auto;margin-bottom:14px;padding:0 20px;font-size:14px;line-height:1.45}.codex-hub-card .codex-strip{width:auto;margin:0 1px}.codex-feedback{border-top:1px solid var(--border);text-align:center;margin:32px 0 0;padding-top:18px}.codex-feedback-text{color:var(--text-dim);margin:0 0 10px;font-size:14px}.codex-feedback-link{border:1px solid var(--border-strong);background:var(--surface);min-height:40px;color:var(--text);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;transition:var(--transition-control);align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.codex-feedback-link:hover{border-color:var(--accent);color:var(--accent-hot);transform:translateY(var(--lift))}.codex-feedback-link:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.codex-feedback-icon{width:18px;height:18px;color:var(--accent)}.app-footer-support{border:1px dashed var(--border-strong);max-width:26rem;color:var(--text);transition:var(--transition-control);background:0 0;justify-content:center;align-items:center;gap:10px;padding:8px 14px;text-decoration:none;display:inline-flex}.app-footer-support:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.app-footer-support:active{transform:translateY(1px)}.app-footer-support:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.app-footer-support-icon{width:20px;height:20px;color:var(--accent);flex:none}.app-footer-support-text{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.app-footer-support-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text);transition:color var(--dur-fast) var(--ease-out);font-size:14px;font-weight:700}.app-footer-support:hover .app-footer-support-label{color:var(--accent-hot)}.app-footer-support-hint{color:var(--text-dim);font-size:12px}.mode-about{width:calc(100% - 2 * var(--gutter));max-width:calc(var(--container-md) - 2 * var(--gutter));background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top), var(--shadow-elev);color:var(--text-dim);text-align:left;margin:28px auto 0;padding:22px}.mode-about-title{color:var(--text-strong);flex-direction:column;gap:10px;margin:0 0 14px;font-size:28px;font-weight:800;line-height:.95;display:flex}.mode-about-title:after{content:"";background:var(--accent);width:40px;height:4px}.mode-about-list{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:14.5px;line-height:1.55;display:flex}.mode-about-list li::marker{color:var(--accent);font-family:var(--font-display);font-weight:700}.mode-about-text{margin:0;font-size:14.5px;line-height:1.55}.content-button-row.mode-about-cta{margin-top:18px}.content-link{color:var(--accent-hot)}.app-footer-notif{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.app-footer-notif:empty{display:none}.footer-install{flex-direction:column;align-items:center;gap:6px;display:flex}.footer-install-hint{text-align:center;max-width:16rem;color:var(--text-dim);margin:0;font-size:12px;line-height:1.35}.result-push{text-align:left;border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.result-push-head{align-items:flex-start;gap:12px;display:flex}.result-push-icon{width:24px;height:24px;color:var(--accent);flex:none;margin-top:2px}.result-push-text{min-width:0}.result-push-title{letter-spacing:.04em;color:var(--text-strong);margin:0 0 6px;font-size:20px;font-weight:700;line-height:1}.result-push-body{color:var(--text-dim);margin:0;font-size:14px;line-height:1.45}.result-push-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.result-push-enable{flex:auto}.result-push-dismiss{flex:none}.dev-panel-input{border:1px solid var(--border-strong);background:var(--ink-950);min-width:9rem;min-height:32px;color:var(--text);font:inherit;border-radius:0;padding:4px 8px;font-size:13px}.dev-panel-input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.group-panel,.versus-panel{flex-direction:column;gap:14px;display:flex}.group-intro{color:var(--text-dim);margin:0}.group-note{color:var(--text-mute);margin:0;font-size:14px}.group-error{color:var(--apex-red-hot);margin:0;font-size:14px;font-weight:600}.group-forms{flex-direction:column;gap:14px;display:flex}.group-form{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top), var(--shadow-elev);flex-direction:column;gap:12px;padding:20px;display:flex}.group-form-title,.content-page-body .group-form-title{color:var(--text-strong);margin:0;font-size:26px;font-weight:800;line-height:.95}.versus-rounds-field{justify-content:space-between;align-items:center;gap:10px;display:flex}.group-button{isolation:isolate;min-height:var(--hit-target);color:var(--accent-ink);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-self:flex-start;align-items:center;gap:10px;padding:10px 22px;font-size:15px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative}.group-button:before{content:"";z-index:-1;background:var(--btn-fill,var(--accent));clip-path:var(--clip-chamfer);transition:background-color var(--dur-fast) var(--ease-out);position:absolute;inset:0}.group-button:hover:not(:disabled){transform:translateY(var(--lift));filter:drop-shadow(0 0 12px color-mix(in srgb, var(--accent) 50%, transparent))}.group-button:hover:not(:disabled):before{background:var(--btn-fill-hover,var(--accent-hot))}.group-button:active:not(:disabled){transform:translateY(1px)}.group-button:active:not(:disabled):before{background:var(--btn-fill-hover,var(--accent-deep))}.group-button:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}.group-button:disabled{opacity:.4;cursor:not-allowed}.group-link-button{min-height:40px;color:var(--accent-hot);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;text-underline-offset:4px;cursor:pointer;transition:text-decoration-color var(--dur-fast) var(--ease-out);background:0 0;border:0;align-self:flex-start;padding:0 2px;font-size:14px;font-weight:700;text-decoration-line:underline;text-decoration-color:#0000}.group-link-button:hover{text-decoration-color:currentColor}.group-link-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.group-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top), var(--shadow-elev);padding:18px 20px 20px;position:relative}.group-card .group-card-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);margin:0 0 12px}.group-switcher{flex-wrap:wrap;gap:8px;display:flex}.group-switch{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text-dim);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:var(--transition-control);padding:0 14px;font-size:14px;font-weight:700}.group-switch:hover{border-color:var(--accent);color:var(--text-strong)}.group-switch.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface));color:var(--accent-hot)}.group-switch:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.group-info-card{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--surface)), var(--surface) 70%);flex-direction:column;gap:8px;padding-left:24px;display:flex}.group-info-card:before{content:"";background:var(--accent);width:4px;box-shadow:var(--glow-accent);position:absolute;top:-1px;bottom:-1px;left:-1px}.group-info-card .group-info-name{color:var(--text-strong);overflow-wrap:anywhere;margin:0;font-size:clamp(30px,6vw,40px);font-weight:800;line-height:.95}.group-info-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;font-size:14px;display:flex}.group-info-members{font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;font-size:13px;font-weight:700}.group-race{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top), var(--shadow-elev);color:var(--text);transition:var(--transition-control);align-items:center;gap:14px;padding:14px 16px 14px 24px;text-decoration:none;display:flex;position:relative}.group-race:before{content:"";background:var(--accent);width:4px;box-shadow:var(--glow-accent-soft);position:absolute;top:-1px;bottom:-1px;left:-1px}.group-race:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(var(--lift))}.group-race:active{transform:translateY(1px)}.group-race:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.group-race-dot{flex:none;width:10px;height:10px;position:relative}.group-race-dot:before,.group-race-dot:after{content:"";background:var(--accent-hot);clip-path:var(--clip-diamond);position:absolute;inset:0}.group-race-dot:after{animation:group-race-ping 1.8s var(--ease-out) infinite}@keyframes group-race-ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@media (prefers-reduced-motion:reduce){.group-race-dot:after{opacity:0;animation:none}}.group-race-text{flex-direction:column;flex:auto;gap:5px;min-width:0;display:flex}.group-race-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text-strong);overflow-wrap:anywhere;font-size:22px;font-weight:800;line-height:.95}.group-race-meta{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim)}.group-panel .group-race .group-race-action{flex:none;align-self:center}.group-panel .group-race:hover .group-race-action{border-color:var(--accent);color:var(--accent-hot);background:#ffffff0d;transform:none}@media (max-width:520px){.group-race{flex-wrap:wrap;row-gap:12px}.group-race-text{flex-basis:calc(100% - 24px)}.group-panel .group-race .group-race-action{margin-left:24px}}.group-board-card{flex-direction:column;gap:14px;display:flex}.group-board-head{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.group-tabs{align-self:flex-start;display:inline-flex}.group-tab{isolation:isolate;min-height:36px;color:var(--text-dim);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;padding:6px 18px;font-size:13px;font-weight:700;position:relative}.group-tab:before{content:"";z-index:-1;background:var(--surface-2);transform:var(--skew-seg);transition:background-color var(--dur-fast) var(--ease-out);position:absolute;inset:0}.group-tab:hover:not(.is-active){color:var(--text-strong)}.group-tab:hover:not(.is-active):before{background:var(--surface-3)}.group-tab.is-active{color:var(--accent-ink)}.group-tab.is-active:before{background:var(--accent)}.group-tab:focus-visible{outline:2px solid var(--accent-hot);outline-offset:2px}.group-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:15px}.group-table th,.group-table td{border-bottom:1px solid var(--border);text-align:center;padding:8px 6px}.group-table thead th{border-bottom:2px solid color-mix(in srgb, var(--accent) 45%, var(--border));vertical-align:bottom}.group-table td{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-strong);font-size:17px;font-weight:700}.group-th-player{width:34%}.group-table .group-th-player{font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;text-align:left;color:var(--text-dim);font-size:12px;font-weight:700}.group-table td.group-td-player{font-family:var(--font-body);text-align:left;font-size:15px;font-weight:400}.group-member-pseudo{color:var(--text-strong);overflow-wrap:anywhere;font-weight:600}.group-you,.versus-tie{white-space:nowrap;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;vertical-align:middle;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.2;display:inline-block}.group-th-mode{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.group-th-icon{background:var(--ink-950);border:1px solid var(--border-strong);width:32px;height:32px;transform:var(--skew-brand);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.group-th-art{width:100%;height:100%;transform:skewX(9deg) scale(var(--art-zoom,1));transform-origin:var(--art-origin,50% 50%);flex:none;display:block}.group-th-art--fill,.group-th-art--portrait,.group-th-art--figure{width:130%}.group-th-art--inset{padding:4px}@media (max-width:520px){.group-th-icon{width:26px;height:26px}}.group-th-name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);font-size:10px;font-weight:600}@media (max-width:520px){.group-th-name{letter-spacing:0;font-size:9px}}.group-row-self{background:color-mix(in srgb, var(--accent) 10%, transparent)}.group-row-self>:first-child{box-shadow:inset 3px 0 0 var(--accent)}.group-board-card tbody tr:nth-child(2n):not(.group-row-self){background:#ffffff09}.group-board-card tbody tr.group-row-self:nth-child(2n){background:color-mix(in srgb, var(--accent) 16%, transparent)}.group-table .group-cell-done{color:var(--text-strong)}.group-table .group-cell-todo{color:var(--text-mute)}.group-launch-card{display:flex}.group-launch-button{flex:auto;align-self:stretch;min-height:52px;font-size:17px}.group-share-card{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.group-share-card .group-card-title{align-self:flex-start}.group-invite-button{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--ink-950));min-height:52px;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:var(--transition-control);align-items:center;gap:12px;padding:8px 18px 8px 14px;display:inline-flex}.group-invite-button:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--ink-950));box-shadow:var(--glow-accent-soft);transform:translateY(var(--lift))}.group-invite-button:active{transform:translateY(1px)}.group-invite-button:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.group-invite-icon{width:18px;height:18px;color:var(--accent);flex:none}.group-invite-text{flex-direction:column;min-width:0;display:flex}.group-invite-code{align-items:baseline;gap:8px;display:flex}.group-invite-word{font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-mute);font-size:11px;font-weight:600}.group-invite-value{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-strong);font-size:22px;font-weight:800;line-height:1}.group-invite-action{color:var(--text-mute);font-size:13px;line-height:1.3}.group-invite-button.is-copied .group-invite-action{color:var(--success)}.group-panel .content-button,.versus-panel .content-button{align-self:flex-start}.group-foot{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:4px;display:flex}.invite-link{flex-direction:column;gap:6px;display:flex}.invite-link-row{gap:8px;display:flex}.invite-link-url{min-width:0;min-height:var(--hit-target);border:1px solid var(--border-strong);background:var(--ink-950);color:var(--text-dim);font:inherit;border-radius:0;flex:auto;padding:8px 12px;font-size:14px}.invite-link-url:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.invite-link-copy{flex:none;align-self:stretch}.invite-link-copy.is-copied{--btn-fill:var(--success);--btn-fill-hover:var(--success);color:var(--ink-950)}.invite-link-code{letter-spacing:.06em;color:var(--text-mute);font-size:13px}.versus-round-title,.content-page-body .versus-round-title{text-align:center;color:var(--text-strong);margin:0;font-size:28px;font-weight:800;line-height:.95}.versus-modes-field{border:1px solid var(--border);margin:0;padding:10px 12px 14px}.versus-modes-field legend{font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);padding:0 6px;font-size:13px;font-weight:700}.versus-mode-checks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.versus-stepper{align-items:center;gap:10px;display:inline-flex}.versus-stepper button{border:1px solid var(--border-strong);background:var(--surface-2);width:40px;height:40px;color:var(--text-strong);font-family:var(--font-display);cursor:pointer;transition:var(--transition-control);place-items:center;padding:0;font-size:20px;font-weight:700;line-height:1;display:grid}.versus-stepper button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hot)}.versus-stepper button:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.versus-stepper button:disabled{opacity:.4;cursor:not-allowed}.versus-stepper-value{min-width:28px;font-family:var(--font-display);text-align:center;color:var(--text-strong);font-size:28px;font-weight:800;line-height:1}.versus-puzzle-count{font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--accent-hot);margin:0;font-size:14px;font-weight:700}.versus-lobby{gap:14px}.versus-podium{flex-direction:column;gap:14px;display:flex}.versus-room-card{background:var(--ink-950);border:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.versus-room-modes{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.versus-room-mode{background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:center;gap:8px;min-width:84px;padding:12px 12px 10px;display:flex}.versus-room-art{background:var(--ink-950);border:1px solid var(--border-strong);width:48px;height:48px;transform:var(--skew-brand);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.versus-room-art-img{width:100%;height:100%;transform:skewX(9deg) scale(var(--art-zoom,1));transform-origin:var(--art-origin,50% 50%);flex:none;display:block}.versus-room-art-img--fill,.versus-room-art-img--portrait,.versus-room-art-img--figure{width:130%}.versus-room-art-img--inset{padding:6px}.versus-room-mode-name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong);font-size:13px;font-weight:700}.versus-room-facts{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.versus-room-fact{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:3px 8px;font-size:13px;font-weight:600}.versus-lobby-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.versus-lobby-foot .versus-start-button{margin-left:auto}.versus-solo-note{text-align:right}.versus-player-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.versus-player{background:var(--ink-950);border:1px solid var(--border);align-items:center;gap:10px;min-height:48px;padding:6px 12px;display:flex}.versus-host-badge{font-size:14px}.versus-countdown{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:14rem;display:flex}.versus-countdown-number{font-family:var(--font-display);color:var(--accent);text-shadow:0 0 28px color-mix(in srgb, var(--accent) 60%, transparent);font-size:120px;font-weight:800;line-height:1;animation:1s ease-out infinite versus-count-pop}@keyframes versus-count-pop{0%{opacity:.4;transform:scale(1.25)}30%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.versus-countdown-go{font-family:var(--font-display);text-transform:uppercase;color:var(--success);font-size:40px;font-weight:800}.versus-round-footer{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top);flex-direction:column;align-items:center;gap:10px;margin-top:10px;padding:16px 18px 18px;animation:.3s ease-out versus-footer-in;display:flex}@keyframes versus-footer-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.versus-round-footer-result{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--success);margin:0;font-size:18px;font-weight:700}.versus-round-footer .group-button{align-self:center}@media (prefers-reduced-motion:reduce){.versus-countdown-number,.versus-round-footer{animation:none}}.versus-podium-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.versus-podium-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 8px;display:flex}.versus-podium-rank{width:30px;font-family:var(--font-display);text-align:center;font-size:20px;font-weight:800}.versus-podium-score{white-space:nowrap;color:var(--text-dim);margin-left:auto;font-size:14px}.versus-board-scroll{-webkit-overflow-scrolling:touch;margin:0 -4px;overflow-x:auto}.versus-board{border-collapse:collapse;width:100%}.versus-board th,.versus-board td{border-bottom:1px solid var(--border);text-align:center;vertical-align:middle;padding:8px}.versus-board thead th{vertical-align:bottom;border-bottom:2px solid color-mix(in srgb, var(--accent) 45%, var(--border))}.versus-board-corner{font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;text-align:left;white-space:nowrap;color:var(--text-dim);font-size:12px;font-weight:700}.versus-board-answer{min-width:4rem;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--text-dim);font-size:13px;font-weight:700}.versus-board-answer .hero-portrait,.versus-board-answer img,.versus-board-thumb{object-fit:cover;border-radius:0;width:36px;height:36px;margin:0 auto;display:block}.versus-board-total-head{border-left:1px solid var(--border);font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--accent-hot);font-size:12px;font-weight:700}.versus-board-player{z-index:1;text-align:left;background:var(--surface);position:sticky;left:0}.versus-board-row.group-row-self .versus-board-player{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.versus-board-row:nth-child(2n):not(.group-row-self){background:#ffffff09}.versus-board-row:nth-child(2n):not(.group-row-self) .versus-board-player{background:color-mix(in srgb, #fff 3.5%, var(--surface))}.versus-board-row.group-row-self:nth-child(2n){background:color-mix(in srgb, var(--accent) 16%, transparent)}.versus-board-row.group-row-self:nth-child(2n) .versus-board-player{background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.versus-board-player-inner{flex-wrap:nowrap;align-items:center;gap:6px;display:inline-flex}.versus-board-player .group-member-pseudo{overflow-wrap:normal;white-space:nowrap}.versus-board-rank{min-width:22px;font-family:var(--font-display);font-size:16px;font-weight:800}.versus-board-cell{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:16px;font-weight:700}.versus-board-total{border-left:1px solid var(--border);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent-hot);font-size:18px;font-weight:800}.streak-wake-kicker{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--accent-hot);text-align:center;margin:2px 0 8px}.streak-wake-hero{justify-content:center;align-items:center;gap:12px;margin:4px 0 8px;display:flex}.streak-wake-emblem{flex-shrink:0;width:72px;height:72px}.streak-wake-hero--dormant .streak-wake-emblem{filter:grayscale(.8);opacity:.5}.streak-wake-peak{font-family:var(--font-display);opacity:.45;font-size:28px;font-weight:700;line-height:1;text-decoration:line-through}.streak-wake-count{font-family:var(--font-display);font-size:64px;font-weight:800;line-height:1}.streak-wake-title{text-align:center;margin-bottom:4px}.streak-wake-rank{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--text-dim);font-size:18px;font-weight:700}.streak-wake-text{text-align:center;color:var(--text);margin-top:12px;font-size:15px}.streak-wake-progress{margin-top:16px}.streak-wake-dots{justify-content:center;gap:6px;display:flex}.streak-wake-dot{background:var(--ink-600);width:26px;height:8px;transform:var(--skew-seg)}.streak-wake-dot--done{background:var(--accent)}.streak-wake-progress-text{text-align:center;color:var(--text-dim);margin-top:8px;font-size:14px}.streak-wake-note{text-align:center;color:var(--text-dim);margin-top:14px;font-size:13px}.streak-wake-cta{width:100%;margin-top:20px;display:flex}.streak-badge--dormant .streak-badge-emblem,.streak-badge--dormant .streak-badge-flame,.home-streak--dormant .home-streak-emblem,.home-streak--dormant .home-streak-flame{filter:grayscale(.8);opacity:.55}.content-button{min-height:var(--hit-target);border:2px solid var(--border-strong);color:var(--text);font-family:var(--font-display);letter-spacing:.08em;text-align:center;text-transform:uppercase;cursor:pointer;transition:var(--transition-control);background:0 0;justify-content:center;align-items:center;gap:10px;padding:8px 14px;font-size:14px;font-weight:700;line-height:1.1;text-decoration:none;display:inline-flex}.content-page-body .content-button{color:var(--text);text-decoration:none}.content-button:hover{border-color:var(--accent);color:var(--accent-hot);transform:translateY(var(--lift));background:#ffffff0d}.content-page-body .content-button:hover{color:var(--accent-hot)}.content-button:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.content-button:active{transform:translateY(1px)}.content-button--danger{border-color:color-mix(in srgb, var(--danger) 45%, var(--border-strong))}.content-button--danger:hover,.content-page-body .content-button--danger:hover{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.content-button--danger:focus-visible{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.content-button-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0;display:flex}.content-page-body--full p,.content-page-body--full ul,.content-page-body--full ol{max-width:none}.codex-tiles{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;margin:18px 0 8px;padding:0;list-style:none;display:grid}.codex-tiles--wide{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.codex-tiles>li{display:flex}.codex-tile{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top);color:var(--text);transition:var(--transition-control);flex-direction:column;flex:1;text-decoration:none;display:flex;position:relative;overflow:hidden}.codex-tile:after{content:"";background:var(--hud-rule);opacity:0;height:2px;transition:opacity var(--dur-fast) var(--ease-out);position:absolute;bottom:0;left:0;right:0}.codex-tile:hover{border-color:var(--accent);transform:translateY(var(--lift));box-shadow:var(--shadow-inset-top), var(--glow-accent)}.codex-tile:hover:after{opacity:1}.codex-tile:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.codex-tile:active{transform:translateY(1px)}.codex-tile .hero-portrait,.codex-tile .hero-portrait-fallback{aspect-ratio:256/286;object-fit:cover;background:linear-gradient(180deg, var(--surface-2), var(--ink-950));border:0;border-radius:0;width:100%;height:auto;display:block}.codex-tile-shot{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.codex-tile-icon{object-fit:contain;width:100%;height:84px;padding:14px 12px;display:block}.codex-tile-name{border-top:1px solid var(--border);min-height:calc(2.1em + 16px);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--text-strong);overflow-wrap:break-word;transition:color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:8px;font-size:16px;font-weight:700;line-height:1.05;display:flex}.codex-tile:hover .codex-tile-name{color:var(--accent-hot)}.codex-entry-top{flex-wrap:wrap;align-items:flex-start;gap:18px;margin:0 0 22px;display:flex}.codex-entry-figure{flex-direction:column;flex:none;align-items:center;gap:8px;margin:0;display:flex}.codex-entry-figure figcaption{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-mute)}.codex-entry-top .hero-portrait{border-color:var(--border-strong);background:linear-gradient(180deg, var(--surface-2), var(--ink-950));border-radius:0}.zoomable.codex-entry-render,.codex-entry-render{width:200px}.zoomable.codex-entry-render img,.codex-entry-render img{object-fit:contain;border:1px solid var(--border-strong);width:200px;height:auto;display:block}.codex-entry-figure--tall{width:min(var(--render-w,200px), max(calc(100% - 9.5rem), 8rem))}.codex-entry-figure--tall .zoomable.codex-entry-render,.codex-entry-figure--tall .codex-entry-render{width:100%}.codex-entry-figure--tall .zoomable.codex-entry-render img,.codex-entry-figure--tall .codex-entry-render img{width:100%;height:auto}.codex-entry-attrs{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top);flex:13rem;grid-template-columns:auto 1fr;align-content:start;margin:0;padding:4px 16px;display:grid}.codex-entry-attrs dt,.codex-entry-attrs dd{border-bottom:1px solid var(--border);padding:9px 0}.codex-entry-attrs dt:last-of-type,.codex-entry-attrs dd:last-of-type{border-bottom:0}.codex-entry-attrs dt{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-mute);align-items:center;padding-right:16px;display:flex}.codex-entry-attrs dd{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text-strong);margin:0;font-size:18px;font-weight:700;line-height:1.15}.codex-entry-prose{color:var(--text-dim);margin:0 0 22px;font-size:15.5px;line-height:1.7}.codex-entry-art{flex-wrap:wrap;align-items:flex-start;gap:18px;margin:0 0 22px;display:flex}.codex-entry-plate{background:linear-gradient(180deg, var(--surface-2), var(--ink-950));border:1px solid var(--border-strong);max-width:100%;box-shadow:var(--shadow-inset-top);place-items:center;display:grid}.codex-entry-icon{object-fit:contain;width:96px;height:96px;padding:14px;display:block}.codex-entry-weapon{aspect-ratio:2;object-fit:contain;width:240px;max-width:100%;height:auto;padding:16px 20px;display:block}.codex-entry-shots{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin:0 0 22px;display:grid}.codex-entry-shots .codex-entry-figure{flex:auto;width:100%;min-width:0}.zoomable.codex-entry-shot,.codex-entry-shot{width:100%}.zoomable.codex-entry-shot img,.codex-entry-shot img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border-strong);width:100%;display:block}.zoomable{cursor:zoom-in;background:0 0;border:none;width:100%;padding:0;line-height:0;display:block;position:relative}.zoomable img{width:100%;height:auto;transition:border-color var(--dur-fast) var(--ease-out);display:block}.zoomable:hover img{border-color:var(--accent)}.zoomable:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}.zoomable-hint{background:color-mix(in srgb, var(--ink-950) 82%, transparent);border:1px solid var(--border-strong);width:32px;height:32px;color:var(--text-strong);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);pointer-events:none;place-items:center;display:grid;position:absolute;bottom:8px;right:8px}.zoomable:hover .zoomable-hint,.zoomable:focus-visible .zoomable-hint{opacity:1}@media (hover:none){.zoomable-hint{opacity:1}}.zoom-overlay{z-index:120;cursor:zoom-out;background:#0b0b0cf0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.zoom-overlay-img{object-fit:contain;border:1px solid var(--border-strong);cursor:default;max-width:100%;max-height:100%}.zoom-overlay-close{border:1px solid var(--border-strong);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;transition:var(--transition-control);place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.zoom-overlay-close svg{width:20px;height:20px}.zoom-overlay-close:hover{border-color:var(--accent);color:var(--accent-hot)}.zoom-overlay-close:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.codex-related{border-top:1px solid var(--border);margin:28px 0 0;padding-top:16px}.content-page-body p.codex-related{max-width:none}.codex-related-label{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-mute);margin-bottom:10px;display:block}.codex-related-chips{flex-wrap:wrap;gap:8px;display:flex}.codex-chip{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:var(--transition-control);align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.codex-chip-thumb{object-fit:cover;background:var(--ink-950);flex:none;width:30px;height:30px;display:block}.codex-chip-thumb--wide{object-fit:contain;width:48px;height:27px}.codex-chip:hover{border-color:var(--accent);color:var(--accent-hot);transform:translateY(var(--lift))}.codex-chip:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.codex-entry-nav{border-top:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:28px 0 0;padding-top:18px;display:grid}.codex-entry-nav>:first-child{justify-self:start}.codex-entry-nav>:last-child{justify-self:end}.codex-entry-nav>*{min-width:0}@media (max-width:460px){.codex-entry-nav{grid-template-columns:1fr;justify-items:center;gap:6px}.codex-entry-nav>:first-child,.codex-entry-nav>:last-child{justify-self:center}}.codex-entry-nav-side{min-width:0;min-height:44px;color:var(--text-dim);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;transition:color var(--dur-fast) var(--ease-out);align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.codex-entry-nav-side svg{color:var(--accent);flex:none}.codex-entry-nav-side:hover{color:var(--accent-hot)}.codex-entry-nav-side:focus-visible{box-shadow:var(--focus-ring);outline:none}.codex-entry-nav-side .codex-entry-nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.codex-entry-nav-thumb{object-fit:cover;border:1px solid var(--border-strong);background:var(--ink-950);width:36px;height:36px;transition:border-color var(--dur-fast) var(--ease-out);flex:none;display:block}.codex-entry-nav-thumb--wide{object-fit:contain;width:56px;height:32px}.codex-entry-nav-side:hover .codex-entry-nav-thumb{border-color:var(--accent)}.codex-entry-nav-back{min-height:var(--hit-target);border:2px solid var(--accent);color:var(--text);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:var(--transition-control);background:0 0;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:700;line-height:1.1;text-decoration:none;display:inline-flex}.codex-entry-nav-back:hover{background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--accent-hot);box-shadow:var(--glow-accent-soft);transform:translateY(var(--lift))}.codex-entry-nav-back:active{transform:translateY(1px)}.codex-entry-nav-back:focus-visible{box-shadow:var(--focus-ring);outline:none}.codex-strip{width:100%;margin-top:auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.codex-strip-track{will-change:transform;backface-visibility:hidden;gap:6px;width:max-content;padding-right:6px;animation:38s linear infinite codex-strip-slide;display:flex}.codex-strip-track.is-reverse{animation-direction:reverse}@keyframes codex-strip-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.codex-strip-img{object-fit:cover;flex:none;height:54px;display:block}.codex-strip-img--portrait{filter:saturate(.85);width:44px}.codex-strip-img--shot{width:92px}.codex-strip-img--weapon{object-fit:contain;width:78px;padding:6px}@media (prefers-reduced-motion:reduce){.codex-strip-track{animation:none}}.archive-banner-modes-block{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.archive-banner-modes-label{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim)}.archive-banner-modes{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px 6px;padding:0 5px;display:grid}.archive-banner-modes-block+.archive-banner-modes-block{border-top:0;padding-top:0}.archive-banner-modes--bonus{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-banner-mode{isolation:isolate;min-height:40px;font-family:var(--font-display);letter-spacing:.06em;text-align:center;text-transform:uppercase;color:var(--text-dim);transition:color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.archive-banner-mode:before{content:"";z-index:-1;background:var(--surface-2);border:1px solid var(--border);transform:var(--skew-seg);transition:var(--transition-control);position:absolute;inset:0}.archive-banner-mode:hover{color:var(--text-strong)}.archive-banner-mode:hover:before{border-color:var(--accent)}.archive-banner-mode:focus-visible{outline:2px solid var(--accent-hot);outline-offset:2px}.archive-banner-mode.is-active{color:var(--accent-ink)}.archive-banner-mode.is-active:before{background:var(--accent);border-color:var(--accent)}.archive-banner-mode-check{width:12px;height:12px;color:var(--success)}.archive-banner-mode.is-active .archive-banner-mode-check{color:var(--accent-ink)}.archive-banner-mode.is-dev{color:var(--info)}.archive-banner-mode.is-dev:before{background:color-mix(in srgb, var(--info) 12%, var(--surface-2));border-color:color-mix(in srgb, var(--info) 45%, transparent)}.archive-banner-mode.is-dev:hover{color:var(--info)}.archive-banner-mode.is-dev:hover:before{border-color:var(--info)}.archive-banner-mode.is-dev.is-active{color:var(--ink-950)}.archive-banner-mode.is-dev.is-active:before{background:var(--info);border-color:var(--info)}.archive-banner-mode.is-dev.is-active .archive-banner-mode-check{color:var(--ink-950)}.archive-banner-mode.is-dev:focus-visible{outline-color:var(--info)}.archive-trail{margin:0 0 4px}.content-page-crumb.is-current{color:var(--text-strong)}.archive-cal{margin-top:16px}.archive-cal-empty{color:var(--text-dim);text-align:center}.archive-cal-head{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:12px;display:grid}.archive-cal-arrow{border:1px solid var(--border-strong);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;transition:var(--transition-control);place-items:center;padding:0;display:inline-grid}.archive-cal-arrow-icon{width:18px;height:18px}.archive-cal-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hot)}.archive-cal-arrow:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.archive-cal-arrow:disabled{opacity:.3;cursor:not-allowed}.archive-cal-month{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;text-align:center;color:var(--text-strong);font-size:24px;font-weight:800;line-height:1}.archive-cal-weekdays,.archive-cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.archive-cal-weekday{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--text-dim);padding-bottom:6px;font-size:12px;font-weight:600}.archive-cal-blank{aspect-ratio:1}.archive-cal-day{aspect-ratio:1;font-family:var(--font-display);color:var(--text-dim);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;font-size:16px;font-weight:700;display:flex}.archive-cal-day.is-out{opacity:.25}.archive-cal-day.is-playable{border-color:var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:var(--transition-control)}.archive-cal-day.is-playable:hover{border-color:var(--accent);color:var(--accent-hot);transform:translateY(var(--lift))}.archive-cal-day.is-playable:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.archive-cal-day.is-complete{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 16%, var(--surface));box-shadow:inset 0 -2px 0 var(--accent)}.archive-cal-num{font-variant-numeric:tabular-nums;line-height:1}.archive-cal-pips{gap:3px;height:4px;display:flex}.archive-cal-pip{background:color-mix(in srgb, var(--text) 22%, transparent);width:7px;height:4px;transform:var(--skew-seg)}.archive-cal-pip.is-on{background:var(--accent)}.archive-cal-pip-rows{flex-direction:column;align-items:center;gap:3px;display:flex}.archive-cal-pips--bonus{gap:4px;height:6px}.archive-cal-pips--bonus .archive-cal-pip{width:6px;height:6px;clip-path:var(--clip-diamond);transform:none}.answer-tiles{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 28px;padding:0;list-style:none;display:grid}.answer-tiles>li{display:flex}@media (max-width:360px){.answer-tiles{grid-template-columns:1fr}}.answer-tile{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top);color:var(--text);transition:var(--transition-control);flex-direction:column;flex:1;padding-bottom:12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.answer-tile:after{content:"";background:var(--hud-rule);opacity:0;height:2px;transition:opacity var(--dur-fast) var(--ease-out);position:absolute;bottom:0;left:0;right:0}.answer-tile:hover{border-color:var(--accent);transform:translateY(var(--lift));box-shadow:var(--shadow-inset-top), var(--glow-accent)}.answer-tile:hover:after{opacity:1}.answer-tile:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.answer-tile:active{transform:translateY(1px)}.answer-tile-mode{border-bottom:1px solid var(--border);background:var(--surface-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;text-align:center;color:var(--text-dim);padding:7px 12px}.answer-tile-media{background:linear-gradient(180deg, var(--surface-2), var(--ink-950));justify-content:center;align-items:center;width:100%;min-width:0;height:148px;padding:10px;display:flex;overflow:hidden}.answer-tile-img{object-fit:contain;width:100%;min-width:0;height:100%;display:block}.answer-tile-media .hero-portrait,.answer-tile-media .hero-portrait-fallback{background:0 0;border-radius:0}.answer-tile-media--render .answer-tile-img{border:1px solid var(--border-strong);width:auto;max-width:100%}.answer-tile-media--icon{padding:24px 28px}.answer-tile-name{font-family:var(--font-display);text-transform:uppercase;text-align:center;color:var(--text-strong);overflow-wrap:break-word;transition:color var(--dur-fast) var(--ease-out);padding:10px 10px 0;font-size:22px;font-weight:800;line-height:1}.answer-tile:hover .answer-tile-name{color:var(--accent-hot)}.answer-tile-sub{text-align:center;color:var(--text-mute);padding:4px 10px 0;font-size:13px;line-height:1.3}.answers-cta{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top), var(--shadow-elev);text-align:center;margin:0;padding:22px 20px 20px}.content-page-body .answers-cta-title{margin:0 0 8px;font-size:28px;line-height:.95}.answers-cta-text{color:var(--text-dim);margin:0 0 16px;font-size:15px}.answers-cta-group{margin-top:18px}.content-page-body .answers-cta-subtitle{font-family:var(--font-display);font-weight:700;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);margin:0 0 10px;line-height:1.2}.answers-mode-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),300px));justify-content:center;gap:10px;display:grid}.answers-alt-button{min-height:var(--hit-target);border:2px solid var(--accent);color:var(--text);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;transition:var(--transition-control);background:0 0;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:700;line-height:1.1;text-decoration:none;display:inline-flex}.answers-alt-button:hover{background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--accent-hot);box-shadow:var(--glow-accent-soft);transform:translateY(var(--lift))}.answers-alt-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.answers-alt-button:active{transform:translateY(1px)}.answers-alt{border-top:1px solid var(--border);justify-content:center;margin-top:16px;padding-top:16px;display:flex}.answers-alt-button{border-width:1px;border-color:var(--border-strong);min-height:40px;color:var(--text-dim);font-size:13px}.answers-alt-button:hover{border-color:var(--accent)}.result-codex{text-align:left}.result-codex:after{display:none}.result-codex-title{color:var(--text-strong);text-align:left;margin:0 0 14px;font-size:24px;font-weight:700;line-height:.95}.result-codex-answer{border:1px solid var(--accent);background:var(--ink-950);color:var(--text-strong);transition:var(--transition-control);align-items:center;gap:12px;padding:6px 14px 6px 6px;text-decoration:none;display:flex}.result-codex-answer:hover{background:color-mix(in srgb, var(--accent) 10%, var(--ink-950));transform:translateY(var(--lift))}.result-codex-answer:focus-visible{box-shadow:var(--focus-ring);outline:none}.result-codex-answer-img{object-fit:contain;border-radius:var(--radius-xs);background:var(--surface-2);flex:none;width:48px;height:54px;display:block}.result-codex-answer-body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.result-codex-answer-kicker{font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:600}.result-codex-answer-name{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong);overflow-wrap:anywhere;font-size:20px;font-weight:700;line-height:1.05}.result-codex-arrow{color:var(--accent);flex:none;display:inline-flex}.result-codex-others-label{font-family:var(--font-display);font-weight:600;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);margin:16px 0 8px}.result-codex-others{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.result-codex-guess{min-height:var(--hit-target);border:1px solid var(--border-strong);background:var(--ink-950);color:var(--text);transition:var(--transition-control);align-items:center;gap:10px;padding:5px 14px 5px 5px;text-decoration:none;display:inline-flex}.result-codex-guess:hover{border-color:var(--accent);color:var(--accent-hot)}.result-codex-guess:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.result-codex-guess-img{object-fit:contain;border-radius:var(--radius-xs);background:var(--surface-2);flex:none;width:32px;height:32px;display:block}.result-codex-guess-name{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:15px;font-weight:700}@media (max-width:380px){.result-codex-guess-name{white-space:normal}}.result-next-cta{isolation:isolate;width:100%;min-height:88px;color:var(--text);text-align:left;transition:filter var(--dur-fast) var(--ease-out);grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:16px;margin:0;padding:0 18px 0 0;text-decoration:none;display:grid;position:relative}.result-next-cta:before,.result-next-cta:after{content:"";clip-path:var(--clip-chamfer);pointer-events:none;position:absolute}.result-next-cta:before{z-index:-2;background:var(--border-strong);transition:background-color var(--dur-fast) var(--ease-out);inset:0}.result-next-cta:after{z-index:-1;background:var(--hud-rule) bottom / 100% 2px no-repeat, var(--surface-2);inset:1px}.result-next-cta:hover{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 35%, transparent));animation-play-state:paused}.result-next-cta:hover:before{background:var(--accent)}.result-next-cta:active{filter:none}.result-next-cta:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}.result-next-cta-icon{background:var(--ink-950);clip-path:polygon(0 0, 100% 0, 84% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));justify-content:center;align-self:stretch;align-items:center;margin:1px 0 1px 1px;display:flex;position:relative;overflow:hidden}.result-next-cta-icon:after{content:"";background:linear-gradient(90deg, transparent 60%, var(--surface-2));pointer-events:none;position:absolute;inset:0}.result-next-cta-art{width:100%;height:100%;transform:scale(var(--art-zoom,1));transform-origin:var(--art-origin,50% 50%);flex:none;display:block}.result-next-cta-art--inset{padding:12px}.home-mode-art--fill,.home-mode-art--portrait,.home-mode-art--figure,.result-next-cta-art--fill,.result-next-cta-art--portrait,.result-next-cta-art--figure,.group-th-art--fill,.group-th-art--portrait,.group-th-art--figure,.home-group-art--fill,.home-group-art--portrait,.home-group-art--figure,.versus-room-art-img--fill,.versus-room-art-img--portrait,.versus-room-art-img--figure{object-fit:cover}.home-mode-art--portrait,.result-next-cta-art--portrait,.group-th-art--portrait,.home-group-art--portrait,.versus-room-art-img--portrait{object-position:60% 30%;--art-zoom:1.22;--art-origin:68% 36%}.home-mode-art--figure,.result-next-cta-art--figure,.group-th-art--figure,.home-group-art--figure,.versus-room-art-img--figure{object-position:50% 0;--art-zoom:1.9;--art-origin:50% 6%}.home-mode-art--inset,.result-next-cta-art--inset,.group-th-art--inset,.home-group-art--inset,.versus-room-art-img--inset{object-fit:contain}.result-next-cta-text{flex-direction:column;gap:3px;min-width:0;padding:12px 0;display:flex}.result-next-cta-mode{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong);font-size:24px;font-weight:700;line-height:1}.result-next-cta-desc{color:var(--text-dim);font-size:14px}.result-next-cta-arrow{color:var(--accent);transition:color var(--dur-fast) var(--ease-out);flex:none;display:inline-flex}.result-next-cta:hover .result-next-cta-arrow{color:var(--accent-hot)}.home-codex-block,.answers-codex{isolation:isolate;color:var(--text);transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);flex-direction:column;gap:12px;padding:0 0 22px;text-decoration:none;display:flex;position:relative}.answers-codex{margin:0 0 24px}.content-page-body .answers-codex{color:var(--text)}.home-codex-block:before,.home-codex-block:after,.answers-codex:before,.answers-codex:after{content:"";clip-path:var(--clip-chamfer);pointer-events:none;position:absolute}.home-codex-block:before,.answers-codex:before{z-index:-2;background:var(--border-strong);transition:background-color var(--dur-fast) var(--ease-out);inset:0}.home-codex-block:after,.answers-codex:after{z-index:-1;background:var(--hud-rule) bottom / 100% 2px no-repeat, var(--surface);inset:1px}.home-codex-block:hover,.answers-codex:hover{transform:translateY(var(--lift))}.home-codex-block:hover:before,.answers-codex:hover:before{background:var(--accent)}.home-codex-block:active,.answers-codex:active{transform:translateY(1px)}.home-codex-block:focus-visible,.answers-codex:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}.home-codex-body,.answers-codex-body{padding:22px 60px 6px 22px;display:block;position:relative}.home-codex-title,.answers-codex-title{font-family:var(--font-display);text-transform:uppercase;color:var(--text-strong);margin-bottom:6px;font-size:28px;font-weight:800;line-height:.95;display:block}.home-codex-text,.answers-codex-text{color:var(--text-dim);font-size:14px;line-height:1.5;display:block}.home-codex-arrow,.answers-codex-arrow{color:var(--accent);transition:color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);display:inline-flex;position:absolute;top:22px;right:22px}.home-codex-block:hover .home-codex-arrow,.answers-codex:hover .answers-codex-arrow{color:var(--accent-hot);transform:translate(2px)}.home-codex-block .codex-strip,.answers-codex .codex-strip{width:auto;margin:0 1px}.field{flex-direction:column;gap:6px;display:flex}.field-label,.group-field-label{font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);font-size:13px;font-weight:700}.field-input{min-height:var(--hit-target);border:1px solid var(--border-strong);background:var(--ink-950);color:var(--text-strong);font:inherit;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:0;padding:8px 12px;font-size:16px}.field-input::placeholder{color:var(--text-mute)}.field-input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.field-help{color:var(--text-mute);font-size:13px}.check-field{background:var(--ink-950);border:1px solid var(--border);min-height:44px;color:var(--text-dim);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:var(--transition-control);align-items:center;gap:10px;padding:8px 12px;font-size:15px;font-weight:700;display:flex;position:relative}.check-field.is-checked{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--ink-950));color:var(--text-strong)}.check-field:hover{border-color:var(--accent)}.check-field-input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.check-field-box{border:1px solid var(--border-strong);background:var(--surface);color:#0000;flex:none;place-items:center;width:18px;height:18px;display:grid}.check-field.is-checked .check-field-box{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.check-field-input:focus-visible+.check-field-box{box-shadow:var(--focus-ring);outline:none}.player-avatar{background:color-mix(in srgb, var(--accent) 18%, var(--ink-950));border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));width:34px;height:34px;color:var(--text-strong);font-family:var(--font-display);letter-spacing:.02em;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.versus-podium-card,.versus-detail-card,.versus-answers-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset-top), var(--shadow-elev);flex-direction:column;gap:14px;padding:18px 20px 20px;display:flex;position:relative}.versus-podium-card{border-color:var(--accent);box-shadow:var(--shadow-inset-top), var(--glow-accent)}.versus-podium-card:before{content:"";pointer-events:none;background:linear-gradient(var(--accent), var(--accent)) top left / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) top left / 2px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 2px 14px no-repeat;position:absolute;inset:-1px}.versus-card-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-dim);margin:0}.versus-podium-bars{justify-content:center;align-items:flex-end;gap:10px;margin:0;padding:0;list-style:none;display:flex}.versus-podium-bar{flex-direction:column;flex:1 1 0;order:var(--podium-order,0);align-items:center;gap:6px;min-width:0;max-width:7rem;display:flex}.versus-podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-dim);font-size:13px;font-weight:600;overflow:hidden}.versus-podium-bar.is-self .versus-podium-name{color:var(--text-strong)}.versus-podium-column{width:100%;height:calc(56px + var(--podium-ratio,1) * 76px);border:1px solid var(--border-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 18%, var(--surface-2)), var(--surface-2));border-bottom-width:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex}.versus-podium-bar.is-first .versus-podium-column{border-color:var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 40%, var(--surface-2)), color-mix(in srgb, var(--accent) 12%, var(--surface-2)));box-shadow:var(--glow-accent)}.versus-podium-place{font-size:22px;line-height:1}.versus-podium-total{font-family:var(--font-display);letter-spacing:.04em;text-align:center;color:var(--text);font-size:13px;font-weight:700}@media (max-width:520px){.versus-podium-bars{flex-direction:column;align-items:stretch}.versus-podium-bar{flex-direction:row;order:0;align-items:center;gap:8px;max-width:none}.versus-podium-name{flex:0 6rem}.versus-podium-column{width:calc(45% + var(--podium-ratio,1) * 55%);border-bottom-width:1px;border-left-width:0;flex-direction:row;justify-content:space-between;gap:8px;height:auto;padding:6px 10px}}.versus-answers{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.versus-answers>li{display:flex}.versus-answer{background:var(--ink-950);border:1px solid var(--border);min-width:0;color:var(--text);transition:var(--transition-control);flex:1;align-items:center;gap:10px;padding:6px 10px 6px 6px;text-decoration:none;display:flex}.versus-answer:hover{border-color:var(--accent);transform:translateY(var(--lift))}.versus-answer:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.versus-answer .hero-portrait,.versus-answer .hero-portrait-fallback{border-radius:0;flex:none}.versus-answer-thumb--icon{object-fit:contain;flex:none;width:38px;height:38px;padding:3px;display:block}.versus-answer-text{flex-direction:column;min-width:0;display:flex}.versus-answer-round{font-family:var(--font-display);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--text-mute);font-size:11px;font-weight:600}.versus-answer-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong);transition:color var(--dur-fast) var(--ease-out);font-size:16px;font-weight:700;overflow:hidden}.versus-answer:hover .versus-answer-name{color:var(--accent-hot)}.versus-answer-arrow{color:var(--text-mute);transition:color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex:none;margin-left:auto}.versus-answer:hover .versus-answer-arrow{color:var(--accent);transform:translate(2px)}.hero-cell-hidden{background:var(--surface-2);border:1px dashed var(--border-strong);color:var(--text-mute);animation:none}.hero-cell-hidden .hero-cell-text{text-shadow:none;opacity:.7}.hero-cell-hidden .hero-cell-mini-header{color:var(--text-dim)}.share-cell--hidden{box-shadow:inset 0 0 0 1px var(--border-strong);background:0 0}.group-answers{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.group-answers-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-hud);letter-spacing:var(--ls-hud);text-transform:uppercase;text-align:center;color:var(--text-dim);margin:0 0 4px}.group-answer-tiles{margin:12px 0 0}