:root{--dnd-dark: #0f1420;--dnd-darker: #0a0f1a;--dnd-gold: #d4af37;--dnd-gold-light: #e8c95a;--dnd-gold-muted: #b89930;--dnd-gold-dark: #9a7b1a;--dnd-gold-glow: var(--dnd-gold-15);--dnd-gold-03: var(--dnd-gold-03);--dnd-gold-06: var(--dnd-gold-06);--dnd-gold-08: var(--dnd-gold-08);--dnd-gold-10: var(--dnd-gold-10);--dnd-gold-12: var(--dnd-gold-12);--dnd-gold-15: var(--dnd-gold-15);--dnd-gold-20: var(--dnd-gold-20);--dnd-gold-25: var(--dnd-gold-25);--dnd-gold-30: var(--dnd-gold-30);--dnd-gold-40: var(--dnd-gold-40);--dnd-gold-50: var(--dnd-gold-50);--dnd-red-08: rgba(160, 64, 64, .08);--dnd-red-10: rgba(160, 64, 64, .1);--dnd-red-15: rgba(160, 64, 64, .15);--dnd-red-20: rgba(160, 64, 64, .2);--dnd-red-30: rgba(160, 64, 64, .3);--dnd-text: #ddd0c0;--dnd-text-light: #e8dcc8;--dnd-text-secondary: #a09888;--dnd-text-disabled: #5a564e;--text-muted: #7a7568;--dnd-muted: #7a7568;--dnd-accent-red: #a04040;--dnd-accent-red-light: #c45555;--dnd-accent-red-bg: var(--dnd-red-10);--dnd-accent-purple: #7b68ee;--dnd-accent-gold: #c9a83e;--dnd-success: #4caf50;--dnd-danger: #ef5350;--dnd-warning: #f39c12;--dnd-info: #42a5f5;--dnd-card-bg: #1a2332;--dnd-border: #303050;--dnd-on-gold: #1a1a2e;--surface-input: rgba(9, 25, 26, .8);--surface-hover: var(--dnd-gold-08);--surface-active: var(--dnd-gold-15);--dnd-surface-elevated: rgba(26, 35, 50, .95);--dnd-surface-inset: rgba(0, 0, 0, .25);--dnd-overlay: rgba(0, 0, 0, .7);--border-subtle: var(--dnd-gold-10);--border-accent: var(--dnd-gold-30);--border-divider: var(--dnd-gold-20);--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--dnd-surface-0: #0a0f1a;--dnd-surface-1: #141e2e;--dnd-surface-2: #1a2332;--dnd-surface-3: #263550;--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-xl: 0 16px 48px rgba(0,0,0,.6);--shadow-glow-gold: 0 0 20px var(--dnd-gold-15);--shadow-inset: inset 0 1px 2px rgba(0,0,0,.3);--glow-gold-sm: 0 0 12px var(--dnd-gold-15);--glow-gold-md: 0 0 20px var(--dnd-gold-20);--glow-gold-lg: 0 0 30px var(--dnd-gold-30);--heading-xl: 2rem;--heading-lg: 1.5rem;--heading-md: 1.25rem;--heading-sm: 1rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--theme-transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease}:root[data-theme=light]{--dnd-dark: #ede8df;--dnd-darker: #f8f5f0;--dnd-gold: #7a5c1e;--dnd-gold-light: #8b6b22;--dnd-gold-muted: #6a5018;--dnd-gold-dark: #5a4210;--dnd-gold-glow: rgba(122, 92, 30, .1);--dnd-gold-03: rgba(122, 92, 30, .03);--dnd-gold-06: rgba(122, 92, 30, .06);--dnd-gold-08: rgba(122, 92, 30, .08);--dnd-gold-10: rgba(122, 92, 30, .1);--dnd-gold-12: rgba(122, 92, 30, .12);--dnd-gold-15: rgba(122, 92, 30, .15);--dnd-gold-20: rgba(122, 92, 30, .2);--dnd-gold-25: rgba(122, 92, 30, .25);--dnd-gold-30: rgba(122, 92, 30, .3);--dnd-gold-40: rgba(122, 92, 30, .4);--dnd-gold-50: rgba(122, 92, 30, .5);--dnd-red-08: rgba(139, 46, 46, .08);--dnd-red-10: rgba(139, 46, 46, .1);--dnd-red-15: rgba(139, 46, 46, .15);--dnd-red-20: rgba(139, 46, 46, .2);--dnd-red-30: rgba(139, 46, 46, .3);--dnd-text: #2d2a24;--dnd-text-light: #4a463b;--dnd-text-secondary: #6a6355;--dnd-text-disabled: #a09888;--text-muted: #7a7366;--dnd-muted: #7a7366;--dnd-accent-red: #8b2e2e;--dnd-accent-red-light: #a04040;--dnd-accent-red-bg: var(--dnd-red-10);--dnd-card-bg: #ffffff;--dnd-border: #c9c0b0;--dnd-on-gold: #ffffff;--surface-input: #ffffff;--surface-hover: var(--dnd-gold-06);--surface-active: var(--dnd-gold-12);--dnd-surface-elevated: rgba(255, 255, 255, .95);--dnd-surface-inset: rgba(0, 0, 0, .04);--dnd-overlay: rgba(0, 0, 0, .4);--border-subtle: var(--dnd-gold-08);--border-accent: var(--dnd-gold-25);--border-divider: var(--dnd-gold-15);--dnd-surface-0: #f8f5f0;--dnd-surface-1: #ffffff;--dnd-surface-2: #f0ebe3;--dnd-surface-3: #e8e0d5;--dnd-accent-purple: #6b52d8;--dnd-accent-gold: #8b7014;--dnd-success: #27ae60;--dnd-danger: #c0392b;--dnd-warning: #e67e22;--dnd-info: #2980b9;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-xl: 0 16px 48px rgba(0,0,0,.16);--shadow-glow-gold: 0 0 20px var(--dnd-gold-10);--shadow-inset: inset 0 1px 2px rgba(0,0,0,.06);--glow-gold-sm: 0 0 12px var(--dnd-gold-10);--glow-gold-md: 0 0 20px var(--dnd-gold-15);--glow-gold-lg: 0 0 30px var(--dnd-gold-20)}:root[data-theme=classic-red]{--dnd-dark: #1a1a1e;--dnd-darker: #121214;--dnd-gold: #C41E3A;--dnd-gold-light: #e03050;--dnd-gold-muted: #a01830;--dnd-gold-dark: #8B1A2B;--dnd-gold-03: rgba(196, 30, 58, .03);--dnd-gold-06: rgba(196, 30, 58, .06);--dnd-gold-08: rgba(196, 30, 58, .08);--dnd-gold-10: rgba(196, 30, 58, .1);--dnd-gold-12: rgba(196, 30, 58, .12);--dnd-gold-15: rgba(196, 30, 58, .15);--dnd-gold-20: rgba(196, 30, 58, .2);--dnd-gold-25: rgba(196, 30, 58, .25);--dnd-gold-30: rgba(196, 30, 58, .3);--dnd-gold-40: rgba(196, 30, 58, .4);--dnd-gold-50: rgba(196, 30, 58, .5);--dnd-text: #d8d0c8;--dnd-text-light: #e8e0d8;--dnd-text-secondary: #a09890;--dnd-text-disabled: #5a5856;--text-muted: #78787e;--dnd-muted: #78787e;--dnd-accent-red: #C41E3A;--dnd-accent-red-light: #e03050;--dnd-accent-red-bg: rgba(196, 30, 58, .1);--dnd-card-bg: #222226;--dnd-border: #3a3a40;--dnd-on-gold: #ffffff;--surface-input: rgba(20, 20, 24, .8);--surface-hover: rgba(196, 30, 58, .08);--surface-active: rgba(196, 30, 58, .15);--dnd-surface-elevated: rgba(26, 26, 30, .95);--dnd-surface-inset: rgba(0, 0, 0, .3);--dnd-overlay: rgba(0, 0, 0, .7);--border-subtle: rgba(196, 30, 58, .1);--border-accent: rgba(196, 30, 58, .3);--border-divider: rgba(196, 30, 58, .2);--dnd-surface-0: #121214;--dnd-surface-1: #1a1a1e;--dnd-surface-2: #222226;--dnd-surface-3: #2c2c32;--dnd-accent-purple: #c45e7a;--dnd-accent-gold: #C41E3A;--dnd-success: #4caf50;--dnd-danger: #ff6b6b;--dnd-warning: #f39c12;--dnd-info: #e88a7a;--shadow-sm: 0 1px 3px rgba(0,0,0,.35);--shadow-md: 0 4px 12px rgba(0,0,0,.45);--shadow-lg: 0 8px 24px rgba(0,0,0,.55);--shadow-glow-gold: 0 0 20px rgba(196, 30, 58, .15);--glow-gold-sm: 0 0 12px rgba(196, 30, 58, .15);--glow-gold-md: 0 0 20px rgba(196, 30, 58, .2);--glow-gold-lg: 0 0 30px rgba(196, 30, 58, .3)}body{background-color:var(--dnd-darker);color:var(--dnd-text);transition:var(--theme-transition)}.character-sheet,.wizard-container,.section,.sheet-header,.sheet-tabs,.sheet-tab,.tab-content,.hp-bar-container,.hp-btn,.hp-input,.dice-roll-modal,.dice-roll-header,.dice-roll-btn,.burger-dropdown,.burger-item,.combat-weapon-card,.spell-circle-row,.slot-btn,.quick-dice-panel,.theme-toggle{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}:root[data-theme=light] body{background-color:var(--dnd-darker)}:root[data-theme=light] h1,:root[data-theme=light] h2,:root[data-theme=light] h3,:root[data-theme=light] h4,:root[data-theme=light] h5,:root[data-theme=light] h6{color:#2d2a24}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{background:#fff;color:var(--dnd-text);border-color:var(--dnd-border)}:root[data-theme=light] input:focus,:root[data-theme=light] select:focus,:root[data-theme=light] textarea:focus{border-color:var(--dnd-gold);box-shadow:0 0 0 3px #7a5c1e1a}.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-layout__main{flex:1 1 auto}.page-container{width:100%;max-width:960px;margin:0 auto;padding:0 var(--sp-4)}@media(min-width:1400px){.page-container{max-width:1100px}}.section-card{background:var(--dnd-surface-1);border:1px solid var(--dnd-border);border-radius:var(--radius-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.section-card+.section-card{margin-top:var(--sp-4)}.tabs-scroll{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;position:relative}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll-wrapper{position:relative}.tabs-scroll-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--dnd-surface-1));pointer-events:none;opacity:0;transition:opacity .2s;z-index:1}.tabs-scroll-wrapper--fade:after{opacity:1}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:initial}.hide-desktop{display:none}}:root{--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);background:var(--dnd-surface-1);border:1px solid var(--dnd-border);color:var(--dnd-text-light);padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--duration-fast) ease;position:relative;overflow:hidden;white-space:nowrap;min-height:44px}.btn:hover{border-color:var(--dnd-gold);background:var(--surface-hover);color:var(--dnd-gold);box-shadow:var(--glow-gold-sm)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--dnd-gold);border-color:var(--dnd-gold);color:var(--dnd-on-gold);font-weight:var(--fw-semibold)}.btn-primary:hover{background:var(--dnd-gold-light);border-color:var(--dnd-gold-light);color:var(--dnd-on-gold);box-shadow:var(--glow-gold-md)}.btn-secondary{border-color:transparent;color:var(--dnd-text);background:transparent}.btn-secondary:hover{border-color:transparent;color:var(--dnd-gold);background:var(--dnd-gold-06)}.btn-ghost{border-color:transparent;background:transparent;color:var(--dnd-text-secondary)}.btn-ghost:hover{background:var(--surface-hover);color:var(--dnd-gold);border-color:transparent;box-shadow:none}.btn-danger{border-color:var(--dnd-danger);color:var(--dnd-danger);background:transparent}.btn-danger:hover{background:var(--dnd-danger);color:var(--dnd-text-light);box-shadow:0 0 20px #ef53504d}.btn-success{border-color:var(--dnd-success);color:var(--dnd-success);background:transparent}.btn-success:hover{background:var(--dnd-success);color:#fff;box-shadow:0 0 20px #4caf504d}.btn-sm{padding:.375rem .75rem;font-size:var(--text-sm);min-height:36px;border-radius:var(--radius-sm)}.btn-lg{padding:.75rem 1.5rem;font-size:var(--text-md);min-height:48px}.btn-spinner{width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon-left,.btn-icon-right{display:inline-flex;align-items:center;flex-shrink:0}:root[data-theme=light] .btn{border-color:var(--dnd-border);background:#fff;color:var(--dnd-text);box-shadow:var(--shadow-xs)}:root[data-theme=light] .btn:hover{background:var(--surface-hover);border-color:var(--dnd-gold);color:var(--dnd-gold)}:root[data-theme=light] .btn-primary,:root[data-theme=light] .btn-next,:root[data-theme=light] .btn-complete{background:var(--dnd-gold);color:var(--dnd-on-gold);border-color:var(--dnd-gold)}:root[data-theme=light] .btn-primary:hover,:root[data-theme=light] .btn-next:hover,:root[data-theme=light] .btn-complete:hover{background:var(--dnd-gold-dark);box-shadow:var(--glow-gold-md)}:root[data-theme=light] .btn-load{background:#fff;border-color:var(--dnd-border)}@media(max-width:480px){.btn-full-mobile{width:100%}}.wizard-container{min-height:100vh;background:linear-gradient(180deg,var(--dnd-darker) 0%,var(--dnd-dark) 50%,var(--dnd-dark) 100%);background-attachment:fixed;padding:1.25rem 1rem;padding-top:calc(1.25rem + env(safe-area-inset-top,0px));font-family:var(--font-primary);position:relative}.wizard-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,var(--dnd-gold-03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--dnd-red-08) 0%,transparent 50%);pointer-events:none;z-index:0}:root[data-theme=light] .wizard-container:before{background-image:radial-gradient(circle at 20% 50%,rgba(139,112,20,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(217,83,79,.03) 0%,transparent 50%)}.wizard-header{text-align:center;margin-bottom:1.25rem;animation:fadeIn .8s ease-out;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wizard-header h1{color:var(--dnd-gold);font-size:2.2rem;margin:0 0 .25rem;text-shadow:2px 2px 4px rgba(0,0,0,.7),0 0 30px var(--dnd-gold-30),0 0 60px var(--dnd-gold-10);letter-spacing:2px;font-family:var(--font-display);font-weight:700}.wizard-header:after{content:"";display:block;width:300px;height:2px;background:linear-gradient(90deg,transparent,var(--dnd-gold),transparent);margin:1rem auto;box-shadow:0 1px 4px var(--dnd-gold-40)}.wizard-header p{color:var(--dnd-text);font-style:italic;letter-spacing:1px;margin:0}.progress-indicator{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.25rem;margin-bottom:1.5rem;padding-bottom:2.5rem}.progress-indicator .step{width:38px;height:38px;border-radius:50%;background:#0d1b2acc;border:2px solid var(--dnd-border);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--dnd-text);font-weight:700;font-size:1rem;transition:all .3s ease;cursor:default;position:relative;box-shadow:0 2px 10px #0006}.step-number{line-height:1}.step-label{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:.6rem;font-weight:500;white-space:nowrap;color:var(--dnd-text);opacity:.6;letter-spacing:.25px}.step.active .step-label{opacity:1;color:var(--dnd-gold)}.progress-indicator .step:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:radial-gradient(circle,transparent,var(--dnd-gold-20));opacity:0;transition:opacity .3s ease}.progress-indicator .step.active{background:linear-gradient(135deg,var(--dnd-gold) 0%,var(--dnd-gold-dark) 100%);border-color:var(--dnd-gold);color:#1a1a1a;box-shadow:0 0 0 4px var(--dnd-gold-20),0 0 20px var(--dnd-gold-50),inset 0 1px #ffffff4d;transform:scale(1.15);font-weight:700}.progress-indicator .step.active:before{opacity:1}.progress-indicator .step.completed{background:var(--dnd-red-30);border-color:var(--dnd-accent-red);color:var(--dnd-accent-red)}.wizard-content{max-width:900px;margin:0 auto;animation:slideIn .6s ease-out;position:relative;z-index:1}@media(max-width:768px){.wizard-container{padding:1rem}.wizard-header h1{font-size:2rem}.progress-indicator{gap:.75rem}.progress-indicator .step{width:34px;height:34px;font-size:.9rem}}@media(max-width:480px){.wizard-header h1{font-size:1.5rem}.progress-indicator .step{width:32px;height:32px;font-size:.85rem}.step-label{display:none}}:root[data-theme=light] .wizard-container{background:linear-gradient(180deg,#f8f5f0,#ede8df,#e5dfd4)}:root[data-theme=light] .wizard-header h1{color:#2d2a24;text-shadow:none}:root[data-theme=light] .wizard-header p{color:#5c5647}:root[data-theme=light] .progress-indicator .step{background:#fff;border-color:var(--dnd-border);color:var(--dnd-text);box-shadow:0 2px 6px #00000014}:root[data-theme=light] .progress-indicator .step.active{background:linear-gradient(135deg,#c9a230,#a0811a);border-color:#a0811a;color:#fff;box-shadow:0 0 0 3px #7a5c1e26,0 2px 10px #7a5c1e40}:root[data-theme=light] .progress-indicator .step.completed{background:#8b2e2e1f;border-color:#8b2e2e;color:#8b2e2e}.character-review{background:var(--dnd-surface-1);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--dnd-gold-15);box-shadow:0 4px 24px #0006,inset 0 1px 1px var(--dnd-gold-08);position:relative}.character-review:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--dnd-gold),transparent);opacity:.6}.character-review:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--dnd-gold),transparent);opacity:.6}.name-input-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.name-input-group label{font-weight:600;color:var(--dnd-gold);margin-bottom:.75rem;font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-primary)}.name-input-group input{padding:.75rem;background:var(--dnd-surface-0);border:1px solid var(--dnd-border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;color:var(--dnd-text-light);transition:border-color .2s ease,box-shadow .2s ease}.name-input-group input::placeholder{color:var(--dnd-muted);opacity:.45}.name-input-group input:focus{outline:none;border-color:var(--dnd-gold);box-shadow:0 0 0 2px var(--dnd-gold-15)}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem}.review-section{background:var(--dnd-surface-0);padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--dnd-border);border-left:3px solid var(--dnd-gold);position:relative;transition:all .2s ease}.review-section:hover{border-left-color:var(--dnd-accent-red);box-shadow:0 4px 20px var(--dnd-gold-10),inset 0 0 0 1px var(--dnd-gold-06)}.review-section h3{color:var(--dnd-gold);margin-top:0;margin-bottom:.75rem;font-size:1.1rem;font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;font-weight:700}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--dnd-gold-08)}.info-row:last-child{border-bottom:none}.label{font-weight:600;color:var(--dnd-text);font-size:.95rem}.value{color:var(--dnd-gold);font-weight:700;letter-spacing:.5px}.ability-scores{grid-column:span 1}.ability-scores-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.ability-compact{background:var(--dnd-surface-0);padding:.625rem;border-radius:var(--radius-sm);text-align:center;border:1px solid var(--dnd-border);transition:all .2s ease;position:relative}.ability-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--dnd-gold),transparent);opacity:0;transition:opacity .3s ease}.ability-compact:hover{border-color:var(--dnd-gold);background:#09191a;box-shadow:0 4px 15px var(--dnd-gold-15)}.ability-compact:hover:before{opacity:1}.ability-short{display:block;font-size:.75rem;font-weight:700;color:var(--dnd-text);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:1px}.ability-score{display:block;font-size:1.4rem;font-weight:700;color:var(--dnd-gold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.ability-mod{display:block;font-size:.85rem;color:var(--dnd-accent-red);font-weight:700;margin-top:.25rem}.skills{grid-column:span 1}.skills-list{list-style:none;padding:0;margin:0}.skills-list li{padding:.6rem 0 .6rem 1.5rem;position:relative;color:var(--dnd-text);font-size:.95rem;transition:color .3s ease}.skills-list li:hover{color:var(--dnd-gold)}.skills-list li:before{content:"◆";position:absolute;left:0;color:var(--dnd-gold);font-size:.8rem}.features{grid-column:span 1}.review-summary{margin-bottom:1.5rem}.summary-card{background:linear-gradient(135deg,var(--dnd-gold-15) 0%,var(--dnd-red-10) 100%);border:1px solid var(--dnd-gold);color:var(--dnd-text-light);padding:1.25rem;border-radius:var(--radius-md);text-align:center;box-shadow:0 0 20px var(--dnd-gold-20),inset 0 1px 0 var(--dnd-gold-10);position:relative}.summary-card:before,.summary-card:after{content:"◆ ◆ ◆";position:absolute;left:1rem;color:var(--dnd-gold);opacity:.5;font-size:.8rem;letter-spacing:4px}.summary-card:before{top:1rem}.summary-card:after{bottom:1rem;right:1rem;left:auto}.summary-card h4{margin-top:0;margin-bottom:.5rem;font-size:1.25rem;font-family:var(--font-display);font-weight:700;letter-spacing:1.5px;color:var(--dnd-gold)}.summary-card p{margin:.75rem 0;font-size:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media(max-width:768px){.character-review{padding:1.5rem}.review-grid{grid-template-columns:1fr}.ability-scores-compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.character-review{padding:1rem}.ability-scores-compact{grid-template-columns:repeat(3,1fr)}}:root[data-theme=light] .character-review{background:#fff;box-shadow:0 2px 12px #0000000f}:root[data-theme=light] .review-section{background:#f8f5f0;border-color:var(--dnd-border);box-shadow:none}:root[data-theme=light] .name-input-group input{background:#fff;border-color:var(--dnd-border);color:var(--dnd-text)}:root[data-theme=light] .name-input-group input:focus{background:#fff;border-color:var(--dnd-gold);box-shadow:0 0 0 3px #7a5c1e1a}:root[data-theme=light] .name-input-group input::placeholder{color:#b0a898}:root[data-theme=light] .ability-compact{background:#fff;border-color:var(--dnd-border);box-shadow:0 1px 4px #0000000d}:root[data-theme=light] .ability-compact:hover{background:#f8f5f0;border-color:var(--dnd-gold)}.wizard-header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-right:5rem;padding-top:max(.5rem,env(safe-area-inset-top,0px))}.user-bar{display:flex;align-items:center;gap:.5rem}.user-name{color:var(--dnd-text);font-size:.8rem;opacity:.7;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-signout{background:var(--dnd-red-20);border:1px solid var(--dnd-accent-red);color:var(--dnd-text-light);padding:.3rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-signout:hover{background:var(--dnd-red-30)}.btn-content-pack{background:#5050a033;border:1px solid rgba(140,100,220,.5);color:var(--dnd-text-light);padding:.3rem .6rem;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-content-pack:hover{background:#5050a066}.badge-srd{display:inline-block;background:var(--dnd-gold-15);border:1px solid var(--dnd-gold-50);color:var(--dnd-gold, #d4af37);font-size:.65rem;font-weight:700;padding:.1rem .35rem;border-radius:var(--radius-sm);letter-spacing:.05em;margin-right:4px;vertical-align:middle}.btn-back-to-list{font-size:.8rem;padding:.3rem .7rem;white-space:nowrap;flex-shrink:0}@media(max-width:480px){.wizard-header-top{padding-right:0;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-modal);padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes slideInModal{0%{opacity:0;transform:translateY(-28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{margin-top:auto;margin-bottom:auto;background:var(--dnd-surface-1);border:1px solid var(--dnd-gold-15);border-radius:var(--radius-lg);box-shadow:0 12px 48px #0000008c,inset 0 1px 0 var(--dnd-gold-06);animation:slideInModal .28s ease-out;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;width:95vw;max-width:600px;position:relative}.modal-header{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--dnd-gold-15);padding:1rem 1.25rem;margin-bottom:0;position:sticky;top:0;background:var(--dnd-surface-1);z-index:1}.modal-title{margin:0;flex:1;min-width:0;color:var(--dnd-gold);font-size:1.15rem;font-weight:700;font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{background:none;border:1px solid transparent;color:var(--dnd-muted);font-size:1.35rem;cursor:pointer;padding:0;width:34px;height:34px;min-width:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .18s ease;line-height:1;flex-shrink:0}.modal-close:hover{background:var(--dnd-gold-10);border-color:var(--dnd-gold-25);color:var(--dnd-gold)}:root[data-theme=light] .modal-overlay{background:#00000073}:root[data-theme=light] .modal-content{background:#fff;border-color:var(--dnd-border);box-shadow:0 8px 32px #0000001a}:root[data-theme=light] .modal-header{background:#fff;border-bottom-color:#7a5c1e26}:root[data-theme=light] .modal-title{color:var(--dnd-gold)}:root[data-theme=light] .modal-close{color:#7a6a52}:root[data-theme=light] .modal-close:hover{background:#7a5c1e14;border-color:#7a5c1e33;color:#5a4210}.license-footer{border-top:1px solid var(--dnd-border);background:var(--dnd-surface-0);padding:.6rem 1rem;margin-top:2rem;font-size:.72rem;color:var(--text-muted);text-align:center;line-height:1.5;position:relative;z-index:0}.license-footer-content{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .4rem}.license-footer-separator{color:var(--text-muted);opacity:.5}.license-footer a{color:var(--dnd-accent-gold);text-decoration:none;border-bottom:1px solid var(--dnd-accent-gold);transition:opacity .2s ease}.license-footer a:hover{opacity:.8}.license-footer-refresh-btn{background:none;border:none;color:var(--dnd-accent-gold);text-decoration:none;cursor:pointer;padding:0;font:inherit;font-size:.9rem;transition:opacity .2s ease;border-bottom:1px solid var(--dnd-accent-gold)}.license-footer-refresh-btn:hover{opacity:.8}:root[data-theme=light] .license-footer-refresh-btn{color:var(--dnd-gold);border-bottom-color:var(--dnd-gold)}@media(max-width:600px){.license-footer{padding:.5rem 4.5rem .5rem .75rem;font-size:.65rem}}.license-footer-lang.language-switcher{font-size:.72rem;padding:.15rem .4rem;border:none;background:transparent;color:var(--dnd-accent-gold);font-weight:400;border-bottom:1px solid var(--dnd-accent-gold);border-radius:0}.license-footer-lang.language-switcher:hover{background:transparent;opacity:.8;border-color:var(--dnd-accent-gold)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:var(--z-toast);display:flex;flex-direction:column;gap:.5rem;max-width:min(400px,calc(100vw - 2rem));pointer-events:none}.toast{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:var(--radius-lg);font-size:.875rem;line-height:1.4;box-shadow:var(--shadow-lg);pointer-events:all;animation:toast-in var(--duration-normal) var(--ease-out);border:1px solid transparent}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.toast--success{background:#1a3324;border-color:var(--dnd-success);color:#a8f0b0}.toast--error{background:#2d1515;border-color:var(--dnd-danger);color:#f4a0a0}.toast--warning{background:#2d2000;border-color:var(--dnd-warning);color:#f5d280}.toast--info{background:var(--dnd-surface-3);border-color:var(--dnd-border);color:var(--dnd-text)}.toast__icon{flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.7rem;font-weight:700}.toast--success .toast__icon{background:var(--dnd-success);color:#000}.toast--error .toast__icon{background:var(--dnd-danger);color:#fff}.toast--warning .toast__icon{background:var(--dnd-warning);color:#000}.toast--info .toast__icon{background:var(--dnd-info);color:#000}.toast__message{flex:1}.toast__action{background:transparent;border:1px solid currentColor;color:inherit;border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.8rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.toast__action:hover{opacity:.8}.toast__close{background:transparent;border:none;color:inherit;opacity:.6;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .15rem;flex-shrink:0}.toast__close:hover{opacity:1}.card{background:var(--dnd-surface-2);border:1px solid var(--dnd-border);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--duration-normal) var(--ease-out)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--dnd-gold);transform:translateY(-2px);box-shadow:var(--shadow-md)}:root[data-theme=light] .card{background:var(--dnd-card-bg);box-shadow:var(--shadow-sm)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:var(--radius-xs);font-weight:700;letter-spacing:.05em;border:1px solid transparent;line-height:1.2}.badge--xs{font-size:.65rem}.badge--sm{font-size:.75rem}.badge--gold{background:var(--dnd-gold-15);color:var(--dnd-gold);border-color:var(--dnd-gold-30)}.badge--red{background:var(--dnd-red-15);color:var(--dnd-accent-red);border-color:var(--dnd-red-30)}.badge--purple{background:#7b68ee26;color:var(--dnd-accent-purple);border-color:#7b68ee4d}.badge--success{background:#4caf5026;color:var(--dnd-success);border-color:#4caf504d}.badge--info{background:#42a5f526;color:var(--dnd-info);border-color:#42a5f54d}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--dnd-gold-10);color:var(--dnd-gold)}.btn-sm{padding:.4rem .75rem;font-size:.8rem}.btn-lg{padding:.8rem 1.75rem;font-size:1.1rem}.btn-icon-left{margin-right:.5rem}.btn-icon-right{margin-left:.5rem}.btn-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:rotate .8s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input{display:block;width:100%;padding:.6rem .85rem;background:var(--surface-input);border:1px solid var(--dnd-border);border-radius:var(--radius-md);color:var(--dnd-text);font-size:var(--text-base);font-family:inherit;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;min-height:44px}.input::placeholder{color:var(--text-muted);opacity:.7}.input:focus{outline:none;border-color:var(--dnd-gold);box-shadow:0 0 0 3px var(--dnd-gold-10)}.input:disabled{opacity:.5;cursor:not-allowed}.select{display:block;width:100%;padding:.6rem 2rem .6rem .85rem;background:var(--surface-input);border:1px solid var(--dnd-border);border-radius:var(--radius-md);color:var(--dnd-text);font-size:var(--text-base);font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%237a7568'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:border-color var(--duration-fast) ease;min-height:44px}.select:focus{outline:none;border-color:var(--dnd-gold);box-shadow:0 0 0 3px var(--dnd-gold-10)}.divider{height:1px;background:var(--border-divider);margin:var(--sp-4) 0}.divider--gold{background:linear-gradient(90deg,transparent,var(--dnd-gold-30),transparent)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.confirm-dialog{max-width:420px}.confirm-dialog .modal-header{border-bottom:none;padding:1rem 1.5rem 0;margin-bottom:0}.confirm-body{padding:.5rem 1.5rem 1.5rem;color:var(--dnd-text);font-size:1rem;line-height:1.5;opacity:.85}.confirm-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:0 1.5rem 1.5rem}.confirm-btn{padding:.6rem 1.4rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.confirm-btn--cancel{background:var(--dnd-surface-3);border-color:var(--dnd-border);color:var(--dnd-text)}.confirm-btn--cancel:hover{background:var(--dnd-surface-2);border-color:var(--dnd-text-muted)}.confirm-btn--confirm{background:var(--dnd-gold);color:#1a1a2e}.confirm-btn--confirm:hover{filter:brightness(1.1)}.confirm-btn--danger{background:#c0392b;color:#fff}.confirm-btn--danger:hover{background:#e74c3c}.empty-state-block{text-align:center;padding:3rem 1rem;color:var(--dnd-text)}.empty-state-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.empty-state-block h3{color:var(--dnd-gold);font-family:var(--font-display);font-size:1.2rem;margin:0 0 .5rem}.empty-state-block p{opacity:.6;font-style:italic;margin:0 0 1rem}.empty-state-cta{display:inline-block;padding:.5rem 1.2rem;border-radius:var(--radius-sm);background:var(--dnd-gold);color:#1a1a2e;font-weight:600;border:none;cursor:pointer;transition:filter .2s ease}.empty-state-cta:hover{filter:brightness(1.1)}.error-banner{text-align:center;padding:1rem;margin:.5rem 0;border-radius:var(--radius-sm);background:#c0392b1a;border:1px solid rgba(192,57,43,.3);color:#f99;font-size:.95rem}:root[data-theme=light] .error-banner{background:#fee;border-color:#fcc;color:#c00}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem;animation:fadeInOverlay .2s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.share-modal{background:var(--dnd-surface-1);border:1px solid var(--dnd-gold-15);border-radius:var(--radius-lg, 12px);width:95vw;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 16px 48px #0000008c,inset 0 1px 0 var(--dnd-gold-06);animation:slideUp .3s ease-out;display:flex;flex-direction:column}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--dnd-gold-20);flex-shrink:0}.share-modal-header h3{margin:0;font-size:1.2rem;font-weight:700;color:var(--dnd-gold, #d4af37);font-family:var(--font-display);letter-spacing:.5px}.share-modal-close{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:.25rem;color:var(--dnd-text-secondary, #a0a0a0);line-height:1;transition:color .2s;border-radius:4px}.share-modal-close:hover{color:var(--dnd-gold, #d4af37);background:var(--dnd-gold-10)}.share-modal-charname{padding:0 1.5rem;margin:1rem 0 .75rem;font-weight:600;color:var(--dnd-text-primary, #e8d5b7);font-size:.95rem}.share-form{display:flex;gap:.5rem;margin:0 1.5rem 1rem}.share-email-input{flex:1;padding:.6rem .75rem;border:1px solid var(--dnd-border);border-radius:6px;font-size:.95rem;background:var(--dnd-surface-0);color:var(--dnd-text-light);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.share-email-input::placeholder{color:var(--dnd-muted);opacity:.5}.share-email-input:focus{outline:none;border-color:var(--dnd-gold);box-shadow:0 0 0 2px var(--dnd-gold-15)}.share-btn-add{padding:.6rem 1rem;border:1px solid var(--dnd-gold, #d4af37);border-radius:6px;background:linear-gradient(135deg,var(--dnd-gold-15),var(--dnd-gold-06));color:var(--dnd-gold, #d4af37);font-weight:600;cursor:pointer;white-space:nowrap;font-size:.9rem;font-family:inherit;transition:all .2s}.share-btn-add:disabled{opacity:.4;cursor:not-allowed}.share-btn-add:not(:disabled):hover{background:linear-gradient(135deg,var(--dnd-gold-25),var(--dnd-gold-15));box-shadow:0 0 8px var(--dnd-gold-30)}.share-btn-add:not(:disabled):active{transform:scale(.98)}.share-msg{margin:0 1.5rem .75rem;padding:.75rem;border-radius:6px;font-size:.9rem;border-left:3px solid;animation:slideInMsg .3s ease-out}@keyframes slideInMsg{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.share-msg-error{background:#c8323226;color:#f99;border-color:#c83232}.share-msg-success{background:#64b46426;color:#9f9;border-color:#64b464}.share-list{padding:0 1.5rem 1.5rem;flex:1;overflow-y:auto}.share-list h4{margin:0 0 .75rem;font-size:.9rem;color:var(--dnd-gold, #d4af37);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.share-list ul{list-style:none;margin:0;padding:0}.share-list-empty{font-size:.9rem;color:var(--dnd-text-secondary, #a0a0a0);font-style:italic;text-align:center;padding:1rem 0}.share-list-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:6px;margin-bottom:.5rem;background:var(--dnd-gold-06);border:1px solid var(--dnd-gold-10);transition:all .2s}.share-list-item:last-child{margin-bottom:0}.share-list-item:hover{background:var(--dnd-gold-08);border-color:var(--dnd-gold-20)}.share-list-info{display:flex;flex-direction:column;gap:.2rem;flex:1}.share-list-name{font-weight:500;color:var(--dnd-text-primary, #e8d5b7)}.share-list-email{font-size:.8rem;color:var(--dnd-text-secondary, #a0a0a0)}.share-btn-remove{background:none;border:1px solid rgba(200,80,80,.4);border-radius:4px;padding:.35rem .6rem;cursor:pointer;color:#f99;font-size:.85rem;transition:all .2s;flex-shrink:0}.share-btn-remove:not(:disabled):hover{background:#c8505026;border-color:#c8505099;color:#fcc}.share-btn-remove:disabled{opacity:.4;cursor:not-allowed}:root[data-theme=light] .share-modal{background:#fff;border-color:var(--dnd-border);box-shadow:0 8px 32px #0000001a}:root[data-theme=light] .share-modal-header{border-bottom-color:#b48c3233}:root[data-theme=light] .share-modal-header h3{color:#8b4513}:root[data-theme=light] .share-email-input{background:#fff;color:var(--dnd-text);border-color:var(--dnd-border)}:root[data-theme=light] .share-email-input::placeholder{color:#b0a898}:root[data-theme=light] .share-email-input:focus{border-color:var(--dnd-gold);box-shadow:0 0 0 2px #7a5c1e1a}:root[data-theme=light] .share-btn-add{color:#8b4513;border-color:#b48c32;background:linear-gradient(135deg,#b48c321a,#b48c3205)}:root[data-theme=light] .share-btn-add:not(:disabled):hover{background:linear-gradient(135deg,#b48c3226,#b48c320d);box-shadow:0 0 8px #b48c3233}:root[data-theme=light] .share-modal-charname{color:#333}:root[data-theme=light] .share-list h4{color:#8b4513}:root[data-theme=light] .share-list-name{color:#333}:root[data-theme=light] .share-list-email{color:#999}:root[data-theme=light] .share-list-item{background:#b48c320d;border-color:#b48c3226}:root[data-theme=light] .share-msg-error{background:#c864641a;color:#c83232;border-color:#e88888}:root[data-theme=light] .share-msg-success{background:#64b4641a;color:#2d7a2d;border-color:#8d8}.sg-section{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:2px solid var(--dnd-border)}.sg-section-title{color:var(--dnd-gold);font-size:var(--text-lg);font-family:var(--font-display);letter-spacing:1px;margin:0 0 var(--sp-1)}.sg-section-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--sp-4)}.sg-create-btn{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-3) var(--sp-4);border:2px dashed var(--dnd-gold-30);border-radius:var(--radius-xl);background:transparent;color:var(--dnd-gold);font-size:var(--text-base);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);margin-bottom:var(--sp-3)}.sg-create-btn:hover{border-color:var(--dnd-gold);border-style:solid;background:var(--dnd-gold-08);box-shadow:var(--shadow-glow-gold)}.sg-group-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--dnd-surface-2);border:1px solid var(--dnd-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);margin-bottom:var(--sp-2)}:root[data-theme=light] .sg-group-card{background:var(--dnd-card-bg);box-shadow:var(--shadow-xs)}.sg-group-card:hover{border-color:var(--dnd-gold-40);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sg-group-icon{font-size:1.5rem;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dnd-gold-10),var(--dnd-gold-03));border-radius:var(--radius-lg)}.sg-group-info{flex:1;min-width:0}.sg-group-name{color:var(--dnd-text-light);font-weight:600;font-size:var(--text-md);font-family:var(--font-display)}.sg-group-meta{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--sp-1)}.sg-group-actions{display:flex;gap:var(--sp-1);flex-shrink:0}.sg-group-actions button{background:transparent;border:none;cursor:pointer;font-size:1rem;padding:var(--sp-1);border-radius:var(--radius-sm);transition:background .15s}.sg-group-actions button:hover{background:#ffffff1a}.sg-builder{max-width:800px;margin:0 auto;padding:var(--sp-4)}.sg-builder-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6)}.sg-back-btn{background:transparent;border:1px solid var(--dnd-border);color:var(--dnd-text-light);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out)}.sg-back-btn:hover{border-color:var(--dnd-gold);color:var(--dnd-gold)}.sg-builder-title{color:var(--dnd-gold);font-size:var(--text-xl);font-family:var(--font-display);letter-spacing:1px;flex:1}.sg-form-group{margin-bottom:var(--sp-4)}.sg-form-label{display:block;color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--sp-1);font-weight:500}.sg-form-input{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--dnd-surface-2);border:1px solid var(--dnd-border);border-radius:var(--radius-md);color:var(--dnd-text-light);font-size:16px;box-sizing:border-box;transition:border-color var(--duration-fast) var(--ease-out)}.sg-form-input:focus{outline:none;border-color:var(--dnd-gold);box-shadow:0 0 0 3px var(--dnd-gold-10)}.sg-form-textarea{resize:vertical;min-height:60px}.sg-save-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);background:var(--dnd-gold);color:#1a1a2e;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sg-save-btn:hover{opacity:.9;box-shadow:var(--shadow-glow-gold)}.sg-save-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.sg-members-section{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--dnd-border)}.sg-members-title{color:var(--dnd-gold);font-size:var(--text-md);font-family:var(--font-display);margin:0 0 var(--sp-3)}.sg-member-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--dnd-surface-2);border:1px solid var(--dnd-border);border-radius:var(--radius-md);margin-bottom:var(--sp-1);transition:all var(--duration-fast) var(--ease-out)}.sg-member-item:hover{border-color:var(--dnd-gold-40)}.sg-member-item--inactive{opacity:.5}.sg-member-item--access-lost{border-color:#c0392b;opacity:.6}.sg-member-drag{cursor:grab;color:var(--dnd-muted);font-size:1.1rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.sg-member-drag:active{cursor:grabbing}.sg-member-info{flex:1;min-width:0}.sg-member-name{color:var(--dnd-text-light);font-weight:600;font-size:var(--text-sm)}.sg-member-details{color:var(--text-muted);font-size:var(--text-xs)}.sg-member-alias{color:var(--dnd-gold);font-size:var(--text-xs);font-style:italic}.sg-member-controls{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.sg-member-controls button{background:transparent;border:none;cursor:pointer;font-size:.9rem;padding:.2rem;border-radius:4px;transition:background .15s}.sg-member-controls button:hover{background:#ffffff1a}.sg-member-toggle{width:36px;height:20px;border-radius:10px;background:var(--dnd-border);border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.sg-member-toggle--active{background:var(--dnd-gold)}.sg-member-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.sg-member-toggle--active:after{transform:translate(16px)}.sg-add-member-btn{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border:2px dashed var(--dnd-gold-25);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);margin-top:var(--sp-2)}.sg-add-member-btn:hover{border-color:var(--dnd-gold);border-style:solid;color:var(--dnd-gold)}.sg-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sp-4)}.sg-picker{background:var(--dnd-dark);border:1px solid var(--dnd-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl)}.sg-picker-header{padding:var(--sp-4);border-bottom:1px solid var(--dnd-border);display:flex;align-items:center;justify-content:space-between}.sg-picker-title{color:var(--dnd-gold);font-size:var(--text-md);font-family:var(--font-display);letter-spacing:.5px}.sg-picker-close{background:transparent;border:none;color:var(--dnd-muted);font-size:1.3rem;cursor:pointer;padding:.25rem}.sg-picker-back{background:transparent;border:none;color:var(--dnd-gold);font-size:.85rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .15s}.sg-picker-back:hover{background:var(--dnd-gold-10)}.sg-link-btn{background:none;border:none;color:var(--dnd-gold);text-decoration:underline;cursor:pointer;font-size:.9rem;padding:0}.sg-picker-search{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--dnd-border)}.sg-picker-search input{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--dnd-surface-2);border:1px solid var(--dnd-border);border-radius:var(--radius-md);color:var(--dnd-text-light);font-size:var(--text-sm);box-sizing:border-box;transition:border-color var(--duration-fast) var(--ease-out)}.sg-picker-search input:focus{outline:none;border-color:var(--dnd-gold);box-shadow:0 0 0 3px var(--dnd-gold-10)}.sg-picker-list{flex:1;overflow-y:auto;padding:var(--sp-2)}.sg-picker-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.sg-picker-item:hover{background:var(--dnd-gold-10)}.sg-picker-item--added{opacity:.5;cursor:not-allowed}.sg-picker-char-icon{font-size:1.2rem;flex-shrink:0}.sg-picker-char-info{flex:1;min-width:0}.sg-picker-char-name{color:var(--dnd-text-light);font-weight:600;font-size:var(--text-sm)}.sg-picker-char-details,.sg-picker-char-owner{color:var(--text-muted);font-size:var(--text-xs)}.sg-picker-empty{text-align:center;color:var(--text-muted);padding:var(--sp-8);font-size:var(--text-sm)}.sg-party-view{max-width:960px;margin:0 auto;padding:var(--sp-4)}.sg-party-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.sg-party-title{color:var(--dnd-gold);font-size:var(--text-2xl);font-family:var(--font-display);letter-spacing:1px;flex:1}.sg-party-mode-toggle{display:flex;border:1px solid var(--dnd-border);border-radius:var(--radius-md);overflow:hidden}.sg-party-mode-btn{padding:var(--sp-1) var(--sp-3);background:transparent;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sg-party-mode-btn--active{background:var(--dnd-gold);color:#1a1a2e;font-weight:600}.sg-party-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-3)}.sg-pc-card{background:var(--dnd-surface-2);border:1px solid var(--dnd-border);border-radius:var(--radius-xl);padding:var(--sp-3);transition:all var(--duration-normal) var(--ease-out);position:relative;display:flex;flex-direction:column;overflow:hidden}.sg-pc-card--player{border-left:4px solid #3498db}.sg-pc-card:hover{border-color:var(--dnd-gold-40);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sg-pc-card--player:hover{border-color:#3498db;border-left-color:#3498db}.sg-pc-card--access-lost{opacity:.5;border-color:#c0392b}.sg-pc-card--inactive{opacity:.4}.sg-pc-header{display:flex;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-2);position:relative}.sg-pc-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dnd-gold-10),var(--dnd-gold-03));border-radius:var(--radius-md)}.sg-pc-name-block{flex:1;min-width:0}.sg-pc-name{color:var(--dnd-text-light);font-weight:700;font-size:var(--text-md);font-family:var(--font-display);cursor:pointer;transition:color .15s ease}.sg-pc-name:hover{color:var(--dnd-gold)}.sg-pc-alias{color:var(--dnd-gold);font-size:var(--text-xs);font-style:italic}.sg-pc-class{color:var(--text-muted);font-size:var(--text-xs)}.sg-pc-owner{color:var(--text-muted);font-size:.7rem}.sg-pc-initiative-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.4rem .6rem;background:var(--dnd-gold-15);border:1px solid var(--dnd-gold-40);border-radius:6px;flex-shrink:0;min-width:50px}.sg-pc-initiative-badge--header{order:-1;margin-right:.5rem}.sg-pc-initiative-footer{display:none}.sg-pc-initiative-label{color:var(--dnd-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.sg-pc-initiative-value{color:var(--dnd-gold);font-size:1.1rem;font-weight:700;cursor:pointer;transition:color .15s}.sg-pc-initiative-value:hover{color:#f4d03f}.sg-pc-initiative-input{width:45px;padding:.25rem .4rem;background:#ffffff1a;border:1px solid var(--dnd-gold);border-radius:4px;color:var(--dnd-gold);font-size:1.1rem;font-weight:700;text-align:center;outline:none}.sg-pc-initiative-input:focus{background:var(--dnd-gold-20);border-color:#f4d03f}.sg-pc-stats{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.sg-pc-stat{display:flex;flex-direction:column;align-items:center;padding:.3rem .5rem;background:#ffffff0a;border:1px solid var(--dnd-border);border-radius:6px;min-width:50px}.sg-pc-stat-label{color:var(--dnd-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.sg-pc-stat-value{color:var(--dnd-text);font-size:1rem;font-weight:700}.sg-pc-stat-value--hp{color:#27ae60}.sg-pc-stat-value--low-hp{color:#c0392b}.sg-pc-actions{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.4rem}.sg-pc-action-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--dnd-gold-10);border:1px solid var(--dnd-gold-30);border-radius:4px;color:var(--dnd-gold);font-size:.75rem;cursor:pointer;transition:all .15s}.sg-pc-action-btn:hover{background:var(--dnd-gold-20)}.sg-pc-action-btn:disabled{opacity:.4;cursor:not-allowed}.sg-pc-spell-slots{display:flex;flex-wrap:wrap;gap:.3rem .6rem;margin-bottom:.5rem;padding:.4rem .5rem;background:#ffffff08;border:1px solid var(--dnd-border);border-radius:6px}.sg-pc-spell-row{display:flex;align-items:center;gap:.25rem}.sg-pc-spell-circle{color:var(--dnd-gold);font-size:.65rem;font-weight:700;width:.9rem;text-align:center;flex-shrink:0}.sg-pc-spell-pips{display:flex;gap:2px;align-items:center}.sg-pc-spell-pip{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--dnd-gold);background:transparent;opacity:.35;transition:all .2s}.sg-pc-spell-pip--avail{background:var(--dnd-gold);opacity:1;box-shadow:0 0 4px var(--dnd-gold-30)}.sg-pc-access-lost{text-align:center;padding:1rem;color:#c0392b;font-size:.85rem}.sg-readonly-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;background:#ffffff0d;border:1px solid var(--dnd-border);border-radius:12px;color:var(--dnd-muted);font-size:.75rem}.sg-sync-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;background:#27ae601a;border:1px solid rgba(39,174,96,.35);border-radius:12px;color:#27ae60;font-size:.7rem;font-weight:600;letter-spacing:.5px;animation:sg-sync-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes sg-sync-pulse{0%,to{opacity:1}50%{opacity:.6}}.sg-sync-indicator--lost{background:#e74c3c1f;border-color:#e74c3c66;color:#e74c3c;animation:sg-sync-lost-blink 1.2s ease-in-out infinite}@keyframes sg-sync-lost-blink{0%,to{opacity:1}50%{opacity:.35}}.sg-inline-input{width:3rem;padding:.15rem .25rem;background:var(--dnd-card);border:1px solid var(--dnd-border);border-radius:4px;color:var(--dnd-text);font-size:16px;text-align:center}.sg-inline-input:focus{outline:none;border-color:var(--dnd-gold)}.sg-loading{text-align:center;padding:2rem;color:var(--dnd-muted)}.sg-error{text-align:center;padding:1rem;color:#c0392b;background:#c0392b1a;border-radius:8px;margin:1rem 0}.sg-empty{text-align:center;padding:2rem;color:var(--dnd-muted);font-size:.9rem}@media(max-width:600px){.sg-party-grid{grid-template-columns:1fr}.sg-party-header{flex-direction:column;align-items:stretch}.sg-party-mode-toggle{align-self:center}}.sg-create-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sp-4)}.sg-create-modal{background:var(--dnd-dark);border:1px solid var(--dnd-border);border-radius:var(--radius-xl);width:100%;max-width:450px;padding:var(--sp-5);box-shadow:var(--shadow-xl)}.sg-create-modal h3{color:var(--dnd-gold);font-family:var(--font-display);letter-spacing:.5px;margin:0 0 var(--sp-4)}.sg-create-actions{display:flex;gap:var(--sp-2);justify-content:flex-end;margin-top:var(--sp-4)}.sg-cancel-btn{padding:var(--sp-2) var(--sp-4);background:transparent;border:1px solid var(--dnd-border);color:var(--dnd-text-light);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out)}.sg-cancel-btn:hover{border-color:var(--dnd-gold)}.sg-delete-btn{padding:.5rem 1rem;background:#c0392b;border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600}.sg-delete-btn:hover{opacity:.9}.sg-npc-card{border-color:#c0392b73;border-left:4px solid #c0392b}.sg-npc-card:hover{border-color:#c0392b;border-left-color:#c0392b}.sg-npc-badge{color:#e67e22;font-style:italic}.sg-npc-remove-btn{background:transparent;border:none;color:var(--dnd-muted);font-size:.85rem;cursor:pointer;padding:.15rem .3rem;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0;align-self:flex-start}.sg-npc-remove-btn:hover{color:#c0392b;background:#c0392b1a}.sg-npc-hp-input{width:3.5rem}.sg-add-npc-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:#c0392b26;border:1px solid rgba(192,57,43,.5);border-radius:6px;color:#e74c3c;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.sg-add-npc-btn:hover{background:#c0392b40;border-color:#c0392b}.sg-npc-generator{max-width:420px}.sg-npc-form{padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:calc(80vh - 60px)}.sg-npc-row{display:flex;flex-direction:column;gap:.3rem}.sg-npc-row-inline{display:grid;grid-template-columns:auto auto;gap:.75rem}.sg-npc-level-range{display:flex;align-items:center;gap:.5rem}.sg-npc-level-sep{color:var(--dnd-muted);font-size:.9rem}.sg-npc-actions{display:flex;gap:.5rem;flex-wrap:wrap}.sg-npc-gen-btn{flex:1;padding:.55rem 1rem;background:var(--dnd-gold);border:none;border-radius:6px;color:#1a1a2e;font-weight:700;font-size:.9rem;cursor:pointer;transition:opacity .2s;white-space:nowrap}.sg-npc-gen-btn:hover{opacity:.88}.sg-npc-add-btn{flex:1;padding:.55rem 1rem;background:#c0392b26;border:1px solid rgba(192,57,43,.5);border-radius:6px;color:#e74c3c;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.sg-npc-add-btn:hover{background:#c0392b40}.sg-npc-add-btn:disabled{background:#00000026;border-color:#0003;color:var(--dnd-muted, #888);cursor:not-allowed;opacity:.6}.sg-npc-add-btn:disabled:hover{background:#00000026}.sg-npc-add-btn--full{width:100%;flex:none;margin-top:.5rem}.sg-npc-preview{padding:.75rem;background:#c0392b0f;border:1px solid rgba(192,57,43,.3);border-radius:8px;display:flex;flex-direction:column;gap:.3rem}.sg-npc-preview-header{color:var(--dnd-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.sg-npc-preview-name{color:var(--dnd-text);font-weight:700;font-size:1rem}.sg-npc-preview-sub{color:#e67e22;font-size:.8rem;font-style:italic}.sg-npc-preview-stats{display:flex;gap:1rem;color:var(--dnd-muted);font-size:.85rem}.sg-combat-order-hint{display:flex;align-items:center;gap:.4rem;color:var(--dnd-muted);font-size:.75rem;margin-bottom:.5rem;padding:.3rem .5rem;background:#ffffff08;border-radius:6px;border:1px solid var(--dnd-border);width:fit-content}.sg-edit-party-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:#3498db1f;border:1px solid rgba(52,152,219,.45);border-radius:6px;color:#3498db;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.sg-edit-party-btn:hover{background:#3498db38;border-color:#3498db}.sg-npc-header-clickable{cursor:pointer;border-radius:6px;transition:background .15s}.sg-npc-header-clickable:hover{background:#c0392b14}.sg-npc-delta-row{display:flex;gap:.4rem;align-items:center;padding-top:.35rem;flex-wrap:wrap}.sg-npc-delta-input{width:4.5rem;flex-shrink:0}.sg-npc-dmg-btn,.sg-npc-heal-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .65rem;border:none;border-radius:5px;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .15s,filter .15s;white-space:nowrap}.sg-npc-dmg-btn{background:#c0392b2e;color:#e74c3c;border:1px solid rgba(192,57,43,.4)}.sg-npc-dmg-btn:hover{background:#c0392b4d;border-color:#c0392b}.sg-npc-heal-btn{background:#27ae6026;color:#27ae60;border:1px solid rgba(39,174,96,.4)}.sg-npc-heal-btn:hover{background:#27ae6047;border-color:#27ae60}.sg-stepper{display:inline-flex;align-items:center;gap:0;border:1px solid var(--dnd-border);border-radius:6px;overflow:hidden;background:var(--dnd-card);width:fit-content}.sg-stepper-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--dnd-gold);font-size:1.2rem;font-weight:700;cursor:pointer;transition:background .15s;user-select:none;-webkit-user-select:none}.sg-stepper-btn:hover:not(:disabled){background:var(--dnd-gold-15)}.sg-stepper-btn:active:not(:disabled){background:var(--dnd-gold-25)}.sg-stepper-btn:disabled{opacity:.3;cursor:not-allowed}.sg-stepper-value{min-width:40px;text-align:center;color:var(--dnd-text);font-size:1rem;font-weight:700;padding:0 .25rem;border-left:1px solid var(--dnd-border);border-right:1px solid var(--dnd-border);line-height:36px}.sg-npc-detail-modal{background:var(--dnd-card-bg);border:1px solid var(--dnd-border);border-radius:12px;width:min(480px,96vw);max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000059}.sg-npc-detail-body{padding:1rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.75rem}.sg-npc-detail-sub{color:#e67e22;font-size:.85rem;font-style:italic}.sg-npc-detail-stats{display:flex;gap:.75rem;flex-wrap:wrap;padding:.5rem;background:#ffffff08;border-radius:8px;border:1px solid var(--dnd-border)}.sg-npc-detail-stat{display:flex;flex-direction:column;align-items:center;min-width:3.5rem}.sg-npc-detail-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:var(--dnd-muted)}.sg-npc-detail-stat-value{font-size:1.1rem;font-weight:700;color:var(--dnd-text)}.sg-npc-detail-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;color:var(--dnd-muted);font-weight:600;border-bottom:1px solid var(--dnd-border);padding-bottom:.2rem}.sg-npc-detail-abilities{font-size:.82rem;line-height:1.45;color:var(--dnd-text);white-space:pre-wrap;word-break:break-word;padding:.4rem .5rem;background:var(--dnd-bg-alt, rgba(255,255,255,.03));border-radius:6px;border:1px solid var(--dnd-border)}.sg-npc-ability-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.sg-npc-ability{display:flex;flex-direction:column;align-items:center;padding:.4rem .2rem;border:1px solid var(--dnd-border);border-radius:6px;background:#ffffff05}.sg-npc-ability--primary{border-color:#f39c1280;background:#f39c120f}.sg-npc-ability-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.4px;color:var(--dnd-muted);font-weight:600}.sg-npc-ability-score{font-size:1rem;font-weight:700;color:var(--dnd-text);line-height:1.2}.sg-npc-ability-mod{font-size:.75rem;color:var(--dnd-muted)}.sg-npc-attacks{display:flex;flex-direction:column;gap:.35rem}.sg-npc-attack-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.82rem;padding:.3rem .5rem;border-radius:6px;background:#ffffff05;border:1px solid var(--dnd-border)}.sg-npc-attack-name{font-weight:600;color:var(--dnd-text);flex:1;min-width:8rem}.sg-npc-attack-bonus{color:#3498db;white-space:nowrap}.sg-npc-attack-damage{color:#e67e22;white-space:nowrap}.sg-npc-spell-info{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.8rem;color:var(--dnd-muted);padding:.4rem .5rem;background:#ffffff05;border:1px solid var(--dnd-border);border-radius:6px}.sg-npc-spell-group{display:flex;flex-direction:column;gap:.3rem}.sg-npc-spell-subtitle{font-size:.72rem;color:var(--dnd-muted);font-style:italic}.sg-npc-spell-list{display:flex;flex-wrap:wrap;gap:.3rem}.sg-npc-spell-tag{padding:.15rem .5rem;background:#9b59b61f;border:1px solid rgba(155,89,182,.3);border-radius:12px;color:#9b59b6;font-size:.78rem}.sg-npc-spell-tag--clickable{cursor:pointer;transition:background .15s,border-color .15s,color .15s}.sg-npc-spell-tag--clickable:hover{background:#9b59b640;border-color:#9b59b699;color:#c39bd3}.sg-npc-spell-tag--active{background:#9b59b659;border-color:#9b59b6;color:#d7bde2;font-weight:600}.sg-npc-spell-slot-count{font-weight:400;color:var(--dnd-muted);font-style:normal}.sg-npc-spell-detail{margin-top:.4rem;padding:.6rem .75rem;background:#9b59b612;border:1px solid rgba(155,89,182,.3);border-radius:8px;font-size:.82rem}.sg-npc-spell-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.sg-npc-spell-detail-name{font-weight:700;color:var(--dnd-accent)}.sg-npc-spell-detail-close{background:none;border:none;cursor:pointer;color:var(--dnd-muted);font-size:.85rem;padding:0 .25rem;line-height:1}.sg-npc-spell-detail-close:hover{color:var(--dnd-text)}.sg-npc-spell-detail-meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;margin-bottom:.4rem;font-size:.77rem;color:var(--dnd-muted)}.sg-npc-spell-detail-text{font-size:.8rem;line-height:1.5;color:var(--dnd-text)}.sg-inventory-tab{display:flex;flex-direction:column;gap:1rem}.sg-party-tabs{display:flex;border:1px solid var(--dnd-border);border-radius:8px;overflow:hidden}.sg-party-tab-btn{flex:1;padding:.5rem 1rem;background:transparent;border:none;color:var(--dnd-muted);font-size:.85rem;cursor:pointer;transition:all .2s}.sg-party-tab-btn--active{background:var(--dnd-gold);color:#1a1a2e;font-weight:600}.sg-party-tab-btn:hover:not(.sg-party-tab-btn--active){background:var(--dnd-surface-2)}.sg-party-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e74c3c;color:#fff;font-size:.7rem;font-weight:700;margin-left:.35rem;vertical-align:middle}.sg-inv-section{background:var(--dnd-card);border:1px solid var(--dnd-border);border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.sg-inv-drop-target{border-color:var(--dnd-gold);box-shadow:0 0 0 2px var(--dnd-gold-30)}.sg-inv-draggable{cursor:grab}.sg-inv-draggable:active{cursor:grabbing}.sg-inv-dragging{opacity:.4}.sg-inv-section-header{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:var(--dnd-surface-2);border-bottom:1px solid var(--dnd-border)}.sg-inv-section-title{font-size:var(--text-md);color:var(--dnd-gold);font-family:var(--font-display);margin:0;flex:1}.sg-inv-count{font-size:.75rem;color:var(--dnd-muted)}.sg-inv-add-btn{padding:.3rem .65rem;background:var(--dnd-gold);color:#1a1a2e;border:none;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .2s}.sg-inv-add-btn:hover{opacity:.85}.sg-inv-empty{padding:.75rem .85rem;color:var(--dnd-muted);font-size:.85rem;font-style:italic}.sg-inv-items{display:flex;flex-direction:column}.sg-inv-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-bottom:1px solid var(--dnd-border);transition:background .15s}.sg-inv-item:last-child{border-bottom:none}.sg-inv-item:hover{background:var(--dnd-surface-1)}.sg-inv-item-icon{font-size:1.1rem;flex-shrink:0}.sg-inv-item-info{flex:1;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;min-width:0}.sg-inv-item-name{font-size:.9rem;color:var(--dnd-text);font-weight:500}.sg-inv-item-qty{font-size:.78rem;color:var(--dnd-muted)}.sg-inv-item-weight{font-size:.75rem;color:var(--dnd-muted)}.sg-inv-transferred-badge{font-size:.72rem;color:var(--dnd-gold);background:var(--dnd-gold-12);padding:.1rem .45rem;border-radius:4px;white-space:nowrap}.sg-inv-sent-badge{color:#e0a030;background:#e0a03026;animation:sent-pulse 2s ease-in-out infinite}@keyframes sent-pulse{0%,to{opacity:1}50%{opacity:.6}}.sg-inv-item-actions{display:flex;gap:.25rem;flex-shrink:0}.sg-inv-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .15s}.sg-inv-action-btn:hover{background:var(--dnd-surface-2);border-color:var(--dnd-border)}.sg-inv-action-btn--danger:hover{background:#e74c3c26;border-color:#e74c3c}.sg-transfer-modal{max-width:440px;padding:0}.sg-transfer-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--dnd-surface-3);border-bottom:2px solid var(--dnd-accent-gold)}.sg-transfer-modal-header h2{font-size:1.15rem;color:var(--dnd-text);margin:0}.sg-transfer-item-preview{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem;background:var(--dnd-surface-1);border-bottom:1px solid var(--dnd-border)}.sg-transfer-item-name{font-weight:600;color:var(--dnd-text)}.sg-transfer-item-from{font-size:.8rem;color:var(--dnd-muted)}.sg-transfer-qty-row{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--dnd-border);font-size:.9rem}.sg-transfer-qty-input{width:70px;text-align:center}.sg-transfer-qty-max{color:var(--dnd-muted);font-size:.8rem}.sg-transfer-targets{padding:.85rem 1.25rem}.sg-transfer-label{display:block;font-size:.85rem;color:var(--dnd-muted);margin-bottom:.5rem}.sg-transfer-target-list{display:flex;flex-direction:column;gap:.3rem}.sg-transfer-target-btn{display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;background:var(--dnd-surface-1);border:1px solid var(--dnd-border);border-radius:8px;color:var(--dnd-text);font-size:.9rem;cursor:pointer;transition:all .15s;text-align:left;width:100%}.sg-transfer-target-btn:hover{border-color:var(--dnd-gold);background:var(--dnd-surface-2)}.sg-transfer-target-btn--selected{border-color:var(--dnd-gold);background:var(--dnd-gold-15);font-weight:600}.sg-transfer-actions{display:flex;justify-content:flex-end;gap:.65rem;padding:.85rem 1.25rem;border-top:1px solid var(--dnd-border)}.sg-transfers-panel{background:var(--dnd-card);border:1px solid var(--dnd-accent-gold);border-radius:10px;overflow:hidden}.sg-transfers-panel-title{display:flex;align-items:center;gap:.4rem;padding:.65rem .85rem;background:var(--dnd-surface-2);border-bottom:1px solid var(--dnd-border);font-size:var(--text-md);font-family:var(--font-display);color:var(--dnd-gold);margin:0}.sg-transfers-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e74c3c;color:#fff;font-size:.72rem;font-weight:700;font-family:sans-serif}.sg-transfers-group{padding:.5rem .85rem}.sg-transfers-group+.sg-transfers-group{border-top:1px solid var(--dnd-border)}.sg-transfers-group-title{font-size:.8rem;color:var(--dnd-muted);margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.5px}.sg-transfer-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:8px;margin-bottom:.35rem;border:1px solid var(--dnd-border);background:var(--dnd-surface-1)}.sg-transfer-card--incoming{border-left:3px solid #2ecc71}.sg-transfer-card--outgoing{border-left:3px solid #3498db}.sg-transfer-card--declined{border-left:3px solid #e74c3c}.sg-transfer-card-info{flex:1;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;min-width:0}.sg-transfer-card-item{font-weight:600;font-size:.88rem;color:var(--dnd-text)}.sg-transfer-card-qty,.sg-transfer-card-from,.sg-transfer-card-to{font-size:.78rem;color:var(--dnd-muted)}.sg-transfer-card-status{font-size:.72rem;color:#e74c3c;font-style:italic}.sg-transfer-card-actions{display:flex;gap:.35rem;flex-shrink:0}.btn-sm{padding:.3rem .6rem;font-size:.78rem;border-radius:5px}@media(max-width:600px){.sg-inv-item{flex-wrap:wrap}.sg-inv-item-actions{width:100%;justify-content:flex-end;margin-top:.25rem}.sg-transfer-card{flex-direction:column;align-items:flex-start}.sg-transfer-card-actions{width:100%;justify-content:flex-end}}.sg-combat-controls{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;flex-wrap:wrap}.sg-combat-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.sg-combat-btn:active{transform:scale(.97)}.sg-combat-btn--start{background:var(--heal-bg, #22c55e);color:#fff}.sg-combat-btn--start:hover{background:var(--heal-hover, #16a34a)}.sg-combat-btn--end{background:var(--dmg-bg, #ef4444);color:#fff}.sg-combat-btn--end:hover{background:var(--dmg-hover, #dc2626)}.sg-combat-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;background:#ef444426;color:var(--dmg-text, #ef4444);animation:sg-combat-pulse 2s ease-in-out infinite}@keyframes sg-combat-pulse{0%,to{opacity:1}50%{opacity:.6}}.sg-npc-card--player-view{opacity:.85}.sg-npc-card--player-view .sg-pc-header{cursor:default}.sg-npc-editor{max-width:440px}.sg-npc-override-check{margin-left:.4rem;vertical-align:middle;cursor:pointer}.sg-npc-beast-toggle{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;cursor:pointer;font-size:.9rem;color:var(--dnd-text);-webkit-user-select:none;user-select:none}.sg-npc-beast-toggle input[type=checkbox]{width:1.1rem;height:1.1rem;cursor:pointer}.sg-npc-abilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}.sg-npc-ability-item{display:flex;align-items:center;gap:.3rem}.sg-npc-ability-label{font-weight:600;font-size:.8rem;min-width:2rem;color:var(--dnd-muted, #888)}.sg-npc-ability-input{width:3rem;padding:.2rem .3rem;border:1px solid var(--dnd-border, #2d2d4a);border-radius:4px;text-align:center;font-size:.9rem;background:var(--dnd-card-bg, #1a2332);color:var(--dnd-text, #d8c9b8)}.sg-npc-ability-mod{font-size:.8rem;color:var(--dnd-muted, #888);min-width:1.5rem}.sg-npc-library{max-width:480px;max-height:80vh;overflow-y:auto}.sg-npc-library-actions{display:flex;gap:.5rem;padding:.5rem .75rem}.sg-npc-library-list{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem}.sg-npc-library-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:8px;background:var(--dnd-card-bg, #1a2332);border:1px solid var(--dnd-border, #2d2d4a)}.sg-npc-library-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.sg-npc-library-icon{font-size:1.3rem}.sg-npc-library-name{font-weight:600;font-size:.95rem;color:var(--dnd-text, #d8c9b8)}.sg-npc-library-meta{font-size:.8rem;color:var(--dnd-muted, #888)}.sg-npc-library-abilities{font-size:.78rem;color:var(--dnd-muted, #888);font-style:italic;margin-top:.15rem;white-space:pre-line;max-height:3em;overflow:hidden;text-overflow:ellipsis}.sg-npc-library-btns{display:flex;gap:.25rem}.sg-npc-lib-btn{background:none;border:1px solid var(--dnd-border, #2d2d4a);border-radius:6px;padding:.25rem .5rem;cursor:pointer;font-size:.9rem;transition:background .15s}.sg-npc-lib-btn:hover{background:#ffffff14}.sg-npc-lib-btn--danger:hover{background:#ef444426}.sg-initiative-modal{max-width:400px}.sg-initiative-list{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem}.sg-initiative-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--dnd-border, #2d2d4a);background:var(--dnd-card-bg, #1a2332)}.sg-initiative-row--self{border-color:var(--primary, #6366f1);background:#6366f114}.sg-initiative-row--npc{opacity:.8}.sg-initiative-order{font-weight:700;font-size:1.1rem;min-width:1.5rem;text-align:center;color:var(--dnd-muted, #888)}.sg-initiative-icon{font-size:1.1rem}.sg-initiative-name{flex:1;font-weight:500;font-size:.95rem}.sg-initiative-you{font-size:.8rem;font-weight:600;color:var(--primary, #6366f1)}.sg-initiative-npc-badge{font-size:.75rem;font-weight:600;color:var(--dnd-muted, #888);margin-left:.25rem}.sg-initiative-value{font-weight:600;font-size:.95rem;min-width:2rem;text-align:right;color:var(--dnd-muted, #888)}.sync-conflict-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-toast);padding:1rem}.sync-conflict-modal{background:var(--dnd-surface-1);border:1px solid var(--dnd-gold-15);border-radius:12px;padding:1.5rem;max-width:520px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,inset 0 1px 0 var(--dnd-gold-06)}.sync-conflict-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.sync-conflict-icon{font-size:1.5rem}.sync-conflict-header h2{margin:0;font-size:1.25rem;color:var(--dnd-gold)}.sync-conflict-description{margin:0 0 1.25rem;font-size:.9rem;color:var(--dnd-text-secondary, #a0a0a0);line-height:1.5}.sync-conflict-list{display:flex;flex-direction:column;gap:1rem}.sync-conflict-item{background:var(--dnd-surface-0);border:1px solid var(--dnd-gold-12);border-radius:8px;padding:1rem}.sync-conflict-name{margin:0 0 .75rem;font-size:1.1rem;color:var(--dnd-text-light, #e0e0e0)}.sync-conflict-versions{display:flex;align-items:stretch;gap:.5rem}.sync-conflict-version{flex:1;display:flex;flex-direction:column;gap:.4rem;padding:.75rem;border-radius:8px;border:1px solid var(--dnd-border);background:var(--dnd-surface-1)}.sync-conflict-version-label{font-size:.85rem;font-weight:600;color:var(--dnd-text-light, #e0e0e0)}.sync-conflict-version-details{font-size:.85rem;color:var(--dnd-text-secondary, #a0a0a0)}.sync-conflict-sep{margin:0 .25rem;opacity:.4}.sync-conflict-version-date{font-size:.8rem;color:var(--dnd-text-secondary, #a0a0a0);opacity:.7}.sync-conflict-vs{display:flex;align-items:center;font-size:.8rem;font-weight:700;color:var(--dnd-gold);opacity:.6;flex-shrink:0}.sync-conflict-btn{margin-top:auto;padding:.5rem .75rem;border:1px solid var(--dnd-border);border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-align:center}.sync-conflict-btn:disabled{opacity:.5;cursor:wait}.sync-conflict-btn-local{background:#58a6ff26;color:#58a6ff;border-color:#58a6ff4d}.sync-conflict-btn-local:hover:not(:disabled){background:#58a6ff40;border-color:#58a6ff}.sync-conflict-btn-remote{background:var(--dnd-gold-15);color:var(--dnd-gold);border-color:var(--dnd-gold-30)}.sync-conflict-btn-remote:hover:not(:disabled){background:var(--dnd-gold-25);border-color:var(--dnd-gold)}:root[data-theme=light] .sync-conflict-modal{background:#fff;border-color:var(--dnd-border);box-shadow:0 12px 40px #0000001a}:root[data-theme=light] .sync-conflict-description{color:#666}:root[data-theme=light] .sync-conflict-item{background:#f8f5f0;border-color:#d0c8b8}:root[data-theme=light] .sync-conflict-name{color:#1a1a2e}:root[data-theme=light] .sync-conflict-version{background:#fff;border-color:#d0c8b8}:root[data-theme=light] .sync-conflict-version-label{color:#1a1a2e}:root[data-theme=light] .sync-conflict-version-details{color:#666}:root[data-theme=light] .sync-conflict-version-date{color:#888}@media(max-width:480px){.sync-conflict-versions{flex-direction:column}.sync-conflict-vs{justify-content:center;padding:.25rem 0}}.premium-modal{max-width:440px}.premium-body{padding:0 1.5rem 1.5rem}.premium-price-block{text-align:center;margin-bottom:.5rem}.premium-price{font-size:2.4rem;font-weight:800;color:var(--dnd-gold);font-family:var(--font-display);letter-spacing:1px}.premium-period{font-size:1rem;color:var(--dnd-text-muted);margin-left:.25rem}.premium-tagline{text-align:center;color:var(--dnd-text);opacity:.8;font-size:.95rem;margin:0 0 1.25rem}.premium-features{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:1rem}.premium-features li{display:flex;gap:.75rem;align-items:flex-start}.premium-feature-icon{font-size:1.5rem;flex-shrink:0;width:2rem;text-align:center}.premium-features li div{display:flex;flex-direction:column;gap:.15rem}.premium-features li strong{color:var(--dnd-text);font-size:.95rem}.premium-features li span:last-child{color:var(--dnd-text-muted);font-size:.82rem;line-height:1.35}.premium-buy-btn{display:block;width:100%;padding:.85rem 1.5rem;background:linear-gradient(135deg,var(--dnd-gold) 0%,var(--dnd-gold-dark, #b8971f) 100%);color:#1a1a2e;border:none;border-radius:var(--radius-md);font-size:1.05rem;font-weight:700;cursor:pointer;transition:filter .2s ease,transform .15s ease;letter-spacing:.3px}.premium-buy-btn:hover{filter:brightness(1.12)}.premium-buy-btn:active{transform:scale(.98)}.premium-buy-btn:disabled{opacity:.6;cursor:wait;filter:none;transform:none}.premium-error{text-align:center;color:#e74c3c;font-size:.85rem;margin:0 0 .75rem;padding:.5rem;background:#e74c3c1a;border-radius:var(--radius-sm)}.premium-legal{text-align:center;font-size:.72rem;color:var(--dnd-text-muted);opacity:.7;margin:.75rem 0 0;line-height:1.4}.premium-crypto-note{text-align:center;font-size:.78rem;color:var(--dnd-text-light);margin:.5rem 0 0;line-height:1.5;padding:.5rem .75rem;background:var(--dnd-gold-08);border-radius:var(--radius-sm);border:1px solid var(--dnd-gold-12)}.premium-legal a{color:var(--dnd-gold);text-decoration:underline}.premium-status-block{text-align:center;margin-bottom:1.25rem}.premium-status-badge{display:inline-block;padding:.35rem 1rem;background:linear-gradient(135deg,var(--dnd-gold) 0%,var(--dnd-gold-dark, #b8971f) 100%);color:#1a1a2e;border-radius:var(--radius-md);font-weight:700;font-size:.95rem}.premium-expires{color:var(--dnd-text-muted);font-size:.85rem;margin:.5rem 0 0}.premium-renew-info{text-align:center}.premium-renew-info p{color:var(--dnd-text-muted);font-size:.85rem;margin:0 0 .75rem;line-height:1.4}.premium-cancel-btn{display:block;width:100%;padding:.7rem 1rem;background:transparent;color:#e74c3c;border:1px solid #e74c3c;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease;margin-bottom:.5rem}.premium-cancel-btn:hover{background:#e74c3c1a}.premium-cancel-btn:disabled{opacity:.6;cursor:wait}.premium-cancel-note{font-size:.75rem!important;opacity:.7;margin-top:.25rem!important}.btn-premium{background:linear-gradient(135deg,var(--dnd-gold-20) 0%,rgba(184,151,31,.15) 100%);border:1px solid var(--dnd-gold);color:var(--dnd-gold);padding:.3rem .65rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;letter-spacing:.3px}.btn-premium:hover{background:var(--dnd-gold-30);filter:brightness(1.1)}:root[data-theme=light] .premium-price{color:#8b6914}:root[data-theme=light] .premium-buy-btn{color:#fff;background:linear-gradient(135deg,#8b6914,#6d5310)}:root[data-theme=light] .btn-premium{background:#8b69141a;border-color:#8b6914;color:#8b6914}:root[data-theme=light] .btn-premium:hover{background:#8b691433}.premium-modal--plans{max-width:640px}.premium-plans{display:flex;gap:1rem;margin-bottom:1rem}.premium-plan-card{flex:1;background:var(--dnd-surface-2, rgba(255,255,255,.04));border:1px solid var(--dnd-border, rgba(255,255,255,.1));border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;position:relative}.premium-plan-card--featured{border-color:var(--dnd-gold);box-shadow:0 0 16px var(--dnd-gold-15)}.premium-plan-badge{position:absolute;top:-.6rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--dnd-gold) 0%,var(--dnd-gold-dark, #b8971f) 100%);color:#1a1a2e;font-size:.7rem;font-weight:700;padding:.2rem .75rem;border-radius:999px;white-space:nowrap;letter-spacing:.3px}.premium-plan-header{text-align:center;margin-bottom:1rem}.premium-plan-name{font-size:1.15rem;font-weight:700;color:var(--dnd-text);margin:0 0 .25rem}.premium-plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.premium-plan-price .premium-price{font-size:1.8rem}.premium-plan-features{list-style:none;padding:0;margin:0 0 1rem;flex:1;display:flex;flex-direction:column;gap:.45rem;font-size:.82rem;line-height:1.35;color:var(--dnd-text)}.premium-plan-features li{padding-left:0}.premium-plan-feature--disabled{color:var(--dnd-text-muted);opacity:.6}.premium-buy-btn--featured{background:linear-gradient(135deg,var(--dnd-gold) 0%,#d4a017 50%,var(--dnd-gold-dark, #b8971f) 100%);box-shadow:0 2px 8px var(--dnd-gold-25)}.premium-upgrade-block{margin-bottom:1rem;text-align:center}.premium-upgrade-text{color:var(--dnd-text-muted);font-size:.88rem;margin:0 0 .75rem;line-height:1.4}@media(max-width:520px){.premium-plans{flex-direction:column}.premium-modal--plans{max-width:100%}}.char-list-page{min-height:100vh;background:linear-gradient(180deg,var(--dnd-darker) 0%,var(--dnd-dark) 50%,var(--dnd-dark) 100%);background-attachment:fixed;padding:1.5rem 1rem;padding-top:calc(1.5rem + env(safe-area-inset-top,0px));font-family:var(--font-primary);position:relative}.char-list-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.char-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--dnd-gold-10);flex-wrap:wrap;gap:.75rem;position:relative}.char-list-title{display:flex;align-items:center;gap:.75rem}.char-list-logo{font-size:2rem}.char-list-title h1{color:var(--dnd-gold);font-size:1.4rem;margin:0;font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase}:root[data-theme=light] .char-list-title h1{text-shadow:none}.char-list-subtitle{color:var(--dnd-text);font-size:.85rem;margin:.15rem 0 0;opacity:.7;font-style:italic}.char-list-sync{color:var(--dnd-gold, #b8860b);font-weight:500}.char-list-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--dnd-gold-10)}.char-list-tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--dnd-muted);font-size:.95rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.char-list-tab:hover{color:var(--dnd-text);background:var(--dnd-gold-06)}.char-list-tab--active{color:var(--dnd-gold);border-bottom-color:var(--dnd-gold)}:root[data-theme=light] .char-list-tab--active{color:var(--dnd-gold);border-bottom-color:var(--dnd-gold)}.char-list-toolbar{display:flex;gap:.5rem;margin-bottom:var(--sp-4)}.char-list-search{flex:1;min-width:0;padding:.6rem .85rem;background:var(--dnd-surface-2);border:1px solid var(--dnd-border);border-radius:var(--radius-lg);color:var(--dnd-text);font-size:var(--text-base);font-family:var(--font-primary);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.char-list-search::placeholder{color:var(--text-muted);opacity:.7}.char-list-search:focus{outline:none;border-color:var(--dnd-gold);box-shadow:0 0 0 3px var(--dnd-gold-10)}.char-list-sort{padding:.6rem .75rem;background:var(--dnd-surface-2);border:1px solid var(--dnd-border);border-radius:var(--radius-lg);color:var(--dnd-text);font-size:var(--text-sm);font-family:var(--font-primary);cursor:pointer;transition:border-color var(--duration-fast) ease;flex-shrink:0}.char-list-sort:focus{outline:none;border-color:var(--dnd-gold);box-shadow:0 0 0 3px var(--dnd-gold-10)}:root[data-theme=light] .char-list-search,:root[data-theme=light] .char-list-sort{background:#fff;border-color:var(--dnd-border)}:root[data-theme=light] .char-list-search:focus,:root[data-theme=light] .char-list-sort:focus{border-color:var(--dnd-gold);box-shadow:0 0 0 3px #7a5c1e1a}@media(max-width:480px){.char-list-toolbar{flex-direction:column}}.btn.btn-secondary.char-list-new-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;padding:var(--sp-4);margin-bottom:var(--sp-6);background:linear-gradient(135deg,#d4af371f,#d4af3708)!important;border:none!important;border-radius:var(--radius-xl);color:var(--dnd-gold)!important;font-size:var(--text-md);font-weight:600;font-family:var(--font-primary);letter-spacing:.5px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.btn.btn-secondary.char-list-new-btn:hover{background:linear-gradient(135deg,#d4af3733,#d4af3714)!important;border-color:transparent!important;color:var(--dnd-gold)!important}.btn.btn-secondary.char-list-new-btn:active{transform:translateY(0);transition-duration:80ms}.btn.btn-secondary.char-list-pregen-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;padding:var(--sp-4);margin-bottom:var(--sp-6);background:linear-gradient(135deg,#42a5f51f,#42a5f508)!important;border:none!important;border-radius:var(--radius-xl);color:#42a5f5!important;font-size:var(--text-md);font-weight:600;font-family:var(--font-primary);letter-spacing:.5px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.btn.btn-secondary.char-list-pregen-btn:hover{background:linear-gradient(135deg,#42a5f533,#42a5f514)!important;color:#42a5f5!important}.char-list-new-icon{font-size:1.3rem;line-height:1}.char-list-limit-notice{text-align:center;color:var(--dnd-text-dim);font-size:.85rem;margin:.5rem 0 .75rem}.char-list-limit-notice .link-btn{background:none;border:none;color:var(--dnd-gold);cursor:pointer;text-decoration:underline;font:inherit;padding:0}.char-list-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 0;color:var(--dnd-text)}.char-list-empty{text-align:center;padding:3rem 1rem;color:var(--dnd-text)}.char-list-empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.char-list-empty h3{color:var(--dnd-gold);font-family:var(--font-display);font-size:1.2rem;margin:0 0 .5rem}.char-list-empty p{opacity:.6;font-style:italic;margin:0}.char-list-grid{display:flex;flex-direction:column;gap:.75rem}.char-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--dnd-surface-2);border:1px solid var(--dnd-border);border-radius:var(--radius-xl);cursor:pointer;transition:background var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}:root[data-theme=light] .char-card{background:var(--dnd-card-bg);box-shadow:var(--shadow-xs)}.char-card:hover{background:var(--dnd-surface-1);border-color:var(--dnd-surface-1);transition-duration:80ms}:root[data-theme=light] .char-card:hover{background:#f5f3f0;border-color:#f5f3f0}.char-card:active{transition-duration:80ms}.char-card-icon{font-size:1.75rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dnd-gold-10),var(--dnd-gold-03));border:1px solid var(--dnd-gold-12);border-radius:var(--radius-lg);flex-shrink:0;transition:background var(--duration-normal) ease}.char-card:hover .char-card-icon{background:linear-gradient(135deg,var(--dnd-gold-15),var(--dnd-gold-06))}:root[data-theme=light] .char-card-icon{background:linear-gradient(135deg,#7a5c1e14,#7a5c1e08);border-color:#7a5c1e14}.char-card-info{flex:1;min-width:0}.char-card-name{color:var(--dnd-text-light);font-size:1.1rem;font-weight:600;font-family:var(--font-display);margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-card-details{display:flex;align-items:center;gap:.3rem;color:var(--dnd-text);font-size:.85rem;flex-wrap:wrap}.char-card-level{color:var(--dnd-gold);font-weight:600}.char-card-sep{opacity:.4}.char-card-subclass{color:var(--dnd-text);font-size:.8rem;font-style:italic;opacity:.7;margin-top:.1rem}.char-card-date{color:var(--dnd-text);font-size:.75rem;opacity:.4;margin-top:.25rem}.char-card-delete{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.5rem;color:#ef4444;opacity:.6;transition:all .2s ease;border-radius:var(--radius-sm);flex-shrink:0}.char-card-delete:hover{opacity:1;background:var(--dnd-red-20)}.char-card-delete:disabled{cursor:not-allowed}@media(max-width:640px){.char-list-header{flex-direction:column;align-items:flex-start}.char-list-title h1{font-size:1.1rem}.char-card{padding:.8rem 1rem}.char-card-icon{width:40px;height:40px;font-size:1.5rem}}.pregen-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pregen-modal{background:var(--dnd-card, rgba(26, 35, 50, .99));border:1px solid var(--dnd-border);border-radius:var(--radius-lg, 12px);width:95vw;max-width:680px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 12px 48px #0000008c;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pregen-header{position:relative;padding:1.25rem 1.5rem;border-bottom:1px solid var(--dnd-gold-15)}.pregen-header h2{margin:0;color:var(--dnd-gold, #d4af37);font-family:var(--font-display);font-size:1.25rem;letter-spacing:1px}.pregen-subtitle{margin:.25rem 0 0;color:var(--dnd-text-secondary, #a0a0a0);font-size:.85rem}.pregen-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--dnd-text-secondary, #999);font-size:1.4rem;cursor:pointer;line-height:1;padding:.25rem;transition:color .2s}.pregen-close:hover{color:var(--dnd-gold, #d4af37)}.pregen-list{overflow-y:auto;padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.pregen-card{border:1px solid var(--dnd-border, rgba(255,255,255,.1));border-radius:var(--radius-md, 8px);flex-shrink:0;transition:border-color .2s}.pregen-card:hover{border-color:var(--dnd-gold-30)}.pregen-card--expanded{border-color:var(--dnd-gold-40)}.pregen-card-header{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.pregen-card-header:hover{background:var(--dnd-gold-06)}.pregen-card-icon{font-size:1.6rem;min-width:2.2rem;text-align:center}.pregen-card-info{flex:1;min-width:0}.pregen-card-name{font-weight:700;color:var(--dnd-text, #e0e0e0);font-size:1rem;line-height:1.2;margin:0}.pregen-card-class{color:var(--dnd-gold, #d4af37);font-size:.85rem;margin-top:.15rem;line-height:1.3;margin-bottom:0}.pregen-card-summary{color:var(--dnd-text-secondary, #a0a0a0);font-size:.8rem;margin-top:.2rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pregen-card-expand{color:var(--dnd-text-secondary, #999);font-size:.75rem;flex-shrink:0;line-height:1;padding:.1rem}.pregen-card-details{padding:.75rem 1rem 1rem;border-top:1px solid var(--dnd-border, rgba(255,255,255,.08));display:flex;flex-direction:column;gap:.6rem}.pregen-abilities{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem;text-align:center}.pregen-ability{display:flex;flex-direction:column;gap:.1rem;background:#ffffff08;border:1px solid var(--dnd-border, rgba(255,255,255,.08));border-radius:var(--radius-sm, 4px);padding:.35rem .2rem}.pregen-ability-label{font-size:.65rem;color:var(--dnd-gold, #d4af37);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pregen-ability-value{font-size:1.1rem;font-weight:700;color:var(--dnd-text, #e0e0e0)}.pregen-ability-mod{font-size:.75rem;color:var(--dnd-text-secondary, #a0a0a0)}.pregen-section{font-size:.85rem;color:var(--dnd-text, #e0e0e0);line-height:1.4}.pregen-section-label{font-weight:600;color:var(--dnd-gold, #d4af37)}.pregen-spell-row{margin-top:.15rem;padding-left:.5rem;font-size:.83rem}.pregen-spell-level{font-weight:600;color:var(--dnd-text-secondary, #a0a0a0)}.pregen-select-btn{margin-top:.5rem;padding:.65rem 1.25rem;background:linear-gradient(135deg,var(--dnd-gold, #d4af37),#b8961e);border:none;border-radius:var(--radius-md, 8px);color:#1a1a2e;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;width:100%}.pregen-select-btn:hover{background:linear-gradient(135deg,var(--dnd-gold-light, #e8c95a),var(--dnd-gold, #d4af37))}.pregen-select-btn:active{transform:scale(.97)}:root[data-theme=light] .pregen-modal{background:var(--dnd-card, #fff);box-shadow:0 12px 48px #0000001f}:root[data-theme=light] .pregen-backdrop{background:#00000080}:root[data-theme=light] .pregen-ability{background:#00000005;border-color:var(--dnd-border, rgba(0,0,0,.1))}:root[data-theme=light] .pregen-select-btn{color:#fff;background:linear-gradient(135deg,#8b6914,#a07c1c)}@media(max-width:640px){.pregen-backdrop{padding:0}.pregen-modal{width:100vw;max-width:100%;max-height:100dvh;border-radius:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.pregen-abilities{grid-template-columns:repeat(3,1fr)}.pregen-card-summary{white-space:normal}}.class-icon{width:1.3em;height:1.3em;vertical-align:middle;color:var(--dnd-gold)}.char-card-actions{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.char-card-share{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.5rem;opacity:.3;transition:all .2s ease;border-radius:var(--radius-sm)}.char-card-share:hover{opacity:1;background:#5865f233}.char-card-duplicate{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.5rem;opacity:.3;transition:all .2s ease;border-radius:var(--radius-sm)}.char-card-duplicate:hover{opacity:1;background:var(--dnd-gold-20)}.char-card-duplicate:disabled{cursor:wait}.shared-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--dnd-gold-10)}.shared-section-title{font-size:1.25rem;font-weight:700;margin:0 0 .25rem;color:var(--dnd-text, #e0e0e0)}:root[data-theme=light] .shared-section-title{color:#1a1a2e}.shared-section-subtitle{font-size:.85rem;color:var(--dnd-text-secondary, #a0a0a0);margin:0 0 1rem;font-style:italic}:root[data-theme=light] .shared-section-subtitle{color:#666}.shared-section-loading{font-size:.9rem;color:var(--dnd-text-secondary, #a0a0a0);font-style:italic}:root[data-theme=light] .shared-section-loading{color:#666}.char-card--shared{border-left:3px solid var(--accent-color, #5865f2);position:relative}.char-card--shared:hover{border-left-color:var(--dnd-gold, #d4af37)}.char-card-owner{font-size:.8rem;color:var(--accent-color, #5865f2);margin-top:.15rem}.char-card-readonly-badge{font-size:1.2rem;opacity:.5;flex-shrink:0;padding:.5rem}.char-card-dismiss-btn{position:absolute;top:.35rem;right:.35rem;background:var(--dnd-surface);border:1px solid var(--dnd-border);color:var(--dnd-text-dim);border-radius:50%;width:1.5rem;height:1.5rem;font-size:.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,color .15s,border-color .15s}.char-card--shared:hover .char-card-dismiss-btn{opacity:1}.char-card-dismiss-btn:hover{color:#e74c3c;border-color:#e74c3c}.guest-mode-badge{display:inline-block;padding:.15rem .55rem;border-radius:4px;font-size:.75rem;font-weight:600;background:var(--dnd-gold-15);color:var(--dnd-gold, #d4af37);border:1px solid var(--dnd-gold-30)}.guest-info-banner{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem 1rem;margin-bottom:1rem;border-radius:8px;background:var(--dnd-gold-08);border:1px solid var(--dnd-gold-20)}.guest-info-banner strong{display:block;margin-bottom:.25rem;color:var(--dnd-gold, #d4af37);font-size:.9rem}.guest-info-banner p{margin:0;font-size:.82rem;color:var(--dnd-text-light, #aaa);line-height:1.4}.guest-info-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}