:root{color:#f4eadc;background-color:#15100b;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}.app-shell{color:#f4eadc;background:radial-gradient(circle at top,#a67c523d,#0000 36rem),linear-gradient(135deg,#16100a,#2a1d12);min-height:100vh;padding:32px}.page{width:min(1120px,100%);margin:0 auto}.page-header{margin-bottom:32px}.page-kicker,.panel-eyebrow{color:#c69c6d;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.page-header h1{color:#fff8ed;letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.95}.page-subtitle{color:#dac8b4;max-width:640px;margin:18px 0 0;font-size:1.1rem}@media (width<=760px){.app-shell{padding:20px}}.app-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 0;display:flex}.app-header__brand{color:#fff8ed;font-size:1.1rem;font-weight:800;text-decoration:none}.app-header__nav{align-items:center;gap:16px;display:flex}.app-header__nav a{color:#f1c27d;text-decoration:none}.app-header__nav a:hover{text-decoration:underline}.app-header__nav .app-header__user{color:#cdb89f}.app-header__badge{color:#2a1709;background:#f1c27d;border-radius:999px;justify-content:center;align-items:center;min-width:22px;margin-left:8px;padding:2px 7px;font-size:.78rem;font-weight:800;display:inline-flex}.app-header__link-button{color:#f1c27d;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.app-header__link-button:hover{text-decoration:underline}.app-header__link-button:disabled{cursor:wait;opacity:.7}.panel{color:#f6ead8;background:#23180fd1;border:1px solid #e5c4963d;border-radius:24px;padding:24px;box-shadow:0 24px 80px #00000047}.panel-primary{min-height:360px}.panel h2{color:#fff8ed;margin:0 0 18px;font-size:1.6rem}.panel p{color:#d8c4ad}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;display:grid}.character-list-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.character-list-heading h2{margin-bottom:0}.character-create-link,.character-card__delete,.character-create-form__actions button,.character-create-form__actions a,.confirm-modal__actions button{border:0;border-radius:12px;padding:10px 14px;font-weight:700;text-decoration:none}.character-create-link,.character-create-form__actions button,.confirm-modal__actions button:last-child{color:#2a1709;background:#f1c27d}.character-create-link:hover,.character-create-form__actions a:hover{text-decoration:underline}.character-list{gap:12px;display:grid}.character-card{color:inherit;background:#fff8ed0f;border:1px solid #e5c4962e;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;transition:transform .16s,border-color .16s,background .16s;display:flex}.character-card:hover{background:#fff8ed1a;border-color:#e5c49670;transform:translateY(-1px)}.character-card__link{min-width:0;color:inherit;flex:1;justify-content:space-between;align-items:center;gap:16px;padding:16px 0 16px 16px;text-decoration:none;display:flex}.character-card span{gap:4px;display:grid}.character-card__identity{align-items:center;gap:12px;display:flex}.character-card__avatar{color:#2a1709;background:#f1c27d;border:1px solid #e5c49642;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;overflow:hidden}.character-card__avatar img{object-fit:cover;width:100%;height:100%}.character-card strong{color:#fff8ed;font-size:1.05rem}.character-card small,.character-card em{color:#f0dfc8;font-size:.92rem}.character-card em{font-style:normal}.character-card__delete{color:#ffcdc6;cursor:pointer;background:#ffb4a81a;margin-right:16px}.character-card__delete:hover{background:#ffb4a829}.modal-backdrop{z-index:20;background:#080604b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-modal{color:#f4eadc;background:#211711;border:1px solid #e5c4963d;border-radius:8px;width:min(100%,440px);margin:0;padding:22px;box-shadow:0 24px 80px #0000006b}.confirm-modal h2{color:#fff8ed;margin:0;font-size:1.25rem}.confirm-modal p{color:#f0dfc8;margin:12px 0 0;line-height:1.55}.confirm-modal .form-error{color:#ffb4a8}.confirm-modal__actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.confirm-modal__actions button{color:#f1c27d;cursor:pointer;background:#fff8ed14}.confirm-modal__actions button:disabled{cursor:wait;opacity:.68}.character-create-panel{width:min(100%,760px)}.character-create-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.character-create-form label{color:#fff8ed;gap:8px;display:grid}.character-create-form label:first-child,.character-create-form .avatar-field{grid-column:1/-1}.character-create-form input,.character-create-form select{color:#fff8ed;background:#15100bb8;border:1px solid #e5c4963d;border-radius:12px;padding:10px 12px}.character-create-form select:disabled{cursor:not-allowed;opacity:.62}.character-create-form input[type=file]{padding:9px 12px}.avatar-preview{object-fit:cover;border:1px solid #e5c49642;border-radius:50%;width:112px;height:112px}.character-create-form [role=alert]{color:#ffb4a8;font-size:.9rem}.character-create-form .form-error,.character-create-rules,.character-create-form__actions{grid-column:1/-1}.character-create-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.character-create-rules section{background:#fff8ed0d;border:1px solid #e5c4962e;border-radius:8px;grid-column:1/-1;padding:14px}.character-create-rules h2{color:#fff8ed;margin:0 0 8px;font-size:1rem}.character-create-rules p{color:#f0dfc8;margin:0;line-height:1.55}.character-create-rules__bonuses{color:#f4eadc;gap:8px;display:grid}.character-create-rules__bonuses strong{color:#fff8ed;font-size:.92rem}.character-create-rules__bonuses ul{color:#f0dfc8;gap:4px;margin:0;padding-left:18px;display:grid}.character-create-rules__gifts{color:#f4eadc;gap:8px;margin-top:14px;display:grid}.character-create-rules__gifts strong{color:#fff8ed;font-size:.92rem}.character-create-rules__gifts ul{color:#f0dfc8;gap:4px;margin:0;padding-left:18px;display:grid}.character-create-rules dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0 0;display:grid}.character-create-rules dl div{gap:2px;min-width:0;display:grid}.character-create-rules dt{color:#f0dfc8;font-size:.78rem}.character-create-rules dd{color:#fff8ed;margin:0;font-weight:800}.character-create-form__actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;display:flex}.character-create-form__actions a{color:#f1c27d}.character-create-form__actions button{cursor:pointer}.character-create-form__actions button:disabled{cursor:wait;opacity:.7}@media (width<=760px){.dashboard-grid{grid-template-columns:1fr}.character-list-heading,.character-create-form__actions{flex-direction:column;align-items:stretch}.character-card{flex-direction:column;align-items:flex-start}.character-card__link{flex-direction:column;align-items:flex-start;width:100%;padding:16px 16px 0}.character-card__delete{margin:0 16px 16px}.confirm-modal__actions{flex-direction:column}.character-create-form,.character-create-rules{grid-template-columns:1fr}.character-create-rules dl{grid-template-columns:repeat(2,minmax(0,1fr))}}.breadcrumb{color:#f0dfc8;justify-content:space-between;gap:16px;margin-bottom:24px;font-size:.92rem;display:flex}.breadcrumb a{color:#f1c27d;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.sheet-hero{color:#fff8ed;background:linear-gradient(135deg,#583418f5,#23180fe6),radial-gradient(circle at 100% 0,#ffd58038,#0000 20rem);border:1px solid #e5c4963d;border-radius:28px;justify-content:space-between;gap:24px;margin-bottom:24px;padding:28px;display:flex;box-shadow:0 24px 80px #0000004d}.sheet-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.95}.sheet-hero p{color:#ead7bd;margin:14px 0 0}.sheet-hero-main{align-items:center;gap:18px;min-width:0;display:flex}.sheet-avatar{color:#2a1709;background:#f1c27d;border:1px solid #fff8ed38;border-radius:50%;flex:0 0 124px;place-items:center;width:124px;height:124px;font-size:3rem;font-weight:900;display:grid;overflow:hidden;box-shadow:0 18px 44px #00000047}.sheet-avatar img{object-fit:cover;width:100%;height:100%}.sheet-avatar-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.sheet-avatar-actions label,.sheet-avatar-actions button{color:#2a1709;cursor:pointer;background:#f1c27d;border:1px solid #fff8ed29;border-radius:12px;padding:8px 12px;font-weight:800}.sheet-avatar-actions input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.sheet-avatar-actions button{color:#fff8ed;background:#fff8ed14}.sheet-avatar-error{color:#ffb4a8}.sheet-hero-stats{grid-template-columns:repeat(3,minmax(88px,1fr));gap:12px;min-width:min(360px,100%);display:grid}.sheet-hero-stats span{color:#f0dfc8;text-align:center;background:#fff8ed12;border:1px solid #fff8ed29;border-radius:18px;align-content:center;gap:6px;padding:16px;display:grid}.sheet-hero-stats strong{color:#fff8ed;font-size:1.8rem}.sheet-grid{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}.identity-panel{grid-column:1/-1;align-self:start}.identity-characteristics{border-bottom:1px solid #e5c49624;gap:12px;margin-bottom:20px;padding-bottom:18px;display:grid}.identity-characteristics h2{color:#fff8ed;margin:0;font-size:1rem}.identity-list{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px 28px;margin:0;display:grid}.identity-list div{border-bottom:1px solid #e5c49624;justify-content:space-between;gap:16px;padding-bottom:12px;display:flex}.identity-list div:first-child{border-bottom:0;grid-row:span 2;justify-content:stretch;gap:10px;padding-bottom:0;display:grid}.identity-list dt{color:#f0dfc8}.identity-list dd{color:#fff8ed;text-align:right;margin:0;font-weight:700}.identity-gift-list{text-align:left;gap:6px;margin:0;padding-left:18px;display:grid}.identity-gift-list li{max-width:none;line-height:1.45}.characteristic-list{grid-template-columns:repeat(5,minmax(112px,1fr));gap:10px;margin:0;display:grid}.characteristic-list div{background:#fff8ed0f;border:1px solid #e5c4961f;border-radius:8px;gap:6px;padding:12px;display:grid}.characteristic-list dt{color:#f0dfc8;font-size:.82rem;font-weight:400}.characteristic-list dd{color:#fff8ed;text-align:left;font-size:1.35rem;font-weight:900}.resources-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.resource-card{color:#f6ead8;background:#23180fd1;border:1px solid #e5c49633;border-radius:22px;padding:18px}.resource-card-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.resource-card h3{color:#fff8ed;margin:0}.resource-card p{color:#f0dfc8;margin:12px 0 0;font-size:.9rem}.resource-bar{background:#fff8ed1f;border-radius:999px;height:10px;overflow:hidden}.resource-bar span{border-radius:inherit;background:linear-gradient(90deg,#b8793d,#f1c27d);height:100%;display:block}.skills-panel,.combat-panel,.spells-panel,.inventory-panel,.alchemy-panel,.talents-panel,.enchantments-panel,.notes-panel{grid-column:1/-1}.skill-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.skill-group,.combat-block,.spell-card,.alchemy-block,.talent-block,.enchantment-card{background:#fff8ed0a;border:1px solid #e5c49629;border-radius:18px;padding:16px}.skill-group h2,.combat-block h3,.spell-card h3,.alchemy-block h3,.talent-block h3,.enchantment-card h3{color:#fff8ed;margin:0 0 14px}.skill-group h2{font-size:1.15rem}.skill-list,.compact-table,.slot-list,.talent-list,.enchantment-list{gap:10px;display:grid}.skill-row,.inventory-row{color:#f0dfc8;justify-content:space-between;align-items:center;gap:16px;display:flex}.skill-row strong,.inventory-row strong,.compact-table-row strong,.arrow-card strong,.combat-summary strong,.state-grid strong{color:#fff8ed}.combat-grid,.alchemy-grid,.talents-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.compact-table-row,.inventory-row,.talent-card{border-bottom:1px solid #e5c4961f;padding-bottom:10px}.compact-table-row-headered{gap:4px;display:grid}.compact-table-row span,.compact-table-row small,.arrow-card small{color:#f0dfc8}.arrow-card{background:#fff8ed0f;border-radius:14px;gap:4px;margin-top:16px;padding:14px;display:grid}.arrow-card span{color:#f0dfc8;font-size:.86rem}.combat-summary,.state-grid{gap:12px;display:grid}.combat-summary{grid-template-columns:1fr 1fr;margin-top:16px}.combat-summary span,.state-grid div,.inventory-summary span{color:#f0dfc8;background:#fff8ed0f;border-radius:14px;gap:6px;padding:12px;display:grid}.combat-state-block,.alchemy-block:first-child{grid-column:1/-1}.state-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.spell-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.spell-card-header,.enchantment-card-header{justify-content:space-between;gap:12px;display:flex}.spell-card-header{align-items:flex-start;margin-bottom:12px}.spell-card span,.talent-card span{color:#f0dfc8;margin-top:4px;font-size:.88rem;display:block}.spell-card strong{color:#24180f;background:#f1c27d;border-radius:999px;padding:4px 10px;font-size:.88rem}.zone-list span{color:#24180f;white-space:nowrap;background:#f1c27d;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:600;line-height:1}.spell-card p,.talent-card p,.enchantment-card p,.notes-content{color:#f0dfc8;margin-top:10px}.inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.inventory-summary strong{color:#fff8ed;font-size:1.35rem}.inventory-summary small{color:#f0dfc8;font-size:.9rem}.inventory-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}.ingredient-list,.zone-list{flex-wrap:wrap;gap:10px;display:flex}.ingredient-pill{color:#a9957d;background:#fff8ed0a;border:1px solid #e5c4962e;border-radius:999px;padding:8px 12px}.ingredient-pill.is-owned{color:#fff8ed;background:#f1c27d24;border-color:#f1c27d7a}.slot-row{color:#d8c4ad;border-bottom:1px solid #e5c4961f;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding-bottom:8px;display:grid}.slot-row strong,.talent-card span{color:#f1c27d}.talent-card h4{color:#fff8ed;margin:0}.enchantment-list{margin-top:14px}.enchantment-card-header{align-items:flex-start}.zone-list{justify-content:flex-end;align-items:flex-start;gap:8px}.notes-content{max-width:760px;line-height:1.7}@media (width<=880px){.sheet-hero,.sheet-hero-main,.breadcrumb{flex-direction:column}.sheet-hero-main{align-items:flex-start}.sheet-grid,.resources-grid,.skill-groups,.characteristic-list,.sheet-hero-stats,.combat-grid,.combat-summary,.state-grid,.spell-list,.inventory-summary,.inventory-list,.alchemy-grid,.talents-grid{grid-template-columns:1fr}.alchemy-block:first-child{grid-column:auto}.enchantment-card-header{flex-direction:column}.zone-list{justify-content:flex-start}}.auth-page{place-items:center;min-height:calc(100vh - 48px);display:grid}.auth-card{background:#fff8ed0f;border:1px solid #e5c4962e;border-radius:24px;width:min(100%,440px);padding:32px;box-shadow:0 24px 80px #00000040}.auth-card h1{color:#fff8ed;margin:0}.auth-intro{color:#cdb89f;margin:12px 0 24px}.auth-form{gap:16px;display:grid}.auth-form label{color:#f4eadc;gap:8px;display:grid}.auth-form label>span{color:#f4eadc;font-size:.9rem}.auth-form input{color:#fff8ed;background:#15100bb8;border:1px solid #e5c4963d;border-radius:14px;padding:12px 14px}.auth-form [role=alert],.form-error{color:#ffb4a8;font-size:.9rem}.auth-form button{color:#2a1709;cursor:pointer;background:#f1c27d;border:0;border-radius:14px;padding:12px 16px;font-weight:700}.auth-form button:disabled{cursor:wait;opacity:.7}.auth-switch{color:#cdb89f;margin:24px 0 0}.auth-switch a{color:#f1c27d}.form-success{color:#b9f6ca;background:#2e7d322e;border:1px solid #91d4a359;border-radius:14px;margin:0 0 18px;padding:12px 14px;display:block}.admin-users-page{gap:24px;display:grid}.admin-user-list{gap:16px;margin-top:24px;display:grid}.admin-user-card{background:#fff8ed0a;border:1px solid #e5c49629;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:18px;display:flex}.admin-user-card h2{color:#fff8ed;margin:0 0 8px}.admin-user-card p{color:#cdb89f;margin:4px 0}.admin-user-card__actions{gap:12px;display:flex}.admin-user-card__actions button,.admin-user-row button{color:#2a1709;cursor:pointer;background:#f1c27d;border:0;border-radius:12px;padding:10px 14px;font-weight:700}.admin-user-card__actions button:disabled{cursor:wait;opacity:.7}.admin-user-table{gap:10px;margin-top:24px;display:grid}.admin-user-row{background:#fff8ed08;border:1px solid #e5c4961f;border-radius:14px;grid-template-columns:minmax(320px,1fr) 180px 200px 140px;align-items:end;gap:16px;padding:14px 16px;display:grid}.admin-user-row__identity{gap:10px;display:grid}.admin-user-row strong{color:#fff8ed}.admin-user-row p{color:#cdb89f;margin:4px 0 0}.admin-user-row label{color:#f4eadc;gap:6px;display:grid}.admin-user-row input,.admin-user-row select{color:#fff8ed;background:#15100bb8;border:1px solid #e5c4963d;border-radius:12px;padding:10px 12px}.admin-user-row button:disabled{cursor:not-allowed;opacity:.6}.admin-create-user-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.admin-create-user-form label{color:#f4eadc;gap:6px;display:grid}.admin-create-user-form input,.admin-create-user-form select{color:#fff8ed;background:#15100bb8;border:1px solid #e5c4963d;border-radius:12px;padding:10px 12px}.admin-create-user-form button{color:#2a1709;cursor:pointer;background:#f1c27d;border:0;border-radius:12px;align-self:end;padding:10px 14px;font-weight:700}.admin-create-user-form button:disabled{cursor:wait;opacity:.7}.admin-user-row__actions{gap:10px;display:grid}.admin-user-row__actions button{width:100%}.admin-user-row .admin-user-row__danger-button{color:#fff8ed;background:#8f2f24}.admin-user-row .admin-user-row__danger-button:hover:not(:disabled){background:#a53a2d}.admin-modal-backdrop{z-index:50;background:#00000094;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.admin-modal{background:#20160f;border:1px solid #e5c49638;border-radius:20px;width:min(100%,440px);padding:24px;box-shadow:0 24px 80px #0000006b}.admin-modal h2{color:#fff8ed;margin:0 0 12px}.admin-modal p{color:#cdb89f;margin:0}.admin-modal strong{color:#fff8ed}.admin-modal__actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.admin-modal__actions button{color:#2a1709;cursor:pointer;background:#f1c27d;border:0;border-radius:12px;padding:10px 14px;font-weight:700}.admin-modal__actions button:disabled{cursor:wait;opacity:.7}.admin-modal__field{color:#f4eadc;gap:6px;margin-top:18px;display:grid}.admin-modal__field input{color:#fff8ed;background:#15100bb8;border:1px solid #e5c4963d;border-radius:12px;padding:10px 12px}.account-page{gap:24px;display:grid}.account-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:24px;display:grid}.account-grid .panel{align-self:start}.account-grid .panel h2{color:#fff8ed;margin:0 0 18px;font-size:1.45rem}.account-form{gap:16px;display:grid}.account-form label{color:#f4eadc;gap:6px;display:grid}.account-form input{color:#fff8ed;background:#15100bb8;border:1px solid #e5c4963d;border-radius:12px;padding:10px 12px}.account-form button{color:#2a1709;cursor:pointer;background:#f1c27d;border:0;border-radius:12px;justify-self:start;padding:10px 14px;font-weight:700}.account-form button:disabled{cursor:not-allowed;opacity:.6}.account-danger-zone{border-color:#ffb4a847}.account-danger-zone p{color:#d8c4ad}.account-form .account-danger-zone__button{color:#fff8ed;background:#8f2f24}.account-form .account-danger-zone__button:hover:not(:disabled){background:#a53a2d}@media (width<=860px){.account-grid{grid-template-columns:1fr}}