:root{--bg: #0e0f13;--fg: #fafafa;--accent: #ffcb47;--font: Inter, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font);min-height:100vh}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;background:var(--accent);color:#111;border:none;border-radius:6px;padding:.5em 1em;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:transparent;color:var(--fg);border:1px solid color-mix(in srgb,var(--fg) 30%,transparent)}input[type=text]{font:inherit;background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--fg);border:1px solid color-mix(in srgb,var(--fg) 25%,transparent);border-radius:6px;padding:.5em .75em}input[type=text]:focus{outline:2px solid var(--accent);outline-offset:1px}.app-shell{max-width:760px;margin:0 auto;padding:1.25rem;min-height:100dvh;max-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:.5rem;overflow:hidden}.play-surface{display:grid;grid-template-rows:auto 1fr auto;gap:.5rem;min-height:0;overflow:hidden}.play-surface .image-panel{min-height:0;display:flex;flex-direction:column;gap:.25rem}.play-surface .image-panel img{max-height:min(40vh,90vw);width:auto;max-width:100%;object-fit:contain;margin:0 auto}@media (min-width: 720px){.play-surface .image-panel img{max-height:min(50vh,60vw)}.play-surface .word-input{flex-wrap:nowrap}}.app-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.brand h1{margin:0;font-size:1.4rem}.brand p{margin:0;opacity:.7;font-size:.9rem}.image-panel img{width:100%;height:auto;border-radius:8px;display:block}.image-trigger{background:transparent;border:none;padding:0;margin:0;cursor:zoom-in;display:block;width:100%}.image-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.image-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:30;padding:1rem}.image-overlay{position:relative;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.image-overlay-img{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;cursor:zoom-out;border-radius:4px}.image-overlay-close{position:absolute;top:.5rem;right:.5rem;z-index:1}.image-overlay-link{color:var(--accent);font-size:.9rem}@media (prefers-reduced-motion: no-preference){.image-overlay-backdrop{animation:reveal-fade .15s ease-out both}}.image-panel .attribution{margin-top:.25rem;font-size:.8rem;opacity:.75}.word-input{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.word-input input{flex:1 1 8rem;min-width:7rem}.word-input .preview{font-size:.75rem;opacity:.6;margin-top:.25rem;display:block}.word-input .word-cell{flex:1 1 8rem;display:flex;flex-direction:column;justify-content:flex-start}.word-input .word-cell input{min-height:2.75rem;max-height:2.75rem;padding:.5rem .75rem;line-height:1.2}.word-score{display:inline-block;margin-top:.35rem;font-size:.9rem;font-weight:600}.error-text{color:#ff8080;font-size:.85rem;margin:.25rem 0}@keyframes reveal-pop{0%{transform:scale(.7);opacity:0;box-shadow:0 0 #0000}60%{transform:scale(1.12);opacity:1;box-shadow:0 0 24px var(--accent)}to{transform:scale(1);opacity:1;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent)}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}.reveal{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.reveal .reveal-item{flex:1 1 8rem;padding:.75rem;border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);text-align:center;animation:reveal-fade .2s ease-out both}@media (prefers-reduced-motion: no-preference){.reveal .reveal-item{animation:reveal-pop .6s cubic-bezier(.2,.7,.2,1.2) both}.reveal .reveal-item:nth-child(1){animation-delay:0ms}.reveal .reveal-item:nth-child(2){animation-delay:.2s}.reveal .reveal-item:nth-child(3){animation-delay:.4s}}.reveal .word{font-size:1.15rem;font-weight:700}.reveal .points{font-size:.85rem;opacity:.85}.reveal-total{text-align:center;font-size:1.25rem;margin:.5rem 0 1rem}.emoji-grid{background:color-mix(in srgb,var(--fg) 6%,transparent);border-radius:8px;padding:.75rem;margin:1rem 0}.emoji-grid pre{font:inherit;margin:0 0 .5rem;white-space:pre-wrap;font-size:1.25rem;letter-spacing:.1em}.leaderboard{margin-top:1rem}.leaderboard ol{padding-left:1.25rem;margin:.5rem 0}.leaderboard li{padding:.25rem 0}.room-banner{background:color-mix(in srgb,var(--accent) 18%,transparent);padding:.5rem .75rem;border-radius:6px;font-size:.85rem;margin-bottom:.75rem}.tabs{display:flex;gap:.25rem;margin:1rem 0 .75rem;border-bottom:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}.tabs button{background:transparent;color:var(--fg);border:none;border-bottom:2px solid transparent;border-radius:0;padding:.5em .75em}.tabs button.active{border-bottom-color:var(--accent);color:var(--accent)}.member-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid color-mix(in srgb,var(--fg) 10%,transparent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--bg);border:1px solid color-mix(in srgb,var(--fg) 20%,transparent);border-radius:10px;padding:1.25rem;max-width:26rem;width:90%}.toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:#2a1414;color:#ffd0d0;padding:.6rem 1rem;border-radius:6px;border:1px solid #553030;z-index:20}.room-switcher{display:flex;gap:.4rem;align-items:center}.room-switcher select{font:inherit;background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--fg);border:1px solid color-mix(in srgb,var(--fg) 20%,transparent);border-radius:6px;padding:.4em .6em}.brand-link{color:inherit;text-decoration:none}.game-date{margin:.25rem 0 0;font-size:.85rem;opacity:.75}.header-actions{display:flex;gap:.5rem;align-items:center}.wikimedia-link{color:var(--accent)}.word-cell-locked input{background:color-mix(in srgb,var(--accent) 10%,var(--bg));border-color:var(--accent);cursor:not-allowed}.word-cell .lock-btn{margin-top:.25rem;font-size:.8rem;padding:.25rem .5rem}.word-input-help{font-size:.8rem;opacity:.7;margin:.25rem 0 .5rem}.score-row{display:flex;gap:.4rem;justify-content:center;margin-top:.4rem;flex-wrap:wrap}.score-trigger{background:transparent;border:1px solid color-mix(in srgb,var(--fg) 25%,transparent);border-radius:4px;padding:.1rem .4rem;font-size:.75rem;color:var(--fg);cursor:help}.score-trigger[aria-expanded=true]{border-color:var(--accent)}.score-tooltip{position:absolute;z-index:20;max-width:240px;padding:.5rem .6rem;background:var(--bg);color:var(--fg);border:1px solid var(--accent);border-radius:6px;font-size:.8rem;line-height:1.35;box-shadow:0 4px 12px #00000073}.score-tooltip.flip-left{transform:translate(-100%)}.reveal-actions{margin-top:.75rem;text-align:center}.reveal-actions a{color:var(--accent)}.stats-list{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0 0 1rem}.stats-list dt{opacity:.7}.stats-list dd{margin:0;font-weight:600}.histogram{display:flex;flex-direction:column;gap:.3rem}.hist-row{display:grid;grid-template-columns:4rem 1fr 2rem;gap:.5rem;align-items:center;font-size:.8rem}.hist-bar{height:.7rem;background:var(--accent);border-radius:3px;min-width:2px}.hist-count{text-align:right;opacity:.8}.reveal-stats{margin:1rem 0;display:grid;gap:1rem}@media (min-width: 720px){.reveal-stats{grid-template-columns:1fr 1fr}}.reveal-stats .stats-block{background:color-mix(in srgb,var(--fg) 6%,transparent);border-radius:8px;padding:.75rem 1rem}.reveal-stats h3{margin:0 0 .5rem;font-size:.95rem}.reveal-stats ol.top-words,.reveal-stats ul.bonus-words{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.reveal-stats ol.top-words li{display:grid;grid-template-columns:2.25rem 1fr auto auto;gap:.5rem;align-items:center;font-size:.9rem}.reveal-stats ul.bonus-words li{display:flex;justify-content:space-between;font-size:.9rem}.reveal-stats .rank{opacity:.6;font-variant-numeric:tabular-nums}.reveal-stats .count,.reveal-stats .align-pts,.reveal-stats .weight{opacity:.85;font-variant-numeric:tabular-nums}.reveal-stats .align-pts{color:var(--accent)}.reveal-stats .stats-empty{margin:0;opacity:.6;font-size:.85rem}.archive{display:flex;flex-direction:column;gap:1rem}.archive-nav{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.archive-banner{padding:.6rem .8rem;background:color-mix(in srgb,var(--fg) 8%,transparent);border-radius:6px}.archive-submission{padding:.6rem .8rem;background:color-mix(in srgb,var(--accent) 10%,var(--bg));border-radius:6px}.date-picker{display:inline-flex;align-items:center;gap:.4rem}.date-picker-label{font-size:.8rem;opacity:.75}.modal-close{position:absolute;top:.4rem;right:.4rem;background:transparent;border:none;color:var(--fg);font-size:1.2rem;cursor:pointer}.modal{position:relative}