:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4efe5;background:#100d0b;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#100d0b;--surface:#1b1612;--surface-2:#251d17;--surface-3:#30241b;--border:#49392a;--text:#f4efe5;--muted:#b8aa98;--accent:#c99a3d;--accent-hover:#e0b65a;--danger:#d96b5f;--success:#79b58b;--radius:16px;--shadow:0 18px 50px rgba(0,0,0,.35)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(150,103,42,.18),transparent 38%),linear-gradient(180deg,#17110d 0%,var(--bg) 45%,#0d0a08 100%);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:7px 7px}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,48px);background:rgba(16,13,11,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(201,154,61,.25);box-shadow:0 8px 30px rgba(0,0,0,.22)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.02em}.brand-mark{font-size:1.45rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.topbar-actions{display:flex;gap:10px;align-items:center}.icon-button,.button{border:1px solid var(--border);border-radius:10px;color:var(--text);background:linear-gradient(180deg,var(--surface-2),var(--surface));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.icon-button{width:42px;height:38px}.icon-button:hover,.button:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.2)}.button{padding:11px 16px;font-weight:750}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button-primary{background:linear-gradient(180deg,var(--accent-hover),var(--accent));border-color:#d9aa4e;color:#1b1308;box-shadow:0 5px 18px rgba(201,154,61,.16)}.button-primary:hover{background:linear-gradient(180deg,#ecc66f,var(--accent-hover));border-color:#ecc66f}.text-button{margin-top:18px;border:0;background:transparent;color:var(--accent);padding:4px}.main-content{width:min(1120px,calc(100% - 32px));margin:0 auto;flex:1;padding:56px 0 72px}.auth-view{min-height:68vh;display:grid;place-items:center}.auth-card{position:relative;width:min(460px,100%);padding:clamp(24px,5vw,42px);background:linear-gradient(145deg,#231a14,#15100d);border:1px solid #5a452b;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.03)}.auth-card:after,.modal-card:after{content:"";position:absolute;inset:10px;border:1px solid rgba(201,154,61,.09);border-radius:14px;pointer-events:none}.hero-icon{font-size:2.6rem;margin-bottom:10px}.eyebrow{margin:0 0 8px;color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:850;letter-spacing:.16em}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:.01em}h1{margin-bottom:10px;font-size:clamp(2rem,5vw,3.1rem);line-height:1.05}.muted{color:var(--muted);line-height:1.6}.auth-form,.character-form,.sheet-form{display:grid;gap:9px;margin-top:28px}.auth-form label,.character-form label,.sheet-form label{color:#ded4c6;font-size:.9rem;font-weight:650}.auth-form input,.character-form input,.character-form select,.sheet-form input,.sheet-form select{width:100%;padding:13px 14px;margin-bottom:8px;border:1px solid var(--border);border-radius:10px;background:#110e0c;color:var(--text);outline:none}.auth-form input:focus,.character-form input:focus,.character-form select:focus,.sheet-form input:focus,.sheet-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(201,154,61,.14)}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.status-message{min-height:24px;margin:16px 0 0;color:var(--muted);font-size:.9rem}.status-message.error{color:#ef9187}.status-message.success{color:#8fd0a0}.dashboard-view{animation:fade-in .3s ease}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid rgba(201,154,61,.18)}.page-heading h1{font-size:clamp(2.1rem,5vw,3.3rem)}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.character-card{position:relative;padding:22px;background:linear-gradient(145deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.character-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7}.character-card-icon{font-size:1.7rem;margin-bottom:10px}.character-card h2{margin-bottom:7px}.character-meta{color:var(--muted);font-size:.9rem;line-height:1.6;text-transform:capitalize}.character-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem}.character-stats strong{display:block;color:var(--text);font-size:1rem;margin-top:2px}.sheet-open-button{width:100%;margin-top:16px}.empty-state{padding:54px 24px;text-align:center;border:1px dashed #655039;border-radius:var(--radius);background:rgba(37,29,23,.35)}.empty-icon{font-size:2.3rem;margin-bottom:12px}.footer{padding:22px 16px;text-align:center;color:#817563;font-size:.78rem;display:flex;gap:8px;justify-content:center}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}.modal-backdrop{position:absolute;inset:0;background:rgba(5,3,2,.82);backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:28px;background:linear-gradient(145deg,#211914,#17110e);border:1px solid #57432c;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.6);animation:fade-in .2s ease}.sheet-card{width:min(1000px,100%)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:15px;border-bottom:1px solid rgba(201,154,61,.18)}.modal-header h2{margin:0;font-size:1.7rem}.form-grid{display:grid;gap:12px}.three-columns{grid-template-columns:repeat(3,1fr)}.two-columns{grid-template-columns:repeat(2,1fr)}.four-columns{grid-template-columns:repeat(4,1fr)}.compact-grid{max-width:760px}.section-heading{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.section-heading h3{margin:0}.ability-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ability-box,.check-card,.derived-summary>div,.derived-columns>div,.resource-card{background:linear-gradient(145deg,var(--surface-3),var(--surface-2));border-color:var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.ability-box{padding:12px;border:1px solid var(--border);border-radius:12px;text-align:center}.ability-box label{display:block;margin-bottom:8px;font-size:.78rem}.ability-box label small{display:block;color:var(--muted);margin-top:2px}.ability-box input{margin:0;text-align:center;padding:10px}.checkbox-row{display:flex!important;align-items:center;gap:10px;margin-top:12px}.checkbox-row input{width:auto!important;margin:0!important}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check-card{display:flex!important;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.check-card input{width:auto!important;margin:0!important}.check-card span{font-size:.86rem}.check-card small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.skills-grid{grid-template-columns:repeat(3,1fr)}.table-wrap{overflow-x:auto}.attack-table-header,.attack-row{display:grid;grid-template-columns:1.2fr .75fr .9fr 1.4fr 42px;gap:8px;align-items:center;min-width:720px}.attack-table-header{padding:0 4px 7px;color:var(--muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.attack-row{margin-bottom:8px}.attack-row input{margin:0}.attack-row .icon-button{width:42px}.add-row-button{margin-top:5px}.spell-table-header,.spell-row{display:grid;grid-template-columns:1.3fr .55fr .75fr 1.1fr 42px;gap:8px;align-items:center;min-width:720px}.spell-table-header{padding:0 4px 7px;color:var(--muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.spell-row{margin-bottom:8px}.spell-row input,.spell-row select{margin:0}.spell-prepared{display:flex!important;align-items:center;gap:6px;white-space:nowrap}.spell-prepared input{width:auto!important;margin:0!important}.derived-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.derived-summary>div{padding:12px;border:1px solid var(--border);border-radius:10px}.derived-summary span{display:block;color:var(--muted);font-size:.72rem}.derived-summary strong{display:block;margin-top:4px;font-size:1.15rem}.derived-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.derived-columns>div{padding:12px;border:1px solid var(--border);border-radius:12px}.derived-columns h4{margin:0 0 8px;color:var(--accent);font-size:.8rem;text-transform:uppercase}.derived-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.82rem}.derived-row:last-child{border-bottom:0}.derived-row strong{font-variant-numeric:tabular-nums}.resources-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.resource-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--border);border-radius:12px}.resource-card strong,.resource-card small{display:block}.resource-card small{color:var(--muted);font-size:.72rem;margin-top:3px}.resource-controls{display:flex;align-items:center;gap:8px}.resource-controls .button{padding:6px 10px}.resource-controls span{min-width:58px;text-align:center;font-variant-numeric:tabular-nums;font-weight:750}@keyframes fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.two-columns,.four-columns{grid-template-columns:1fr 1fr}.ability-grid{grid-template-columns:repeat(3,1fr)}.check-grid,.skills-grid,.resources-list{grid-template-columns:repeat(2,1fr)}.derived-summary{grid-template-columns:repeat(3,1fr)}.derived-columns{grid-template-columns:1fr}}@media(max-width:620px){.main-content{width:min(100% - 24px,1120px);padding-top:34px}.topbar{padding-inline:12px}.brand span:last-child{display:none}.page-heading{align-items:stretch;flex-direction:column}.auth-actions,.three-columns,.two-columns,.four-columns,.check-grid,.skills-grid,.resources-list{grid-template-columns:1fr}.ability-grid{grid-template-columns:repeat(2,1fr)}.derived-summary{grid-template-columns:1fr 1fr}.modal-card{padding:22px}}