:root{--navy: #0B1F3F;--navy-deep: #081729;--card: #142A4A;--border: #2A4565;--gold: #D4AF37;--white: #F4F7FB;--dim: #8A9CB0}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--navy-deep);color:var(--white);font-family:Segoe UI,system-ui,sans-serif}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.gate{min-height:100vh;display:grid;place-items:center;padding:24px}.gate-card{max-width:520px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:40px}.gate-card h1{font-size:34px;margin:6px 0 14px}.gate-card .sub{color:var(--dim);margin-bottom:22px;line-height:1.6}.gate-row{display:flex;gap:10px}.gate-row input{flex:1;background:var(--navy-deep);border:1px solid var(--border);border-radius:8px;color:var(--white);padding:13px 14px;font-size:16px;letter-spacing:.08em}button{background:var(--gold);color:var(--navy-deep);font-weight:700;border:0;border-radius:8px;padding:12px 18px;cursor:pointer;font-size:14px}button:disabled{opacity:.45;cursor:default}.err{color:#e5484d;margin-top:12px}.foot{color:var(--dim);font-size:12.5px;margin-top:18px}.studio{max-width:1080px;margin:0 auto;padding:26px 20px 60px}.studio header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.board-name{background:transparent;border:0;border-bottom:2px solid var(--border);color:var(--white);font-size:26px;font-weight:700;padding:4px 0;min-width:320px}.actions{display:flex;gap:10px}.actions button{background:var(--card);color:var(--white);border:1px solid var(--border)}.actions .primary{background:var(--gold);color:var(--navy-deep);border:0}.controls{display:grid;gap:14px;margin-bottom:24px}.density{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--dim);font-size:14px}.density button{background:var(--card);color:var(--white);border:1px solid var(--border);padding:8px 16px}.density button.on{background:var(--gold);color:var(--navy-deep);border-color:var(--gold)}.density .hint{font-size:12.5px}.composer{display:flex;gap:10px;flex-wrap:wrap}.composer input,.composer select{background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--white);padding:12px 14px;font-size:15px}.composer input{flex:1;min-width:220px}.board{display:grid;gap:14px}.board.d4{grid-template-columns:repeat(2,1fr)}.board.d8,.board.d12{grid-template-columns:repeat(4,1fr)}.board.d24{grid-template-columns:repeat(6,1fr)}.tile{background:#fff;border:4px solid;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.tile img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.tile-empty{aspect-ratio:1;display:grid;place-items:center;color:#7a8390;font-size:13px}.tile-bar{color:#081729;font-weight:800;text-align:center;padding:7px 4px;font-size:15px;text-transform:lowercase}.tile-actions{display:flex}.tile-actions button{flex:1;border-radius:0;background:var(--navy);color:var(--white);font-size:12px;padding:8px 4px}.empty{color:var(--dim);grid-column:1 / -1;text-align:center;padding:46px 20px;border:1px dashed var(--border);border-radius:12px;line-height:1.7}.status{margin-top:18px;color:var(--gold)}.studio footer{margin-top:40px;color:var(--dim);font-size:13px;line-height:1.7}.lounge,.lounge-agreement{display:grid;gap:16px}.lounge-agreement{max-width:640px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:32px;line-height:1.7}.lounge-agreement h2{margin-bottom:4px}.lounge-agreement p{color:var(--dim)}.lounge-agreement .lounge-rule{color:var(--white);border-left:3px solid var(--gold);padding-left:14px}.lounge-agreement button{justify-self:start}.lounge-banner{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:var(--dim);font-size:14px;display:flex;gap:12px;align-items:center;justify-content:space-between}.lounge-compose{display:grid;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}.lounge-compose input,.lounge-compose textarea{background:var(--navy-deep);border:1px solid var(--border);border-radius:8px;color:var(--white);padding:12px 14px;font-size:15px;font-family:inherit;resize:vertical}.lounge-compose button{justify-self:end}.lounge-first{color:var(--gold);font-size:13.5px}.lounge-thread{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;display:grid;gap:10px}.lounge-thread>header,.lounge-reply header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.lounge-thread time{color:var(--dim);font-size:12px}.lounge-thread p{line-height:1.65;white-space:pre-wrap}.lounge-reply{border-left:2px solid var(--border);padding-left:14px;margin-left:6px;display:grid;gap:6px}.lounge-replybox{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.lounge-replybox textarea{flex:1;min-width:240px;background:var(--navy-deep);border:1px solid var(--border);border-radius:8px;color:var(--white);padding:10px 12px;font-family:inherit}button.ghost{background:transparent;color:var(--dim);border:1px solid var(--border)}button.linkish{background:transparent;color:var(--gold);border:0;padding:0 4px}.nudge-scrim{position:fixed;inset:0;background:#081729cc;display:grid;place-items:center;padding:20px;z-index:20}.nudge-card{max-width:520px;background:var(--card);border:1px solid var(--gold);border-radius:12px;padding:28px;display:grid;gap:14px;line-height:1.65}.nudge-card p{color:var(--dim)}.nudge-check{display:flex;gap:10px;align-items:center;color:var(--dim);font-size:14px}.nudge-actions{display:flex;gap:10px;justify-content:flex-end}
