:root{--bg-0:#07070a;--bg-1:#0b0b10;--panel:#12121a;--panel-2:#171723;--text:#e7dcc8;--text-2:#b9ae9a;--gold:#b38a3a;--gold-2:#6f5320;--ember:#ff5a1f;--ember-2:#ff7a2a;--shadow:0 18px 45px #000000a6;--shadow-soft:0 10px 30px #00000073;--radius:12px;--radius-sm:10px;--border:1px solid #b38a3a38;--border-2:1px solid #ff5a1f1a;--grid-gap:14px;--topbar-h:70px;--bg-scale:1.5;--bg-opacity:.9}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:var(--bg-0);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit;text-decoration:none}::selection{background:#ff5a1f40}input,select,textarea,button{font:inherit}input,select,textarea{color:var(--text);background:#0a0a0eb3;border:1px solid #b38a3a38;border-radius:10px;outline:none}input:focus,select:focus,textarea:focus{border-color:#ff5a1f59;box-shadow:0 0 0 3px #ff5a1f1a}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#b38a3a40;border:1px solid #ff5a1f1a;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#b38a3a59}.appShell{background:var(--bg-0);min-height:100vh;position:relative;overflow:hidden}.appShell:before,.appShell:after{pointer-events:none}.appShell:before{content:"";z-index:0;filter:brightness(.98)contrast(1.1)saturate(.95);opacity:var(--bg-opacity);transform:scale(var(--bg-scale));transform-origin:50%;background-image:url(/D20atHand/bg/dungeon-wall.png);background-position:50%;background-repeat:no-repeat;background-size:contain;position:fixed;inset:0}.appShell:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(1200px 700px at 60% -10%,#ff5a1f24,#0000 62%),radial-gradient(900px 650px at 10% 30%,#ff7a2a1a,#0000 60%),radial-gradient(900px 520px at 50% 30%,#00000014,#00000094 72%),linear-gradient(#0000004d,#0000009e);position:fixed;inset:0}.appLayout{z-index:2;position:relative}.topbar{border-radius:var(--radius);border:var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff0a,#00000038);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.topbarLeft{align-items:center;gap:10px;min-width:0;display:flex}.topbarCenter{justify-content:center;align-items:center;display:flex}.topbarRight{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.brandLogo{cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 12px #ff5a1f59)drop-shadow(0 0 28px #ff5a1f26);width:auto;height:200px;transition:transform .2s,filter .2s}.brandLogo:hover{filter:drop-shadow(0 0 16px #ff5a1f8c)drop-shadow(0 0 36px #ff5a1f40);transform:scale(1)}.nav{flex-wrap:wrap;gap:10px;display:flex}.nav a{color:var(--text);background:#0c0c1273;border:1px solid #b38a3a24;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.nav a:hover{border-color:#ff5a1f47;box-shadow:0 0 16px #ff5a1f1f}.btn{color:var(--text);cursor:pointer;background:linear-gradient(#ffffff0a,#0000004d);border:1px solid #b38a3a38;border-radius:10px;padding:9px 12px;box-shadow:0 10px 24px #00000059}.btn:hover{border-color:#ff5a1f59;box-shadow:0 0 20px #ff5a1f29}.main{border-radius:var(--radius);border:var(--border);box-shadow:var(--shadow);background:radial-gradient(900px 420px at 60% 15%,#ff5a1f1a,#0000 60%),linear-gradient(#ffffff05,#0003);padding:14px;overflow:auto}.card{border-radius:var(--radius-sm);background:linear-gradient(#ffffff08,#00000042);border:1px solid #b38a3a2e;padding:12px;overflow:hidden;box-shadow:0 14px 30px #00000073}@media (max-width:980px){.topbar{grid-template-columns:1fr auto;grid-template-areas:"left center""right right";row-gap:10px;height:auto}.topbarLeft{grid-area:left}.topbarCenter{grid-area:center;justify-content:flex-end}.topbarRight{flex-wrap:wrap;grid-area:right;justify-content:flex-start}.brandLogo{height:56px}}.diceLauncher{z-index:60;position:fixed;bottom:18px;right:18px}.iconBtn{cursor:pointer;background:#0c0c12a6;border:1px solid #b38a3a38;border-radius:50%;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 10px 24px #00000073}.iconBtn:hover{border-color:#ff5a1f59;box-shadow:0 0 22px #ff5a1f2e}.iconBtn img{object-fit:contain;filter:drop-shadow(0 0 10px #ff5a1f2e);width:60px;height:60px}.modalOverlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;place-items:end;padding:16px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(#14141ce0,#0a0a10eb);border:1px solid #b38a3a38;border-radius:16px;width:min(420px,92vw);max-height:min(78vh,860px);overflow:auto;box-shadow:0 18px 45px #000000a6}.modalHeader{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff08,#0003);border-bottom:1px solid #b38a3a24;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;position:sticky;top:0}.modalHeader h3{letter-spacing:.3px;margin:0;font-family:ui-serif,Georgia,Times New Roman,serif}.modalClose{width:38px;height:38px;color:var(--text);cursor:pointer;background:#0c0c128c;border:1px solid #b38a3a33;border-radius:12px}.modalClose:hover{border-color:#ff5a1f59;box-shadow:0 0 18px #ff5a1f24}.modalBody{padding:14px}.dicePanel{color:var(--text)}.footer{border-radius:var(--radius);border:var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#ffffff08,#00000059);grid-column:1/-1;margin-top:6px;padding:10px 14px}.footerInner{color:var(--text-2);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.footerInner strong{color:var(--text);letter-spacing:.3px}.footerSep{opacity:.5}.footerMuted{opacity:.7}