:root{--bg: #0f0f17;--panel: #1b1b28;--text: #f3f3fb;--muted: #a6a6c0;--accent: #ffcc33;--accent-2: #ff5a8a;--err: #ff6b6b;--ok: #4cd47a;font-family:Rubik,Assistant,system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#23233a,var(--bg));color:var(--text);min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:1.5rem}.header{text-align:center;padding:2rem 0 1rem}.brand{font-size:clamp(2.5rem,8vw,5rem);margin:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:1.4rem;color:var(--accent);margin:.25rem 0}.subtitle{color:var(--muted);max-width:620px;margin:.75rem auto 1.25rem}.btn{border:none;border-radius:999px;padding:.6rem 1.4rem;font-size:1rem;font-family:inherit;cursor:pointer;background:var(--panel);color:var(--text)}.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#221;font-weight:700}.wall{display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:baseline;justify-content:center;padding:2rem .5rem;line-height:1.05}.word{background:none;border:none;color:var(--text);font-family:inherit;font-weight:700;cursor:pointer;padding:0;transition:color .15s ease,transform .15s ease}.word:hover{color:var(--accent);transform:translateY(-2px)}.empty{text-align:center;color:var(--muted);padding:3rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:var(--panel);border-radius:16px;padding:1.5rem;width:100%;max-width:440px;position:relative;box-shadow:0 20px 60px #00000080}.modal h2{margin-top:0}.modal-close{position:absolute;inset-inline-start:1rem;top:1rem;background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer}.modal label{display:block;margin:.75rem 0 .25rem;color:var(--muted);font-size:.9rem}.modal input{width:100%;padding:.6rem .75rem;border-radius:10px;border:1px solid #33334a;background:#12121c;color:var(--text);font-family:inherit;font-size:1rem}.modal input:disabled{opacity:.6}.err{color:var(--err);font-size:.85rem}.price{margin:1rem 0 .5rem;font-size:1.15rem}.price strong{color:var(--accent)}.warning{background:#2a2416;border:1px solid #6b5a1e;color:#ffe8a3;border-radius:10px;padding:.75rem;font-size:.9rem;margin:.75rem 0}.paypal{margin-top:1rem;min-height:44px}.hint{color:var(--muted);text-align:center}.result{text-align:center;padding:1rem 0}.result-published p{color:var(--ok);font-size:1.2rem}.result-rejected p,.result-error p{color:var(--err)}.result-pending p{color:var(--accent)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .25rem 1rem}.brand-sm{font-weight:800;font-size:1.2rem}.brand-sm:first-letter{color:var(--accent-2)}.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:var(--accent)}.hero{text-align:center}.hero-input{width:100%;max-width:620px;padding:1rem 1.4rem;font-size:1.4rem;font-family:inherit;border-radius:999px;border:3px solid #ffd7d7;background:#fff;color:#111;text-align:center}.hero-input:focus{outline:none;border-color:var(--accent-2)}.powered{color:var(--muted);margin:.75rem 0}.hero-result{margin:.5rem 0}.hero-line{font-size:1.1rem;margin:.5rem 0}.btn-steal{background:linear-gradient(90deg,#ff7a18,#ff5a8a);color:#fff;font-weight:800}.btn-claim{background:#111;color:#fff;font-weight:800}.btn.back{background:var(--panel);margin-bottom:1rem}.stats-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--panel);color:var(--muted);border-radius:999px;padding:.5rem 1rem;margin:.75rem auto 0;font-size:.95rem}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--ok);display:inline-block}.feed{max-width:620px;margin:2rem auto 0}.feed-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.feed-list{list-style:none;padding:0;margin:0;border:1px solid #2a2a3c;border-radius:14px;overflow:hidden}.feed-item{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid #23233440;font-size:.95rem}.feed-item:last-child{border-bottom:none}.feed-time{color:var(--muted);white-space:nowrap}.footer{text-align:center;margin:3rem auto 1rem;max-width:700px}.muted{color:var(--muted)}.legal{max-width:720px;margin:2rem auto;padding:1.5rem}.legal h1{color:var(--accent)}.legal h3{margin-top:1.5rem}.legal p{color:#d8d8ea;line-height:1.7}.detail-word{font-size:2rem;margin:0 0 .5rem}.detail-content{color:#d8d8ea}.detail-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.result-staked p{color:var(--accent)}.board-hint{text-align:center;color:var(--muted);max-width:620px;margin:0 auto;font-size:.95rem}.word-faded{color:#6b6b82;font-weight:600;opacity:.75}.word-faded:hover{color:var(--accent);opacity:1}.version-badge{position:fixed;inset-block-end:8px;inset-inline-start:8px;z-index:60;font-size:11px;line-height:1;padding:4px 8px;border-radius:999px;background:#00000073;color:var(--muted);border:1px solid #33334a;pointer-events:none;-webkit-user-select:none;user-select:none}.version-badge.env-staging{background:#5a3d00;color:#ffd580;border-color:#7a5a1e}.version-badge.env-local{opacity:.6}html,body{overflow-x:hidden}.word{max-width:100%;overflow-wrap:anywhere}@media (max-width: 640px){.app{padding:1rem .75rem}.header{padding:1.25rem 0 .5rem}.topbar{flex-direction:column;gap:.4rem;text-align:center}.hero-input{font-size:1.15rem;padding:.8rem 1rem}.wall{gap:.3rem .6rem;padding:1.25rem .25rem}.stats-pill{font-size:.85rem;padding:.45rem .8rem}.feed-item{flex-direction:column;gap:.15rem}.feed-time{align-self:flex-start}.modal{padding:1.15rem;border-radius:14px}.detail-actions{flex-direction:column}.detail-actions .btn{width:100%;text-align:center}}@media (pointer: coarse){.btn,.word{min-height:40px}.modal input{font-size:16px}}