@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101a1c;--panel:#172325;--panel2:#1b292b;--line:#354344;--muted:#8d9e9d;--text:#edece2;--gold:#c7a66c;--gold2:#e4c995;--red:#b66761;--green:#97b89c}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:'DM Sans',sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}.app-shell{height:100vh;min-height:650px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:76px;flex:none;display:flex;align-items:center;padding:0 24px;background:#142022;border-bottom:1px solid #384744;gap:27px}.brand{display:flex;gap:12px;align-items:center;min-width:176px;font-family:Cinzel,serif;font-size:21px;letter-spacing:.2em;color:#f1e8d5;font-weight:700;line-height:1}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--gold);border-radius:50%;font-family:serif;color:var(--gold);font-size:22px}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.31em;color:#a5afa9;margin-top:8px;font-weight:600}.top-divider{height:34px;width:1px;background:#354441}.scene-heading{display:flex;flex-direction:column;gap:3px}.eyebrow,.map-label{font-size:10px;font-weight:700;letter-spacing:.19em;color:var(--gold)}.scene-heading strong{font-family:Cinzel,serif;font-size:16px;font-weight:500}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.connection{font-size:11px;color:#a9bbb4;margin-right:12px;white-space:nowrap}.connection i,.live-dot{display:inline-block;width:7px;height:7px;background:#8fb79b;border-radius:50%;margin-right:8px;box-shadow:0 0 9px #7cbb8d}.ghost-button,.gold-button{height:36px;border-radius:5px;padding:0 15px;font-size:12px;font-weight:700;letter-spacing:.03em}.ghost-button{border:1px solid #53615a;background:transparent;color:#e9e7da}.ghost-button:hover{border-color:var(--gold)}.gold-button{border:1px solid #dbbc82;background:linear-gradient(135deg,#d3b77d,#b99258);color:#1c2523;box-shadow:inset 0 1px #f2d7a0}.gold-button:hover{filter:brightness(1.08)}.workspace{display:flex;min-height:0;flex:1}.rail{width:57px;flex:none;background:#101b1d;border-right:1px solid #34413f;padding:18px 7px;display:flex;flex-direction:column;align-items:center;gap:12px}.rail-button{width:38px;height:38px;background:transparent;border:0;border-radius:5px;color:#829694;font-size:22px}.rail-button:hover,.rail-button.active{color:var(--gold2);background:#283537}.rail-spacer{flex:1}.side-panel{width:258px;flex:none;background:#182426;border-right:1px solid #364442;display:flex;flex-direction:column;overflow:auto}.panel-head{padding:26px 21px 20px}.panel-head h2,.journal-head h2,.small-modal h2{font-family:Cinzel,serif;font-weight:500;margin:9px 0 6px;font-size:21px}.panel-head p{font-size:11px;line-height:1.6;color:#9dacab;margin:0}.section-title{display:flex;justify-content:space-between;padding:14px 21px 10px;border-top:1px solid #2d3b3b;color:#b5bdb2;font-size:10px;letter-spacing:.16em;font-weight:700}.section-title span:last-child{letter-spacing:0;color:#7e938f}.npc-title{margin-top:14px}.character-list{padding:0 10px;display:grid;gap:3px}.character-card{width:100%;display:flex;gap:11px;align-items:center;text-align:left;padding:9px 10px;border:1px solid transparent;background:transparent;color:var(--text);border-radius:6px}.character-card:hover,.character-card.selected{background:#243335;border-color:#43524c}.avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;flex:none;font-family:Cinzel,serif;font-size:15px;font-weight:600;color:#192322;border:2px solid #dac695;box-shadow:0 0 0 2px #2a3737}.character-info{min-width:0;flex:1}.character-info strong{display:block;font-family:Cinzel,serif;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-info small{display:block;color:#97a5a1;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-hp{font-size:10px;color:#c2d1ba;white-space:nowrap}.mini-hp.low{color:#e89a8d}.add-character{margin:13px 20px 15px;padding:11px 6px;background:transparent;border:1px dashed #60736d;border-radius:4px;color:var(--gold2);font-size:11px;font-weight:700}.add-character:hover{background:#253333}.panel-tip{display:flex;gap:10px;margin:auto 14px 18px;padding:11px 12px;background:#223132;border:1px solid #3c4e4a;border-radius:5px;color:#9eb1a7}.panel-tip span{font-size:17px;color:var(--gold)}.panel-tip p{font-size:10px;line-height:1.55;margin:0}.panel-tip strong{color:#dfdfcf}.map-area{min-width:0;flex:1;display:flex;flex-direction:column;background:#101b1c}.map-toolbar{height:50px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #34413e;font-size:11px;color:#b9c4b9}.map-separator{padding:0 12px;color:#52635e}.map-tools{display:flex;align-items:center;gap:9px}.map-tools button{background:none;border:0;color:#c5cfbf;font-size:20px;width:25px;height:28px}.map-tools button:hover{color:var(--gold)}.map-tools #fitBtn{font-size:19px}.toolbar-divider{height:17px;width:1px;background:#54615a;margin:0 7px}.map-tools #zoomLabel{font-size:10px;min-width:36px;text-align:center}.map-stage{flex:1;min-height:0;display:grid;place-items:center;padding:27px;overflow:hidden;background:radial-gradient(circle at center,#293633,#10191b 75%)}.map-board{width:min(100%,1000px);aspect-ratio:1.53;max-height:100%;position:relative;overflow:hidden;border:7px solid #5a4d3a;outline:1px solid #a18c66;box-shadow:0 21px 60px #000a,0 0 0 7px #172122;transform:scale(var(--zoom,1));transition:transform .18s ease;background:#394d3c}.map-art,.map-grid,.map-vignette,#tokens{position:absolute;inset:0}.map-art{background-size:cover;background-position:center;background-image:url('assets/forest.svg')}.map-board.dungeon .map-art{background-image:url('assets/dungeon.svg')}.map-board.desert .map-art{background-image:url('assets/desert.svg')}.map-board.custom .map-art{background-image:var(--custom-image)}.map-grid{background-image:linear-gradient(#e6dfbe35 1px,transparent 1px),linear-gradient(90deg,#e6dfbe35 1px,transparent 1px);background-size:10% 10%;box-shadow:inset 0 0 0 1px #f0e6c74d;pointer-events:none}.map-vignette{box-shadow:inset 0 0 65px 22px #0d18148c;pointer-events:none}.token{position:absolute;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50%;border:3px solid #e7d09e;box-shadow:0 3px 10px #101816d9,0 0 0 3px #23392bb0;background:var(--token-color);display:grid;place-items:center;color:#19251f;font-family:Cinzel,serif;font-size:22px;font-weight:700;user-select:none;touch-action:none;z-index:1}.token:hover,.token.selected{box-shadow:0 0 0 5px #e7d09e88,0 5px 18px #000d;z-index:3}.token.npc{border-color:#a9bf9b}.token.dead{filter:grayscale(.9);opacity:.75}.token-label{position:absolute;top:57px;left:50%;transform:translateX(-50%);background:#14211ee8;border:1px solid #998b6b;padding:4px 8px;border-radius:3px;color:#eee9d9;font:11px 'DM Sans',sans-serif;font-weight:700;white-space:nowrap}.token-hp{position:absolute;bottom:-8px;left:2px;width:calc(100% - 4px);height:5px;background:#442d2a;border-radius:5px;overflow:hidden;border:1px solid #15221f}.token-hp i{display:block;height:100%;background:#a9c48b}.map-footer{height:35px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 21px;color:#81938c;font-size:10px;letter-spacing:.07em;border-top:1px solid #35423e}.map-footer strong{color:#c3cec4;font-weight:500}.journal-panel{width:316px;flex:none;background:#192527;border-left:1px solid #3b4944;display:flex;flex-direction:column;min-height:0}.journal-head{height:91px;padding:21px 20px 14px;display:flex;justify-content:space-between;align-items:center}.journal-head h2{font-size:19px;margin-top:8px}.journal-icon{font-size:29px;color:var(--gold);border:1px solid #647065;border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.journal-tabs{height:40px;display:flex;border-bottom:1px solid #394641;padding:0 17px;gap:17px}.journal-tabs button{border:0;background:none;color:#9caaa3;font-size:11px;padding:0 5px;border-bottom:2px solid transparent}.journal-tabs button.active{color:var(--gold2);border-color:var(--gold)}.journal-list{padding:18px 16px;flex:1;overflow:auto;scrollbar-color:#65736a transparent}.log-entry{border-left:2px solid #607268;padding:4px 0 4px 12px;margin:0 0 17px;font-size:11px}.log-entry.roll{border-color:var(--gold)}.log-entry.system{border-color:#748f78}.log-top{display:flex;justify-content:space-between;color:#c7d0c2;font-weight:700}.log-top time{font-size:9px;color:#81918b;font-weight:400}.log-text{color:#aebcb1;margin-top:7px;line-height:1.5;overflow-wrap:anywhere}.log-entry.roll .log-text{color:#e8dfc8;font-family:Cinzel,serif;font-size:13px}.roll-result{margin-top:9px;display:inline-flex;align-items:center;gap:10px;padding:7px 12px;background:#273535;border:1px solid #766b4c;border-radius:4px;color:#e9d39e;font:700 21px Cinzel,serif}.roll-result small{font:10px 'DM Sans',sans-serif;color:#aab8ae}.dice-section{padding:15px 17px;background:#223031;border-top:1px solid #40504a}.dice-header{display:flex;justify-content:space-between;align-items:center;color:#d4d3bd;font-size:10px;letter-spacing:.14em;font-weight:700}.dice-header button{border:0;background:none;color:var(--gold2);font-size:10px;letter-spacing:0}.dice-row{display:flex;gap:5px;margin:13px 0}.dice-row button{flex:1;height:37px;background:#2d3e3d;border:1px solid #5d6b61;color:#e2dfcd;font-family:Cinzel,serif;font-size:12px;border-radius:4px}.dice-row button:hover,.dice-row button.selected{background:#7d6d50;border-color:#d4b97c;color:#fff3d6}.roll-controls{display:flex;align-items:center;gap:7px}.roll-controls>button:not(.roll-button){width:29px;height:32px;border:1px solid #627066;border-radius:4px;background:#2b3b3a;color:#d9e1d4}.roll-controls span{font-size:10px;color:#9caba1;white-space:nowrap}.roll-controls span strong{color:#e3e4d6}.roll-button{flex:1;height:34px;margin-left:5px;border:0;border-radius:4px;background:#c8aa74;color:#1c2723;font-size:12px;font-weight:700}.chat-form{height:54px;display:flex;align-items:center;gap:8px;padding:9px 13px;background:#192526;border-top:1px solid #35443e}.chat-form input{width:100%;height:33px;background:#263534;border:1px solid #53615a;border-radius:4px;color:#eee;padding:0 10px;font-size:11px;outline:none}.chat-form input:focus{border-color:var(--gold)}.chat-form button{width:33px;height:33px;border:1px solid #887a59;background:#695f47;border-radius:4px;color:#f4e6bc}.overlay{position:fixed;inset:0;z-index:20;background:#07100fbd;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.modal{position:relative;background:#1b292a;border:1px solid #8e805e;box-shadow:0 26px 100px #000b;border-radius:8px;max-height:90vh;overflow:auto}.close{position:absolute;top:12px;right:16px;border:0;background:none;color:#c5cfbe;font-size:26px;z-index:2}.close:hover{color:#fff}.sheet{width:min(520px,95vw)}.sheet-top{padding:28px 30px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#3d5043,#243332 70%);border-bottom:1px solid #536044}.sheet-portrait{width:70px;height:70px;margin:12px auto;border-radius:50%;border:3px solid #dec896;background:#b5aa7e;display:grid;place-items:center;font:29px Cinzel,serif;color:#1a2925}.sheet-name,.sheet-class{display:block;width:100%;background:none;border:0;text-align:center;color:#f4eddc;outline:none}.sheet-name{font:24px Cinzel,serif}.sheet-class{font-size:12px;color:#c9b990;margin-top:4px}.sheet-body{padding:24px 30px 26px}.stat-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:10px}.stat-grid label,.notes-label,.small-modal label{display:block;color:#b8c3b4;font-size:10px;font-weight:700;letter-spacing:.1em}.stat-grid input,.small-modal input,.small-modal select,.notes-label textarea{width:100%;background:#263536;border:1px solid #56645b;border-radius:4px;color:#eee9dc;padding:9px;outline:none}.stat-grid input{margin-top:7px;height:39px;text-align:center;font:16px Cinzel,serif}.stat-input{display:flex;align-items:center;gap:5px}.stat-input input{width:44%}.stat-input b{padding-top:7px;color:#7f9085}.health-controls{display:flex;gap:8px;margin:21px 0}.health-controls input{width:56px;text-align:center;background:#263536;border:1px solid #56645b;color:#eee;border-radius:4px}.health-controls button{flex:1;padding:9px 5px;border-radius:4px;font-size:11px;font-weight:700}.damage-button{background:#533633;border:1px solid #a26b63;color:#f2c2b9}.heal-button{background:#324c3c;border:1px solid #719274;color:#cce3cb}.notes-label textarea{display:block;margin-top:8px;resize:vertical;line-height:1.5;font-size:12px}.sheet-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.text-danger{border:0;background:none;color:#da9b91;font-size:11px}.small-modal{width:min(415px,95vw);padding:30px}.small-modal h2{margin-bottom:22px}.small-modal label{margin:15px 0}.small-modal input,.small-modal select{display:block;margin-top:7px;font-size:13px;height:39px}.wide{width:100%;margin-top:12px}.modal-hint{font-size:11px;color:#a9b7aa}.toast{position:fixed;z-index:40;bottom:24px;left:50%;transform:translate(-50%,20px);padding:10px 17px;background:#d3b77d;color:#1b2622;border-radius:5px;box-shadow:0 8px 30px #0007;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.side-panel{width:218px}.journal-panel{width:280px}.map-stage{padding:15px}}@media(max-width:800px){.app-shell{min-height:0}.topbar{height:62px;padding:0 12px;gap:12px}.brand{min-width:0;font-size:16px}.brand-mark{width:30px;height:30px}.top-divider,.scene-heading,.connection,.top-actions button span{display:none}.top-actions{gap:5px}.top-actions button{padding:0 10px}.rail{width:46px;padding:10px 3px}.side-panel{position:absolute;left:46px;top:62px;bottom:0;z-index:10;width:250px;box-shadow:10px 0 30px #0008}.side-panel.mobile-hidden{display:none}.journal-panel{position:absolute;right:0;top:62px;bottom:0;z-index:10;width:min(310px,calc(100vw - 46px));box-shadow:-10px 0 30px #0008}.journal-panel.mobile-hidden{display:none}.map-stage{padding:9px}.map-board{width:100%;max-height:100%;aspect-ratio:1.2}.map-footer span:last-child{display:none}.token{width:43px;height:43px;font-size:17px}.token-label{top:45px;font-size:9px}.map-toolbar{padding:0 10px}}
.player-name{border:0;background:none;color:#b9bdad;padding:0;font-size:10px;text-align:left}.player-name:hover{color:var(--gold2)}
.roll-button.rolling{animation:rollFlash .45s ease}@keyframes rollFlash{0%{transform:rotate(-3deg) scale(.94);filter:brightness(1.3)}50%{transform:rotate(3deg) scale(1.05)}100%{transform:none}}
.not-gm .gm-only{display:none!important}.profile-badge{color:#f2ddab;background:#473f31;border:1px solid #8f7d55;border-radius:4px;padding:6px 9px;font-size:10px;font-weight:700;letter-spacing:.12em}.not-gm .profile-badge{color:#b9d5c4;background:#294036;border-color:#668a72}.private-item{opacity:.63}.private-token{opacity:.57;border-style:dashed}.scene-select{margin-left:12px;max-width:175px;background:#263738;border:1px solid #677263;border-radius:4px;color:#dfd8c5;padding:4px 5px;font-size:11px}.scene-list{display:grid;gap:6px;max-height:160px;overflow:auto;margin:15px 0}.scene-item{display:flex;justify-content:space-between;gap:9px;width:100%;text-align:left;padding:9px 10px;border:1px solid #4c5e55;background:#263635;color:#ece9dc;border-radius:4px;font-size:11px}.scene-item.active{border-color:var(--gold);background:#394237}.scene-item small{color:#c8b88d;white-space:nowrap}.map-empty{color:#d1bd8d;display:grid;place-items:center;gap:14px;font:40px Cinzel,serif}.map-empty span{font:14px 'DM Sans',sans-serif;color:#b9c7b9}.visibility-controls{border-top:1px solid #536057;margin-top:19px;padding-top:13px;display:grid;gap:10px}.visibility-controls label{color:#cdd7c9;font-size:11px}.visibility-controls input{accent-color:#c7a66c}.visibility-controls button{width:max-content;margin-top:4px}.log-visibility{display:block;margin-top:7px;padding:0;border:0;background:none;color:#c3b387;font-size:10px}.log-visibility:hover{color:#f1d59b}.private-check{padding:7px 17px 0;background:#223031;color:#b9c8b7;font-size:10px}.private-check input{accent-color:#c7a66c;vertical-align:middle}.gallery-modal{width:min(720px,94vw);padding:28px;max-height:85vh}.gallery-modal h2{font:22px Cinzel,serif;margin:8px 0 20px}.image-upload{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.image-upload input{background:#263536;border:1px solid #56645b;color:#ddd;padding:8px;border-radius:4px;font-size:11px;min-width:0}.image-upload input[type=text],.image-upload input:not([type]){width:180px}.image-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px;overflow:auto;max-height:55vh}.image-card{background:#263635;border:1px solid #53635a;border-radius:5px;overflow:hidden}.image-card img{width:100%;height:145px;object-fit:cover;display:block;cursor:zoom-in}.image-card div{padding:9px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.image-card strong{width:100%;font-size:11px}.image-card button{border:0;background:none;color:#d4bf90;font-size:10px;padding:0}.image-card .image-remove{margin-left:auto;color:#deaa9d;font-size:17px}
.brand-home-button{appearance:none;border:0;background:transparent;text-align:left;cursor:pointer;padding:0;line-height:1;color:#f1e8d5}.brand-home-button:hover,.brand-home-button:focus-visible{filter:brightness(1.18);outline:2px solid var(--gold2);outline-offset:7px;border-radius:3px}
.character-card{touch-action:none}.avatar img,.token img,.sheet-portrait img,.roster-drag-ghost img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.token img{pointer-events:none}.map-board.drop-ready{outline:3px solid #e0c383;box-shadow:0 21px 60px #000a,0 0 0 8px #c6a76b55}.roster-drag-ghost{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%);width:58px;height:58px;display:grid;place-items:center;border:3px solid #e7d09e;border-radius:50%;box-shadow:0 12px 30px #000b;background:#b5aa7e;color:#172621;font:24px Cinzel,serif}.token-settings{display:grid;gap:10px;margin-bottom:20px;padding:12px 14px;background:#233332;border:1px solid #4b5f51;border-radius:5px}.token-settings label{display:grid;gap:6px;color:#c7d0c0;font-size:10px;font-weight:700;letter-spacing:.08em}.token-settings select,.token-settings input[type=file]{width:100%;padding:7px;background:#2b3c3a;color:#e5e3d5;border:1px solid #5f705f;border-radius:4px;font-size:11px;letter-spacing:0}.token-settings .text-danger{justify-self:start;padding:0}.sheet-portrait img{border-radius:50%}
.dice-hint{margin:8px 0 2px;color:#9dac9f;font-size:9px}.dice-row{gap:4px;margin:11px 0 12px}.dice-row button{position:relative;min-width:0;height:38px;padding:0 2px;font-size:11px;touch-action:manipulation}.dice-row .die-count{position:absolute;top:-9px;right:-5px;min-width:17px;height:17px;padding:1px 3px;border-radius:9px;background:#9a7c4b;border:1px solid #d8bb7e;color:#fff3ce;font:700 10px 'DM Sans',sans-serif;line-height:13px;box-shadow:0 2px 5px #0008}.dice-row button:not(.selected) .die-count{background:#344643;border-color:#65766c;color:#b5c4b8}.dice-mode{display:flex;gap:5px;margin-bottom:12px}.dice-mode button{flex:1;padding:6px 3px;border-radius:4px;border:1px solid #586d61;background:#2b3b39;color:#c5d0c2;font-size:10px}.dice-mode button.active{background:#806a48;border-color:#d3b577;color:#fff1cc;font-weight:700}.dice-mode button:hover{border-color:#d3b577}
.dice-row button{overflow:visible}.dice-row button .die-count,.dice-row button:not(.selected) .die-count{display:grid;place-items:center;position:absolute;top:-9px;right:-7px;z-index:2;width:19px;height:19px;min-width:19px;padding:0;border-radius:50%;border:1px solid #f5b4a8;background:#b53239;color:#fff;font:700 10px 'DM Sans',sans-serif;line-height:1;box-shadow:0 2px 7px #000a}
.token.has-image{border:0;background:transparent;overflow:visible}.token.has-image img{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;border-radius:50%;pointer-events:none}.token.has-image .token-label,.token.has-image .token-hp{z-index:1}.avatar,.sheet-portrait,.roster-drag-ghost{position:relative}.avatar img,.sheet-portrait img,.roster-drag-ghost img{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;border-radius:50%}
.secret-roll-control{display:flex;align-items:center;gap:7px;margin:0 0 11px;color:#dbc5ee;font-size:10px;cursor:pointer}.secret-roll-control input{accent-color:#a978ca;margin:0}.log-entry.secret-roll{opacity:1;padding:9px 10px 10px 12px;background:#35263f;border:1px solid #74548d;border-left:3px solid #b38ad2;border-radius:5px}.log-entry.secret-roll .log-top,.log-entry.secret-roll .log-text{color:#ead9f4}.log-entry.secret-roll .roll-result{background:#4a315a;border-color:#a77bc3;color:#f1dfff}.secret-roll-tag{display:inline-block;margin-top:7px;color:#d9b4f2;font-size:9px;font-weight:800;letter-spacing:.12em}
@media(max-width:800px){.scene-select{max-width:120px}.profile-badge{padding:5px}.image-upload{display:grid}.image-upload input{width:100%}}
.preview-modal{padding:30px;max-width:92vw}.preview-modal img{display:block;max-width:100%;max-height:75vh;object-fit:contain}.preview-modal p{text-align:center;color:#e7ddc3;font:14px Cinzel,serif;margin:14px 0 0}
@media(max-width:800px){.map-toolbar>div:first-child{display:flex;align-items:center}.map-toolbar #mapName{display:none}.not-gm .map-toolbar #mapName{display:inline;font-size:10px}.scene-select{margin-left:4px}}
.sheet-portrait-wrap{position:relative;width:70px;height:70px;margin:12px auto}.sheet-portrait-wrap .sheet-portrait{margin:0}.portrait-edit{position:absolute;right:-10px;bottom:-4px;z-index:2;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--gold2);border-radius:50%;background:#1b292a;color:var(--gold2);font-size:15px;box-shadow:0 3px 10px #0009}.portrait-edit:hover,.portrait-edit:focus-visible{background:var(--gold);color:var(--bg);outline:2px solid var(--gold2);outline-offset:2px}.token-image-modal{width:min(440px,94vw);padding:30px}.token-image-modal h2{margin:8px 0 7px;font:24px Cinzel,serif}.token-image-modal .modal-hint{line-height:1.5;margin:0 0 20px}.token-image-drop{min-height:230px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:2px dashed #728778;border-radius:8px;background:#263735;text-align:center;color:#dce5d9;cursor:pointer;transition:border-color .15s,background .15s}.token-image-drop:hover,.token-image-drop.drag-over,.token-image-drop:focus-visible{border-color:var(--gold2);background:#344842;outline:none}.token-image-drop strong{font:16px Cinzel,serif}.token-image-drop span{font-size:11px;color:#aab8ab}.token-image-preview{width:88px;height:88px;display:grid;place-items:center;overflow:hidden;border:3px solid var(--gold2);border-radius:50%;color:#1a2925;font:34px Cinzel,serif}.token-image-preview img{width:100%;height:100%;object-fit:contain;border-radius:50%}.token-image-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:480px){.token-image-modal{padding:26px 20px}.token-image-drop{min-height:210px}.token-image-actions{flex-wrap:wrap}}
.sheet-config-button{position:absolute;top:13px;left:16px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--gold2);font-size:24px;line-height:1}.sheet-config-button:hover,.sheet-config-button:focus-visible{background:#ffffff16;color:#fff1d0;outline:1px solid var(--gold2)}.sheet-config-modal{width:min(440px,94vw);padding:30px}.sheet-config-modal h2{margin:8px 0 23px;font:24px Cinzel,serif}.sheet-config-field{display:grid;gap:8px;color:#b8c3b4;font-size:10px;font-weight:700;letter-spacing:.1em}.sheet-config-field select{width:100%;height:40px;padding:8px;background:#263536;border:1px solid #627267;border-radius:4px;color:#eee9dc;font-size:12px;letter-spacing:0}.sheet-config-visibility{display:grid;gap:13px;margin:22px 0 8px;padding-top:20px;border-top:1px solid #536057}.sheet-config-visibility label{display:flex;align-items:center;gap:8px;color:#d5dfd0;font-size:12px;cursor:pointer}.sheet-config-visibility input{accent-color:var(--gold);margin:0}.sheet-config-modal .modal-hint{margin:8px 0 0}.sheet-config-modal .wide{margin-top:24px}.sheet-place-token{display:block;margin-top:19px;max-width:100%}
.preview-modal p{padding:0 38px}.preview-share{position:absolute;right:12px;bottom:8px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #a99772;border-radius:50%;background:#1c3435;color:#e8d7ae}.preview-share:hover,.preview-share:focus-visible{background:#345150;color:#fff1c7;outline:2px solid #c9aa70}.preview-share svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#imagePreview.player-presented{z-index:40}
.image-folder-import{width:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #52615a;color:#b9c9bf;font-size:12px}.image-folder-import small{width:100%;color:var(--gold2);font-size:11px}
.gallery-modal .image-upload{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px}.gallery-modal .image-upload .image-dropzone{width:100%;min-height:112px}.gallery-modal .image-upload .gold-button{width:max-content}

.token-image-modal{width:min(660px,94vw)}
.character-image-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.character-image-field{display:flex;flex-direction:column;min-width:0}
.character-image-field h3{margin:0 0 9px;color:var(--text);font:700 14px Cinzel,serif}
.character-image-field .image-dropzone.token-image-drop{flex:1;min-height:212px;padding:14px;gap:5px}
.character-image-field .token-image-drop strong{font-size:13px}
.character-image-field .text-danger{align-self:flex-start;margin-top:8px;padding:4px 0}
.portrait-image-preview{width:78px;height:98px;border-radius:4px}
.portrait-image-preview img{border-radius:0;object-fit:cover}
.token-image-actions{justify-content:flex-end;margin-top:15px}
@media(max-width:560px){.character-image-fields{grid-template-columns:1fr;gap:14px}.character-image-field .image-dropzone.token-image-drop{min-height:170px}.token-image-modal{max-height:90vh}}

/* Token images keep their original silhouette and fit fully inside their slot. */
.token.has-image{border-radius:0;box-shadow:none}
.token.has-image img{object-fit:contain;border-radius:0}
.token.has-image.selected{outline:2px solid var(--gold2);outline-offset:2px;box-shadow:none}
.roster-drag-ghost.has-image{border:0;border-radius:0;background:transparent!important;box-shadow:none}
.roster-drag-ghost.has-image img{object-fit:contain;border-radius:0}
.token-image-preview:has(img){border:0;border-radius:0;background:transparent!important}
.token-image-preview img{object-fit:contain;border-radius:0}