:root{--parch: #F5EDD6;--parch2: #EDE0BC;--parch3: #DDD0A8;--parch4: #C9AE6C;--ink: #2C1F0E;--ink2: #4A3520;--ink3: #6B4E2A;--gold: #C8A840;--gold2: #A88830;--red: #8B2020;--green: #2A5A1A;--blue: #1A3A6A;--brd: rgba(44, 31, 14, .2);--brd2: rgba(44, 31, 14, .35);--shadow: 0 2px 8px rgba(44, 31, 14, .18);--shadow2: 0 4px 16px rgba(44, 31, 14, .28);--font-cinzel: "Cinzel", Georgia, serif;--font-fell: "IM Fell English", Georgia, serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--ink);color:var(--ink);font-family:var(--font-fell)}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.map-container{flex:1;position:relative;overflow:hidden;background:#1a1510;cursor:default}.toolbar{display:flex;align-items:center;gap:8px;padding:0 12px;height:52px;background:var(--parch3);border-bottom:1px solid var(--brd2);flex-shrink:0;overflow-x:auto;overflow-y:hidden}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-divider{width:1px;height:28px;background:var(--brd2);margin:0 6px;flex-shrink:0}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:52px;height:40px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink2);cursor:pointer;font-family:var(--font-cinzel);font-size:9px;letter-spacing:.04em;transition:background .12s,border-color .12s;white-space:nowrap;flex-shrink:0}.tool-btn:hover{background:var(--parch2);border-color:var(--brd)}.tool-btn.active{background:var(--parch4);border-color:var(--brd2);color:var(--ink)}.tool-btn .tool-icon{font-size:18px;line-height:1}.toolbar-label{font-family:var(--font-cinzel);font-size:10px;letter-spacing:.06em;color:var(--ink3);white-space:nowrap;flex-shrink:0}.toolbar input[type=number],.toolbar input[type=text]{width:60px;padding:4px 6px;border:1px solid var(--brd2);border-radius:4px;background:var(--parch);color:var(--ink);font-family:var(--font-fell);font-size:13px}.toolbar input[type=number]:focus,.toolbar input[type=text]:focus{outline:none;border-color:var(--gold)}.file-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--brd2);border-radius:5px;background:var(--parch);color:var(--ink);cursor:pointer;font-family:var(--font-cinzel);font-size:10px;letter-spacing:.04em;transition:background .12s;white-space:nowrap;flex-shrink:0}.file-btn:hover{background:var(--parch2)}.file-name{font-family:var(--font-fell);font-size:12px;color:var(--ink3);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--brd);border-radius:5px;background:transparent;color:var(--ink2);cursor:pointer;font-family:var(--font-cinzel);font-size:10px;letter-spacing:.04em;transition:all .12s;white-space:nowrap;flex-shrink:0}.toggle-btn.on{background:var(--gold);color:var(--ink);border-color:var(--gold2)}.sidebar{width:220px;background:var(--parch);border-left:1px solid var(--brd2);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.sidebar-header{padding:10px 14px;background:var(--parch3);border-bottom:1px solid var(--brd);font-family:var(--font-cinzel);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink);flex-shrink:0}.sidebar-body{flex:1;overflow-y:auto;padding:8px 0}.sidebar-section-label{padding:4px 14px 2px;font-family:var(--font-cinzel);font-size:9px;letter-spacing:.1em;color:var(--ink3);text-transform:uppercase}.token-list-item{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 14px;cursor:pointer;border-radius:0;transition:background .1s}.token-list-item:hover{background:var(--parch2)}.token-list-item.selected{background:var(--parch3)}.token-mini{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-cinzel);font-size:11px;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.3)}.token-mini img{width:100%;height:100%;object-fit:cover}.token-list-name{flex:1;font-family:var(--font-fell);font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list-type{font-family:var(--font-cinzel);font-size:8px;letter-spacing:.05em;color:var(--ink3);padding:1px 4px;border-radius:3px;background:var(--parch3)}.token-list-actions{display:flex;gap:2px;flex-shrink:0}.icon-btn{width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink3);transition:background .1s}.icon-btn:hover{background:var(--parch3);color:var(--ink)}.icon-btn.danger:hover{background:#f8d7d7;color:var(--red)}.sidebar-footer{padding:10px 14px;border-top:1px solid var(--brd);background:var(--parch2);font-family:var(--font-fell);font-size:12px;color:var(--ink2);line-height:1.6;flex-shrink:0}.scale-display{font-family:var(--font-cinzel);font-size:10px;letter-spacing:.04em;color:var(--ink3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:var(--parch);border:1px solid var(--brd2);border-radius:8px;padding:28px;width:340px;max-width:95vw;box-shadow:var(--shadow2)}.modal-title{font-family:var(--font-cinzel);font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}.modal-divider{height:1px;background:var(--brd);margin:10px 0 18px}.form-field{margin-bottom:14px}.form-label{display:block;font-family:var(--font-cinzel);font-size:10px;letter-spacing:.06em;color:var(--ink3);text-transform:uppercase;margin-bottom:5px}.form-input{width:100%;padding:7px 10px;border:1px solid var(--brd2);border-radius:4px;background:var(--parch);color:var(--ink);font-family:var(--font-fell);font-size:14px}.form-input:focus{outline:none;border-color:var(--gold);background:#fff}.type-toggle{display:flex;gap:6px}.type-btn{flex:1;padding:7px;border:1px solid var(--brd);border-radius:4px;background:transparent;color:var(--ink2);cursor:pointer;font-family:var(--font-cinzel);font-size:10px;letter-spacing:.04em;transition:all .12s;text-align:center}.type-btn.active{background:var(--parch4);border-color:var(--brd2);color:var(--ink)}.color-row{display:flex;gap:6px;flex-wrap:wrap}.color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s}.color-swatch.selected{border-color:var(--gold);transform:scale(1.15)}.img-upload-area{border:2px dashed var(--brd2);border-radius:6px;padding:12px;text-align:center;cursor:pointer;transition:border-color .12s,background .12s;background:transparent;width:100%}.img-upload-area:hover{border-color:var(--gold);background:var(--parch2)}.img-preview-wrap{display:flex;align-items:center;gap:10px}.img-preview{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--brd2)}.img-upload-label{font-family:var(--font-fell);font-size:12px;color:var(--ink3)}.modal-actions{display:flex;gap:8px;margin-top:20px}.btn-primary{flex:1;padding:8px;background:var(--parch4);border:1px solid var(--brd2);border-radius:4px;color:var(--ink);font-family:var(--font-cinzel);font-size:11px;letter-spacing:.05em;cursor:pointer;transition:background .12s}.btn-primary:hover{background:var(--gold)}.btn-ghost{flex:1;padding:8px;background:transparent;border:1px solid var(--brd);border-radius:4px;color:var(--ink2);font-family:var(--font-cinzel);font-size:11px;letter-spacing:.05em;cursor:pointer;transition:background .12s}.btn-ghost:hover{background:var(--parch2)}.token-element{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);z-index:10}.token-element:active{cursor:grabbing;z-index:20}.token-circle{position:relative;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--font-cinzel);font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #00000080;transition:box-shadow .1s;flex-shrink:0}.token-circle.selected-ring{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 2px 8px #00000080}.token-circle img{width:100%;height:100%;object-fit:cover}.token-label{margin-top:3px;font-family:var(--font-cinzel);font-size:10px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis;text-align:center;letter-spacing:.04em}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.size-btn{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border:1px solid var(--brd);border-radius:4px;background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s;gap:2px}.size-btn:hover{background:var(--parch2);border-color:var(--brd2)}.size-btn.active{background:var(--parch4);border-color:var(--brd2);color:var(--ink)}.size-btn-label{font-family:var(--font-cinzel);font-size:10px;font-weight:600;letter-spacing:.03em}.size-btn-grid{font-family:var(--font-fell);font-size:10px;color:var(--ink3)}.size-btn.active .size-btn-grid{color:var(--ink2)}.btn-secondary{padding:8px;background:transparent;border:1px solid var(--brd2);border-radius:4px;color:var(--ink2);font-family:var(--font-cinzel);font-size:11px;letter-spacing:.05em;cursor:pointer;transition:background .12s}.btn-secondary:hover{background:var(--parch2)}.btn-danger{padding:8px;background:transparent;border:1px solid #c0392b44;border-radius:4px;color:#c0392b;font-family:var(--font-cinzel);font-size:11px;letter-spacing:.05em;cursor:pointer;transition:background .12s}.btn-danger:hover{background:#c0392b18}.session-modal{width:420px}.session-list{max-height:260px;overflow-y:auto;border:1px solid var(--brd);border-radius:4px;margin-bottom:10px}.session-empty{padding:20px;text-align:center;font-family:var(--font-fell);font-size:13px;color:var(--ink3)}.session-item{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--brd);transition:background .1s}.session-item:last-child{border-bottom:none}.session-item:hover{background:var(--parch2)}.session-item.selected{background:var(--parch4)}.session-name{font-family:var(--font-cinzel);font-size:13px;color:var(--ink)}.session-date{font-family:var(--font-fell);font-size:11px;color:var(--ink3);white-space:nowrap;margin-left:12px}.session-selected-actions{display:flex;gap:6px;margin-bottom:4px}.session-selected-actions .btn-primary{flex:1.5}.session-selected-actions .btn-secondary,.session-selected-actions .btn-danger{flex:1}.session-save-row{display:flex;gap:8px;align-items:center}.session-save-row .form-input{flex:1}.session-save-btn{flex:0 0 auto!important;white-space:nowrap;padding:7px 14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--parch2)}::-webkit-scrollbar-thumb{background:var(--parch4);border-radius:3px}.empty-map{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#c8a84066;pointer-events:none}.empty-map-icon{font-size:64px;opacity:.5}.empty-map-text{font-family:var(--font-cinzel);font-size:14px;letter-spacing:.08em}@keyframes death-main{0%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:none}3%{transform:translate(calc(-50% + 4px),calc(-50% - 3px)) scale(1)}6%{transform:translate(calc(-50% - 3px),calc(-50% + 4px)) scale(1)}9%{transform:translate(calc(-50% + 5px),calc(-50% + 2px)) scale(1)}12%{transform:translate(calc(-50% - 4px),calc(-50% - 4px)) scale(1)}15%{transform:translate(calc(-50% + 3px),calc(-50% + 5px)) scale(1)}17%{transform:translate(-50%,-50%) scale(1)}30%{opacity:1;filter:saturate(.6) brightness(.9);transform:translate(-50%,-50%) scale(1)}45%{opacity:.95;filter:saturate(.1) brightness(.7);transform:translate(-50%,-50%) scale(1)}62%{opacity:.9;filter:saturate(0) brightness(.5);transform:translate(-50%,-50%) scale(1)}73%{opacity:.7;filter:saturate(0) brightness(.3);transform:translate(-50%,-50%) scale(.88)}85%{opacity:.3;filter:saturate(0) brightness(.1) blur(3px);transform:translate(-50%,-50%) scale(.5)}94%{opacity:.05;filter:blur(7px);transform:translate(-50%,-50%) scale(.15)}to{opacity:0;filter:blur(10px);transform:translate(-50%,-50%) scale(0)}}.token-dying{animation:death-main 4s ease-in forwards;pointer-events:none!important;z-index:50!important}.death-reaper{position:absolute;top:0;left:0;width:55px;height:85px;animation:reaper-anim 2.2s ease-out forwards;animation-delay:.3s;animation-fill-mode:both;filter:drop-shadow(0 0 10px rgba(160,0,0,.7));z-index:210}@keyframes reaper-anim{0%{transform:translate(198px,-33px) rotate(-10deg);opacity:0}7%{opacity:1}38%{transform:translate(22px,-43px) rotate(-2deg);opacity:1}48%{transform:translate(20px,-52px) rotate(-22deg);opacity:1}63%{transform:translate(17px,-36px) rotate(28deg);opacity:1}73%{transform:translate(22px,-43px) rotate(6deg);opacity:1}84%{transform:translate(4px,-85px) rotate(0);opacity:.85}to{transform:translate(-115px,-230px) rotate(-25deg) scale(.35);opacity:0}}.death-slash{position:absolute;top:0;left:0;width:var(--sw, 90px);height:5px;background:linear-gradient(to right,transparent 0%,#ffffff 20%,#ff6600 55%,#ff0000 75%,transparent);border-radius:3px;box-shadow:0 0 14px #f40,0 0 28px red,0 0 50px #f005;animation:slash-strike .55s ease-out forwards;animation-delay:1.65s;animation-fill-mode:both;opacity:0;z-index:220}@keyframes slash-strike{0%{opacity:0;transform:translate(-50%,-50%) rotate(-48deg) scaleX(0)}18%{opacity:1;transform:translate(-50%,-50%) rotate(-45deg) scaleX(.6)}35%{opacity:1;transform:translate(-50%,-50%) rotate(-42deg) scaleX(1)}75%{opacity:.4;transform:translate(-50%,-50%) rotate(-38deg) scaleX(1.25)}to{opacity:0;transform:translate(-50%,-50%) rotate(-35deg) scaleX(1.5)}}.death-soul{position:absolute;top:0;left:0;animation:soul-ascend 1.7s ease-out forwards;animation-delay:1.85s;animation-fill-mode:both;opacity:0;pointer-events:none;z-index:205}.death-soul .token-circle{border-color:#b4dcff99;box-shadow:0 0 20px #b4dcffcc,0 0 40px #6496ff80}@keyframes soul-ascend{0%{opacity:0;transform:translate(-50%,-50%) scale(.5);filter:brightness(2.5) saturate(.2) blur(8px)}14%{opacity:.9;transform:translate(-50%,-62%) scale(.75);filter:brightness(2) saturate(.1) blur(3px)}45%{opacity:.75;transform:translate(-52%,-130%) scale(.88);filter:brightness(1.7) saturate(0) blur(5px)}75%{opacity:.45;transform:translate(-48%,-210%) scale(1);filter:brightness(1.4) blur(8px)}to{opacity:0;transform:translate(-50%,-300%) scale(1.15);filter:blur(16px)}}.death-particle{position:absolute;top:0;left:0;width:var(--sz, 8px);height:var(--sz, 8px);border-radius:50%;background:radial-gradient(circle at 35% 35%,#f64,#8b0000);box-shadow:0 0 6px #f20,0 0 12px #c008;animation:particle-burst .85s ease-out forwards;animation-fill-mode:both;opacity:0;z-index:215}@keyframes particle-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(calc(-50% + var(--dx, 1) * 130px),calc(-50% + var(--dy, 0) * 130px)) scale(0)}}.blood-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;animation:blood-screen-fade 2.6s ease-in-out forwards;overflow:hidden}@keyframes blood-screen-fade{0%{opacity:0}8%{opacity:1}70%{opacity:1}to{opacity:0}}.blood-drip-streak{position:absolute;top:0;height:80px;background:linear-gradient(to bottom,#8b0000ee 0%,#cc000099 55%,transparent);border-radius:0 0 45% 45%;box-shadow:0 0 8px #8b000066;transform:scaleY(0);transform-origin:top center;animation:blood-drip-grow linear forwards}@keyframes blood-drip-grow{0%{transform:scaleY(0);opacity:1}15%{opacity:1}90%{opacity:.85}to{transform:scaleY(var(--drip-scale, 7));opacity:.7}}.token-circle.multi-selected{border-color:#00cfff!important;box-shadow:0 0 0 2px #00cfff,0 2px 8px #00000080!important}.marker-pin{position:absolute;transform:translate(-50%,-100%);cursor:pointer;z-index:15;pointer-events:none}.marker-pin-head{width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid rgba(255,255,255,.4);box-shadow:0 2px 8px #00000080;transition:transform .12s,box-shadow .12s}.marker-pin.selected .marker-pin-head{transform:rotate(-45deg) scale(1.2);box-shadow:0 0 0 3px var(--gold),0 4px 12px #0009}.marker-tooltip{position:absolute;bottom:36px;left:50%;transform:translate(-50%);background:var(--parch);border:1px solid var(--brd2);border-radius:6px;padding:8px 12px;min-width:130px;max-width:210px;box-shadow:var(--shadow2);z-index:500;pointer-events:auto}.marker-tooltip-title{font-family:var(--font-cinzel);font-size:11px;font-weight:700;color:var(--ink);margin-bottom:4px}.marker-tooltip-text{font-family:var(--font-fell);font-size:12px;color:var(--ink2);line-height:1.5;max-height:72px;overflow-y:auto;margin-bottom:6px;white-space:pre-wrap}.marker-tooltip-actions{display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.layers-panel{position:absolute;top:calc(100% + 4px);right:0;z-index:500;background:var(--parch);border:1px solid var(--brd2);border-radius:6px;padding:10px 14px;box-shadow:var(--shadow2);min-width:160px}.layer-toggle{display:flex;align-items:center;gap:8px;padding:4px 0;font-family:var(--font-cinzel);font-size:10px;letter-spacing:.04em;color:var(--ink2);cursor:pointer;-webkit-user-select:none;user-select:none}.layer-toggle input[type=checkbox]{accent-color:var(--gold);width:14px;height:14px;cursor:pointer}.toggle-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.toggle-btn.on{background:var(--parch4);border-color:var(--gold2);color:var(--ink);font-weight:600}.form-textarea{width:100%;box-sizing:border-box;padding:7px 10px;border:1px solid var(--brd2);border-radius:4px;background:var(--parch);color:var(--ink);font-family:var(--font-fell);font-size:13px;resize:vertical;min-height:72px;outline:none;transition:border-color .12s}.form-textarea:focus{border-color:var(--gold);background:#fffdf5}