*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--parchment: #F4E4C1;--parchment-dark: #E8D5A3;--parchment-deep: #D4BA80;--ink: #1A0F00;--ink-light: #3D2B10;--blood: #8B1A1A;--blood-bright: #C0392B;--gold: #C9A227;--gold-bright: #F0C040;--gold-dim: #8B6914;--shadow: #0A0500;--mist: #2A1F0E;--stone: #4A4035;--stone-light: #7A6E5F;--magic: #6B3FA0;--magic-bright: #9B6FD0;--forest: #2D5A27;--dark-bg: #0D0900;--panel-bg: rgba(26, 15, 0, .92);--panel-border: rgba(201, 162, 39, .4);--panel-border-bright: rgba(201, 162, 39, .8);--text-primary: #F4E4C1;--text-dim: #C4A870;--text-faint: #8A7050;--scrollbar-bg: #1A0F00;--scrollbar-thumb: #8B6914;--scrollbar-thumb-hover: #C9A227;--font-display: "Cinzel", serif;--font-body: "Crimson Text", serif;--font-ui: "Cinzel", serif}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--dark-bg);color:var(--text-primary);font-size:16px;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.btn{font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;padding:.5rem 1.2rem;border:1px solid var(--gold-dim);background:linear-gradient(180deg,#c9a22726,#c9a2270d);color:var(--gold-bright);cursor:pointer;transition:all .2s;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);text-transform:uppercase}.btn:hover{border-color:var(--gold);background:linear-gradient(180deg,#c9a2274d,#c9a2271a);color:var(--gold-bright);text-shadow:0 0 8px var(--gold)}.btn:active{transform:translateY(1px)}.btn-primary{border-color:var(--gold);background:linear-gradient(180deg,#c9a22740,#c9a2271a)}.btn-danger{border-color:var(--blood);background:linear-gradient(180deg,#8b1a1a33,#8b1a1a0d);color:#ff6b6b}.btn-danger:hover{border-color:var(--blood-bright);color:#f99}.btn-sm{padding:.3rem .8rem;font-size:.65rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.input{font-family:var(--font-body);font-size:1rem;background:#0006;border:1px solid var(--panel-border);color:var(--text-primary);padding:.5rem .75rem;width:100%;outline:none;transition:border-color .2s}.input:focus{border-color:var(--gold);box-shadow:0 0 8px #c9a22733}.input::placeholder{color:var(--text-faint)}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel-header{font-family:var(--font-display);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);padding:.6rem 1rem;border-bottom:1px solid var(--panel-border);background:#c9a2270d}.divider{border:none;border-top:1px solid var(--panel-border);margin:.75rem 0}.stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006;border:1px solid var(--panel-border);padding:.4rem;min-width:52px}.stat-label{font-family:var(--font-display);font-size:.55rem;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase}.stat-value{font-family:var(--font-display);font-size:1.1rem;color:var(--gold-bright);font-weight:700}.stat-mod{font-size:.65rem;color:var(--text-dim)}.hp-bar{height:8px;background:#00000080;border:1px solid rgba(139,26,26,.5);position:relative;overflow:hidden}.hp-fill{height:100%;background:linear-gradient(90deg,var(--blood) 0%,var(--blood-bright) 100%);transition:width .5s ease}.glow-gold{text-shadow:0 0 10px rgba(201,162,39,.8)}.glow-blood{text-shadow:0 0 10px rgba(192,57,43,.8)}.scroll-y{overflow-y:auto;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.85}}@keyframes pulse-gold{0%,to{box-shadow:0 0 4px #c9a2274d}50%{box-shadow:0 0 12px #c9a22799}}.fade-in{animation:fadeIn .3s ease forwards}.badge{font-family:var(--font-display);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .5rem;border:1px solid}.badge-gold{border-color:var(--gold-dim);color:var(--gold);background:#c9a2271a}.badge-blood{border-color:var(--blood);color:#ff8080;background:#8b1a1a1a}.badge-magic{border-color:var(--magic);color:var(--magic-bright);background:#6b3fa01a}.tooltip-wrap{position:relative}.tooltip-wrap .tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--shadow);border:1px solid var(--panel-border);color:var(--text-primary);font-size:.75rem;padding:.3rem .6rem;white-space:nowrap;z-index:100;pointer-events:none;font-family:var(--font-body)}.tooltip-wrap:hover .tooltip{display:block}:root{--font-chat: "Crimson Text", serif;--font-chat-size: 15px}.chat-text{font-family:var(--font-chat)!important;font-size:var(--font-chat-size)!important;line-height:1.7}.left-panel,.right-panel{transition:transform .28s cubic-bezier(.4,0,.2,1)}.panel-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:499;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.panel-overlay.open{display:block}.mobile-nav,.mobile-panel-close{display:none}@keyframes combat-pulse{0%,to{border-color:#8b1a1a66}50%{border-color:#c0392bcc;box-shadow:0 0 12px #c0392b4d}}.combat-active{animation:combat-pulse 2s ease-in-out infinite}@media (max-width: 768px){.game-grid{grid-template-columns:1fr!important;grid-template-rows:auto 1fr auto!important;grid-template-areas:"header" "main" "mobilenav"!important}.left-panel{grid-area:unset!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:min(85vw,320px)!important;z-index:500;background:#060400fc!important;border-right:1px solid var(--panel-border)!important;border-left:none!important;border-top:none!important;border-bottom:none!important;overflow-y:auto;overflow-x:hidden;transform:translate(-105%);display:flex!important;flex-direction:column;box-shadow:4px 0 24px #0009}.left-panel.open{transform:translate(0)!important}.right-panel{grid-area:unset!important;position:fixed!important;top:0!important;bottom:0!important;right:0!important;width:min(85vw,320px)!important;z-index:500;background:#060400fc!important;border-left:1px solid var(--panel-border)!important;border-right:none!important;border-top:none!important;border-bottom:none!important;overflow-y:auto;overflow-x:hidden;transform:translate(105%);display:flex!important;flex-direction:column;box-shadow:-4px 0 24px #0009}.right-panel.open{transform:translate(0)!important}.panel-overlay.open{display:block}.mobile-panel-close{display:flex!important;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#c9a2270f;border-bottom:1px solid var(--panel-border);flex-shrink:0}.mobile-nav{display:flex!important;grid-area:mobilenav;border-top:1px solid var(--panel-border);background:#040200f7;padding-bottom:env(safe-area-inset-bottom,4px);min-height:56px;flex-shrink:0}.header-compact{padding:.35rem .75rem!important;gap:.5rem!important;min-height:unset!important}.header-title{font-size:.8rem!important}.header-loc,.header-meta{display:none!important}.header-actions{gap:.3rem!important}.header-actions .btn{padding:.4rem .6rem!important;font-size:0!important;min-width:36px;min-height:36px;display:inline-flex!important;align-items:center;justify-content:center}.header-actions .btn-icon{font-size:1rem!important}.input{font-size:16px!important}.chat-text{font-size:max(var(--font-chat-size),15px)!important;word-break:break-word;line-height:1.6}.btn{min-height:40px}.btn-sm{min-height:36px}.stat-box{min-width:46px;padding:.5rem .3rem}.stat-value{font-size:1.05rem}.combat-scroll{max-height:38vh;overflow-y:auto}.queue-banner{flex-wrap:wrap;gap:.4rem!important}.sheet-modal{max-width:100%!important;max-height:100%!important;border-radius:0!important;border:none!important}}@media (min-width: 769px){.mobile-nav,.panel-overlay,.mobile-panel-close{display:none!important}}@media (max-width: 768px){.sheet-modal{max-width:100vw!important;max-height:100vh!important;height:100vh;border:none!important;border-radius:0}.input-hint{display:none}.header-hp{display:flex!important}}