:root{--leather: #2b1c11;--leather-dark: #1c120a;--leather-light: #4a3220;--parchment: #f1e3bf;--parchment-deep: #e6d3a3;--parchment-shadow: #c9b283;--ink: #4a3420;--ink-strong: #2e2013;--ink-dim: #7a6647;--ink-red: #a4402c;--ink-red-dim: #8a3624;--gold: #b8863a;--gold-bright: #d8a94f;--teal: #4f8f8a;--teal-dim: #3d6f6b;--danger: #a4402c;--success: #3d7a4f;--radius: 10px;font-family:EB Garamond,Georgia,serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink-strong);background:radial-gradient(ellipse at 20% 0%,rgba(216,169,79,.08),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(216,169,79,.05),transparent 55%),linear-gradient(160deg,var(--leather) 0%,var(--leather-dark) 100%);min-height:100vh}button{font-family:Cinzel,serif;cursor:pointer;background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--ink-strong);border:1px solid var(--ink-red-dim);border-radius:6px;padding:8px 16px;font-weight:600;font-size:.82rem;letter-spacing:.3px;box-shadow:0 1px #ffffff4d inset,0 2px 4px #0000004d;transition:transform .08s ease,opacity .15s ease,box-shadow .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px #ffffff59 inset,0 4px 8px #00000059}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.secondary{background:transparent;color:var(--ink-red-dim);border:1px solid var(--ink-red-dim);box-shadow:none}.navbar-user button.secondary{color:var(--parchment);border-color:var(--gold)}button.link-button{background:none;border:none;color:var(--ink-red);padding:4px;font-weight:600;text-decoration:underline;box-shadow:none;font-family:EB Garamond,serif}input,select,textarea{font-family:EB Garamond,serif;background:var(--parchment-deep);border:1px solid var(--parchment-shadow);border-radius:6px;color:var(--ink-strong);padding:8px 10px;font-size:1rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--ink-red-dim)}label{display:flex;flex-direction:column;gap:4px;font-size:.88rem;color:var(--ink-dim);font-style:italic}.brand-title{font-family:Cinzel Decorative,Cinzel,serif;color:var(--ink-red);text-align:center;margin:0 0 8px;letter-spacing:.5px;text-shadow:0 1px 0 rgba(255,255,255,.25)}.panel-title{font-family:Cinzel,serif;color:var(--ink-red);margin:0 0 12px;font-size:1.1rem}.full-page-message{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--parchment-deep);font-family:Cinzel,serif}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-box{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.35),transparent 40%),var(--parchment);border:1px solid var(--parchment-shadow);border-radius:var(--radius);padding:32px;width:100%;max-width:380px;box-shadow:0 24px 60px #0000008c,0 0 0 6px var(--leather-light)}.auth-subtitle{color:var(--ink-dim);text-align:center;margin-bottom:20px;font-size:.95rem;line-height:1.5;font-style:italic}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form button{margin-top:4px}.form-error{color:var(--danger);font-size:.88rem;font-weight:600}.pending-icon{font-size:42px;text-align:center;margin-bottom:8px}.pending-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;gap:24px;padding:14px 24px;background:linear-gradient(180deg,var(--leather-light),var(--leather));border-bottom:3px solid var(--gold);flex-wrap:wrap;box-shadow:0 4px 12px #0006}.navbar-brand{font-family:Cinzel Decorative,Cinzel,serif;color:var(--gold-bright);font-weight:700;font-size:1.05rem}.navbar-tabs{display:flex;gap:8px;flex:1;flex-wrap:wrap}.navbar-tabs button{background:transparent;color:var(--parchment-deep);border:1px solid transparent;box-shadow:none}.navbar-tabs button.active{color:var(--ink-strong);border-color:var(--gold);background:linear-gradient(180deg,var(--gold-bright),var(--gold))}.navbar-user{display:flex;align-items:center;gap:12px}.navbar-email{color:var(--parchment-deep);font-size:.85rem;font-style:italic}.app-main{flex:1;padding:28px 24px 48px;max-width:980px;width:100%;margin:0 auto}.panel{background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.3),transparent 35%),var(--parchment);border:1px solid var(--parchment-shadow);border-radius:var(--radius);padding:22px 26px;box-shadow:0 16px 40px #00000073,0 0 0 5px var(--leather-light);color:var(--ink-strong)}.character-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.character-tab{background:var(--parchment-deep);color:var(--ink-dim);border:1px solid var(--parchment-shadow);box-shadow:none;font-family:Cinzel,serif;font-size:.8rem;padding:7px 14px}.character-tab.active{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--ink-strong);border-color:var(--ink-red-dim)}.character-tab.new-tab{border-style:dashed}.sheet-header{display:flex;align-items:center;gap:16px;margin-bottom:8px;padding-bottom:12px;border-bottom:2px dashed var(--parchment-shadow)}.character-name-input{font-size:1.5rem;font-family:Cinzel Decorative,Cinzel,serif;flex:1;background:transparent;border:none;border-bottom:1px solid var(--parchment-shadow);color:var(--ink-red);padding:4px 2px}.hp-badge{display:flex;flex-direction:column;align-items:center;background:var(--parchment-deep);border:2px solid var(--gold);border-radius:50%;width:66px;height:66px;justify-content:center}.hp-label{font-family:Cinzel,serif;font-size:.62rem;color:var(--ink-dim);letter-spacing:1px}.hp-value{font-size:1.3rem;font-weight:700;color:var(--success);font-family:Cinzel,serif}.pool-indicator{color:var(--ink-dim);font-size:.9rem;margin:12px 0;font-style:italic}.stat-table{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.stat-row{display:grid;grid-template-columns:120px 90px 1fr 150px;align-items:center;gap:14px;background:var(--parchment-deep);border:1px solid var(--parchment-shadow);border-radius:8px;padding:12px 16px}.stat-row-label{font-family:Cinzel,serif;font-weight:600;color:var(--ink-red);font-size:.9rem}.stat-stepper{display:flex;align-items:center;gap:6px}.stat-stepper span{min-width:20px;text-align:center;font-weight:700;font-family:Cinzel,serif}.stat-stepper button{width:26px;height:26px;padding:0;line-height:1}.stat-static-value{font-weight:700;font-family:Cinzel,serif}.stat-row-derived{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.derived-note{font-size:.78rem;font-style:italic;color:var(--ink-dim)}.derived-figure{display:flex;flex-direction:column;align-items:flex-start}.derived-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-dim)}.derived-value{font-weight:700;color:var(--teal-dim);font-family:Cinzel,serif;font-size:.95rem}.stat-row-actions{display:flex;gap:6px;justify-content:flex-end}button.dm-action{background:linear-gradient(180deg,var(--teal),var(--teal-dim));border-color:var(--teal-dim);color:#fff}.hint-text{color:var(--ink-dim);font-size:.88rem;margin:8px 0 16px;font-style:italic}.sheet-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.sheet-actions{display:flex;align-items:center;gap:12px}.saved-flash{color:var(--success);font-size:.9rem;font-weight:600}.roster-toolbar{display:flex;gap:8px;margin-bottom:14px}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));align-items:start;gap:16px}.roster-card{background:var(--parchment);border:1px solid var(--parchment-shadow);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 24px #00000059,0 0 0 4px var(--leather-light)}.roster-card-header{width:100%;background:var(--parchment-deep);border:none;border-radius:0;box-shadow:none;display:flex;justify-content:space-between;align-items:center;color:var(--ink-strong);font-family:Cinzel,serif;font-weight:600;padding:12px 16px}.roster-card.expanded .roster-card-header{color:var(--ink-red)}.roster-card-hp{color:var(--success);font-size:.85rem}.roster-card-body{padding:14px 16px;font-size:.92rem;line-height:1.5;border-top:2px dashed var(--parchment-shadow)}.mini-stat-table{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.mini-stat-row{display:grid;grid-template-columns:36px 22px 1fr 1fr;gap:8px;align-items:center}.mini-stat-label{color:var(--ink-red);font-weight:600;font-family:Cinzel,serif;font-size:.8rem}.mini-stat-dim{color:var(--ink-dim);font-size:.78rem}.admin-panel{display:flex;flex-direction:column;gap:16px}.admin-tabs{display:flex;gap:8px;border-bottom:2px dashed var(--parchment-shadow);padding-bottom:12px}.admin-tabs button{background:transparent;color:var(--ink-dim);border:1px solid transparent;box-shadow:none}.admin-tabs button.active{color:var(--ink-red);border-color:var(--parchment-shadow);background:var(--parchment-deep)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--parchment-shadow);font-size:.92rem}.admin-table th{color:var(--ink-dim);font-weight:600;font-family:Cinzel,serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.4px}.pending-row{background:#a4402c14}.admin-row-actions{display:flex;gap:8px}.assign-training-list{display:flex;flex-direction:column;gap:10px}.assign-training-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--parchment-deep);border:1px solid var(--parchment-shadow);border-radius:8px;padding:10px 14px}.assign-training-name{font-family:Cinzel,serif;font-weight:600;color:var(--ink-red);min-width:140px}.admin-char-list{display:flex;flex-direction:column;gap:10px}.admin-char-row{background:var(--parchment-deep);border:1px solid var(--parchment-shadow);border-radius:8px;overflow:hidden}.admin-char-header{width:100%;background:transparent;border:none;box-shadow:none;border-radius:0;display:flex;align-items:center;gap:14px;color:var(--ink-strong);font-family:Cinzel,serif;font-weight:600;padding:10px 14px}.admin-char-owner{color:var(--ink-dim);font-family:EB Garamond,serif;font-weight:400;font-style:italic;font-size:.85rem;flex:1;text-align:left}.admin-char-body{padding:14px;border-top:2px dashed var(--parchment-shadow);display:flex;flex-direction:column;gap:14px}.admin-stat-adjust-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--parchment);border:1px solid var(--parchment-shadow);border-radius:8px;padding:10px 14px}.delta-input{width:100px}@media (max-width: 720px){.stat-row{grid-template-columns:1fr;gap:8px}.stat-row-actions{justify-content:flex-start}.stat-row-derived{gap:24px}.mini-stat-row{grid-template-columns:36px 22px 1fr;row-gap:2px}}.new-scene-form{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.new-scene-form input[type=text]{flex:1;min-width:220px}.scene-list{display:flex;flex-direction:column;gap:10px}.scene-list-row-wrap{display:flex;align-items:stretch;gap:10px}.scene-list-row{flex:1;display:flex;align-items:center;gap:14px;background:var(--parchment);border:1px solid var(--parchment-shadow);border-radius:8px;padding:14px 16px;cursor:pointer;text-align:left;box-shadow:none;transition:border-color .15s ease,transform .1s ease}.scene-list-row:hover{border-color:var(--gold);transform:translateY(-1px)}.scene-delete-btn{flex-shrink:0}.scene-list-name{font-family:Cinzel,serif;font-weight:600;color:var(--ink-strong);flex:1}.scene-status-badge{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--parchment-shadow);white-space:nowrap}.scene-status-setup{color:var(--ink-dim);background:var(--parchment-deep)}.scene-status-active{color:#fff;background:linear-gradient(180deg,var(--teal),var(--teal-dim));border-color:var(--teal-dim)}.scene-status-ended{color:#fff;background:var(--ink-dim);border-color:var(--ink-dim)}.scene-room-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.scene-room-title{flex:1;margin:0}.scene-setup-add-row{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.scene-setup-add-row select{flex:1;min-width:200px}.mob-form-details{margin-bottom:20px;border:1px solid var(--parchment-shadow);border-radius:8px;padding:10px 14px;background:var(--parchment)}.mob-form-details summary{cursor:pointer;font-family:Cinzel,serif;font-weight:600;color:var(--ink-strong);padding:4px 0}.mob-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.mob-form label{display:flex;flex-direction:column;gap:4px;font-family:EB Garamond,serif;color:var(--ink-dim);font-size:.9rem}.mob-form-mods{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mob-form-mods>div{display:flex;flex-direction:column;gap:8px;background:var(--parchment-deep);border:1px solid var(--parchment-shadow);border-radius:8px;padding:10px 12px}.mob-form-mods label{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.mob-form-mods input{width:80px}.scene-status-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px;font-family:EB Garamond,serif;color:var(--ink)}.turn-order-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:20px}.turn-order-card{background:var(--parchment);border:1px solid var(--parchment-shadow);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.turn-order-card.current{border-color:var(--gold);border-width:2px;box-shadow:0 0 0 2px #b8863a33}.turn-order-card.defeated{opacity:.55;filter:grayscale(.4)}.turn-order-name{font-family:Cinzel,serif;font-weight:600;color:var(--ink-strong);display:flex;align-items:baseline;gap:6px}.turn-order-bars{display:flex;flex-direction:column;gap:6px}.bar-wrap{position:relative;height:18px;border-radius:999px;background:var(--parchment-deep);border:1px solid var(--parchment-shadow);overflow:hidden}.bar-fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:999px;transition:width .25s ease}.hp-bar-fill{background:linear-gradient(180deg,#c25b47,var(--danger))}.shield-bar-fill{background:linear-gradient(180deg,#6fb3d8,var(--teal-dim))}.bar-label{position:relative;z-index:1;display:block;text-align:center;font-size:.72rem;line-height:18px;color:#fff;font-family:EB Garamond,serif;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.65)}.action-panel{background:var(--parchment);border:1px solid var(--parchment-shadow);border-radius:10px;padding:16px 18px;margin-bottom:20px;display:flex;flex-direction:column;gap:14px}.acting-as-label{display:flex;align-items:center;gap:10px;font-family:EB Garamond,serif;color:var(--ink-dim)}.acting-as-label select{flex:1}.action-tabs{display:flex;gap:8px;margin-bottom:6px}.action-tabs button{flex:1}.action-tabs button.active{border-color:var(--gold);background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--ink-strong)}.scene-action-form{display:flex;flex-direction:column;gap:12px}.scene-action-form label{display:flex;flex-direction:column;gap:4px;font-family:EB Garamond,serif;color:var(--ink-dim);font-size:.9rem}.stat-radio-row{display:flex;gap:16px}.stat-radio-row label{flex-direction:row;align-items:center;gap:6px}.target-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;max-height:260px;overflow-y:auto;padding:2px}.target-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--parchment);border:1px solid var(--parchment-shadow);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;box-shadow:none;transition:border-color .15s ease,background .15s ease,transform .1s ease}.target-chip:hover{border-color:var(--gold);transform:translateY(-1px)}.target-chip.selected{border-color:var(--gold);border-width:2px;background:linear-gradient(180deg,var(--gold-bright),var(--gold))}.target-chip.selected .target-chip-name,.target-chip.selected .target-chip-meta{color:var(--ink-strong)}.target-chip.defeated{opacity:.55;filter:grayscale(.4)}.target-chip-name{font-family:Cinzel,serif;font-weight:600;font-size:.88rem;color:var(--ink-strong)}.target-chip-meta{font-family:EB Garamond,serif;font-size:.78rem;color:var(--ink-dim)}.dm-note-form{border-top:2px dashed var(--parchment-shadow);padding-top:14px;margin-top:4px}.scene-log{display:flex;flex-direction:column;gap:10px}.scene-log-entry{background:var(--parchment);border:1px solid var(--parchment-shadow);border-radius:8px;padding:10px 14px}.scene-log-meta{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:4px}.scene-log-body{font-family:EB Garamond,serif;color:var(--ink);line-height:1.5}.scene-log-targets{margin:6px 0 0 18px;padding:0}.scene-log-note{margin-top:6px;font-style:italic;color:var(--ink-dim)}@media (max-width: 720px){.mob-form-mods,.turn-order-list{grid-template-columns:1fr}}.library-tree{display:flex;flex-direction:column;gap:12px}.library-type{background:var(--parchment);border:1px solid var(--parchment-shadow);border-radius:8px;overflow:hidden}.library-type-summary{cursor:pointer;padding:14px 16px;display:flex;align-items:center;gap:12px;font-family:Cinzel Decorative,Cinzel,serif;font-weight:600;color:var(--ink-strong);list-style:none}.library-type-summary::-webkit-details-marker{display:none}.library-type-name{flex:1}.library-type-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;border-top:2px dashed var(--parchment-shadow)}.library-job{background:var(--parchment-deep);border:1px solid var(--parchment-shadow);border-radius:8px;overflow:hidden}.library-job-summary{cursor:pointer;padding:10px 14px;display:flex;align-items:center;gap:12px;font-family:Cinzel,serif;font-weight:600;color:var(--ink-strong);font-size:.95rem;list-style:none}.library-job-summary::-webkit-details-marker{display:none}.library-job-name{flex:1}.library-job-body{padding:10px 14px 14px;display:flex;flex-direction:column;gap:10px;border-top:1px dashed var(--parchment-shadow)}.library-node-actions{display:flex;gap:6px}.library-node-actions button{font-size:.75rem;padding:4px 10px}.library-inline-edit{flex:1;display:flex;gap:8px;align-items:center}.library-inline-edit input{flex:1}.library-actions-list{display:flex;flex-direction:column;gap:8px}.library-action-card{background:var(--parchment);border:1px solid var(--parchment-shadow);border-radius:6px;padding:10px 12px}.library-action-header{display:flex;align-items:center;gap:10px}.library-action-name{flex:1;font-family:EB Garamond,serif;font-weight:600;color:var(--ink-strong)}.library-action-description{margin:6px 0 0;font-family:EB Garamond,serif;color:var(--ink-dim);font-size:.92rem;white-space:pre-wrap;line-height:1.5}.library-action-form{display:flex;flex-direction:column;gap:8px;background:var(--parchment);border:1px solid var(--parchment-shadow);border-radius:6px;padding:12px}.library-action-form textarea{resize:vertical;font-family:EB Garamond,serif}.library-action-form-buttons{display:flex;gap:8px}.library-move-buttons{display:flex;flex-direction:column;gap:2px}.library-move-buttons button{padding:1px 8px;font-size:.65rem;line-height:1.2}