:root{--bg:#0b0d11;--scroll:#ece0cc;--primary:#1a472a;--gold:#e58b0b;--highlight:#ae0001;--secondary:#5d5d5d;--ink:#4a0404;--parchment-text:#4a0404;--glow-text:#ece0cc;--font-display:"Harry P", "Cinzel Decorative", "Cinzel", "Trajan Pro", serif;--font-body:"Garamond", "EB Garamond", "Cormorant Garamond", Georgia, serif}@font-face{font-family:Harry P;src:url(/fonts/HarryP.ttf)format("truetype");font-display:swap}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--glow-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 50% 38%,#e58b0b29 0%,#e58b0b0d 28%,#0b0d11 70%);background-attachment:fixed;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.04em;color:var(--glow-text);text-shadow:0 0 10px #e58b0b4d;margin:0}button{font-family:var(--font-body)}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{justify-content:space-between;align-items:baseline;gap:16px;padding:18px 24px 6px;display:flex}.brand{font-family:var(--font-display);color:var(--gold);text-shadow:0 0 18px #e58b0b8c,0 0 2px #ffdc9699;letter-spacing:.06em;font-size:clamp(36px,5vw,64px);font-weight:900}.tagline{color:#c9b78d;opacity:.85;font-style:italic}.app-main{flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:8px 24px 24px;display:grid}.board-column{flex-direction:column;align-items:center;gap:16px;display:flex}.sidebar{flex-direction:column;gap:16px;display:flex}@media (width<=900px){.app-main{grid-template-columns:1fr;padding:8px 12px 96px}.sidebar{order:2}}.board-frame{aspect-ratio:1;background:linear-gradient(135deg,#6e3d05,#b46a09 40%,#f0a829 50%,#b46a09 60%,#6e3d05);border-radius:6px;width:min(80vh,640px,100%);padding:14px;position:relative;box-shadow:0 0 0 2px #3a1f02,0 0 24px #e58b0b59,inset 0 0 12px #00000080}.board-frame:before,.board-frame:after{content:"";pointer-events:none;border:2px solid #4a040480;border-radius:4px;position:absolute;inset:4px}.board-frame:after{border:1px solid #e58b0b8c;inset:8px}.board-inner{width:100%;height:100%;position:relative}@keyframes magic-pulse{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.pulse{animation:2s ease-in-out infinite magic-pulse}.btn{font-family:var(--font-body);background:var(--primary);color:var(--glow-text);border:2px solid var(--gold);cursor:pointer;letter-spacing:.02em;border-radius:6px;padding:10px 18px;font-size:16px;transition:filter .2s,box-shadow .2s,transform .1s}.btn:hover:not(:disabled){filter:brightness(1.18);box-shadow:0 0 16px #e58b0b8c}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--secondary);border-color:var(--gold)}.btn-ghost{color:var(--glow-text);background:0 0;border:1px solid #e58b0b80}.panel{background:var(--scroll);color:var(--parchment-text);font-family:var(--font-body);border-radius:8px;padding:14px 16px;position:relative;box-shadow:0 4px 18px #0009}.panel:before{content:"";pointer-events:none;border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #4a040459,inset 0 0 24px #4a040473}.panel h3{font-family:var(--font-display);color:var(--ink);text-shadow:none;margin-bottom:8px;font-size:22px}.panel-dark{color:var(--glow-text);background:#0f1218b3;border:1px solid #e58b0b59;border-radius:8px;padding:12px 14px;box-shadow:inset 0 0 0 1px #0006}.panel-dark h3{font-family:var(--font-display);color:var(--gold);margin-bottom:8px;font-size:20px}.focus-row{align-items:center;gap:10px;display:flex}.focus-orb{background:radial-gradient(circle at 30% 30%, #ffd97a, var(--gold) 60%, #6e3d05);color:#3a1f02;width:28px;height:28px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:900;animation:2.4s ease-in-out infinite magic-pulse;display:inline-flex;box-shadow:0 0 14px #e58b0bb3,inset 0 0 6px #ffe6a099}.focus-orb.spent{box-shadow:none;color:#777;opacity:.45;background:radial-gradient(circle at 30% 30%,#555,#2a2a2a 60%,#111);animation:none}.history{font-family:var(--font-body);max-height:180px;padding-right:4px;font-size:14px;line-height:1.45;overflow-y:auto}.history-row{grid-template-columns:28px 1fr 1fr;gap:6px;padding:1px 0;display:grid}.history-row .num{color:#4a040499}.captured{flex-wrap:wrap;gap:4px;min-height:28px;font-size:22px;line-height:1;display:flex}.dialogue-scroll{max-height:240px;font-family:var(--font-body);flex-direction:column;gap:10px;font-size:16px;line-height:1.55;display:flex;overflow-y:auto}.dialogue-line{white-space:pre-wrap}.dialogue-line.user{color:#4a0404b3;font-style:italic}.dialogue-line.wiz:before{content:"Wiz: ";font-family:var(--font-display);color:var(--ink);margin-right:4px}.dialogue-line.system{color:#4a0404a6;text-align:center;font-style:italic}.announcement{font-family:var(--font-display);color:var(--gold);text-shadow:0 0 18px #e58b0b99;text-align:center;letter-spacing:.05em;margin:4px 0 8px;font-size:clamp(28px,4vw,48px)}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.controls label{font-family:var(--font-body);color:#c9b78d;font-size:14px}select.btn{padding-right:28px}.floating-consult{display:none}@media (width<=900px){.floating-consult{z-index:30;border-radius:999px;padding:14px 18px;font-size:15px;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 22px #00000080,0 0 16px #e58b0b8c}.desktop-consult{display:none}}.fade-overlay{background:var(--bg);pointer-events:none;opacity:0;z-index:100;transition:opacity .5s;position:fixed;inset:0}.fade-overlay.active{opacity:1;pointer-events:all}.dialogue-scroll::-webkit-scrollbar{width:6px}.history::-webkit-scrollbar{width:6px}.dialogue-scroll::-webkit-scrollbar-thumb{background:#4a040459;border-radius:4px}.history::-webkit-scrollbar-thumb{background:#4a040459;border-radius:4px}