*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border) var(--panel)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--panel)}::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:999px;border:3px solid var(--panel);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-2)}::-webkit-scrollbar-corner{background:var(--panel)}:root{--bg:#16141c;--panel:#211e29;--panel-2:#2a2634;--border:#3a3548;--text:#eae6f0;--text-dim:#a89fc0;--accent:#c9a24b;--accent-2:#7d6bd0;--red:#d3596b;--blue:#5a9bd4;--green:#6ab77a;--purple:#a774d6}body,html{height:100%}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh}.app-shell-content{flex:1 1;min-height:0;overflow:auto;scrollbar-gutter:stable}body{margin:0;color:var(--text);font-family:Georgia,Iowan Old Style,serif;line-height:1.5;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(1.5px 1.5px at 20px 30px,hsla(0,0%,100%,.35),transparent),radial-gradient(1.5px 1.5px at 120px 90px,hsla(0,0%,100%,.25),transparent),radial-gradient(1px 1px at 200px 40px,hsla(0,0%,100%,.3),transparent),radial-gradient(1.5px 1.5px at 260px 150px,hsla(0,0%,100%,.2),transparent),radial-gradient(1px 1px at 340px 60px,hsla(0,0%,100%,.3),transparent),radial-gradient(1.5px 1.5px at 60px 180px,hsla(0,0%,100%,.2),transparent),radial-gradient(ellipse 1100px 700px at 12% -10%,rgba(125,107,208,.2),transparent 60%),radial-gradient(ellipse 900px 650px at 108% 8%,rgba(201,162,75,.16),transparent 55%),radial-gradient(ellipse 900px 800px at 50% 115%,rgba(90,60,120,.2),transparent 60%),radial-gradient(ellipse 1400px 900px at 50% 50%,transparent 40%,rgba(0,0,0,.35) 100%);background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:380px 220px,380px 220px,380px 220px,380px 220px,380px 220px,380px 220px,auto,auto,auto,auto;background-attachment:fixed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:100%;margin:0 auto;padding:32px 24px 80px 10%}h1{font-size:2rem;margin:0 0 4px;color:var(--accent);letter-spacing:.01em}h2{font-size:1.3rem;margin:32px 0 12px;color:var(--accent-2);border-bottom:1px solid var(--border);padding-bottom:8px}h3{font-size:1.05rem;margin:0 0 4px}.subtitle{color:var(--text-dim);margin-bottom:var(--space-5,24px)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg,12px);padding:var(--space-5,20px);margin-bottom:var(--space-4,16px);position:relative;box-shadow:var(--shadow-md,0 20px 40px -28px rgba(0,0,0,.6))}.panel:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,75,.55),transparent)}.card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-md,8px);padding:14px 16px;margin-bottom:10px;box-shadow:var(--shadow-sm,none);transition:border-color .15s ease}.card-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.card-title-row>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;font-size:.7rem;font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:var(--border);color:var(--text-dim)}.badge+.badge{margin-left:4px}.badge.type-CHARACTER{background:#1f3324;color:#7fe0a0}.badge.type-NPC{background:#2c2438;color:#d9b8ff}.badge.type-MONSTER{background:#3a2020;color:#ff9d8a}.badge.type-LOCATION{background:#1c3336;color:#7fd6dc}.badge.type-FACTION{background:#33232a;color:#ffb3b3}.badge.type-ITEM{background:#332c1e;color:#f0d896}.badge.type-QUEST{background:#3a2a1c;color:#f0a860}.badge.type-EVENT{background:#241f3a;color:#a89fff}.badge.type-GENERIC{background:#2a2a2a;color:#c9c9c9}.badge.vis-GM_ONLY{background:#4a2530;color:var(--red)}.badge.vis-PLAYER{background:#223a4d;color:var(--blue)}.badge.vis-PUBLIC{background:#21402a;color:var(--green)}.badge.vis-SECRET{background:#3a2650;color:var(--purple)}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:720px){.grid-2{grid-template-columns:1fr}}label{display:block;font-size:.85rem;color:var(--text-dim);margin:10px 0 4px}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm,6px);color:var(--text);padding:8px 10px;font-family:inherit;font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-2);box-shadow:var(--focus-ring,0 0 0 3px rgba(201,162,75,.35))}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}input[readonly],textarea[readonly]{background:transparent;border-style:dashed;color:var(--text-dim)}textarea{min-height:120px;resize:vertical}button{background:var(--accent);color:#1a1610;border:1px solid transparent;border-radius:var(--radius-sm,6px);padding:9px 18px;font-weight:700;font-family:system-ui,sans-serif;cursor:pointer;margin-top:12px;transition:background .15s ease,border-color .15s ease,transform .05s ease}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:var(--focus-ring,0 0 0 3px rgba(201,162,75,.35))}button:disabled{opacity:.5;cursor:default;transform:none}button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}button.danger{background:transparent;color:var(--red);border:1px solid var(--red)}a.secondary{display:inline-block;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm,6px);padding:9px 18px;font-weight:700;font-family:system-ui,sans-serif;text-decoration:none;cursor:pointer}a.secondary:hover{filter:brightness(1.08);text-decoration:none}button.danger:hover{background:rgba(211,89,107,.14);filter:none}.btn-add{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--green,#27ae60);border:1px solid var(--green,#27ae60)}.btn-add:hover{background:rgba(39,174,96,.14);filter:none}.btn-enter{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--green,#27ae60);border:1px solid var(--green,#27ae60)}.btn-enter:hover{background:rgba(39,174,96,.14);filter:none}.filter-select{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:0 10px 0 12px;color:var(--text-dim);flex-shrink:0}.filter-select select{background:var(--panel-2);border:none;color:inherit;padding:8px 4px 8px 0;margin:0;font-size:.85rem}.filter-select select:focus{outline:none}.filter-select select option{background:var(--panel-2);color:var(--text)}.filter-select-active{border-color:var(--accent);color:var(--accent)}.filter-select-active select option{color:var(--text)}.empty{color:var(--text-dim);font-style:italic}.error-box{background:var(--danger-subtle,#3a1f26);border:1px solid var(--red);color:#ffc7cf;padding:10px 14px;border-radius:var(--radius-md,8px)}.error-box,.result-box{margin:12px 0;font-family:system-ui,sans-serif;font-size:.9rem}.result-box{background:var(--success-subtle,#1f2e22);border:1px solid var(--green);color:#d3f0d8;padding:12px 14px;border-radius:var(--radius-md,8px);white-space:pre-wrap}.rel-line{font-family:system-ui,sans-serif;font-size:.92rem}.rel-arrow{color:var(--accent);font-weight:700}.back-link{display:inline-block;margin-bottom:16px;font-family:system-ui,sans-serif;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:9px 18px;font-weight:700;text-decoration:none}.back-link:hover{filter:brightness(1.08);text-decoration:none}.entity-card{display:flex;align-items:flex-start;gap:12px;transition:border-color .15s ease}.entity-card:hover{border-color:var(--accent)}.entity-icon-small{width:34px;height:34px}.entity-icon-large,.entity-icon-small{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.entity-icon-large{width:56px;height:56px}.entity-thumb{width:34px;height:34px;border-radius:50%;overflow:hidden;display:block;flex-shrink:0;margin-left:-8px;border:2px solid var(--panel-2)}.entity-header{display:flex;align-items:center;gap:16px;margin:20px 0;flex-wrap:wrap}.entity-header-actions{display:flex;gap:8px;margin-left:auto;flex-shrink:0;flex-wrap:wrap}.tab-nav-underline{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin:0 0 20px}.tab-nav-underline button{margin:0;display:flex;align-items:center;gap:6px;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 4px;color:var(--text-dim);font-family:system-ui,sans-serif}.tab-nav-underline button:not(.secondary){color:var(--accent);border-bottom-color:var(--accent)}.tab-nav-underline button.secondary:hover{color:var(--text);filter:none}.tab-bar{display:flex;gap:8px;flex-wrap:wrap}.tab-bar button{margin:0}@media (max-width:640px){.container{padding:24px 16px 90px}.entity-header{flex-direction:column;align-items:flex-start;gap:12px}.entity-header-actions{margin-left:0;width:100%}.entity-header-actions button{flex:1 1 auto}}.entity-section-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.entity-section-nav button{margin:0;display:flex;align-items:center;gap:6px}.entity-hp-row{display:flex;align-items:center;gap:10px;margin:0 0 16px}.entity-hp-bar{flex:1 1;max-width:320px;height:14px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden}.entity-hp-bar-fill{height:100%;background:var(--red);transition:width .2s ease}.entity-hp-label{font-size:.82rem;color:var(--text-dim);font-family:system-ui,sans-serif;white-space:nowrap}.app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-column-gap:12px;column-gap:12px;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box;padding:20px 10% 14px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:900;background:var(--bg)}.app-header-left{display:flex;align-items:center;gap:12px;min-width:0}.app-header-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.app-header-brand img{display:block;height:32px;width:auto}.app-header-center{min-width:0;display:flex;justify-content:center}.app-header-right{display:flex;align-items:center;gap:8px;justify-content:flex-end}.app-header-back-link{display:flex;align-items:center;gap:6px;color:var(--text-dim);text-decoration:none;font-family:system-ui,sans-serif;font-size:.9rem;white-space:nowrap;flex-shrink:0}.app-header-back-link:hover{color:var(--accent);filter:none}.app-header-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}@media (max-width:640px){.app-header-back-link span{display:none}.app-header-title{font-size:1rem}}.app-header-menu-wrap{position:relative;display:flex;align-items:center;gap:8px}.app-header-username{font-family:system-ui,sans-serif;font-size:.9rem;color:var(--text);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.app-header-username{max-width:90px}}.app-header-menu-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin:0;border-radius:50%;background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.app-header-menu-btn:hover{border-color:var(--accent);color:var(--accent);filter:none}.app-header-menu-btn-impersonating{border-color:var(--accent-2);color:var(--accent-2)}.app-header-menu-backdrop{position:fixed;inset:0;z-index:950;background:transparent}.app-header-menu{position:absolute;top:calc(100% + 8px);right:0;width:260px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 20px 50px -20px rgba(0,0,0,.7);padding:12px;z-index:960;display:flex;flex-direction:column;font-family:system-ui,sans-serif;animation:app-header-menu-in .12s ease-out}@keyframes app-header-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.app-header-menu-user{font-weight:700;font-size:.9rem;color:var(--accent);padding-bottom:8px;margin-bottom:2px;border-bottom:1px solid var(--border)}.app-header-menu-role{font-weight:400;color:var(--text-dim);font-size:.82rem}.app-header-menu-note{font-size:.78rem;color:var(--accent-2);background:rgba(125,107,208,.12);border:1px solid var(--accent-2);border-radius:6px;padding:6px 8px}.app-header-menu a.secondary,.app-header-menu button{margin:0;width:100%;text-align:left;display:flex;align-items:center;gap:8px;box-sizing:border-box}.app-header-menu a.secondary{text-decoration:none}.app-header-menu svg{flex-shrink:0}.role-badge{font-family:system-ui,sans-serif;font-size:.82rem;color:var(--text-dim);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px}.trama-loader-overlay{position:fixed;inset:0;background:rgba(12,10,16,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.trama-loader-box{display:flex;flex-direction:column;align-items:center;gap:10px}.trama-loader-mark img{display:block;animation:trama-spin 2.4s linear infinite;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.trama-loader-word{display:block;height:34px;width:auto}.trama-loader-label{font-family:system-ui,sans-serif;color:var(--text-dim);font-size:.9rem}.ai-provider-badge{font-size:.75rem;color:var(--text-dim);font-style:italic;margin-left:.4em}@keyframes trama-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.possession-banner{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:10000;background:var(--accent,#7c5cff);color:#fff;padding:6px 18px;border-radius:0 0 8px 8px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.3);pointer-events:none}.possession-cursor{position:fixed;z-index:9999;transform:translate(-2px,-2px);pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;transition:left .08s linear,top .08s linear}.possession-cursor-dot{width:14px;height:14px;border-radius:50% 50% 50% 0;background:var(--accent,#7c5cff);transform:rotate(45deg);box-shadow:0 0 0 2px #fff}.possession-cursor-label{background:var(--accent,#7c5cff);color:#fff;font-size:.68rem;font-weight:600;padding:1px 6px;border-radius:4px;white-space:nowrap}.possession-click-ring{position:fixed;z-index:9998;width:28px;height:28px;margin-left:-14px;margin-top:-14px;border-radius:50%;border:3px solid var(--accent,#7c5cff);pointer-events:none;animation:possession-click-pulse 1.2s ease-out forwards;display:flex;align-items:center;justify-content:center}.possession-click-label{position:absolute;top:100%;margin-top:4px;background:var(--panel-2,#222);color:var(--text,#fff);font-size:.7rem;padding:1px 6px;border-radius:4px;white-space:nowrap}@keyframes possession-click-pulse{0%{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}.toolbar-loader-row{display:flex;align-items:center;gap:6px}.toolbar-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--text-dim);border-radius:50%;animation:trama-spin .7s linear infinite;flex-shrink:0}.character-card{display:flex;align-items:center;gap:14px;transition:border-color .15s ease}.character-card:hover{border-color:var(--accent)}.password-field{position:relative}.password-field input{padding-right:68px}.password-toggle{position:absolute;right:4px;top:4px;margin-top:0!important;padding:5px 10px!important;font-size:.72rem!important;font-weight:400!important}.header-link{display:inline-block;text-decoration:none;padding:9px 18px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-family:system-ui,sans-serif;font-size:.95rem}.header-link:hover{border-color:var(--accent);text-decoration:none}.impersonation-badge{background:#2c2438;color:var(--accent-2);border:1px solid var(--accent-2)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.media-thumb{margin-bottom:0;padding:8px}.media-thumb-img{width:100%;height:130px;object-fit:cover;border-radius:6px;cursor:pointer;display:block;border:1px solid var(--border)}.media-thumb-footer{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:8px}.media-thumb-footer-top{display:flex;align-items:center;gap:6px;min-width:0}.media-thumb-footer-actions{display:flex;gap:4px;justify-content:flex-end}.media-thumb-name{font-family:system-ui,sans-serif;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1}.media-thumb-footer button{margin-top:0}.media-lightbox{position:fixed;inset:0;background:rgba(8,6,12,.88);display:flex;align-items:center;justify-content:center;padding:40px;cursor:zoom-out;z-index:1000}.media-lightbox img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.6);cursor:default}.media-lightbox-close{position:fixed;top:16px;right:20px;width:40px;height:40px;border-radius:50%;border:none;background:hsla(0,0%,100%,.12);color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;z-index:1001}.media-lightbox-close:hover{background:hsla(0,0%,100%,.22)}.ruleset-chat-panel{position:fixed;bottom:0;right:0;z-index:900;width:min(340px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--border);border-bottom:none;border-radius:10px 0 0 0;box-shadow:0 -6px 20px -10px rgba(0,0,0,.6);display:flex;flex-direction:column;max-height:60vh;font-family:system-ui,sans-serif}.ruleset-chat-panel-collapsed{width:auto;min-width:0;background:transparent;border:none;box-shadow:none}.ruleset-chat-panel-collapsed .ruleset-chat-handle{width:56px;height:30px;padding:0}.ruleset-chat-handle{width:100%;margin:0;padding:8px 14px;background:var(--accent);color:var(--bg);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer}.ruleset-chat-panel-collapsed .ruleset-chat-handle{border:1px solid var(--border);border-bottom:none;border-radius:10px 0 0 0;box-shadow:0 6px 20px -6px rgba(0,0,0,.6)}.ruleset-chat-body{display:flex;flex-direction:column;flex:1 1;overflow:hidden}.ruleset-chat-messages{flex:1 1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.ruleset-chat-msg{font-size:.88rem;line-height:1.4;padding:8px 12px;border-radius:10px;max-width:88%;white-space:pre-wrap}.ruleset-chat-msg-user{align-self:flex-end;background:var(--accent);color:#1a1610}.ruleset-chat-msg-assistant{align-self:flex-start;background:var(--panel-2);border:1px solid var(--border)}.ruleset-chat-typing{color:var(--text-dim);font-style:italic}.ruleset-chat-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.ruleset-chat-form input{margin:0}.ruleset-chat-form button{margin:0;flex-shrink:0;padding:8px 14px}.ask-chat-panel{position:fixed;bottom:0;right:0;z-index:900;width:min(340px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--border);border-bottom:none;border-radius:10px 0 0 0;box-shadow:0 -6px 20px -10px rgba(0,0,0,.6);display:flex;flex-direction:column;max-height:60vh;font-family:system-ui,sans-serif}.ask-chat-panel-collapsed{width:auto;min-width:0;background:transparent;border:none;box-shadow:none}.ask-chat-panel-collapsed .ask-chat-handle{width:56px;height:30px;padding:0}.ask-chat-handle{width:100%;margin:0;padding:8px 14px;background:var(--accent);color:var(--bg);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer}.ask-chat-panel-collapsed .ask-chat-handle{border:1px solid var(--border);border-bottom:none;border-radius:10px 0 0 0;box-shadow:0 6px 20px -6px rgba(0,0,0,.6)}.ask-chat-body{display:flex;flex-direction:column;flex:1 1;overflow:hidden}.ask-chat-messages{flex:1 1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.ask-chat-msg{font-size:.88rem;line-height:1.4;padding:8px 12px;border-radius:10px;max-width:88%;white-space:pre-wrap}.ask-chat-msg-user{align-self:flex-end;background:var(--accent);color:#1a1610}.ask-chat-msg-assistant{align-self:flex-start;background:var(--panel-2);border:1px solid var(--border)}.ask-chat-typing{color:var(--text-dim);font-style:italic}.ask-chat-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.ask-chat-form input{margin:0}.ask-chat-form button{margin:0;flex-shrink:0;padding:8px 14px}.app-toolbar{position:fixed;left:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--border);border-left:none;border-radius:0 12px 12px 0;padding:10px 8px;z-index:850;box-shadow:0 10px 30px -14px rgba(0,0,0,.6)}.app-toolbar-collapsed{padding-right:2px;overflow:visible}.app-toolbar-collapsed .app-toolbar-btn-wrap,.app-toolbar-collapsed>button:not(.app-toolbar-collapse-btn){display:none}.app-toolbar-collapse-btn{position:absolute;right:-22px;top:50%;transform:translateY(-50%);width:30px;height:56px;padding:0;margin:0;border-radius:0 10px 10px 0;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--bg);border:1px solid var(--border);border-left:none;box-shadow:0 6px 20px -6px rgba(0,0,0,.6)}.app-toolbar-collapse-btn:hover{filter:brightness(1.08);border-color:var(--accent)}.app-toolbar-collapse-btn:active{transform:translateY(-50%) translateY(1px)}.app-toolbar-collapsed .app-toolbar-collapse-btn{right:-22px}.app-toolbar-btn-wrap{position:relative}.app-toolbar-btn{width:42px;height:42px;padding:0;margin:0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.app-toolbar-btn:hover{border-color:var(--accent);color:var(--accent);filter:none}.app-toolbar-btn-active{border-color:var(--accent);color:var(--accent);background:var(--panel)}.app-toolbar-panel{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);width:264px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 20px 50px -20px rgba(0,0,0,.7);overflow:hidden;font-family:system-ui,sans-serif;animation:toolbar-panel-in .15s ease-out}@keyframes toolbar-panel-in{0%{opacity:0;transform:translateY(-50%) translateX(-6px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.app-toolbar-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--panel-2);border-bottom:1px solid var(--border);font-weight:700;font-size:.9rem;color:var(--accent)}.app-toolbar-panel-close{background:none;color:var(--text-dim);border:none;padding:2px;margin:0}.app-toolbar-panel-close:hover{color:var(--text);filter:none}.dice-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;padding:12px}.dice-die-cell{position:relative;height:46px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2)}.dice-die-half{position:absolute;top:0;bottom:0;width:50%;margin:0;padding:0;background:transparent;border:none}.dice-die-half-neg{left:0;border-right:1px solid var(--border);border-radius:7px 0 0 7px}.dice-die-half-pos{right:0;border-radius:0 7px 7px 0}.dice-die-half-neg:hover{background:rgba(211,89,107,.18);filter:none}.dice-die-half-pos:hover{background:rgba(106,183,122,.18);filter:none}.dice-die-shape{position:absolute;inset:4px;display:flex;pointer-events:none;color:var(--text-dim);opacity:.4}.dice-die-shape svg{width:100%;height:100%}.dice-die-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:.85rem;font-weight:700;color:var(--text);text-shadow:0 0 4px var(--panel-2),0 0 4px var(--panel-2)}.dice-bonus-cell .dice-die-label{font-size:.68rem}.dice-die-badge{position:absolute;top:-6px;font-size:.65rem;font-weight:700;border-radius:999px;padding:1px 5px;line-height:1.4;z-index:1}.dice-die-badge-neg{left:-6px;background:var(--red);color:#fff}.dice-die-badge-pos{right:-6px;background:var(--green);color:#0d2412}.dice-pool{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}.dice-pool-summary{display:inline-flex;gap:4px}.dice-pool-chip{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:.8rem;cursor:pointer}.dice-pool-chip-pos{border-color:var(--green);color:var(--green)}.dice-pool-chip-neg{border-color:var(--red);color:var(--red)}.dice-actions{display:flex;gap:8px;padding:0 12px 12px}.dice-actions button{margin:0;flex:1 1}.dice-results{padding:10px 12px;border-top:1px solid var(--border);background:var(--panel-2)}.dice-results-line{margin:0 0 4px;font-size:.85rem}.dice-results-line-neg{color:var(--red)}.dice-results-total{margin:6px 0 0;font-size:.95rem;color:var(--accent);font-weight:700}.prova-dice-row{display:flex;gap:16px;justify-content:center;margin:6px 0 0}.prova-die-wrap{flex-direction:column;gap:6px}.prova-die,.prova-die-wrap{display:flex;align-items:center}.prova-die{width:52px;height:52px;border-radius:12px;justify-content:center;font-size:1.3rem;font-weight:700;background:var(--panel-2);border:2px solid var(--border);color:var(--text)}.prova-die-negative{border-color:var(--red);color:var(--red)}.prova-die-rolling{border-color:var(--accent);animation:prova-die-shake .12s linear infinite}.prova-die-settled{animation:prova-die-land .35s ease-out}.prova-die-label{font-size:.7rem;color:var(--text-dim)}@keyframes prova-die-shake{0%{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.08)}to{transform:rotate(-8deg) scale(1)}}@keyframes prova-die-land{0%{transform:scale(1.35)}60%{transform:scale(.9)}to{transform:scale(1)}}.dice-macro-save{border-top:1px solid var(--border);padding:12px}.dice-macro-save>button{margin:0;width:100%}.dice-macro-save-form{display:flex;flex-direction:column;gap:6px}.dice-macro-save-form input,.dice-macro-save-form select{margin:0;width:100%}.dice-macro-save-form-buttons{display:flex;gap:6px}.dice-macro-save-form-buttons button{margin:0;flex:1 1;padding:8px 10px}.dice-macro-damage{border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--panel-2)}.dice-macro-damage,.macro-list{display:flex;flex-direction:column;gap:6px}.macro-list{padding:12px;max-height:260px;overflow-y:auto}.macro-item{display:flex;align-items:stretch;gap:6px}.macro-item-roll{flex:1 1;min-width:0;margin:0;text-align:left;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.macro-item-roll:hover{border-color:var(--accent);filter:none}.macro-item-name{font-size:.85rem;font-weight:700}.macro-item-summary{font-size:.75rem;color:var(--text-dim)}.macro-item-damage{font-size:.72rem;color:var(--red)}.macro-item-delete{margin:0;flex-shrink:0;width:32px;background:var(--panel-2);color:var(--text-dim);border:1px solid var(--border);border-radius:8px;padding:0;display:flex;align-items:center;justify-content:center}.macro-item-delete:hover{color:var(--red);border-color:var(--red);filter:none}.dice-macro-results{padding:10px 12px;border-top:1px solid var(--border);background:var(--panel-2)}.dice-macro-results-name{margin:0 0 6px;font-weight:700;color:var(--accent);font-size:.85rem}.toolbar-tool-body{padding:12px;max-height:360px;overflow-y:auto}.music-player{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:10px}.music-player-track-name{margin:0 0 8px;font-weight:700;font-size:.85rem;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-player-controls{display:flex;align-items:center;gap:8px}.music-player-controls button{margin:0;flex-shrink:0;padding:6px 8px;display:flex;align-items:center}.music-player-seek{flex:1 1;margin:0}.music-player-time{margin:4px 0 0;font-size:.72rem;color:var(--text-dim);text-align:right}.music-player-volume{display:flex;align-items:center;gap:8px;margin-top:6px}.music-player-volume input{flex:1 1;margin:0}.music-track-list{display:flex;flex-direction:column;gap:6px}.music-track-item{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;text-align:left;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.music-track-item:hover{border-color:var(--accent);filter:none}.music-track-item-active{border-color:var(--accent);background:var(--bg)}.music-track-item-name{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-track-item-cat{font-size:.68rem;color:var(--text-dim);flex-shrink:0}.macro-config-list{display:flex;flex-direction:column;gap:8px}.attr-sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(220px,25%),1fr));grid-gap:12px;gap:12px;align-items:start}.attr-sheet-box-full{grid-column:1/-1}.attr-sheet-box{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.attr-sheet-box-title{margin:0;font-size:.8rem;color:var(--accent)}.attr-value-row{gap:2px}.attr-value-row,.room-page{display:flex;flex-direction:column}.room-page{height:100vh;overflow:hidden;background:var(--bg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.room-chat-messages,.room-chat-messages *{-webkit-user-select:text;-moz-user-select:text;user-select:text}.room-page-topbar{flex-shrink:0;padding:10px 20px 0}.room-exit-btn{position:fixed;top:12px;right:12px;z-index:1600;display:flex;align-items:center;justify-content:center;gap:6px;width:40px;height:40px;padding:0;overflow:hidden;white-space:nowrap;background:var(--panel);border:1px solid var(--border);border-radius:999px;color:var(--text);font-family:system-ui,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;box-shadow:0 6px 20px -6px rgba(0,0,0,.6);transition:width .18s ease,padding .18s ease,border-color .18s ease;flex-shrink:0}.room-exit-btn svg{flex-shrink:0}.room-exit-btn-label{opacity:0;max-width:0;overflow:hidden;transition:opacity .15s ease,max-width .18s ease}.room-exit-btn:focus-visible,.room-exit-btn:hover{border-color:var(--red);text-decoration:none;width:auto;padding:0 16px 0 12px}.room-exit-btn:focus-visible .room-exit-btn-label,.room-exit-btn:hover .room-exit-btn-label{opacity:1;max-width:200px}.enter-room-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:38px;height:38px;padding:0;overflow:hidden;white-space:nowrap;background:var(--panel-2);border:1px solid var(--green,#27ae60);border-radius:999px;color:var(--green,#27ae60);font-family:system-ui,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:width .18s ease,padding .18s ease,background .18s ease;flex-shrink:0}.enter-room-btn svg{flex-shrink:0}.enter-room-btn-label{opacity:0;max-width:0;overflow:hidden;color:var(--text);transition:opacity .15s ease,max-width .18s ease}.enter-room-btn:focus-visible,.enter-room-btn:hover{width:auto;padding:0 16px 0 12px;background:rgba(39,174,96,.14);text-decoration:none}.enter-room-btn:focus-visible .enter-room-btn-label,.enter-room-btn:hover .enter-room-btn-label{opacity:1;max-width:220px}.room-page .app-header{margin-bottom:8px;padding-bottom:8px}.room-page-titlerow{display:flex;align-items:baseline;gap:16px;margin:52px 0 8px;flex-wrap:wrap}.room-page-title{margin:0;font-size:1.15rem;color:var(--accent);font-weight:400}.room-page-title-campaign{color:var(--text-dim);font-size:1rem}.room-layout{flex:1 1;min-height:0;display:flex;width:100%}.room-toolbar-gutter{width:20%;flex-shrink:0;height:100%;box-sizing:border-box;padding:8px 6px}.initiative-panel-handle{display:none}.room-weapons-panel{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:1500;width:min(640px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;box-shadow:0 -6px 20px -10px rgba(0,0,0,.6);overflow:hidden}.room-weapons-panel-collapsed{width:auto;min-width:0;background:transparent;border:none;box-shadow:none}.room-weapons-panel-handle{width:100%;margin:0;padding:8px 14px;background:var(--panel-2);color:var(--accent);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.room-weapons-panel-collapsed .room-weapons-panel-handle{border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;box-shadow:0 -6px 20px -10px rgba(0,0,0,.6)}.room-weapons-panel>div:first-child{position:relative}.room-weapons-panel-handle{flex:1 1 auto;width:auto}.room-weapons-panel-collapsed .room-weapons-panel-handle{flex:none;width:50px;padding:10px 0;border-radius:8px 8px 0 0}.room-weapons-panel-refresh{position:absolute;left:6px;top:50%;transform:translateY(-50%);z-index:1;width:26px;height:26px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--accent);cursor:pointer}.room-weapons-panel-refresh:hover{color:var(--accent-2)}.room-weapons-panel-body{display:flex;gap:10px;padding:12px;overflow-x:auto;max-height:40vh}.voice-presence-panel{position:fixed;bottom:0;left:0;z-index:1500;width:min(360px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--border);border-bottom:none;border-radius:0 10px 0 0;box-shadow:0 -6px 20px -10px rgba(0,0,0,.6)}.voice-presence-panel-collapsed{width:auto;min-width:0;background:transparent;border:none;box-shadow:none}.voice-presence-panel-collapsed .voice-presence-panel-handle{width:56px;height:30px;padding:0}.voice-presence-panel-handle{width:100%;margin:0;padding:8px 14px;background:var(--accent);color:var(--bg);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer}.voice-presence-panel-collapsed .voice-presence-panel-handle{border:1px solid var(--border);border-bottom:none;border-radius:0 10px 0 0;box-shadow:0 6px 20px -6px rgba(0,0,0,.6)}.voice-presence-panel-body{display:flex;flex-wrap:wrap;gap:10px;padding:12px;overflow-y:auto;max-height:40vh}.voice-presence-private-group{flex-basis:100%;display:flex;flex-wrap:wrap;gap:10px;padding:8px;border:1px dashed var(--accent-2);border-radius:8px;background:var(--panel-2)}.voice-presence-private-group-head{flex-basis:100%;display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;color:var(--accent-2)}.room-weapon-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px 8px 6px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);flex-shrink:0;min-width:120px}.room-weapon-card-hand{border-color:var(--green,#27ae60)}.room-weapon-card-tag{align-self:flex-start;font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:4px;background:var(--green,#27ae60);color:#fff}.room-weapon-card-tag-secondary{background:var(--panel);color:var(--text-dim);border:1px solid var(--border)}.room-weapon-card-tag-capability{background:var(--accent-2);color:var(--bg)}.room-weapon-card-ammo{font-size:.72rem;color:var(--text-dim);text-align:center}.room-weapon-card button{margin:0;width:100%}.room-weapon-card-capabilities{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.room-weapon-cap-btn,.room-weapon-card-mode-btn{margin:0;padding:3px 8px;font-size:.72rem;width:auto}.room-exorcism-btn{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:1500;margin:0;background:var(--accent-2);color:#fff;box-shadow:0 6px 20px -6px rgba(0,0,0,.6)}.initiative-panel{height:100%;display:flex;flex-direction:column;gap:6px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 8px}.initiative-panel-title{margin:0 0 4px;font-size:.95rem;color:var(--accent);text-align:center}.initiative-panel-banner{margin:-10px -8px 6px;padding:8px;background:var(--accent);color:var(--bg);font-weight:700;font-size:.85rem;text-align:center;border-radius:9px 9px 0 0}.initiative-row{display:flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:4px 6px}.initiative-row-current{border-color:var(--accent);background:rgba(201,168,66,.18)}.initiative-row-turn{border-color:var(--green,#27ae60);border-left-width:3px;box-shadow:inset 3px 0 0 var(--green,#27ae60)}.initiative-row-prepared{border-color:var(--warn,#e07b1a);background:rgba(224,123,26,.18)}.room-turn-actions{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1500;width:min(480px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;box-shadow:0 6px 20px -6px rgba(0,0,0,.6);overflow:hidden}.room-turn-actions-handle{width:100%;margin:0;padding:8px 14px;background:var(--accent);border:none;border-radius:0;color:var(--bg);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.room-turn-actions-reset-btn{margin:0;padding:2px 8px;font-size:.72rem;background:var(--bg);color:var(--accent)}.room-turn-actions-reset-btn:hover{filter:brightness(1.3)}.room-turn-actions-collapsed{width:auto;min-width:0;background:transparent;border:none;box-shadow:none}.room-turn-actions-collapsed .room-turn-actions-handle{width:56px;height:30px;padding:0;justify-content:center;border-radius:0 0 10px 10px;border:1px solid var(--border);border-top:none;box-shadow:0 6px 20px -6px rgba(0,0,0,.6)}.room-turn-actions-body{padding:12px}.room-turn-actions-banner{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1500;padding:8px 14px;background:var(--panel);border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;box-shadow:0 6px 20px -6px rgba(0,0,0,.6);color:var(--accent);font-weight:700;font-size:.85rem}.room-turn-actions-note{margin:0 0 8px;text-align:center;font-size:.8rem;color:var(--warn,#e07b1a)}.room-turn-actions-vigor{display:flex;align-items:center;gap:8px;margin:8px 0}.room-turn-actions-vigor-bar{display:flex;align-items:center;gap:8px;flex:1 1}.room-turn-actions-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:8px;gap:8px}.room-action-btn-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.room-action-btn-group:first-child{margin-top:8px;padding-top:0;border-top:none}.room-turn-actions-finish-btn{width:100%;margin-top:10px}.room-action-btn{display:flex;align-items:center;justify-content:center;gap:6px}.room-action-btn svg{flex-shrink:0;opacity:.9}.room-action-btn-green,.room-action-btn-green:hover{background:var(--green);border-color:var(--green);color:#0d2412}.room-turn-actions-submode{display:flex;flex-direction:column;gap:8px;margin-top:8px}.room-turn-actions-submode-body{display:flex;gap:8px;flex-wrap:wrap}.room-turn-actions-submode-body button{display:flex;align-items:center;gap:6px}.room-turn-actions-submode-body input,.room-turn-actions-submode-body select{flex:1 1;min-width:140px;margin:0}.room-turn-actions-submode-cancel{display:flex;justify-content:flex-end}.room-turn-actions-submode-cancel button{margin:0}.room-turn-actions-footer{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:8px}.room-turn-actions-footer select{flex:1 1;min-width:140px;margin:0}.initiative-row-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.initiative-row-avatar img{width:100%;height:100%;object-fit:cover}.initiative-row-fallback{font-size:.6rem;font-weight:700;color:var(--text-dim)}.initiative-row-name{flex:1 1;min-width:0;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.initiative-row-value{font-size:.85rem;font-weight:700;color:var(--accent);flex-shrink:0}input.initiative-row-value-input[type=number]{width:20%;flex:0 0 20%;font-size:.8rem;font-weight:700;color:var(--accent);text-align:right;padding:2px 4px;margin:0;-moz-appearance:textfield}input.initiative-row-value-input[type=number]::-webkit-inner-spin-button,input.initiative-row-value-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.initiative-panel-header-row{display:flex;justify-content:space-between;align-items:center}.initiative-reset-btn{align-self:flex-start;width:26px;height:26px;display:flex;align-items:center;justify-content:center;padding:0}.initiative-effect-turns-edit{display:flex;align-items:center;gap:4px;flex-shrink:0}.initiative-effect-turns-edit button{margin:0;padding:0 5px;font-size:.72rem;line-height:1.6}.initiative-panel-header{display:flex;flex-direction:column;gap:6px;margin-bottom:2px}.initiative-panel-header button{margin:0;padding:4px 6px;font-size:.72rem}.initiative-panel-tabs{display:flex;gap:4px;margin-bottom:4px}.initiative-panel-tabs button{margin:0;flex:1 1;padding:4px;font-size:.68rem}.initiative-effect-row{display:flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:4px 6px}.initiative-effect-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#16141c;flex-shrink:0}.initiative-effect-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.initiative-effect-name{font-size:.72rem;font-weight:700}.initiative-effect-name,.initiative-effect-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.initiative-effect-target{font-size:.66rem;color:var(--text-dim)}.initiative-effect-turns{font-size:.72rem;font-weight:700;color:var(--accent);flex-shrink:0}@media (max-width:900px){.room-page{height:auto;overflow:visible}.room-layout{flex-direction:column;height:auto}.room-toolbar-gutter{display:block;position:fixed;top:0;left:0;width:auto;height:auto;padding:0;z-index:1500}.initiative-panel-handle{display:flex;align-items:center;justify-content:center;gap:6px;width:56px;height:30px;padding:0;background:var(--accent);color:var(--bg);border:1px solid var(--border);border-top:none;border-left:none;border-radius:0 0 10px 0;box-shadow:0 6px 20px -6px rgba(0,0,0,.6);cursor:pointer}.room-toolbar-gutter-collapsed .initiative-panel{display:none}.room-toolbar-gutter:not(.room-toolbar-gutter-collapsed) .initiative-panel{width:min(320px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow-y:auto;box-sizing:border-box;background:var(--panel);border:1px solid var(--border);border-top:none;border-left:none;border-radius:0 0 10px 0;box-shadow:6px 10px 30px -14px rgba(0,0,0,.6);padding:8px}.room-map-area{width:100%!important;height:auto!important}.room-chat:not(.room-chat-collapsed){width:100%!important;max-width:none!important}.voice-presence-panel{width:min(220px,calc(50vw - 16px))}.room-weapons-panel{left:auto;right:0;transform:none;width:min(320px,calc(50vw - 16px))}.room-weapons-panel,.room-weapons-panel-collapsed .room-weapons-panel-handle{border-radius:10px 0 0 0}}.room-map-area{flex:1 1;min-width:0;height:100%;box-sizing:border-box;padding:0 16px 16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.room-map-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.room-map-panel-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--accent);margin-bottom:8px}.room-map-panel-tabs{display:flex;gap:8px;margin-bottom:10px}.room-map-panel-tabs button{margin:0;padding:5px 14px}.room-map-panel-search{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.room-map-panel-search input[type=text]{margin:0;flex:1 1 50%}.room-map-panel-search select{margin:0;flex:0 1 auto;max-width:170px}.room-map-panel-search button{margin:0;flex-shrink:0}.room-map-upload-form{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}.room-map-upload-form input{margin:0;width:100%}.room-map-upload-error{color:var(--red);font-size:.8rem;margin:4px 0 0}.record-tool-live-dot{width:10px;height:10px;border-radius:50%;background:var(--red);align-self:center;animation:record-tool-pulse 1.2s ease-in-out infinite}@keyframes record-tool-pulse{0%,to{opacity:1}50%{opacity:.3}}.room-map-list{display:flex;flex-direction:column;gap:6px}.room-map-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.room-map-item-active{border-color:var(--accent)}.room-map-item-name{font-size:.9rem}.room-map-item-actions{display:flex;gap:6px;flex-shrink:0}.room-map-item-actions button{margin:0;padding:4px 10px;font-size:.8rem}.room-map-viewer{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex:1 1;min-height:260px;padding:12px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.room-map-viewer>.empty{display:flex;align-items:center;justify-content:center;flex:1 1;margin:0}.room-map-image{max-width:100%;max-height:60vh;border-radius:6px;object-fit:contain}.map-canvas-wrap{display:flex;flex-direction:column;gap:8px;flex:1 1;min-height:0}.map-canvas-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.map-canvas-toolbar button{margin:0;padding:5px 10px;font-size:.8rem}.map-canvas-grid-form{display:flex;gap:6px;align-items:center}.map-canvas-grid-form input{margin:0;width:60px;padding:5px 8px}.map-canvas-grid-form button{margin:0}.map-canvas-zoom-controls{display:flex;gap:4px;margin-left:auto}.map-canvas-zoom-controls-left{margin-left:0;margin-right:auto}.map-canvas-zoom-controls button{width:32px;padding:5px 0}.map-canvas-viewport{position:relative;width:100%;flex:1 1;min-height:300px;overflow:hidden;border-radius:8px;background:#0a0912;cursor:-webkit-grab;cursor:grab;touch-action:none}.map-canvas-viewport:active{cursor:-webkit-grabbing;cursor:grabbing}.map-canvas-surface{position:absolute;top:0;left:0;transform-origin:0 0}.map-canvas-img{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.map-canvas-grid{pointer-events:none;background-image:linear-gradient(90deg,rgba(234,230,240,.28) 1px,transparent 0),linear-gradient(180deg,rgba(234,230,240,.28) 1px,transparent 0)}.map-canvas-grid,.map-canvas-tokens-layer,.map-canvas-walls-layer{position:absolute;inset:0}.map-canvas-walls-layer{width:100%;height:100%;pointer-events:none}.map-canvas-wall-segment{stroke:#ff3b3b;stroke-width:3;stroke-linecap:round}.map-canvas-wall-segment-transparent{stroke-dasharray:8 5}.map-canvas-wall-segment-preview{stroke-dasharray:6 4;opacity:.6}.map-canvas-spawn-marker{fill:rgba(56,176,90,.12);stroke:#38b05a;stroke-width:2;stroke-dasharray:4 3}.map-canvas-spawn-marker-center{fill:#38b05a;stroke:none}.map-editor-toolbar{width:clamp(56px,6vw,68px)}.map-editor-side-panel{width:clamp(220px,20vw,280px)}@media (max-width:700px){.map-editor-layout{flex-wrap:wrap}.map-editor-toolbar{width:56px}.map-editor-side-panel{width:100%;order:3;max-height:40vh}}.map-canvas-structured-bg{position:relative;background:#0a0912}.map-canvas-structured-bg-loading{opacity:.4}.map-canvas-structured-rooms{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-canvas-structured-room{stroke:rgba(234,230,240,.35);stroke-width:.3;vector-effect:non-scaling-stroke}.map-canvas-structured-room-visible{fill:rgba(234,230,240,.14)}.map-canvas-structured-room-discovered{fill:rgba(234,230,240,.05);stroke-dasharray:1.2 .8}.map-canvas-structured-walls{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-canvas-structured-wall{stroke:#d9534f;stroke-width:.6;vector-effect:non-scaling-stroke;stroke-linecap:round}.map-canvas-structured-wall-transparent{stroke:#6a8fd9;stroke-dasharray:1.4 1}.map-canvas-structured-object{position:absolute;display:flex;align-items:center;justify-content:center;background:rgba(180,140,60,.28);border:1px solid rgba(180,140,60,.7);border-radius:3px;pointer-events:none;overflow:hidden}.map-canvas-structured-object-blocking{background:rgba(200,60,60,.28);border-color:rgba(200,60,60,.7)}.map-canvas-structured-dimmed{opacity:.45}.map-canvas-structured-object-label{font-size:9px;color:#eae6f0;text-align:center;padding:0 2px;text-shadow:0 1px 2px #000}.map-canvas-structured-openings{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-canvas-structured-room-dark-overlay{fill:rgba(0,0,0,.45)}.map-canvas-structured-object-interactable{pointer-events:auto;cursor:pointer;border-style:dashed}.map-canvas-structured-object-lit{box-shadow:0 0 8px 3px rgba(255,200,90,.55);border-color:rgba(255,200,90,.8)}.map-canvas-layer-buttons{display:flex;gap:4px}.map-canvas-layer-buttons button{margin:0;padding:6px 8px;display:flex;align-items:center}.map-canvas-wall-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.map-canvas-wall-toolbar button{margin:0}.map-canvas-armed-attack-banner{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:8px;border-radius:8px;background:rgba(201,66,91,.15);border:1px solid var(--red);font-size:.85rem}.map-canvas-armed-attack-banner button{margin:0 0 0 auto}.map-canvas-eraser-cursor{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #ff3b3b;background:transparent;pointer-events:none}.map-canvas-pings-layer{position:absolute;inset:0;pointer-events:none}.map-ping{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:5}.map-ping-ring{position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:3px solid var(--ping-color,var(--accent));animation:map-ping-ring-anim 1.6s ease-out 2}.map-ping-dot{width:10px;height:10px;border-radius:50%;background:var(--ping-color,var(--accent));box-shadow:0 0 8px var(--ping-color,var(--accent))}.map-ping-dot,.map-ping-label{animation:map-ping-fade 3.2s ease-out forwards}.map-ping-label{margin-top:4px;font-size:.68rem;font-weight:700;color:var(--ping-color,var(--accent));background:rgba(10,9,18,.75);padding:1px 6px;border-radius:999px;white-space:nowrap}@keyframes map-ping-ring-anim{0%{width:14px;height:14px;margin:-7px 0 0 -7px;opacity:.9}to{width:70px;height:70px;margin:-35px 0 0 -35px;opacity:0}}@keyframes map-ping-fade{0%,70%{opacity:1}to{opacity:0}}.map-canvas-trigger-radii-layer{position:absolute;inset:0;pointer-events:none}.map-canvas-trigger-radius{position:absolute;box-sizing:border-box;border-radius:4px}.map-canvas-area-tag{position:absolute;transform:translate(-50%);color:#fff;font-weight:700;border-radius:4px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6);z-index:1}.map-token-wrap{position:absolute;transform:translate(-50%,-50%)}.map-token{position:relative;width:100%;height:100%;border-radius:50%;border:2px solid var(--accent-2);background:var(--panel-2);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.5)}.map-token img{width:100%;height:100%;object-fit:cover;pointer-events:none}.map-token-freeshape{border-radius:4px}.map-token-fallback{font-size:.75rem;font-weight:700;color:var(--text-dim)}.map-token-controllable{cursor:-webkit-grab;cursor:grab;border-color:var(--accent)}.map-token-controllable:active{cursor:-webkit-grabbing;cursor:grabbing}.map-token-rotate-handle{position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:var(--panel-2);border:1px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:-webkit-grab;cursor:grab;z-index:2}.map-token-rotate-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.map-token-freemove-handle{position:absolute;bottom:-8px;left:-8px;width:18px;height:18px;border-radius:50%;background:var(--panel-2);border:1px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;padding:0;margin:0;cursor:pointer;z-index:2}.map-token-freemove-handle-active{background:var(--green);border-color:var(--green);color:#0d2412}.map-token-lock-handle{position:absolute;bottom:-8px;right:-8px;width:18px;height:18px;border-radius:50%;background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);display:flex;align-items:center;justify-content:center;padding:0;margin:0;z-index:2}.map-token-lock-handle-locked{color:var(--red);border-color:var(--red)}.map-token-resize-handle{position:absolute;top:-8px;right:-8px;width:18px;height:18px;cursor:nwse-resize}.map-token-resize-handle,.map-token-volume-handle{border-radius:50%;background:var(--panel-2);border:1px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;z-index:2}.map-token-volume-handle{padding:0;margin:0}.map-token-handle-pop{transform:translate(calc(-50% + var(--hx, 0px)),calc(-50% + var(--hy, 0px)));animation:map-token-handle-pop .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes map-token-handle-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(calc(-50% + var(--hx, 0px)),calc(-50% + var(--hy, 0px))) scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.map-token-handle-pop{animation:none}}.map-token-volume-popover{position:absolute;transform:translate(-50%,-100%);background:var(--panel-2);border:1px solid var(--accent);border-radius:8px;padding:8px 10px;width:150px;z-index:5;cursor:default;box-shadow:0 6px 18px rgba(0,0,0,.4)}.map-token-volume-popover-label{display:block;font-size:.72rem;color:var(--text-dim);margin-bottom:4px;text-align:center;white-space:nowrap}.map-token-volume-popover input[type=range]{width:100%;margin:0}.map-token-volume-popover-ticks{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-dim);margin-top:2px}.map-token-hp-bar{position:absolute;top:-8px;left:0;width:100%;height:5px;border-radius:999px;background:rgba(10,9,18,.85);border:1px solid var(--border);overflow:hidden}.map-token-hp-bar-fill{height:100%;background:var(--red);transition:width .2s ease}.map-token-bars{position:absolute;left:0;bottom:100%;width:100%;display:flex;flex-direction:column;gap:1px;margin-bottom:3px;pointer-events:none}.map-token-bar-track{position:relative;width:100%;height:8px;border-radius:3px;background:rgba(10,9,18,.85);border:1px solid var(--border);overflow:hidden}.map-token-bar-fill{position:absolute;left:0;top:0;height:100%;background:var(--red);transition:width .2s ease}.map-token-bar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:6px;line-height:1;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;white-space:nowrap}.map-token-bar-rings{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:visible;pointer-events:none;z-index:1}.map-token-bar-ring-track{fill:none;stroke:rgba(10,9,18,.85)}.map-token-bar-ring-fill{fill:none;stroke-linecap:butt;transition:stroke-width .15s ease}.map-token-bar-ring-label{fill:#fff;font-size:7px;font-weight:700;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#000;stroke-width:1.6px;stroke-linejoin:round}.map-token-wrap-selected{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px;z-index:3}.map-token-wrap-dragging{outline:2px solid #4a9eff;outline-offset:2px;border-radius:6px;box-shadow:0 0 0 4px rgba(74,158,255,.25);z-index:4}.map-token-wrap-hidden{outline:2px dashed var(--text-dim);outline-offset:2px;border-radius:6px;opacity:.6}.map-token-wrap-group-selected{outline:2px solid #4ade80;outline-offset:2px;border-radius:6px}.map-token-wrap-blocked{animation:map-token-blocked-flash .4s ease-in-out 2}@keyframes map-token-blocked-flash{0%,to{outline:2px solid transparent}50%{outline:2px solid var(--red);outline-offset:2px}}.map-token-step-arrow{position:absolute;transform:translate(-50%,-50%);margin:0;padding:0;border-radius:6px;border:1px solid var(--accent);background:rgba(201,168,66,.25);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.map-token-step-arrow:hover{background:rgba(201,168,66,.45);filter:none}.map-token-movement-cell{border:1px solid rgba(56,176,90,.55);background:rgba(56,176,90,.18)}.map-token-attack-cell,.map-token-movement-cell{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.map-token-attack-cell{border:1px solid rgba(200,60,60,.55);background:rgba(200,60,60,.2)}.map-token-dead-mark{inset:0;display:flex;align-items:center;justify-content:center;font-size:1.4em;color:var(--red);background:rgba(10,9,18,.55)}.map-token-buff-tag,.map-token-dead-mark{position:absolute;font-weight:700;pointer-events:none}.map-token-buff-tag{top:50%;left:100%;transform:translateY(-50%);margin-left:10px;padding:.1em .5em;border-radius:999px;background:var(--panel-2);border:1px solid;line-height:1.4;white-space:nowrap;z-index:2}.map-token-buff-tag-pos{color:var(--green)}.map-token-buff-tag-neg{color:var(--red)}.map-token-status-row{position:absolute;top:-1px;right:-4px;display:flex;flex-direction:row-reverse;gap:2px;z-index:1}.map-token-status-badge{width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#16141c;border:1px solid var(--panel);box-shadow:0 1px 3px rgba(0,0,0,.6)}.status-menu-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.status-menu-item{display:flex;align-items:center;gap:8px;width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;color:var(--text);text-align:left}.status-menu-item:hover:not(:disabled){border-color:var(--accent);filter:none}.status-menu-item:disabled{cursor:default;opacity:.85}.status-menu-item-active{border-color:var(--accent);background:var(--bg)}.status-menu-item-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#16141c;flex-shrink:0}.status-menu-item-name{flex:1 1;font-size:.88rem}.status-menu-item-check{color:var(--accent);font-weight:700}.confirm-overlay{position:fixed;inset:0;background:rgba(10,9,18,.72);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.confirm-box{width:100%;max-width:380px;margin:0}.confirm-message{margin:0 0 14px;white-space:pre-wrap;line-height:1.4}.confirm-box input{margin:0 0 4px;width:100%}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.confirm-actions button{margin-top:0}.confirm-actions button.danger{background:var(--red);color:#fff}.token-modal-backdrop{position:fixed;inset:0;background:rgba(10,9,18,.72);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.token-modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;width:100%;max-width:380px}.token-modal label{display:block;font-size:.85rem;color:var(--text-dim);margin:10px 0 4px}.token-modal input,.token-modal select{margin:0;width:100%}.token-modal{max-height:90vh;overflow-y:auto}.sheet-modal-backdrop{position:fixed;inset:0;background:rgba(10,9,18,.72);display:flex;align-items:flex-start;justify-content:center;z-index:100;padding:24px;overflow-y:auto}.sheet-modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:100%;max-width:960px;max-height:calc(100vh - 48px);overflow-y:auto;position:relative;padding:16px}.sheet-modal-close{float:right;margin:0 0 8px 8px}.sheet-modal-close,.sheet-modal-refresh{position:-webkit-sticky;position:sticky;top:0;z-index:2}.sheet-modal-refresh{float:left;margin:0 8px 8px 0;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center}.inline-macro-creator{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--panel-2);margin-top:6px}.inline-macro-creator input,.inline-macro-creator select{margin:0;width:100%}.macro-roll-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:6px;padding:8px 10px;background:var(--panel)}.macro-roll-preview-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.macro-roll-preview-value{font-weight:700}.token-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-gap:8px;gap:8px}.token-library-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);cursor:-webkit-grab;cursor:grab}.token-library-item-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:block}.token-library-item-avatar img{width:100%;height:100%;object-fit:cover}.token-library-item-name{font-size:.68rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.token-library-item-delete{position:absolute;top:2px;right:2px;width:18px;height:18px;line-height:1;padding:0;margin:0;border-radius:50%;background:var(--bg);color:var(--text-dim);font-size:.85rem}.token-library-item-delete:hover{color:var(--red);filter:none}.status-icon-picker{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px;margin:4px 0}.status-icon-picker-btn{width:32px;height:32px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--panel);border:1px solid var(--border);color:var(--text-dim)}.status-icon-picker-btn:hover{border-color:var(--accent);color:var(--accent);filter:none}.status-icon-picker-btn-active{border-color:var(--accent);color:var(--accent);background:var(--bg)}.status-list{display:flex;flex-direction:column;gap:6px}.status-list-item{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px 8px}.status-list-item-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#16141c;flex-shrink:0}.status-list-item-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.status-list-item-name{font-size:.85rem;font-weight:700}.status-list-item-desc{font-size:.75rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-presence{display:flex;flex-wrap:wrap;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px;flex-shrink:0}.room-presence-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:60px}.room-presence-avatar-wrap{position:relative;width:42px;height:42px;flex-shrink:0}.room-presence-avatar{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--panel-2);border:2px solid var(--border);display:flex;align-items:center;justify-content:center}.room-presence-avatar img{width:100%;height:100%;object-fit:cover}.room-presence-avatar-fallback{font-size:.72rem;font-weight:700;color:var(--text-dim)}.room-presence-dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2px solid var(--panel)}.room-presence-name{font-size:.7rem;color:var(--text-dim);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.room-presence-mic-btn{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);padding:0;margin:0;flex-shrink:0}.room-presence-mic-btn:hover{filter:none}.room-presence-mic-btn-on{color:var(--accent);border-color:var(--accent)}.room-presence-mic-btn-readonly{cursor:default}.room-presence-mic-config{position:fixed;bottom:12px;left:12px;width:180px;max-height:min(280px,calc(100vh - 24px));overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px;box-shadow:0 -12px 30px -14px rgba(0,0,0,.7);z-index:1600}.room-presence-mic-config select{font-size:.78rem}.room-chat{position:fixed;top:46%;bottom:0;right:0;z-index:1500;display:flex;flex-direction:column;width:20%;min-width:260px;max-width:380px;height:auto;box-sizing:border-box;background:var(--panel);border-left:1px solid var(--border);box-shadow:-6px 0 20px -10px rgba(0,0,0,.6);overflow:hidden}.room-master-here-tag{position:fixed;top:40px;left:50%;transform:translateX(-50%);z-index:1400;padding:4px 14px;border-radius:999px;font-size:.78rem;font-weight:700;box-shadow:0 2px 10px -4px rgba(0,0,0,.6)}.room-master-here-tag-on{background:#1f7a3f;color:#eafff0}.room-master-here-tag-off{background:#7a2f2f;color:#ffecec}.room-chat-resize-handle{position:absolute;top:-5px;left:0;right:0;height:10px;cursor:row-resize;z-index:1501;touch-action:none}.room-chat-resize-handle:after{content:"";position:absolute;top:4px;left:50%;transform:translateX(-50%);width:36px;height:3px;border-radius:2px;background:var(--border)}.room-chat-resize-handle:hover:after{background:var(--accent)}.room-chat-collapsed{top:50%;bottom:auto;transform:translateY(-50%);width:auto;min-width:0;max-width:none;height:auto;background:transparent;border-left:none;box-shadow:none}.room-chat-collapsed .room-chat-handle{width:30px;height:56px;padding:0;justify-content:center}.room-chat-handle{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--accent);border:none;color:var(--bg);font-weight:700;font-size:.85rem;cursor:pointer;flex-shrink:0}.room-chat-collapsed .room-chat-handle{border:1px solid var(--border);border-right:none;border-radius:10px 0 0 10px;box-shadow:0 6px 20px -6px rgba(0,0,0,.6)}.room-chat-status{padding:8px 12px;font-size:.75rem;color:var(--text-dim);border-bottom:1px solid var(--border)}.room-chat-tabs{display:flex;gap:6px;padding:8px 12px 0}.room-chat-tabs button{margin:0;padding:4px 10px;font-size:.78rem}.room-chat-messages{flex:1 1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.room-chat-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border);flex-wrap:wrap}.room-chat-form input{margin:0;flex:1 1}.room-chat-form button{margin:0;flex-shrink:0}.room-chat-recipient-select{margin:0;flex-basis:100%;font-size:.78rem}.room-msg{font-size:.9rem}.room-msg-head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.room-msg-author{font-weight:700;color:var(--accent-2);font-size:.85rem}.room-msg-time{color:var(--text-dim);font-size:.7rem}.room-msg-text{margin:2px 0 0;white-space:pre-wrap}.room-msg-private{background:var(--panel-2);border:1px solid var(--accent-2);border-radius:8px;padding:6px 8px}.room-msg-private-badge{color:var(--accent-2);border-color:var(--accent-2)}.room-msg-roll{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.room-msg-roll-flash{animation:room-roll-flash .9s ease-out 1}@keyframes room-roll-flash{0%{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-2)}to{background:var(--panel-2);border-color:var(--border);box-shadow:none}}.room-msg-roll-body{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.room-roll-chip{background:var(--bg);border:1px solid var(--green);color:var(--green);border-radius:999px;padding:2px 8px;font-size:.78rem}.room-roll-chip-neg{border-color:var(--red);color:var(--red)}.room-roll-total{color:var(--accent);font-size:.85rem}.room-roll-attack-label{width:100%;margin:0;font-size:.82rem;color:var(--text-dim)}.room-roll-damage{margin:2px 0 0;color:var(--red)}.room-combat-outcome,.room-roll-damage{width:100%;font-size:.85rem;font-weight:700}.room-combat-outcome{margin:0 0 4px}.room-combat-outcome-hit{color:var(--green)}.room-combat-outcome-miss{color:var(--red)}.room-combat-block{width:100%;margin:2px 0 4px}.room-combat-title{margin:0 0 4px;font-size:.8rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em}.room-combat-side{margin:0 0 6px;font-size:.85rem;font-weight:700}.room-combat-side-attack{color:var(--red)}.room-combat-side-defense{color:var(--blue)}.room-combat-detail{font-size:.78rem;font-weight:400;color:var(--text-dim)}.room-combat-clickable{cursor:pointer}.room-combat-clickable:hover{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.room-combat-damage-detail{font-size:.78rem;font-weight:400;color:var(--text-dim)}.level-dots{display:inline-flex;align-items:center;gap:4px}.level-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--accent);background:transparent;box-sizing:border-box;flex-shrink:0}.level-dot-filled{background:var(--accent)}body[data-lightbox-active] [data-framed-image]:not([style*="cursor: grab"]),body[data-lightbox-active] img:not([style*=cursor]){cursor:zoom-in}.app-header-menu-backdrop{z-index:5000}.app-header-profile-layer .sheet-modal-backdrop{z-index:5200}.app-header-menu{--cs:22px;position:fixed;z-index:5100;width:270px;padding:16px 14px 14px;gap:8px;border:1px solid hsla(36,39%,60%,.85);border-radius:4px;background:var(--fg-tl) top left/var(--cs) var(--cs) no-repeat,var(--fg-tr) top right/var(--cs) var(--cs) no-repeat,var(--fg-bl) bottom left/var(--cs) var(--cs) no-repeat,var(--fg-br) bottom right/var(--cs) var(--cs) no-repeat,var(--fg-d) top center/9px 9px no-repeat,var(--fg-d) bottom center/9px 9px no-repeat,linear-gradient(180deg,#0e1a1c,#071012);box-shadow:inset 0 0 0 4px #091316,inset 0 0 0 5px hsla(36,39%,60%,.22),0 24px 50px -16px rgba(0,0,0,.9)}.app-header-menu-user{font-family:var(--font-narrative);font-size:1.05rem;font-weight:400;color:#f0e2bf;border-bottom:1px solid rgba(143,116,72,.5)}.app-header-menu-role{color:#b9ad94}.app-header-menu-note{border-color:#7d6bd0;border-radius:3px}html[data-theme=contrast]{--text:#fff;--text-dim:#d9dde6;--border:#746a54;--accent:#f3cf76}.trama-icon{display:inline-block;vertical-align:middle;color:inherit;--trama-tone:0.16}.app-header-menu-btn{overflow:hidden}.app-header-avatar{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}.room-turn-actions button{transform-origin:center;transition:transform .06s ease,filter .06s ease}.room-turn-actions button:active:not(:disabled){transform:scale(.96);filter:brightness(.7)}.map-token-step-arrow{transition:transform .06s ease,filter .06s ease}.map-token-step-arrow:active:not(:disabled){transform:translate(-50%,-50%) scale(.94);filter:brightness(.7)}.map-token.map-token-intersection{position:absolute;left:0;right:0;top:41%;width:auto;height:18%;min-height:6px;border:1px solid rgba(8,6,4,.85);border-radius:2px;background-color:#6d6152;background-size:auto 100%;background-repeat:repeat-x;background-position:50%;box-shadow:0 1px 3px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,244,220,.14)}.map-token.map-token-intersection:before{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}.map-token-wrap:has(.map-token-intersection) .map-token-freemove-handle,.map-token-wrap:has(.map-token-intersection) .map-token-resize-handle{display:none}.initiative-row-hidden{opacity:.72}.initiative-row-hidden-tag{flex:none;padding:1px 6px;border:1px solid rgba(180,160,220,.6);border-radius:999px;background:rgba(90,70,130,.35);color:#d8caf5;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase}.sheet-modal-backdrop:has(>.sheet-modal-full){padding:0;align-items:stretch;justify-content:stretch}.sheet-modal.sheet-modal-full{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--bg,#0b1114)}.sheet-modal-full .sheet-modal-body{height:100%;box-sizing:border-box;padding-top:56px;overflow:hidden auto}.sheet-modal-full .sheet-modal-close,.sheet-modal-full .sheet-modal-refresh{position:fixed;top:12px;z-index:10;float:none;margin:0}.sheet-modal-full .sheet-modal-close{right:72px}.sheet-modal-full .sheet-modal-refresh{right:172px}.room-turn-modal-backdrop{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);padding:16px}.room-turn-modal{width:min(440px,100%);max-height:86vh;overflow-y:auto;padding:16px 18px}.room-turn-modal h3{margin:0 0 8px}.room-turn-modal p{margin:0 0 8px;color:var(--text-dim);font-size:.9rem}.room-turn-modal-fields{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.room-turn-modal-fields>input,.room-turn-modal-fields>select{flex:1 1 100%;min-width:0;margin:0}.room-turn-modal-list{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto}.room-turn-modal-list button{margin:0;text-align:left}.room-turn-modal-actions{display:flex;justify-content:flex-end;margin-top:12px}@keyframes footprint-pop{0%{opacity:0}to{opacity:1}}.map-footprint{position:absolute;z-index:3;pointer-events:none;fill:hsla(44,77%,75%,.85);stroke:rgba(30,20,8,.7);stroke-width:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));animation:footprint-pop .12s ease-out}.map-footprint-blocked{fill:rgba(224,90,80,.85)}.map-walk-stop{position:fixed;left:50%;bottom:120px;z-index:60;transform:translateX(-50%);margin:0}.app-header.app-header-room{position:fixed;top:0;right:0;left:auto;width:auto;height:auto;display:block;padding:10px 12px;border:0;background:transparent;z-index:1700;pointer-events:none}.app-header.app-header-room>*{pointer-events:auto}.app-header.app-header-room .app-header-center,.app-header.app-header-room .app-header-left{display:none}.app-header.app-header-room .app-header-right{display:flex;align-items:center;padding:4px 10px;background:rgba(10,18,20,.78);border:1px solid var(--sheet-bronze,#8f7448);border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-header-room .app-header-menu-wrap{display:flex;align-items:center;gap:8px}.room-exit-slot{display:inline-flex;align-items:center}.room-exit-btn.room-exit-btn-inline{position:static;top:auto;right:auto;width:34px;height:34px;box-shadow:none;z-index:auto}.room-exit-btn.room-exit-btn-inline:focus-visible,.room-exit-btn.room-exit-btn-inline:hover{width:auto}