:root{color-scheme:dark;--bg:#101316;--panel:#191d21;--raised:#22272c;--border:#30363c;--muted:#959ea8;--text:#e6e9eb;--gold:#e4b76b;--green:#7bc4a7;font-family:Segoe UI,Arial,sans-serif;font-size:13px}
#log-live-form{margin-bottom:18px}#log-url{display:block;width:100%;box-sizing:border-box;margin:8px 0 16px}#log-live-error{color:#ff9b9b}#log-live-status{color:var(--muted)}
#log-fight-field{margin-bottom:16px}#log-fight{display:block;width:100%;box-sizing:border-box;margin-top:8px}
#log-fight option{background:#14181c;color:var(--text)}#log-fight[data-status=clear],#log-fight option[data-status=clear]{color:var(--green)}#log-fight[data-status=wipe],#log-fight option[data-status=wipe]{color:#ff9b9b}
.log-review{flex-shrink:0;background:linear-gradient(110deg,#332e23 0%,#232629 55%,#1b2025 100%);border-left:4px solid var(--gold);border-bottom:1px solid #8b7145;padding:12px 20px;max-height:43%;overflow:auto;z-index:2;box-shadow:0 6px 20px #0005}.log-review .eyebrow{color:var(--gold)}.log-review-prompt{display:flex;align-items:center;gap:12px;margin:12px 0 8px}.log-review-step{flex-shrink:0;padding:7px 10px;border:1px solid #947642;border-radius:5px;background:#e6b96420;color:#f5d394;font-weight:700;font-size:12px}.log-review-prompt strong{display:block;font-size:21px;line-height:1.25;color:#fff0d2}.log-review-prompt>div>span{display:block;margin-top:5px;color:#c9c3b7;font-size:12px}
.log-review-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.log-review p{margin:12px 0 7px}.log-review-actions{display:flex;gap:7px;flex-shrink:0}
.log-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:8px;margin:10px 0 0}.log-options:empty{display:none}.log-option{display:flex;min-width:0;background:#292c2d;border:1px solid #776548;border-radius:6px;overflow:hidden}.log-option>button:first-child{display:flex;align-items:center;gap:12px;flex:1;text-align:left;min-width:0;border:0;background:transparent;padding:12px}.log-option>button:first-child:hover,.log-option>button:first-child:focus-visible{background:#443a29}.log-option>button:first-child>span:nth-child(2){flex:1}.log-option-add{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#e6b96420;color:#f5d394;font-size:18px}.log-option strong{display:block;color:var(--gold);font-size:15px}.log-option:focus-within{outline:2px solid var(--gold);outline-offset:2px}.log-option small{display:block;color:#aeb8bf;line-height:1.5;margin-top:4px}.log-option-number{color:#9daab5;font-variant-numeric:tabular-nums}.log-option .log-locate{border:0;border-left:1px solid #46505a;border-radius:0;font-size:20px;padding:8px}
.log-choice-ring{stroke:#ffe29b;stroke-width:4;fill:#ffbf4733;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #ffbf47)}
@media(max-width:760px){.log-review{padding:10px;max-height:48%}.log-review-heading{align-items:flex-start;gap:8px}.log-review-prompt strong{font-size:18px}.log-review-prompt{gap:8px}.log-review-actions button{font-size:11px;padding:6px}.log-options{grid-template-columns:1fr 1fr;gap:6px}.log-option>button:first-child{padding:8px;gap:6px}.log-option small{font-size:10px}}
.modifiers button{display:flex;align-items:center;justify-content:center;gap:6px}.modifiers button img{width:20px;height:20px;border-radius:3px;object-fit:cover}.modifiers #empowered[aria-pressed=true]{border-color:#ffbb25;background:#443113;color:#ffe1a0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--border);border-radius:5px;padding:8px 11px;background:#20252a;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#30373e;border-color:#58616b}button:disabled{opacity:.3;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,svg:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a{color:var(--gold);text-decoration:none}input,select,textarea{background:#14181c;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:8px}input[type=checkbox]{accent-color:var(--gold)}button.active{background:#443a29;color:#f6d59b;border-color:#77603c}[hidden]{display:none!important}kbd{font:10px Segoe UI,sans-serif;border:1px solid #49515a;padding:1px 5px;border-radius:3px;color:#a7afb7}small{font-size:11px} .muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:650;color:var(--muted)}.square{padding:5px;width:31px;height:31px;font-size:18px}.text-button{background:none;border:0;padding:3px 0;font-size:11px;color:var(--gold)}.topbar{height:70px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 22px;gap:28px;background:#171b1f}.brand{display:flex;gap:10px;align-items:center;color:#e9e5d9;min-width:230px;font-size:16px;letter-spacing:2.6px;font-family:Georgia,serif}.brand small{display:block;font:9px Segoe UI,sans-serif;letter-spacing:3.1px;color:var(--gold);margin-top:5px}.brand-icon{font-size:39px;color:var(--gold)}.dungeon-picker{display:flex;flex-direction:column;gap:3px;min-width:210px}.dungeon-picker label{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.dungeon-picker select{border:none;background:transparent;padding:0 15px 2px 0;font-weight:600;font-size:14px}.dungeon-picker option{background:var(--panel)}.header-actions{display:flex;gap:7px}.header-actions button{background:transparent}.header-actions button:hover{background:var(--raised)}#workspace{display:flex;height:calc(100dvh - 70px);background:var(--bg)}.sidebar{position:relative;width:290px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--border);padding:20px 17px 12px;display:flex;flex-direction:column;gap:13px;overflow:hidden}.route-name{font:22px Georgia,serif;color:#efebe2;background:transparent;border:1px solid transparent;padding:4px 0;width:100%;margin:-6px 0}.route-name:hover{border-bottom-color:var(--border)}.progress-card{padding:15px 0 4px}.progress-heading{display:flex;justify-content:space-between;align-items:center;color:#b4bcc4;font-size:11px}.progress-heading strong{font-size:27px;color:var(--gold);font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums}.progress-heading strong span{font-size:14px;letter-spacing:0;margin-left:2px}.progress-track{height:5px;background:#353b40;border-radius:8px;margin:12px 0 9px;overflow:hidden}#progress-fill{height:100%;background:var(--gold);width:0;transition:width .2s}.score-row{display:flex;justify-content:space-between;font-size:10px;color:#b8c0c7}#score-remaining{font-size:10px;color:var(--muted);margin-top:8px}.shadow-toggle{display:flex;align-items:center;gap:10px;background:#1e2227;text-align:left;padding:10px 12px}.shadow-symbol{font-size:24px;color:#b5a4d6}.shadow-toggle small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.shadow-toggle .switch{width:27px;height:15px;border-radius:10px;background:#3b4248;margin-left:auto;padding:3px}.switch:after{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#a2a9b0;transition:transform .2s}.shadow-toggle[aria-pressed=true]{border-color:#79649b;background:#30283c}.shadow-toggle[aria-pressed=true] .switch{background:#8b6cac}.shadow-toggle[aria-pressed=true] .switch:after{transform:translateX(12px);background:white}.pull-list-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px}.pull-list-heading>div{display:flex;align-items:center;gap:6px}.pull-list-heading .square{display:grid;place-items:center;border:none;background:transparent;font-size:21px;line-height:1;padding:0;width:26px;height:28px}.pulls{overflow:auto;flex:1;min-height:60px;padding-right:3px;margin-right:-6px;scrollbar-width:thin;scrollbar-color:#41484f transparent}.pull-card{border:1px solid #343b42;border-left:3px solid var(--pull-color);border-radius:5px;background:#20252a;margin-bottom:9px;padding:11px 11px 10px;cursor:pointer}.pull-card:hover{background:#262c32}.pull-card.selected{background:#2a2d2d;border-color:#65583f;border-left-color:var(--pull-color)}.pull-top{display:flex;align-items:center;gap:8px}.pull-number{color:var(--pull-color);font-size:13px;font-weight:700;min-width:15px}.pull-name{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pull-percent{font-size:12px;font-variant-numeric:tabular-nums;color:var(--pull-color)}.pull-detail{font-size:10px;color:var(--muted);margin:7px 0}.pull-icons{margin-top:7px;display:flex;flex-wrap:wrap;gap:5px}.pull-mob{display:flex;align-items:center;gap:3px;font-size:10px;color:#ced3d7}.pull-mob img{width:22px;height:22px;object-fit:cover;border:1px solid #4b535c;border-radius:50%}.pull-empty{font-size:11px;line-height:1.6;color:#9aa3aa;margin:10px 0 2px}.pull-actions{display:flex;gap:3px;margin-top:9px;border-top:1px solid #3b3f40;padding-top:8px}.pull-actions button{background:transparent;border-color:transparent;padding:3px 6px;font-size:12px}.pull-actions button:last-child{margin-left:auto}.pull-note{display:block;border:none;resize:vertical;min-height:40px;max-height:110px;width:100%;background:#191e22;font-size:11px;margin-top:9px;line-height:1.5}.add-pull{min-width:90px;height:26px;padding:0 16px;font-size:11px;font-weight:500;white-space:nowrap;color:var(--gold);background:#29271f;border-color:#5b503a}.add-pull:hover{background:#353024;border-color:#85704b}.sidebar-bottom{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:10px}.primary{background:var(--gold);color:#252014;border-color:var(--gold);font-weight:650}.primary:hover{background:#f0ca87;border-color:#f0ca87}.map-section{min-width:0;flex:1;display:flex;flex-direction:column;position:relative}.map-toolbar{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--border);background:#1b1f23;gap:10px}.toolbar-group{display:flex;align-items:center;gap:7px;min-width:0}.toolbar-group button{background:transparent;font-size:11px;border-color:transparent;white-space:nowrap}.toolbar-group .square{font-size:20px}.divider{height:20px;width:1px;background:var(--border);margin:0 4px}.floor-tabs{display:flex;gap:4px;overflow:auto}.floor-tabs button{max-width:150px;overflow:hidden;text-overflow:ellipsis}.floor-tabs button.active{color:var(--gold);background:#343026}.map-stage{position:relative;overflow:hidden;flex:1;background:#10161a;background-image:radial-gradient(#34414855 .7px,transparent .7px);background-size:16px 16px}#map{display:block;width:100%;height:100%;touch-action:none;cursor:grab;user-select:none}#map:focus,#map:focus-visible{outline:none}#map.dragging{cursor:grabbing}#map-image{opacity:.92}#markers g{cursor:pointer}#markers .mob-ring{stroke-width:1.2;vector-effect:non-scaling-stroke}#markers .boss-ring,#markers .assigned-ring,#markers .chicken-ring{stroke-width:1.5}#markers g:hover .mob-ring,#markers g:focus .mob-ring{stroke:white;stroke-width:2}#pack-labels{pointer-events:none}#patrols{pointer-events:none}.drawing-toolbar{position:absolute;top:23px;left:19px;display:flex;flex-direction:column;gap:3px;background:#1b2126ee;border:1px solid #404951;padding:5px;border-radius:7px;box-shadow:0 5px 20px #0004}.drawing-toolbar button{border:1px solid transparent;width:34px;height:34px;font-size:21px;background:transparent;padding:3px}.drawing-toolbar button.active{color:var(--gold);background:#403829;border-color:#6a5736}.drawing-toolbar>span{height:1px;background:var(--border);margin:4px}.map-search{position:absolute;top:20px;right:20px;display:flex;align-items:center;background:#1b2127ee;border:1px solid #424b53;border-radius:5px;width:225px;padding:0 9px;box-shadow:0 3px 20px #0003}.map-search span{font-size:22px;color:var(--muted)}.map-search input{border:0;background:transparent;width:100%;font-size:11px;padding:10px 7px}.map-search button{border:none;background:none;font-size:18px;padding:0 2px;color:var(--muted)}.search-results{position:absolute;right:20px;top:61px;width:270px;max-height:300px;overflow:auto;border:1px solid #434b53;border-radius:5px;background:#1b2127;z-index:5;box-shadow:0 10px 30px #0008}.search-results button{display:block;width:100%;text-align:left;border:0;border-radius:0;background:transparent;font-size:11px;padding:11px}.search-results button:hover{background:#353b43}#map-loading{position:absolute;inset:0;display:grid;place-items:center;background:#151b20;color:var(--gold);z-index:10}.popover{position:absolute;z-index:10;top:8px;right:90px;width:235px;border:1px solid #424b53;border-radius:6px;background:#20262c;padding:16px;box-shadow:0 8px 30px #0006}.popover strong{display:block;margin-bottom:13px}.popover label{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:11px;color:#bdc6ce}.popover input{margin:0}.popover .marker-size{display:block}.marker-size input{width:100%;margin-top:10px;accent-color:var(--gold)}.tooltip{position:absolute;z-index:20;pointer-events:none;background:#171c22f5;border:1px solid #697580;padding:11px 13px;border-radius:6px;box-shadow:0 8px 20px #0007;max-width:270px;font-size:11px;line-height:1.7}.tooltip strong{font-size:12px;display:block;color:#f0e8d7}.tooltip .tip-score{color:var(--gold)}.inspector{position:absolute;z-index:12;top:71px;right:20px;width:290px;max-height:calc(100% - 130px);overflow:auto;background:#1b2229f5;border:1px solid #49535b;border-radius:8px;padding:17px;box-shadow:0 15px 40px #0008}.inspector h2{font:20px Georgia,serif;margin:0 25px 6px 0}.inspector .close-inspector{position:absolute;right:8px;top:8px;border:0;background:none;font-size:21px}.enemy-profile{display:flex;align-items:center;gap:12px;margin-bottom:15px}.enemy-profile img{width:49px;height:49px;border-radius:50%;border:1px solid #6e6452}.enemy-profile small{color:var(--muted)}.enemy-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:13px 0}.enemy-facts span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.inspector label{display:flex;gap:6px;align-items:center;font-size:11px;margin:14px 0}.ability{padding:10px 0;border-top:1px solid var(--border)}.ability strong{font-size:11px}.ability p{font-size:11px;color:#abb7c0;line-height:1.5;margin-bottom:3px}.ability small{display:block;margin-top:4px;font-size:9px;color:var(--gold)}.ability small:empty{display:none}.inspector .primary{width:100%;margin:5px 0 14px}.inspector h3{font-size:10px;letter-spacing:1px;color:var(--muted)}dialog{background:#20262c;color:var(--text);border:1px solid #4a535c;border-radius:10px;padding:23px;width:min(580px,92vw);box-shadow:0 20px 80px #0009;max-height:85vh}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.dialog-heading h2{font:23px Georgia,serif;margin:0}.dialog-heading button{background:none;border:0;font-size:24px}.dialog-content,p{line-height:1.7}#dialog-content p{color:#b9c3ca;font-size:12px}#dialog-content textarea{width:100%;min-height:100px;margin-bottom:12px}#dialog-content input{width:100%;margin-bottom:13px}.help-grid{display:grid;grid-template-columns:140px 1fr;gap:14px;font-size:12px}.help-grid span{color:#bbc5ce}.library-item{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #3e4850;padding:13px 0;gap:15px}.library-item small{display:block;color:var(--muted);margin-top:5px}.library-item button{font-size:11px}.library-item>div:last-child{display:flex;gap:4px}.score-table{width:100%;border-collapse:collapse;font-size:12px}.score-table th,.score-table td{text-align:left;border-bottom:1px solid #414a53;padding:9px 5px}.score-table th{color:var(--muted);font-weight:400}#toast{position:fixed;left:50%;bottom:38px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#343c43;color:#fff;border:1px solid #65717b;border-radius:6px;padding:12px 22px;z-index:100;transition:.2s;font-size:12px;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.fatal{padding:30px;font-size:15px;color:#f5bcb5}.empty-library{padding:18px 0;text-align:center;color:var(--muted)}
.sidebar{gap:10px;padding-top:16px}.progress-card{padding-top:7px}.pull-list-heading{padding-top:8px}
@media(min-width:1700px){.sidebar{width:310px;padding:22px}}
@media(max-width:1100px){.topbar{gap:16px;padding:0 14px}.brand{min-width:auto;font-size:13px}.brand-icon{font-size:31px}.brand small{font-size:8px;letter-spacing:2px}.header-actions{margin-left:auto}.sidebar{width:260px;padding:16px 12px}.map-search{width:190px}.toolbar-group{gap:1px}.map-toolbar{padding:0 9px}}
@media(max-width:760px){.topbar{height:61px;gap:12px}.brand>span:last-child{display:none}.dungeon-picker{min-width:0;flex:1}.dungeon-picker select{font-size:12px;max-width:180px}.header-actions button span{display:none}.header-actions button{padding:6px 9px}#workspace{height:calc(100dvh - 61px);flex-direction:column;overflow:auto}.map-section{flex:none;height:65dvh;min-height:360px}.sidebar{width:100%;min-height:420px;max-height:70dvh;border-left:0;border-top:1px solid var(--border)}.map-search{top:auto;bottom:88px;right:14px;width:185px}.search-results{top:auto;bottom:125px;right:14px}.map-toolbar{height:45px}.toolbar-group button{font-size:10px;padding:6px}.floor-tabs button{max-width:90px}.drawing-toolbar{left:12px;top:19px}.inspector{right:10px;top:80px;width:270px}}

.modifiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.modifiers>div{display:flex;min-width:0}.modifiers button{font-size:11px;padding:7px 8px;white-space:nowrap}.modifiers>div button:first-child{flex:1;border-radius:4px 0 0 4px}.modifiers [data-configure]{border-radius:0 4px 4px 0;border-left:0;padding:7px}.modifiers [aria-pressed=true]{background:#382b48;border-color:#9075b5;color:#e3cfff}.pull-card{background:color-mix(in srgb,var(--pull-color) 6%,#20252a);border-color:color-mix(in srgb,var(--pull-color) 35%,#343b42);border-left-color:var(--pull-color)}.pull-card.selected{background:color-mix(in srgb,var(--pull-color) 15%,#20252a);border-color:var(--pull-color)}.pull-number{background:var(--pull-color);color:white;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:11px;flex-shrink:0}#total-percent span{font-size:12px}.pull-actions{margin-top:7px;padding-top:5px}.pull-mob img{width:19px;height:19px}#pull-outlines{pointer-events:none}
.drawing-toolbar button img{display:block;width:26px;height:26px;object-fit:contain;border-radius:3px;pointer-events:none}.drawing-toolbar button[data-tool="portal"]{--relic-color:#70d9ff}.drawing-toolbar button[data-tool="invis"]{--relic-color:#bb86fc}.drawing-toolbar button[data-tool="portal"].active,.drawing-toolbar button[data-tool="invis"].active{border-color:var(--relic-color);background:color-mix(in srgb,var(--relic-color) 20%,#1b2126)}
.route-relics{display:flex;gap:6px}.route-relic{display:flex;align-items:center;gap:5px;flex:1;font-size:10px;color:var(--muted);padding:5px 6px;border:1px solid var(--border);border-radius:5px;background:#191e23}.route-relic img{width:22px;height:22px;border-radius:3px;opacity:.45}.route-relic b{margin-left:auto;font-size:12px}.route-relic.present{color:#f0e6d5;border-color:#776342}.route-relic.present img{opacity:1}.route-relic.present b{color:var(--gold)}
#markers .chicken-ring{stroke-width:2.5}.patrol-path{stroke-linecap:round;stroke-linejoin:round}.patrol-path.highlighted{stroke:#ffe4a2;stroke-width:3.5;opacity:1;filter:drop-shadow(0 0 3px #080c10)}
.tooltip{width:270px;max-width:calc(100% - 10px);overflow:auto;pointer-events:auto;scrollbar-width:thin}.tip-pack-heading{margin-top:8px;padding-top:7px;border-top:1px solid #414b54;color:var(--muted)}.tip-pack{list-style:none;padding:0;margin:5px 0 0}.tip-pack li{display:flex;align-items:center;gap:7px;padding:3px 5px;border:1px solid transparent;border-radius:4px;line-height:1.35}.tip-pack li.current{background:#e4b76b20;border-color:#a58b59;color:#ffe0a4;font-weight:600}.tip-pack img{width:21px;height:21px;object-fit:cover;border-radius:50%;flex-shrink:0}.tip-pack .tip-chicken{margin-left:auto;width:18px;height:18px}
.enemy-menu{position:absolute;z-index:25;width:205px;max-width:calc(100% - 10px);overflow:auto;padding:5px;border:1px solid #697580;border-radius:6px;background:#1b2229;box-shadow:0 8px 25px #0008}.enemy-menu-name{padding:7px 8px;color:#d5c6ac;font-size:11px;border-bottom:1px solid var(--border);margin-bottom:4px}.enemy-menu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;background:none;padding:7px 8px;font-size:12px}.enemy-menu button:hover,.enemy-menu button:focus-visible{background:#343e47}

.arrow-tool{position:relative;display:flex;flex-direction:column}.drawing-toolbar{z-index:15}#arrow-options{position:absolute;top:0;left:44px;width:188px;padding:14px;background:#1b2126;border:1px solid #59616a;border-radius:6px;box-shadow:0 8px 25px #0008}#arrow-options strong{display:block;font-size:10px;letter-spacing:.7px;margin-bottom:8px}.arrow-colors{display:grid;grid-template-columns:repeat(4,32px);gap:8px;margin-bottom:14px}.drawing-toolbar .arrow-colors button{width:32px;height:32px;background:var(--swatch);border:1px solid #ffffff55;border-radius:4px}.drawing-toolbar #arrow-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:2px}.arrow-widths{display:flex;gap:8px}.drawing-toolbar .arrow-widths button{display:grid;place-items:center;width:46px;height:34px;border:1px solid #59616a}.arrow-widths i{width:var(--dot);height:var(--dot);border-radius:50%;background:white;pointer-events:none}.annotation{cursor:pointer}.arrow-handle{opacity:0;pointer-events:none;cursor:grab}.annotation:hover .arrow-handle,.annotation:focus .arrow-handle,.annotation.editing .arrow-handle{opacity:1;pointer-events:all}.annotation.editing .arrow-handle{cursor:grabbing}#draft{pointer-events:none}

.note-tooltip-text{white-space:pre-wrap;overflow-wrap:anywhere}
.annotation:focus{outline:none}.annotation:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.annotation-handle{cursor:grab}.annotation.editing.annotation-handle,.annotation.editing .annotation-handle{cursor:grabbing}

.tip-empowered{display:flex;align-items:center;gap:5px;margin:3px 0;color:#ffce75;font-weight:600}.tip-empowered img{width:18px;height:18px;border:1px solid #c79742;border-radius:50%}.tip-pack-status{display:flex;gap:4px;margin-left:auto;flex-shrink:0}.tip-pack-status img{width:18px;height:18px}.tip-pack-status img[alt="Empowered"]{border:1px solid #c79742}

.chicken-tooltip{position:fixed;z-index:40;width:290px;max-width:calc(100vw - 16px)}.chicken-tooltip .tip-pack-heading{overflow-wrap:anywhere}.route-relic[data-route-chicken]{cursor:help}.route-relic[data-route-chicken]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.pull-mob-count{margin-top:7px;color:#b9c4cc;font-size:11px}.pull-tooltip{position:fixed;z-index:40;width:290px;max-width:calc(100vw - 16px)}.pull-tooltip strong{overflow-wrap:anywhere}.pull-tooltip .tip-score{margin:3px 0 8px}

.tip-pack .tip-focus-row{padding:0}.tip-focus-row button{display:flex;align-items:center;gap:7px;width:100%;min-width:0;padding:4px 5px;text-align:left;font:inherit;line-height:1.35;background:transparent;border:1px solid transparent;color:inherit}.tip-focus-row button:hover,.tip-focus-row button:focus-visible{background:#e4b76b20;border-color:#a58b59;color:#ffe0a4}.tip-focus-row button>span:not(.tip-pack-status){overflow-wrap:anywhere}

#markers .mob-focus-ring{fill:none;stroke:#ffe4a2;stroke-width:3;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 4px #ffc65c);animation:mob-focus-pulse 1s ease-out both;pointer-events:none}
@keyframes mob-focus-pulse{0%{transform:scale(.85);opacity:1}30%{transform:scale(1.2);opacity:1}55%{transform:scale(1);opacity:.9}75%{transform:scale(1.2);opacity:1}100%{transform:scale(1.35);opacity:0}}
@media(prefers-reduced-motion:reduce){#markers .mob-focus-ring{animation-name:mob-focus-fade}}
@keyframes mob-focus-fade{0%,75%{opacity:1}100%{opacity:0}}

.header-actions{margin-left:auto}.map-toolbar{flex-shrink:0}.display-options-button{position:absolute;top:20px;right:20px;z-index:16;width:38px;height:38px;padding:0;font-size:24px;background:#1b2127ee;border-color:#424b53;box-shadow:0 3px 20px #0003}.display-options-button[aria-expanded="true"]{color:var(--gold);border-color:#77603c}.map-search{right:68px}#layers-panel{top:66px;right:20px;z-index:20;max-width:calc(100% - 40px);max-height:calc(100% - 86px);overflow:auto}@media(max-width:760px){.map-search{right:14px}.display-options-button{top:19px;right:14px}#layers-panel{right:14px;max-width:calc(100% - 28px)}}

#storage-status{position:absolute;top:2px;right:17px;max-width:calc(100% - 34px);font-size:10px;color:var(--muted);text-align:right;padding:0}#storage-status:empty{display:none}#storage-status[data-state="error"]{color:#ff8877}

#room-bar{position:relative;display:flex;align-items:center;gap:10px;padding:8px 16px;min-height:48px;background:#202932;border-bottom:1px solid var(--border);flex-wrap:wrap}#room-bar button{padding:5px 8px;font-size:12px}#room-status{font-size:12px;margin-right:auto}#room-diagnostic{flex-basis:100%;margin:0;color:#ffb088;font-size:12px}.in-room #workspace{height:calc(100dvh - 118px)}#room-waiting{padding:60px 24px;max-width:650px;margin:auto;text-align:center}#room-sessions summary{cursor:pointer;font-size:12px}#room-session-list{position:absolute;right:18px;top:42px;width:300px;z-index:45;background:var(--panel);border:1px solid var(--border);padding:12px;box-shadow:0 8px 24px #0008;list-style:none}#room-session-list li{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid var(--border)}#room-session-list span,#room-session-list small{font-size:11px;color:var(--muted)}#room-network{margin:15px 0}#room-network p{font-size:12px;color:var(--muted)}#room-network label{margin:10px 0}#room-form-error{color:#ffb088}@media(max-width:700px){#room-bar{gap:6px}#room-bar button{font-size:10px}.in-room #workspace{height:calc(100dvh - 160px)}#together{font-size:11px;padding:4px}.header-actions{gap:3px}}

#room-session-list strong{color:var(--session-color)}#room-session-list [data-leader="true"] strong{font-weight:800}#room-leader-status{font-size:11px;color:var(--muted)}#remote-cursors,#remote-cursors *{pointer-events:none}
.room-avatar-stack{display:flex;flex-direction:column;align-items:center;gap:3px}.room-ping{font-size:9px;line-height:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}

.network-check{border:1px solid #596a7a;border-left:4px solid #70b4de;border-radius:6px;padding:12px;margin-bottom:16px;background:#17232d}.network-check-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.network-check-heading button{font-size:11px;padding:4px 8px;white-space:nowrap}.network-check p{font-size:12px;line-height:1.5;margin:8px 0}.network-check small{display:block;color:var(--muted);font-size:11px}.network-check[data-state=direct]{border-left-color:#80d5a0}.network-check[data-state=possible]{border-left-color:#70b4de}.network-check[data-state=warning],.network-check[data-state=relay]{border-left-color:#edbc69}.network-check[data-state=error]{border-left-color:#ed887b}

.room-form{display:grid;gap:18px;min-width:0}.room-form>p,.room-form .network-check,.room-form #room-network{margin:0}.room-profile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.room-form label{display:flex;flex-direction:column;gap:7px;min-width:0}.room-form select,.room-form input{width:100%;min-width:0}#dialog-content .room-form input,#dialog-content .room-form textarea{margin-bottom:0}.room-create-section{padding-bottom:18px;border-bottom:1px solid var(--border)}.room-form-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.room-form #room-network summary{cursor:pointer}.room-form #room-network label{margin:14px 0}.room-form label.room-checkbox{flex-direction:row;align-items:center}.room-form .room-checkbox input{width:auto;flex-shrink:0}.room-form #room-form-error{color:#ffb088;margin:0}.room-form input[readonly]{color:var(--muted)}@media(max-width:480px){.room-profile-fields{grid-template-columns:1fr}.room-form-actions>button,.room-create-section>button{width:100%}.network-check-heading{align-items:flex-start;flex-wrap:wrap}}

.room-class-field{display:flex;flex-direction:column;gap:7px;min-width:0}.class-picker{position:relative;min-width:0}.class-picker button{display:flex;align-items:center;gap:8px;width:100%;min-height:37px;text-align:left;padding:6px 9px;background:#14181c}.class-picker img,.class-placeholder{width:23px;height:23px;flex-shrink:0;border-radius:50%;border:1px solid var(--class-color);object-fit:cover}.class-placeholder{display:grid;place-items:center;color:var(--muted)}.class-picker button>span:not(.class-chevron):not(.class-placeholder){color:color-mix(in srgb,var(--class-color) 65%,white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-chevron{margin-left:auto;color:var(--muted)}#room-class-options{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:5;max-height:240px;overflow:auto;padding:4px;border:1px solid #59616a;border-radius:6px;background:#191f25;box-shadow:0 10px 25px #0008}#room-class-options button{border-color:transparent;background:transparent}#room-class-options button:hover,#room-class-options [data-active=true]{background:#303943}#room-class-options [aria-selected=true]{border-color:#6b7784}

#room-avatars{display:flex;align-items:center;gap:14px;list-style:none;margin:0;padding:5px 2px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin}#room-avatars li:not(.room-empty-slot){display:flex;align-items:center;gap:7px;flex-shrink:0}.room-avatar{position:relative;width:32px;height:32px;flex-shrink:0}.room-avatar img,.room-avatar-fallback{display:block;width:32px;height:32px;border:2px solid var(--class-color);border-radius:50%;object-fit:cover}.room-avatar-fallback{display:grid;place-items:center;background:#242d34;color:var(--class-color)}.room-crown{position:absolute;width:15px;height:13px;bottom:-3px;right:-3px;fill:#edbd5d;stroke:#352712;stroke-width:1.2;filter:drop-shadow(0 1px 1px #000)}.room-avatar-name{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;color:color-mix(in srgb,var(--class-color) 65%,white)}.room-avatar-name small{display:block;color:var(--muted);font-size:9px;font-weight:400}.room-empty-slot{width:23px;height:23px;border:1px dashed #36404a;border-radius:50%;flex-shrink:0;opacity:.6}.in-room .topbar{gap:18px}.in-room #library,.in-room #import{display:none}@media(max-width:1450px){.in-room .brand>span:last-child{display:none}.in-room .brand{min-width:0}.in-room .dungeon-picker{min-width:150px}.in-room .topbar{gap:12px}}@media(max-width:900px){.in-room #room-avatars{gap:8px}.in-room .room-avatar-name{display:none}.in-room .dungeon-picker{min-width:0;max-width:140px}.in-room .header-actions button span{display:none}}@media(max-width:600px){.in-room .brand{display:none}.in-room .dungeon-picker{max-width:100px}.in-room #room-avatars{gap:5px}.room-avatar,.room-avatar img,.room-avatar-fallback{width:27px;height:27px}.room-empty-slot{width:18px;height:18px}.in-room .topbar{gap:6px;padding:0 8px}.in-room .header-actions button{padding:4px}.in-room #together{max-width:55px;font-size:10px}}

#dialog-content .room-form .room-checkbox input{width:16px;height:16px;margin:0;flex:0 0 16px}.room-form .room-checkbox{align-items:flex-start;line-height:1.5}

#room-avatars li{position:relative;padding-right:3px}.room-kick{position:absolute;right:-2px;top:-4px;display:grid;place-items:center;width:18px;height:18px;padding:0;border-radius:50%;border:1px solid #eaa;background:#522b31;color:white;font-size:15px;line-height:1;opacity:0;cursor:pointer}#room-avatars li:hover .room-kick,#room-avatars li:focus-within .room-kick,.room-kick:focus-visible{opacity:1}@media(hover:none){.room-kick{opacity:1}}#room-status[data-sync=synced]{color:#91d6a4}#room-status[data-sync=mismatch]{color:#ffb088}

.turn-verification{width:min(420px,calc(100vw - 32px));padding:24px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:10px}.turn-verification::backdrop{background:#000a}.turn-verification h2{margin-top:0;font-size:20px}.turn-verification p{font-size:13px;line-height:1.5}.turn-verification button{display:block;margin:18px 0 0 auto}


#dialog-content label[for="import-route-text"]{display:block;margin-bottom:8px}

.tip-pack-status{align-items:center}.tip-pack-percent{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.tip-pack li>span:not(.tip-pack-status){min-width:0;overflow-wrap:anywhere}

#markers g.pack-hover:not(:hover):not(:focus) .mob-ring{stroke:#d8e1e8;stroke-width:1.8}
#markers g:hover .mob-ring,#markers g:focus .mob-ring{stroke:white;stroke-width:3;filter:drop-shadow(0 0 3px #ffffffa6)}

.pull-import-status{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 7px;border:1px solid #a8854859;border-radius:4px;background:#e6b96412;color:#f5d394;font-size:10px;font-weight:600;line-height:1.4}.pull-import-status::before{content:'';width:7px;height:7px;border:1px dashed currentColor;border-radius:50%;flex-shrink:0}

.marker-editor{width:min(440px,calc(100vw - 80px));display:grid;gap:14px}.marker-editor fieldset{border:0;padding:0;margin:0;min-width:0}.marker-editor legend{font-size:12px;font-weight:600;margin-bottom:9px;color:var(--muted)}.marker-symbols{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.marker-symbols button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 3px;color:#e7e9ee;min-width:0}.marker-symbols svg,.marker-symbols button>span{width:22px;height:22px;fill:currentColor;font-size:21px;font-weight:700;line-height:22px}.marker-symbols small{font-size:10px;white-space:nowrap}.marker-symbols [aria-pressed=true]{border-color:var(--gold);background:#e4b76b20;color:var(--gold)}#dialog-content .marker-editor label{margin:0;font-size:12px}.marker-editor textarea{min-height:90px;resize:vertical;margin-top:-5px}.marker-colors{display:flex;flex-wrap:wrap;gap:12px}.marker-colors button{width:28px;height:28px;padding:0;border:2px solid #64707c;border-radius:50%;background:var(--swatch);position:relative}.marker-colors [aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.marker-colors [aria-pressed=true]::after{content:'✓';display:grid;place-items:center;position:absolute;inset:3px;border-radius:50%;color:#fff;background:#111c;font-size:13px}.marker-preview{display:flex;align-items:center;gap:12px;padding:14px;background:#10161c;border:1px solid var(--border);border-radius:8px}.marker-preview>div:last-child{display:grid;gap:4px;min-width:0}.marker-preview strong{font-size:12px}.marker-preview span{font-size:12px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:80px;overflow:auto}#marker-preview-symbol{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 0 1px #8b949e;background:#11171b}#marker-preview-symbol svg{width:20px;height:20px;fill:currentColor}#marker-preview-symbol>span{font-size:16px;font-weight:700;color:inherit}.marker-editor-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}@media(max-width:480px){.marker-symbols{grid-template-columns:repeat(3,1fr)}}

.log-option-likely{border:1px solid #67dfa6;background:#203d32;box-shadow:inset 0 0 0 1px #67dfa622}.log-option-likely>button:first-child:hover,.log-option-likely>button:first-child:focus-visible{background:#29533f}.log-option-likely strong{color:#b6f7ce}.log-option-heading{display:flex;align-items:center;gap:7px;white-space:nowrap}.log-option-heading strong{flex-shrink:0}.log-aggro-badge{color:#a9e6c0;font-size:10px;font-weight:500;white-space:nowrap}.log-movement-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}.log-movement-legend>span{display:inline-flex;align-items:center;gap:6px}.log-movement-legend i{display:inline-block;width:18px;height:4px;border-radius:2px;box-shadow:0 0 0 1px #ffffff22}