*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}:root{--bg:#f4efe4;--paper:#fbf8f1;--paper-2:#f1eadc;--ink:#201a14;--muted:#6f6255;--line:#b9aa93;--line-strong:#7f6c52;--accent:#5e4428;--accent-2:#8a6742;--ok:#45633f;--shadow:0 20px 50px #21180c24;--radius:18px;--radius-sm:12px;--font:"Source Sans 3", ui-sans-serif, system-ui, sans-serif;--font-display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--maxw:1700px;--touch:48px}*{box-sizing:border-box}html,body{color:var(--ink);font-family:var(--font);background:radial-gradient(circle at top,#f8f2e8,#efe4d1 45%,#e9dcc6 100%);margin:0;padding:0}body{min-height:100vh}button,input,textarea,select{font:inherit}.app{max-width:var(--maxw);margin:0 auto;padding:20px clamp(14px,2vw,28px) 40px}.topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbf8f1eb;border:1px solid #7f6c5226;border-radius:20px;margin-bottom:18px;padding:12px;position:sticky;top:8px;box-shadow:0 10px 30px #3725131a}.jump-nav{border-top:1px solid #7f6c5224;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;display:flex}.jump-nav a,.jump-nav button.jump-link{appearance:none;color:var(--ink);cursor:pointer;background:#fffcf5e6;border:1px solid #7f6c5247;border-radius:999px;align-items:center;min-height:38px;padding:8px 12px;font-size:.88rem;text-decoration:none;display:inline-flex}.jump-nav a:hover,.jump-nav button.jump-link:hover{background:#efe4d1}.party-bar{background:#ffffff80;border:1px solid #7f6c522e;border-radius:16px;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 16px;padding:12px 14px;display:flex}.party-bar .field{min-width:140px}.party-restore{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.party-restore span{color:var(--muted);font-size:.9rem}.character-head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.character-card.collapsed .char-body{display:none}.character-card.collapsed .field-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.achievements-toolbar{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:14px;display:flex}.achievements-toolbar .field{flex:220px;margin:0}.achievement-row.is-filtered-out,.achievement-note.is-filtered-out,.btn .btn-short{display:none}.btn .btn-full{display:inline}.btn.armed-danger{color:#fff7f2;background:linear-gradient(#b44a3b,#842c20);border-color:#6e2a1f}.topbar-grid{grid-template-columns:1.7fr 1fr;align-items:center;gap:14px;display:grid}.title-wrap h1{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:clamp(2rem,3vw,3.4rem);line-height:.95}.title-wrap p{color:var(--muted);margin:8px 0 0;font-size:.98rem}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.btn{min-height:var(--touch);border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;white-space:nowrap;background:linear-gradient(#fffdf8,#efe6d5);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;transition:transform .12s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 4px 12px #2b1e1114}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #2b1e111f}.btn.primary{color:#fff7eb;background:linear-gradient(#6d5131,#4f3820)}.btn.soft{background:linear-gradient(#f8f3e9,#eadfc9)}.btn.danger{background:linear-gradient(#fff4f0,#efd7cc);border-color:#b07e6d}.status-chip{color:var(--ok);background:#45633f14;border:1px solid #45633f40;border-radius:999px;align-items:center;min-height:42px;padding:8px 12px;font-size:.92rem;display:inline-flex}.page{box-shadow:var(--shadow);background:linear-gradient(#ffffff8c,#ffffff2e);border:1px solid #7f6c5238;border-radius:28px;margin-bottom:24px;padding:clamp(16px,2vw,28px)}.section-title{border-bottom:2px solid #7f6c522e;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:10px;display:flex}.section-title h2{font-size:clamp(1.4rem,1.6vw,2rem);font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0}.section-title small{color:var(--muted);font-size:.92rem}.hero-grid{grid-template-columns:1.25fr .95fr;align-items:start;gap:18px;margin-bottom:18px;display:grid}.card{background:var(--paper);border:1px solid #7f6c5238;border-radius:20px;padding:16px;box-shadow:0 6px 18px #2c1e0c0f}.field-grid{gap:12px;display:grid}.field-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.field-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.field label,.inline-label{text-transform:uppercase;letter-spacing:.1em;color:#7d664b;text-shadow:0 1px #fff6;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.field input,.field textarea,.field select{width:100%;color:var(--ink);background:linear-gradient(#fbf8f0f5,#f0e7d6f0);border:1px solid #856d4d59;border-radius:12px;outline:none;min-height:46px;padding:11px 12px;transition:border-color .15s,box-shadow .15s,background .15s,transform .12s;box-shadow:inset 0 1px #ffffffb3,0 2px 8px #3826140f}.field textarea{resize:vertical;min-height:240px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{background:linear-gradient(#fffcf5fa,#f4ecddf5);border-color:#8f6c3d;box-shadow:0 0 0 3px #8a67421f,inset 0 1px #ffffffb3}.mini-table{gap:10px;display:grid}.mini-row{grid-template-columns:170px 1fr 150px;align-items:end;gap:10px;display:grid}.mini-row .row-title{color:var(--ink);align-self:center;padding:12px 8px 0 0;font-weight:700}.characters{grid-template-columns:1fr;gap:24px;display:grid}.character-card{background:radial-gradient(circle at top,#ffffff47,#0000 36%),linear-gradient(#f8f1e4 0%,#efe3cf 55%,#e8d8bf 100%);border:1px solid #7a63434d;border-radius:28px;gap:16px;min-height:100%;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 36px #432e141f,inset 0 1px #ffffff8c}.character-card:before{content:"";pointer-events:none;border:1px solid #7b603d2e;border-radius:22px;position:absolute;inset:10px}.character-head{justify-content:space-between;align-items:center;gap:12px;padding-bottom:4px;display:flex}.character-head h3{font-size:1.55rem;font-family:var(--font-display);letter-spacing:.03em;color:#f7ead2;background:linear-gradient(#6b4328,#462918);border:1px solid #4c301ce6;border-radius:14px;margin:0;padding:8px 18px 10px;box-shadow:inset 0 1px #ffffff24,0 6px 14px #3f221129}.char-layout{grid-template-columns:96px minmax(0,1fr) 430px;align-items:stretch;gap:18px;display:grid}.left-traits,.right-traits{align-content:space-between;gap:12px;display:grid}.trait-card{background:linear-gradient(#ffffff40,#0000 22%),linear-gradient(#f5eddf,#e7d7bf);border:1px solid #75583747;border-radius:20px;align-content:space-between;justify-items:center;gap:10px;min-height:168px;padding:10px 8px;display:grid;box-shadow:inset 0 1px #ffffff8c,0 5px 12px #38241214}.trait-label{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.1em;color:#715a40;text-align:center;min-height:92px;font-size:.74rem;font-weight:800;line-height:1;transform:rotate(180deg)}.trait-icon{color:#6e4c29;background:radial-gradient(circle at 35% 35%,#f4ead8,#c9ad81);border:1px solid #7f6c5247;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.95rem;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff80}.stepper{grid-template-rows:38px 46px 38px;gap:6px;width:100%;display:grid}.step-btn,.track-adjust-btn{color:#4d331d;cursor:pointer;background:linear-gradient(#fffaf0,#eadbc0);border:1px solid #76593847;border-radius:12px;min-height:38px;font-size:1rem;font-weight:800;transition:transform .12s,box-shadow .18s,filter .18s;box-shadow:inset 0 1px #ffffff8c,0 4px 10px #34241214}.step-btn:hover,.track-adjust-btn:hover,.track-step:hover{transform:translateY(-1px);box-shadow:0 6px 14px #3424121f}.step-input,.track-value-input{text-align:center;width:100%;min-height:46px;color:var(--ink);-moz-appearance:textfield;background:linear-gradient(#fffdf8f2,#efe5d3f2);border:1px solid #7f6c5247;border-radius:12px;padding:10px 8px;font-weight:800;box-shadow:inset 0 1px #ffffffa6}.step-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.step-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.track-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.track-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.character-center{gap:12px;min-width:0;display:grid}.character-stage{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.ability-card,.portrait-panel{background:linear-gradient(#ffffff52,#0000 20%),linear-gradient(#f4ecdffa,#e8dac2f5);border:1px solid #7a5f3d42;border-radius:20px;padding:16px;box-shadow:inset 0 1px #ffffff8c,0 6px 14px #422b1214}.ability-card{align-content:start;gap:10px;display:grid}.ability-card h4,.portrait-panel h4{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.88rem}.ability-card textarea{resize:vertical;background:linear-gradient(#fffbf4eb,#f4ecddf0);border:1px solid #7f6c5240;border-radius:16px;min-height:240px;padding:14px;box-shadow:inset 0 1px #ffffffa6}.portrait-panel{background:radial-gradient(circle at 55% 28%,#785c382e,#0000 30%),radial-gradient(circle at 45% 55%,#9b7f581f,#0000 40%),linear-gradient(#f5f0e7fa,#e2d3b9f2);grid-template-rows:auto 1fr;gap:12px;display:grid}.portrait-placeholder{color:#7a6550;text-align:center;background:linear-gradient(#ffffff29,#ffffff0a);border:1px dashed #7f6c524d;border-radius:18px;place-items:center;min-height:240px;padding:26px;font-size:.98rem;line-height:1.55;display:grid}.photo-panel{grid-template-rows:auto 1fr auto;gap:12px;min-width:0;display:grid}.photo-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.photo-hint{color:var(--muted);font-size:.82rem}.photo-upload-area{cursor:pointer;aspect-ratio:56/75;background:linear-gradient(#ffffff6b,#ffffff24),linear-gradient(#f6efe3,#e9dcc5);border:0;width:100%;min-height:320px;padding:10px;transition:transform .12s,box-shadow .18s,filter .18s;overflow:hidden}.photo-upload-area:hover{transform:translateY(-1px);box-shadow:0 8px 18px #3424121f}.photo-preview{object-fit:contain;background:#fffbf3d1;border-radius:16px;width:100%;height:100%;min-height:0;display:block;box-shadow:inset 0 0 0 1px #7f6c521f}.photo-placeholder-text{max-width:14rem;display:block}.photo-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.photo-action-btn{width:100%}.resource-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.resource-grid .field{background:linear-gradient(#7e5f3a1f,#ffffff38);border:1px solid #7f6c522e;border-radius:16px;padding:8px 10px 10px}.resource-grid .field input{text-align:center;min-height:42px;font-weight:800}.character-side{grid-template-columns:minmax(0,1fr) 96px;align-items:stretch;gap:14px;display:grid}.character-tracks{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.track-column{background:linear-gradient(#ffffff38,#0000 18%),linear-gradient(#f3eadb,#e2cfaf);border:1px solid #7a5f3d4d;border-radius:20px;grid-template-rows:1fr auto auto;gap:8px;min-height:472px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff8c,0 6px 14px #3f271014}.track-stack{align-content:end;gap:6px;display:grid}.track-step{color:#fff5e1eb;cursor:pointer;background:linear-gradient(#6d5a48,#514235);border:1px solid #6e563a57;border-radius:12px;max-width:60px;min-height:42px;font-size:.98rem;font-weight:800;transition:transform .12s,filter .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff14}.track-step.dimmed{filter:saturate(.6)brightness(.92);opacity:.66}.track-column.energy .track-step.special{color:#fff8de;background:linear-gradient(#8b7a3b,#665629)}.track-column.health .track-step.special{color:#fff2ef;background:linear-gradient(#8b3a34,#5f201c)}.track-column.horror .track-step.special{color:#fcf4ff;background:linear-gradient(#6c4b83,#472a58)}.track-column.energy .track-step.active{color:#fffef1;background:linear-gradient(#86aa43,#5f7a2f)}.track-column.health .track-step.active{color:#fff5ee;background:linear-gradient(#b44a3b,#842c20)}.track-column.horror .track-step.active{color:#faf3ff;background:linear-gradient(#76518f,#4f315f)}.track-controls{grid-template-columns:38px 1fr 38px;align-items:center;gap:6px;display:grid}.track-name{text-align:center;text-transform:uppercase;letter-spacing:.1em;color:#6e5942;text-shadow:0 1px #ffffff59;margin-right:30px;font-size:.8rem;font-weight:800}.track-grid{grid-template-columns:repeat(var(--count,8), minmax(0, 1fr));gap:6px;display:grid}.track-cell{border-radius:10px;min-height:38px;position:relative;overflow:hidden}.track-cell input{opacity:0;cursor:pointer;position:absolute;inset:0}.track-cell span{border:1px solid var(--line);min-height:38px;color:var(--muted);-webkit-user-select:none;user-select:none;background:#fffdfa;border-radius:10px;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .1s;display:flex}.track-cell input:checked+span{color:#fff8ec;background:linear-gradient(#6d5131,#4b3420);border-color:#4f3820}.track-cell input:focus-visible+span{box-shadow:0 0 0 3px #8a67422e}.achievements-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.achievement-col{align-content:start;gap:10px;display:grid}.achievement-row{background:#ffffff85;border:1px solid #7f6c5229;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.achievement-row .name{font-weight:700;line-height:1.2}.achievement-row .track-grid{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.achievement-row .track-cell{flex:0 0 48px;width:48px;min-height:48px}.achievement-row .track-cell span{border-radius:12px;min-height:48px;font-size:.95rem}.achievement-note{color:var(--muted);background:#ffffff73;border:1px dashed #7f6c524d;border-radius:14px;margin:6px 0 10px;padding:12px 14px;font-size:.92rem}.removed-locations{gap:12px;margin-top:18px;display:grid}.removed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.removed-group{background:#ffffff70;border:1px solid #7f6c5229;border-radius:18px;padding:12px}.removed-group h4{font-family:var(--font-display);margin:0 0 10px;font-size:1.15rem}.removed-pair{grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px;margin-bottom:8px;display:grid}.removed-pair .arrow{text-align:center;color:var(--muted);font-weight:700}.footer-note{color:var(--muted);margin-top:14px;font-size:.92rem}.hidden-input{display:none}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.summary-box{background:#ffffff8f;border:1px solid #7f6c522e;border-radius:18px;padding:14px}.summary-box strong{font-size:1.4rem;font-family:var(--font-display);margin-bottom:4px;display:block}.summary-box span{color:var(--muted);font-size:.92rem}@media (width<=1420px){.topbar-grid,.hero-grid,.characters,.achievements-layout,.removed-grid{grid-template-columns:1fr}.actions{justify-content:flex-start}.mini-row{grid-template-columns:1fr}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.char-layout{grid-template-columns:84px minmax(0,1fr) 370px;gap:14px}.character-stage{grid-template-columns:repeat(2,minmax(0,1fr))}.track-column{min-height:430px}}@media (width<=1180px){.char-layout{grid-template-columns:1fr}.left-traits,.right-traits{grid-template-columns:repeat(3,minmax(0,1fr))}.character-stage,.character-side{grid-template-columns:1fr}.character-tracks{grid-template-columns:repeat(3,minmax(0,1fr))}.trait-card{min-height:auto}.trait-label{writing-mode:initial;min-height:auto;transform:none}.stepper{grid-template-rows:1fr;grid-template-columns:38px 1fr 38px;align-items:center}}@media (width<=760px){.app{padding:10px 10px 24px}.topbar{border-radius:16px;padding:10px;top:4px}.page{border-radius:22px;padding:14px}.field-grid.cols-2,.field-grid.cols-3,.field-grid.cols-4,.field-grid.cols-5,.resource-grid{grid-template-columns:1fr 1fr}.summary-strip,.achievement-row{grid-template-columns:1fr}.track-grid{gap:4px}.track-cell span{min-height:34px;font-size:.78rem}.achievement-row .track-grid{justify-content:flex-start;gap:6px}.achievement-row .track-cell{flex-basis:44px;width:44px;min-height:44px}.achievement-row .track-cell span{min-height:44px;font-size:.9rem}.left-traits,.right-traits,.character-tracks,.resource-grid{grid-template-columns:1fr}.character-card{padding:14px}.track-column{min-height:auto}.track-step{min-height:38px}.btn .btn-short{display:inline}.btn .btn-full{display:none}.actions{gap:8px}.btn{padding:10px 11px}}@media print{.topbar{position:static}.btn,.status-chip,#importJson{display:none!important}body{background:#fff}.page{box-shadow:none;border:1px solid #aaa}}.status-chip.is-error{color:#8e4338;background:#8e433814;border-color:#8e433842}.stepper.stepper-horizontal{grid-template-rows:1fr;grid-template-columns:38px 1fr 38px;align-items:center}.ability-card .field label:empty{display:none}.ability-card .field{margin:0}.ability-card .field textarea{min-height:240px}.char-body{gap:16px;display:grid}