*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul,ol{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{background:none;border:none;cursor:pointer}table{border-collapse:collapse;border-spacing:0}fieldset{min-width:0;border:0}legend{padding:0}hr{border:0;height:1px;background-color:var(--border);margin:1rem 0}:root{--bg: #f5f5f5;--surface: #ffffff;--surface-2: #faf8fe;--surface-3: #f6f3fc;--border: #ece6f7;--border-soft: #f0ecf8;--input-bg: #ffffff;--input-border: #d6cfe6;--text: #4a4060;--text-heading: #2a1e3f;--text-muted: #8a7fa0;--text-faint: #9a8fb5;--primary: #6f4ee0;--primary-hover: #5d3fce;--primary-contrast: #ffffff;--primary-soft-bg: #efe6ff;--primary-soft-text: #6f4ee0;--focus: #7a5af0;--focus-ring: rgba(122, 90, 240, .25);--danger: #e5484d;--danger-hover: #cf3b40;--danger-contrast: #ffffff;--type-spell-bg: #efe9fb;--type-spell-text: #6a4ec7;--type-quest-bg: #fbf1d9;--type-quest-text: #9a6b12;--type-shop-bg: #e0f2ec;--type-shop-text: #1f6a4f;--type-timed-bg: #fbe6ec;--type-timed-text: #a63a5c;--status-draft-bg: #fff4e0;--status-draft-text: #b5790f;--status-active-bg: #e6f4ea;--status-active-text: #2f7d4f;--status-finished-bg: #e8eefb;--status-finished-text: #3b6ea5;--status-archived-bg: #f0eef4;--status-archived-text: #7a7088;--info-bg: #e8eefb;--info-text: #2c4f87;--info-border: #cfdcf5;--warn-bg: #fff4e0;--warn-text: #8a5a0a;--warn-border: #f3dca6;--error-bg: #fde8e8;--error-text: #b3261e;--error-border: #f5c9c9;--success-bg: #e6f4ea;--success-text: #2f7d4f;--success-border: #c2e4cf;--shadow-1: 0 2px 10px rgba(40, 20, 80, .06);--shadow-2: 0 4px 12px rgba(40, 20, 80, .12);--overlay: rgba(0, 0, 0, .5);--sidebar-bg: #1a1a1a;--sidebar-text: #ffffff;--sidebar-muted: #9a8fb5;--sidebar-hover: #333333;--sidebar-active: #444444;--sidebar-border: #333333;color-scheme:light}:root[data-theme=dark]{--bg: #141118;--surface: #1e1a26;--surface-2: #262130;--surface-3: #2a2434;--border: #332c40;--border-soft: #2c2636;--input-bg: #262130;--input-border: #3d3650;--text: #d8d1e6;--text-heading: #f1ecf9;--text-muted: #9d93b3;--text-faint: #7f7595;--primary: #8b6cff;--primary-hover: #9c82ff;--primary-contrast: #ffffff;--primary-soft-bg: rgba(139, 108, 255, .16);--primary-soft-text: #b9a6ff;--focus: #8b6cff;--focus-ring: rgba(139, 108, 255, .35);--danger: #f0575c;--danger-hover: #e5484d;--danger-contrast: #ffffff;--type-spell-bg: rgba(157, 139, 255, .18);--type-spell-text: #c9b8f2;--type-quest-bg: rgba(233, 196, 106, .16);--type-quest-text: #e9c46a;--type-shop-bg: rgba(111, 199, 173, .16);--type-shop-text: #8fe0c4;--type-timed-bg: rgba(231, 132, 154, .16);--type-timed-text: #e7849a;--status-draft-bg: rgba(210, 150, 20, .16);--status-draft-text: #e0b355;--status-active-bg: rgba(60, 160, 90, .16);--status-active-text: #7fd6a3;--status-finished-bg: rgba(90, 140, 210, .18);--status-finished-text: #9db9e8;--status-archived-bg: rgba(150, 140, 170, .16);--status-archived-text: #b7aecb;--info-bg: rgba(90, 140, 210, .14);--info-text: #9db9e8;--info-border: rgba(90, 140, 210, .3);--warn-bg: rgba(210, 150, 20, .12);--warn-text: #e0b355;--warn-border: rgba(210, 150, 20, .3);--error-bg: rgba(229, 72, 77, .14);--error-text: #f0888b;--error-border: rgba(229, 72, 77, .32);--success-bg: rgba(60, 160, 90, .14);--success-text: #7fd6a3;--success-border: rgba(60, 160, 90, .3);--shadow-1: 0 2px 10px rgba(0, 0, 0, .4);--shadow-2: 0 6px 18px rgba(0, 0, 0, .5);--overlay: rgba(0, 0, 0, .6);--sidebar-bg: #17151d;--sidebar-text: #e8e3f2;--sidebar-muted: #8a8099;--sidebar-hover: #262130;--sidebar-active: #312a40;--sidebar-border: #2a2433;color-scheme:dark}body,.main-content,.panel-box,.ui-card,.btn,.field input,.field textarea,.field select{transition:background-color .18s ease,border-color .18s ease,color .18s ease}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{display:flex;min-width:320px;min-height:100vh}div#root{width:100%}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-hover)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;font-family:inherit;cursor:pointer}.page{max-width:1000px;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.page-head h1{margin:0;font-size:24px;color:var(--text-heading)}.page-sub{color:var(--text-muted);font-size:14px;margin:4px 0 0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid var(--input-border);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none}.btn:hover{background:var(--surface-3)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--danger-contrast)}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--surface-3)}.btn-sm{padding:5px 10px;font-size:13px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow-1)}.ui-card h3{margin:0 0 4px;font-size:16px;color:var(--text-heading)}.ui-card .muted{color:var(--text-muted);font-size:13px}.panel-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:16px}.panel-box h2{margin:0 0 12px;font-size:17px;color:var(--text-heading)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--text)}.field input,.field textarea,.field select{padding:9px 11px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--input-bg);color:var(--text)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.field small{color:var(--text-faint);font-size:12px}.field-row{display:flex;gap:12px;flex-wrap:wrap}.field-row .field{flex:1;min-width:180px}.tbl{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden}.tbl th,.tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-soft);font-size:14px;color:var(--text)}.tbl th{background:var(--surface-2);color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.tbl tr:last-child td{border-bottom:none}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.pill.draft{background:var(--status-draft-bg);color:var(--status-draft-text)}.pill.active{background:var(--status-active-bg);color:var(--status-active-text)}.pill.finished{background:var(--status-finished-bg);color:var(--status-finished-text)}.pill.archived{background:var(--status-archived-bg);color:var(--status-archived-text)}.banner{padding:12px 14px;border-radius:10px;font-size:14px;margin-bottom:16px}.banner-warn{background:var(--warn-bg);color:var(--warn-text);border:1px solid var(--warn-border)}.banner-info{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border)}.banner-error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.banner-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.empty-state{text-align:center;color:var(--text-faint);padding:40px 20px}.muted{color:var(--text-muted)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.tag-chip{display:inline-block;background:var(--primary-soft-bg);color:var(--primary-soft-text);border-radius:6px;padding:1px 7px;font-size:11px;margin:0 4px 4px 0}.token-link{font-family:monospace;font-size:12px;color:var(--primary-soft-text);word-break:break-all}.avatar{border-radius:50%;overflow:hidden;flex:0 0 auto;border:2px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:center}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.avatar-fallback{color:#fff;font-family:Cinzel,serif;font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1}.inline-list{display:flex;flex-direction:column;gap:8px}.inline-list .ilrow{display:flex;gap:8px;align-items:flex-start}.inline-list .ilrow input,.inline-list .ilrow textarea{flex:1}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1c1530,#0d0a12);padding:20px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:32px 28px;box-shadow:0 18px 50px #0006;display:flex;flex-direction:column;gap:14px}.login-card h1{margin:0;font-size:26px;text-align:center;color:var(--text-heading)}.login-sub{margin:0 0 8px;text-align:center;color:var(--text-muted);font-size:14px}.login-card label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--text)}.login-card input{padding:10px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:15px;background:var(--input-bg);color:var(--text)}.login-card input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.login-card button{margin-top:6px;padding:11px;border:none;border-radius:8px;cursor:pointer;background:var(--primary);color:var(--primary-contrast);font-size:15px;font-weight:600}.login-card button:disabled{opacity:.6;cursor:default}.login-error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);padding:9px 11px;border-radius:8px;font-size:13px}.wiz-steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 22px;flex-wrap:wrap}.wiz-steps li{display:flex;align-items:center;gap:7px;color:var(--text-faint);font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--surface-3)}.wiz-steps li.current{background:var(--primary);color:var(--primary-contrast)}.wiz-steps li.done{color:var(--status-active-text)}.wiz-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#7f759538;font-size:12px}.wiz-steps li.current .wiz-num{background:#ffffff40}.wiz-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.wiz-pick-card{display:flex;align-items:center;gap:10px;cursor:pointer;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--surface);color:var(--text)}.wiz-pick-card.sel{border-color:var(--primary);background:var(--primary-soft-bg)}.wiz-pick-card.mand{cursor:default;background:var(--surface-2);border-color:var(--input-border)}.wpc-main{display:flex;flex-direction:column;flex:1;min-width:0}.wpc-main .muted{font-size:12px}.wpc-badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}.fac-badge{color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em;padding:2px 8px;border-radius:999px;white-space:nowrap}.core-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--primary-soft-text);background:var(--primary-soft-bg);padding:2px 7px;border-radius:999px}.wizard .toolbar{margin-top:8px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{margin:0}.section-sub{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.section.is-editing{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.edit-btn{color:var(--text-muted)}.edit-btn:hover{color:var(--text)}.read-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 24px}.read-field{display:flex;flex-direction:column;gap:4px;min-width:0}.rf-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-faint)}.rf-value{font-size:15px;color:var(--text);word-break:break-word}.rf-value.rf-empty,.rf-empty{color:var(--text-faint);font-style:italic}.rf-mono{font-family:monospace;font-size:13px}.rf-text{margin:0;font-size:15px;line-height:1.55;color:var(--text);white-space:pre-wrap}.read-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.read-list li{position:relative;padding-left:18px;font-size:15px;line-height:1.5;color:var(--text)}.read-list li:before{content:"•";position:absolute;left:4px;color:var(--primary)}.read-divider{height:1px;background:var(--border);margin:16px 0;border:0}.read-subhead{font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-faint);margin:4px 0 10px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--text)}.chip .chip-role{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:700}.chip.role-spell{border-color:var(--type-spell-text)}.chip.role-spell .chip-role{color:var(--type-spell-text)}.chip.role-quest{border-color:var(--type-quest-text)}.chip.role-quest .chip-role{color:var(--type-quest-text)}.chip.role-timed{border-color:var(--type-timed-text)}.chip.role-timed .chip-role{color:var(--type-timed-text)}.section-secret .section{border-color:var(--warn-border)}.section-secret .section h2{color:var(--warn-text)}.section-secret .read-list li:before{content:"⚠";color:var(--warn-text);font-size:12px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card-tile{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-1);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;min-height:96px;display:flex;flex-direction:column;gap:6px}.card-tile:hover{border-color:var(--accent, var(--primary));box-shadow:var(--shadow-2);transform:translateY(-2px)}.card-tile.is-editing{grid-column:1 / -1;cursor:default;transform:none;border-left-width:1px}.card-tile-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-tile h3{margin:0;font-size:15px;color:var(--text-heading)}.card-type{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--accent-bg, var(--primary-soft-bg));color:var(--accent, var(--primary-soft-text))}.card-tile{border-left:3px solid var(--accent, var(--border))}.card-tile.type-spell{--accent: var(--type-spell-text);--accent-bg: var(--type-spell-bg)}.card-tile.type-quest{--accent: var(--type-quest-text);--accent-bg: var(--type-quest-bg)}.card-tile.type-shop{--accent: var(--type-shop-text);--accent-bg: var(--type-shop-bg)}.card-tile.type-timed{--accent: var(--type-timed-text);--accent-bg: var(--type-timed-bg)}.card-key{font-family:monospace;font-size:11px;color:var(--text-faint)}.card-note-read{font-size:13px;color:var(--text-muted);line-height:1.45;margin:2px 0 0}.card-note-read.public{color:var(--text)}.card-note-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:700}.card-tile-actions{position:absolute;top:10px;right:10px;display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.card-tile:hover .card-tile-actions,.card-tile:focus-within .card-tile-actions{opacity:1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;font-size:13px;color:var(--text)}.icon-btn:hover{background:var(--surface-3)}.icon-btn.danger:hover{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.gloss-row{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.gloss-row:last-child{border-bottom:0}.gloss-name{flex:0 0 180px;font-weight:600;color:var(--text-heading)}.gloss-text{flex:1;color:var(--text)}.gloss-edit{flex:0 0 auto}.sidebar{width:250px;height:100vh;background-color:var(--sidebar-bg);color:var(--sidebar-text);position:fixed;left:0;top:0;display:flex;flex-direction:column;box-shadow:2px 0 5px #0000001a;border-right:1px solid var(--sidebar-border)}.sidebar-header{padding:1rem;border-bottom:1px solid var(--sidebar-border);margin-bottom:1rem}.sidebar-header h2{margin:0;font-size:1.5rem;color:var(--sidebar-text)}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1;padding:0 1rem}.sidebar-link{display:flex;align-items:center;padding:.5rem .75rem;color:var(--sidebar-text);text-decoration:none;border-radius:8px;transition:all .2s}.sidebar-link:hover{background-color:var(--sidebar-hover);color:var(--sidebar-text)}.sidebar-link.active{background-color:var(--sidebar-active);color:var(--sidebar-text);margin-right:-1rem;border-radius:8px 0 0 8px}.sidebar-icon{margin-right:.75rem;font-size:1.2rem}.sidebar-label{font-size:1rem}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid var(--sidebar-border)}.create-party-button{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#279a0d,#6601ef);color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:12px;font-weight:600;font-size:1.05rem;letter-spacing:.5px;transition:all .3s ease,background .5s ease;box-shadow:0 4px 6px #0003;position:relative;overflow:hidden;background-size:200% 200%;background-position:0% 0%}.create-party-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);z-index:1;transition:opacity .3s ease}.create-party-button:hover{background-position:100% 100%;transform:translateY(-2px);box-shadow:0 0 15px 8px #fff3;color:#fff}.create-party-button:hover:before{opacity:.8}.create-party-icon{font-size:1.3rem;z-index:2;transition:transform .3s ease}.create-party-button:hover .create-party-icon{transform:scale(1.1) rotate(5deg)}.create-party-label{z-index:2}.sidebar-tag{display:block;font-size:11px;color:var(--sidebar-muted);margin-top:2px}.sidebar-section{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--sidebar-muted);padding:14px 16px 6px;font-weight:700}.top-nav{display:flex;justify-content:flex-end;align-items:center;background-color:var(--surface);border-bottom:1px solid var(--border);color:var(--text);padding:.75rem 1.5rem;box-shadow:var(--shadow-1)}.nav-user{display:flex;align-items:center;gap:12px;margin-left:auto}.nav-user-name{font-weight:600;color:var(--text-heading);font-size:14px}.nav-role-badge{font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;font-weight:700}.nav-role-badge.superadmin{background:var(--primary-soft-bg);color:var(--primary-soft-text)}.nav-role-badge.gm{background:var(--status-active-bg);color:var(--status-active-text)}.lang-picker{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface-2)}.lang-opt{border:0;background:transparent;cursor:pointer;padding:5px 10px;font-size:12px;font-weight:700;letter-spacing:.03em;color:var(--text-muted)}.lang-opt:hover{background:var(--surface-3);color:var(--text)}.lang-opt.active{background:var(--primary);color:var(--primary-contrast)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:16px;line-height:1;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.theme-toggle:hover{background:var(--surface-3);transform:scale(1.05)}.nav-logout{background:none;border:1px solid var(--input-border);border-radius:7px;padding:6px 12px;cursor:pointer;color:var(--text);font-size:13px}.nav-logout:hover{background:var(--surface-3)}#root{width:100%;height:100vh;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{display:flex;min-height:100vh}.content-wrapper{flex:1;margin-left:250px;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:2rem;background-color:var(--bg);color:var(--text)}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--primary);font-size:18px;background:var(--bg)}