:root{--bg-primary:#0a0f1a;--bg-secondary:#0d1f2d;--bg-card:#ffffff0d;--bg-card-hover:#ffffff14;--bg-input:#ffffff12;--border-card:#ffffff1a;--border-focus:#00e5a080;--accent-teal:#00e5a0;--accent-teal-dim:#00e5a026;--accent-teal-glow:0 0 20px #00e5a04d;--accent-amber:#f0a830;--accent-amber-dim:#f0a83026;--text-primary:#f0f0f0;--text-secondary:#89a;--text-muted:#567;--hp-green:#22c55e;--hp-yellow:#eab308;--hp-red:#ef4444;--danger:#f44;--success:#00e5a0;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 24px #0000004d;--shadow-glow-teal:0 0 20px #00e5a04d;--shadow-glow-amber:0 0 20px #f0a8304d;--transition-fast:.15s ease;--transition-normal:.25s ease;--bottom-nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg-primary);background-image:linear-gradient(160deg,var(--bg-primary)0%,var(--bg-secondary)100%);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:var(--accent-teal);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-amber)}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:600;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-teal)}.text-amber{color:var(--accent-amber)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover)}.card-glow-teal{box-shadow:var(--shadow-card),var(--shadow-glow-teal);border-color:#00e5a04d}.card-glow-amber{box-shadow:var(--shadow-card),var(--shadow-glow-amber);border-color:#f0a8304d}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;min-height:44px;font-family:inherit;font-size:.95rem;font-weight:500;line-height:1.5;display:inline-flex}.btn-primary{background:var(--accent-teal);color:var(--bg-primary)}.btn-primary:hover{box-shadow:var(--shadow-glow-teal);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-card)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-teal)}.btn-danger{color:var(--danger);background:#ff444426;border:1px solid #ff44444d}.btn-danger:hover{background:#ff444440}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;padding:0}.input{width:100%;padding:var(--space-sm)var(--space-md);background:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-md);color:var(--text-primary);min-height:44px;transition:all var(--transition-fast);font-family:inherit;font-size:1rem}.input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px var(--accent-teal-dim);outline:none}.input::placeholder{color:var(--text-muted)}.label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.85rem;font-weight:500;display:block}.stat-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.stat-card.highlight{box-shadow:inset 0 0 20px #00e5a00d,var(--shadow-glow-teal);border-color:#00e5a066}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-teal);margin-bottom:var(--space-xs);font-size:.7rem;font-weight:600}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-modifier{color:var(--text-secondary);margin-top:var(--space-xs);font-size:.8rem}.hp-bar.hp-high{background:var(--hp-green)}.hp-bar.hp-mid{background:var(--hp-yellow)}.hp-bar.hp-low{background:var(--hp-red)}.tabs{gap:var(--space-xs);background:var(--bg-card);border-radius:var(--radius-full);padding:var(--space-xs);display:flex}.tab{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-family:inherit;font-size:.85rem;font-weight:500}.tab.active{background:var(--accent-teal);color:var(--bg-primary)}.tab:not(.active):hover{color:var(--text-primary)}.bottom-nav{height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-card);padding-bottom:env(safe-area-inset-bottom,0);z-index:100;background:#0a0f1af2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{padding:var(--space-sm);color:var(--text-muted);transition:color var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;font-family:inherit;font-size:.7rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item.active{color:var(--accent-teal)}.nav-item.active:before{content:"";background:var(--accent-teal);border-radius:var(--radius-full);width:24px;height:2px;box-shadow:var(--shadow-glow-teal);position:absolute;top:-1px;left:50%;transform:translate(-50%)}.nav-icon{font-size:1.3rem;line-height:1}.nav-badge{background:var(--accent-amber);min-width:16px;height:16px;color:var(--bg-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 4px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.page{min-height:100vh;padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--bottom-nav-height) + var(--space-lg) + env(safe-area-inset-bottom,0px))}.page-header{margin-bottom:var(--space-xl)}.page-title{font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:var(--space-xs);font-size:.9rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}:root{--hp-green:#00e5a0;--hp-yellow:#f0a830;--hp-red:#f44}.hp-bar-container{border-radius:var(--radius-full);background:#ffffff0f;width:100%;height:6px;overflow:hidden}.hp-bar{border-radius:var(--radius-full);height:100%;transition:width .5s,background .3s}.page-title{margin-bottom:var(--space-xs);font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:.9rem}@media (min-width:768px){.bottom-nav{display:none}.page{padding-bottom:var(--space-lg)}}@media (min-width:1024px){.desktop-layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.desktop-sidebar{border-right:1px solid var(--border-card);padding:var(--space-lg);height:100vh;position:sticky;top:0;overflow-y:auto}.desktop-main{padding:var(--space-xl);max-width:1200px}}html,body{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}
.SplashScreen-module__sVQlcq__overlay{z-index:9999;background:#0a0f1a;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.SplashScreen-module__sVQlcq__overlayHidden{opacity:0;visibility:hidden;pointer-events:none}.SplashScreen-module__sVQlcq__diceContainer{width:250px;height:250px;position:relative}.SplashScreen-module__sVQlcq__textContainer{opacity:0;text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:32px;padding:0 24px;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(20px)}.SplashScreen-module__sVQlcq__textVisible{opacity:1;transform:translateY(0)}.SplashScreen-module__sVQlcq__subtitle{letter-spacing:.1em;color:#00e5a0;text-shadow:0 0 10px #00e5a099,0 0 20px #00e5a04d;font-family:Cinzel Decorative,Cinzel,serif;font-size:1.2rem;font-weight:700}.SplashScreen-module__sVQlcq__tip{color:var(--text-secondary);max-width:320px;font-family:Inter,sans-serif;font-size:.9rem;font-style:italic;font-weight:400;line-height:1.4}.SplashScreen-module__sVQlcq__ambientGlow{pointer-events:none;background:radial-gradient(circle,#00e5a01f 0%,#0000 70%);border-radius:50%;transition:opacity 1s;position:absolute;inset:-20%}