@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#f6f5f0;--paper:#fffefa;--ink:#25352e;--muted:#7d847b;--line:#e4e5dc;--accent:#b1753d;--green:#344d3c;--violet:#86719c;--radius:16px;font-family:'Golos Text',sans-serif;font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b69056;outline-offset:3px}.rail{width:76px;position:fixed;inset:0 auto 0 0;background:#1e2d25;color:#e2e7dc;display:flex;align-items:center;flex-direction:column;padding:30px 0;z-index:2;gap:16px}.brand{font-family:Georgia,serif;text-decoration:none;font-size:30px;position:relative;letter-spacing:-7px;margin:0 7px 45px 0}.brand span{color:#c0a16d}.rail-link{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;text-decoration:none;color:#a6b0a2;font-size:24px}.rail-link.active,.rail-link:hover{background:#344537;color:#dec69f}.rail-bottom{margin-top:auto;display:grid;justify-items:center;gap:10px;font-size:8px;letter-spacing:2px}.live-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#91a984}.workspace{margin-left:76px}.topbar{min-height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 4.2vw}.breadcrumbs{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#899184}.breadcrumbs span{padding:0 17px;color:#b3b7ac}.top-actions{display:flex;align-items:center;gap:8px}.save-status{font-size:11px;color:#7c8b76;margin-right:15px}.save-status.error{color:#a03e34}.button{border:1px solid #d9dcd0;background:var(--paper);color:#455440;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:500;transition:background .15s}.button:hover{background:#eceee4}.button.quiet{background:transparent}.button.primary{background:var(--green);color:white;border-color:var(--green)}.button.danger{color:#a34843;border-color:#e4d1cb}.button.small{padding:7px 10px;font-size:11px}main{max-width:1500px;margin:auto;padding:43px 4.2vw 0}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;color:#869078}.small-star{font-size:15px;margin-right:8px;color:#a48355}h1{font-family:'Manrope',sans-serif;font-size:clamp(30px,3.2vw,49px);font-weight:600;letter-spacing:-2.3px;line-height:1.2;margin:15px 0 12px}h1>span{color:#a98853}.hero p{color:#8a8e80;margin:0;font-size:13px;line-height:1.7}.session-badge{font-size:9px;font-weight:600;letter-spacing:1.3px;border:1px solid #e0e3d7;background:#efefe5;padding:17px 19px;border-radius:12px;white-space:nowrap}.session-badge .live-dot{margin-right:8px}.session-badge small{display:block;color:#8e9384;font-weight:400;font-size:11px;letter-spacing:0;margin:10px 0 0 15px}.overview{display:grid;grid-template-columns:repeat(4,1fr);background:#eeefe6;border:1px solid #e2e5d8;border-radius:12px;margin-bottom:40px;padding:22px 0}.overview>div{display:flex;align-items:center;gap:15px;padding:0 26px;border-right:1px solid #dce0d2}.overview>div:last-child{border:0}.overview-icon{font-size:25px;color:#929e80}.overview-label{font-size:10px;color:#8b9380}.overview-label strong{display:block;font-size:13px;font-weight:500;color:#44513d;margin-top:6px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-heading h2{font-family:'Manrope',sans-serif;font-size:23px;font-weight:600;letter-spacing:-.6px;margin:8px 0 0}.hint{display:flex;align-items:center;gap:9px;font-size:11px;color:#96998b;line-height:1.6;margin-bottom:24px}.hint>span{font-size:17px}.characters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.character{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden;box-shadow:0 5px 16px #283b2a03}.portrait{height:280px;position:relative;background:#e2dfd3;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 8%;display:block}.portrait:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#121b15a8);pointer-events:none}.portrait-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:radial-gradient(ellipse at 50% 35%,#edefe4,#d9dfcf);color:#9ca890}.portrait-empty .silhouette{font-family:Georgia,serif;font-size:100px;color:#a4b09a;opacity:.65;line-height:1}.portrait-empty small{letter-spacing:2px;font-size:9px}.character[data-id="nastya"] .portrait-empty{background:radial-gradient(ellipse at 50% 40%,#575062,#2e2b36);color:#c9b9d3}.character[data-id="nastya"] .silhouette{color:#b29cbf}.portrait-overlay{position:absolute;bottom:17px;left:19px;right:19px;z-index:1;display:flex;justify-content:space-between;align-items:center;color:#fff}.player-tag{font-size:10px;letter-spacing:1px}.portrait-upload{background:#ffffff1f;border:1px solid #ffffff55;color:white;border-radius:6px;padding:6px 9px;font-size:10px;backdrop-filter:blur(8px)}.card-main{padding:22px}.card-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.role-tag{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1.3px;color:#8c759b;min-width:0;overflow-wrap:anywhere}.state-tag{font-size:9px;color:#7d8a69;border-radius:4px;background:#edf0e3;padding:4px 6px;white-space:nowrap}.state-tag.waiting{color:#9a927d;background:#f1eee6}.character h3{font-family:'Manrope',sans-serif;font-weight:600;font-size:23px;letter-spacing:-.8px;margin:8px 0 10px;line-height:1.25;overflow-wrap:anywhere}.concept{font-size:12px;color:#929284;line-height:1.75;margin:0 0 18px;min-height:64px;overflow-wrap:anywhere}.vitals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.vital{background:#f5f4ed;border:1px solid #ecece1;border-radius:8px;padding:11px}.vital-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8a8d7c;display:block;margin-bottom:8px}.vital-label .heart{color:#ad7265}.vital-number{font-family:'Manrope',sans-serif;font-size:22px;line-height:1;font-weight:600;display:flex;align-items:center;gap:4px}.vital-number input{width:42px;min-width:0;border:0;background:transparent;color:inherit;text-align:center;padding:0;font:inherit;appearance:textfield}.vital-number input::-webkit-inner-spin-button{appearance:none}.vital-number small{font-size:13px;color:#9a9e90;font-weight:400}.hp-controls{display:flex;align-items:center;justify-content:space-between;gap:5px}.step-button{width:23px;height:25px;background:#fffdf6;border:1px solid #e2e3d6;border-radius:5px;color:#78836b;font-size:16px;flex-shrink:0;padding:0}.health-track{height:3px;background:#e0e2d3;border-radius:3px;margin-top:10px;overflow:hidden}.health-fill{height:100%;background:#8d9e73;border-radius:3px;transition:width .2s}.health-fill.low{background:#bc7f65}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:21px}.stat{text-align:center;min-width:0}.stat label{font-size:8px;letter-spacing:.5px;color:#989a8b;display:block;margin-bottom:7px}.stat input{width:100%;background:#faf9f3;border:1px solid #e8e9dd;border-radius:6px;padding:9px 0;text-align:center;font-family:'Manrope',sans-serif;font-size:16px;color:#4f5c46;appearance:textfield}.stat input::-webkit-inner-spin-button{appearance:none}.stat .bonus{font-size:9px;color:#919982;margin-top:5px;display:block}.card-section{padding-top:16px;margin-top:16px;border-top:1px solid #eceee4}.card-section h4{font-size:10px;color:#707c63;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-weight:600}.attack-title{font-size:12px;font-weight:500;margin-bottom:7px;overflow-wrap:anywhere}.attack-rolls{display:flex;flex-wrap:wrap;gap:6px}.roll-chip{font-size:10px;border:1px solid #e4e4d9;background:#f6f5ee;border-radius:5px;padding:5px 7px;color:#768366}.roll-chip b{font-weight:500;color:#4d5c40}.ability-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.ability-title{font-size:12px;font-weight:500;overflow-wrap:anywhere}.ability-checks{display:flex;gap:7px;white-space:nowrap}.ability-checks input{width:17px;height:17px;accent-color:#857099;margin:0}.ability-description{font-size:11px;line-height:1.7;color:#989485;margin:8px 0 0;overflow-wrap:anywhere}.inventory-list{padding:0;list-style:none;margin:0;display:grid;gap:7px}.inventory-list li{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:#828776;line-height:1.6}.inventory-list input{width:15px;height:15px;flex-shrink:0;accent-color:#718263;margin:2px 0 0}.inventory-list input:checked+span{text-decoration:line-through;opacity:.5}.inventory-list span{flex:1;overflow-wrap:anywhere}.icon-button{border:0;background:transparent;color:#a09e90;padding:0 3px;font-size:15px}.inventory-add{display:flex;gap:6px;margin-top:12px}.inventory-add input{min-width:0;width:100%;font-size:11px}.card-details{margin-top:17px;border-top:1px solid #eceee4;padding-top:13px}.card-details summary{font-size:11px;color:#72815f;cursor:pointer;line-height:1.6}.lore-block{font-size:11px;line-height:1.8;color:#8b8d7d;margin-top:13px;overflow-wrap:anywhere}.lore-block b{display:block;color:#657258;font-weight:500;margin-bottom:3px}.lore-block p{white-space:pre-wrap;margin:0}.edit-fields{display:grid;gap:12px;padding-top:15px}.edit-fields input,.edit-fields textarea,.edit-fields select{font-size:12px}.edit-fields textarea{min-height:70px}.card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:20px}.footer-note{font-size:9px;color:#9b9f8e}.session-panel{margin-top:40px;padding:27px 30px;background:#eeefe7;border:1px solid #e0e3d5;border-radius:var(--radius)}.session-panel h2{font-size:20px}.private-label{font-size:9px;border:1px solid #d9dfcb;padding:6px 9px;border-radius:5px;color:#8a947b}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:17px}label{font-size:11px;color:#7e8871;line-height:1.6}label>input,label>textarea,label>select{display:block;margin-top:6px;width:100%}input:not([type=checkbox]):not([type=file]),textarea,select{border:1px solid #dfe3d5;border-radius:7px;background:#fffef9;color:#48553f;padding:10px 11px;max-width:100%}.stat input{padding:9px 0!important}.vital-number input{border:0!important;background:transparent!important;padding:0!important}.notes-grid input,.session-panel textarea{background:#f9f9f2}textarea{resize:vertical;line-height:1.7;min-height:60px}input::placeholder,textarea::placeholder{color:#adb19e}.rules-note{display:flex;gap:20px;margin-top:20px;font-size:10px;line-height:1.8;color:#89937b}.rules-note b{color:#6b795e;white-space:nowrap;font-weight:500}footer{padding:30px 0;display:flex;justify-content:space-between;gap:15px;color:#a3a796;font-size:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#293d30;color:#f3f1df;padding:14px 23px;border-radius:9px;font-size:12px;z-index:10;box-shadow:0 6px 25px #14231530;max-width:90vw}.toast.error{background:#874139}dialog{border:1px solid #dadfce;border-radius:16px;padding:30px;max-width:460px;width:90%;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#10201588;backdrop-filter:blur(4px)}dialog h2{font-size:22px}dialog p{font-size:13px;line-height:1.8;color:#7c8570}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.empty-note{color:#a09f8f;font-size:11px;line-height:1.8}.portrait-choices{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.portrait-choice{padding:0;border:2px solid transparent;background:#f0ede4;border-radius:7px;overflow:hidden;position:relative;color:#536146}.portrait-choice.selected{border-color:#9c7c4e}.portrait-choice img{display:block;width:100%;height:85px;object-fit:cover;object-position:center 10%}.portrait-choice span{display:block;font-size:8px;padding:5px 1px}.portrait-caption{font-size:9px;color:#a19b88;margin:8px 0 0;line-height:1.6}.sheet-error{font-size:10px;color:#a25943;line-height:1.6;margin:10px 0 0}.deleted-note{color:#a36d58} [hidden]{display:none!important}.player-name{margin:0 0 13px;font-size:12px;color:#8d947f}.player-name strong{font-weight:600;color:#566747}.portrait-overlay{gap:8px}.portrait-overlay .player-tag{flex:1;line-height:1.6}.portrait-dialog{max-width:1000px;width:auto;padding:12px;background:#1e2922;overflow:auto;max-height:95vh}.portrait-dialog img{display:block;max-width:100%;max-height:83vh;object-fit:contain;margin:auto;border-radius:7px}.portrait-dialog form{display:flex;justify-content:flex-end;margin-bottom:10px}.portrait-dialog .button{background:#344537;border-color:#64715a;color:#efeada}.portrait-dialog::backdrop{background:#0e1612d9}@media(min-width:1450px){.portrait{height:330px}}@media(max-width:1150px){main{padding-left:28px;padding-right:28px}.topbar{padding-left:28px;padding-right:28px}.card-main{padding:17px}.overview>div{padding:0 17px;gap:10px}.portrait{height:240px}.save-status{display:none}.vital{padding:9px}.step-button{width:20px}.vital-number{font-size:19px}.vital-number input{width:31px}.stats{gap:3px}.stat input{font-size:14px}.character h3{font-size:20px}.concept{min-height:84px}}@media(max-width:950px){.characters{grid-template-columns:repeat(2,minmax(0,1fr))}.session-badge{display:none}.overview>div{padding:0 12px}.overview-icon{font-size:21px}.overview-label strong{font-size:11px}.concept{min-height:0}.portrait{height:290px}}@media(max-width:650px){.rail{display:none}.workspace{margin-left:0}.topbar{min-height:64px;padding:12px 18px;gap:8px}.breadcrumbs{font-size:8px;letter-spacing:.6px}.breadcrumbs span{padding:0 6px}.top-actions{gap:4px}.top-actions .button{padding:8px;font-size:10px}main{padding:28px 18px 0}.hero{margin-bottom:25px}h1{font-size:34px;letter-spacing:-1.7px}.hero p{font-size:12px}.overview{grid-template-columns:1fr 1fr;gap:20px 0;padding:20px 8px;margin-bottom:30px}.overview>div{padding:0 12px}.overview>div:nth-child(2){border:0}.overview-label strong{font-size:12px}.section-heading h2{font-size:19px}.section-heading .button{padding:9px;font-size:10px}.characters{grid-template-columns:1fr;gap:20px}.portrait{height:340px}.card-main{padding:23px}.character h3{font-size:26px}.stat input{font-size:18px}.vital-number{font-size:24px}.vital-number input{width:47px}.step-button{width:25px}.session-panel{padding:22px 18px;margin-top:28px}.notes-grid{grid-template-columns:1fr;gap:13px}.rules-note{flex-direction:column;gap:5px}footer{flex-direction:column;line-height:1.7}.private-label{font-size:8px;white-space:nowrap}.portrait-choice img{height:105px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}