:root{--bg: #1a0f0a;--bg-elev: #261811;--fg: #f5e6d3;--accent: #d97757;--accent-2: #c75a3a;--gem: #f5c242;--gem-soft: rgba(245, 194, 66, .18);--muted: #8b6f5e;--error: #d45d5d;--input-bg: #0e0805}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:VT323,Courier New,monospace;background:var(--bg);color:var(--fg);min-height:100vh;font-size:20px;line-height:1.4}.paila-app{max-width:640px;margin:0 auto;padding:1.5rem 1rem 4rem}.muted{color:var(--muted)}.error{background:#d45d5d1f;border:2px solid var(--error);color:var(--error);padding:1rem;font-size:1.2rem}.paila-logo{width:80px;height:80px;object-fit:contain}header{display:flex;flex-direction:column;align-items:center}header h1{font-size:5rem;margin:0;color:var(--accent);letter-spacing:.08em;line-height:1}header .tagline{color:var(--primary);font-size:1.25rem;font-weight:600;margin:.25rem 0 1.5rem;text-align:center;letter-spacing:.02em}.header-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.date{color:var(--muted);font-size:1.1rem;font-variant-numeric:tabular-nums}.progress-dots{display:flex;gap:.5rem}.dot{width:.9rem;height:.9rem;border-radius:50%;background:var(--bg-elev);border:1px solid var(--muted);display:inline-block}.dot--done{background:var(--accent);border-color:var(--accent)}.dot--current{background:var(--gem);border-color:var(--gem);box-shadow:0 0 8px #f5c24280}.prompt-screen{margin-top:1rem}.prompt-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.prompt-label{color:var(--muted);font-size:1rem;margin:0;text-transform:uppercase;letter-spacing:.12em}.attempts-count{color:var(--muted);font-size:1rem;text-transform:none;letter-spacing:0}.timer{display:flex;align-items:center;gap:.6rem;min-width:9rem;font-size:1.1rem;font-variant-numeric:tabular-nums;color:var(--fg)}.timer-label{min-width:2.5rem;text-align:right}.timer-bar{flex:1;height:.5rem;background:var(--bg-elev);border:1px solid var(--muted);position:relative;min-width:4rem}.timer-fill{height:100%;background:var(--fg);transition:width .95s linear,background-color .3s}.timer--warning{color:var(--accent)}.timer--warning .timer-fill{background:var(--accent)}.timer--critical{color:var(--error);font-weight:700}.timer--critical .timer-fill{background:var(--error)}.timer--done{color:var(--muted);font-style:italic;min-width:auto}.prompt-text{font-size:2rem;margin:0 0 1.75rem;color:var(--fg);line-height:1.25}.guess-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.guess-form input[type=text]{font-family:inherit;font-size:1.5rem;background:var(--input-bg);border:2px solid var(--muted);color:var(--fg);padding:.85rem 1rem;outline:none;border-radius:0}.guess-form input[type=text]:focus{border-color:var(--accent)}.guess-form input[type=text]:disabled{opacity:.6}button{font-family:inherit;font-size:1.3rem;background:var(--accent);color:var(--bg);border:2px solid var(--accent);padding:.85rem 1.5rem;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:0}button:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}button:disabled{opacity:.5;cursor:not-allowed}.advance-button,.share-button{background:var(--bg-elev);color:var(--accent);border-color:var(--accent)}.advance-button:hover:not(:disabled),.share-button:hover:not(:disabled){background:var(--accent);color:var(--bg)}.feedback{border:2px solid var(--accent);padding:1.25rem 1.25rem 1rem;margin-bottom:1.25rem;background:#d977570f}.feedback-canonical{margin:0 0 .25rem;font-size:1.7rem}.feedback-canonical strong{color:var(--fg);font-weight:400}.feedback-rarity{margin:0 0 .5rem;font-size:1.3rem;color:var(--accent)}.gem-badge{color:var(--gem);font-weight:700}.feedback-meta{font-size:1.05rem;margin:0}.play--gem .feedback,.feedback:has(.gem-badge){border-color:var(--gem);background:var(--gem-soft);box-shadow:0 0 20px #f5c24240}.feedback:has(.gem-badge) .feedback-rarity{color:var(--gem)}.feedback--miss{border-color:var(--muted);background:#8b6f5e14}.feedback--miss .feedback-canonical strong{color:var(--muted);font-style:italic;font-weight:400}.feedback--lost{border-color:var(--error);background:#d45d5d14}.feedback--lost .feedback-canonical strong{color:var(--error);font-weight:400}.feedback--proposed{border-color:var(--gem);background:var(--gem-soft);box-shadow:0 0 14px #f5c24233}.feedback--proposed .feedback-canonical strong{color:var(--gem);font-weight:700}.confirm-buttons{display:flex;gap:.75rem;margin-top:.75rem}.confirm-yes,.confirm-no{flex:1;font-family:inherit;font-size:1.1rem;padding:.7rem 1rem;border-radius:0;cursor:pointer}.confirm-yes{background:var(--accent);color:var(--bg);border:2px solid var(--accent)}.confirm-yes:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}.confirm-no{background:transparent;color:var(--muted);border:2px solid var(--muted)}.confirm-no:hover:not(:disabled){border-color:var(--fg);color:var(--fg)}.lost-stat{text-align:center;margin:-.75rem 0 1.5rem;font-size:1.1rem}.summary h2{color:var(--accent);font-size:3.5rem;margin:0 0 1.5rem;text-align:center;letter-spacing:.05em}.category-badge{display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--bg-elev) 0%,var(--bg) 100%);border:2px solid var(--accent);border-radius:1rem;margin-bottom:1.5rem;text-align:center}.category-label{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.category-desc{font-size:1.1rem;color:var(--muted);font-style:italic}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.75rem}.stat{display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;background:var(--bg-elev);border:1px solid var(--muted)}.stat-value{font-size:2rem;color:var(--accent);font-weight:700;line-height:1}.stat-suffix{color:var(--gem);font-size:1.5rem}.stat-label{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.4rem}.share-button{width:100%;margin-bottom:1.5rem}.reset-button{width:100%;background:transparent;color:var(--muted);border:1px dashed var(--muted);font-size:1rem;padding:.6rem 1rem}.reset-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.history-details{margin-top:1rem;background:var(--bg-elev);border:1px solid var(--muted);padding:1rem 1.25rem}.history-details summary{cursor:pointer;color:var(--accent);font-size:1.2rem;list-style:none}.history-details summary::-webkit-details-marker{display:none}.history-details summary:before{content:"▸ ";display:inline-block;transition:transform .15s}.history-details[open] summary:before{content:"▾ "}.play-history{margin:1rem 0 0;padding:0;list-style:none}.play-history li{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:baseline;padding:.5rem 0;border-bottom:1px dashed var(--muted);font-size:1.05rem}.play-history li:last-child{border-bottom:none}.play-num{color:var(--muted)}.play-prompt{color:var(--fg)}.play-result{color:var(--accent);white-space:nowrap}.play-history .play--gem .play-result{color:var(--gem);font-weight:700}.play-history .play--miss .play-result{color:var(--muted);font-style:italic}.play-history .play--miss .play-prompt{text-decoration:line-through;opacity:.7}.summary-foot{text-align:center;margin-top:2rem;font-size:1.1rem}