:root{--bg:#111318;--panel:#1a1d24;--panel2:#232733;--border:#2e3340;--text:#e6e8ee;--muted:#8b93a7;--accent:#4c8dff;--danger:#e05d5d;--warn:#e0b04c;--view-bg:#1b1d22;--grid:#ffffff12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Hiragino Sans,Yu Gothic UI,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}#app{height:100%}button,select,input,textarea{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--border);border-radius:4px}button{cursor:pointer;padding:4px 9px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{border-color:#6b3434}button.active{border-color:var(--accent);background:#2d4a7a}select,input[type=number],input[type=text]{padding:3px 5px}input[type=number]{width:80px}textarea{width:100%;font-family:ui-monospace,Consolas,monospace;font-size:12px}.bad{border-color:var(--danger)!important}.muted{color:var(--muted)}.small{font-size:11px}.row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.grow{flex:1}kbd{color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:0 3px;font-size:10px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 6px;font-size:12px}.dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;display:inline-block}.error{white-space:pre-wrap;background:#3a1f23;border:1px solid #6b3434;border-radius:4px;margin:10px 0;padding:8px 10px}.ok{color:#6fd08c}.start{max-width:760px;margin:60px auto;padding:0 20px}.start h1{font-size:22px}.choices{gap:10px;margin:18px 0;display:grid}.choice{background:var(--panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.drop{border:2px dashed var(--border);text-align:center;color:var(--muted);border-radius:8px;padding:28px}.drop.over{border-color:var(--accent);color:var(--text)}.shell{flex-direction:column;height:100%;display:flex}.topnav{border-bottom:1px solid var(--border);background:#14161c;align-items:center;gap:8px;padding:4px 10px;display:flex}.topnav .brand{margin-right:10px;font-size:13px}.topnav .tab{color:var(--muted);border-radius:4px;padding:5px 12px;text-decoration:none}.topnav .tab:hover{color:var(--text);background:var(--panel2)}.topnav .tab.active{color:var(--text);background:var(--panel2);box-shadow:inset 0 -2px 0 var(--accent)}.page{flex:1;min-height:0;display:none}.shell[data-page=map] .page-map,.shell[data-page=monsters] .page-monsters,.shell[data-page=items] .page-items,.shell[data-page=groups] .page-groups,.shell[data-page=actions] .page-actions,.shell[data-page=messages] .page-messages,.shell[data-page=shops] .page-shops{display:block}a{color:#8fb6ff}.app{grid-template:"head head head""left views right"1fr"status status status"/260px 1fr 300px;height:100%;display:grid}header{background:var(--panel);border-bottom:1px solid var(--border);grid-area:head;align-items:center;gap:8px;padding:6px 10px;display:flex}header .title{margin-right:6px}.map-select{min-width:220px}.seg{gap:2px;display:inline-flex}aside{background:var(--panel);padding:8px 10px;overflow:auto}aside.left{border-right:1px solid var(--border);grid-area:left}aside.right{border-left:1px solid var(--border);grid-area:right}.status{color:var(--muted);background:var(--panel);border-top:1px solid var(--border);grid-area:status;min-height:20px;padding:3px 10px;font-size:11px}.views{grid-area:views;min-width:0;min-height:0;display:grid}.app[data-mode=split] .views{grid-template-columns:1fr 1fr}.app[data-mode="2d"] .pane3d,.app[data-mode="3d"] .pane2d{display:none}.pane{border-right:1px solid var(--border);min-width:0;min-height:0;position:relative}.pane canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tools{flex-direction:column;gap:3px;display:flex}.tools button{text-align:left;justify-content:space-between;display:flex}.layers .layer{cursor:pointer;margin:3px 0;display:block}.field{flex-direction:column;gap:2px;margin:6px 0;display:flex}.field>span{color:var(--muted);font-size:11px}.field input.hex{width:110px;font-family:ui-monospace,Consolas,monospace}.brush-info{align-items:center;gap:4px;margin-bottom:6px;display:flex}.brush-info .rot{font-variant-numeric:tabular-nums}.pal-kind{margin-bottom:6px}.pal-kind-name{color:var(--muted);margin-bottom:2px;font-size:11px}.pal-items{flex-wrap:wrap;gap:4px;display:flex}.pal-item{flex-direction:column;align-items:center;gap:1px;width:58px;padding:2px;display:flex}.pal-item img,.pal-swatch{background:#0d0f13;border-radius:3px;width:52px;height:52px}.pal-label{color:var(--muted);font-size:10px}table.sections{border-collapse:collapse;width:100%;margin:8px 0;font-size:12px}table.sections td,table.sections th{border-bottom:1px solid var(--border);text-align:left;padding:2px 4px}.issues{flex-direction:column;gap:3px;max-height:320px;display:flex;overflow:auto}.issue{cursor:pointer;border-radius:3px;padding:3px 6px;font-size:12px}.issue.error{background:#3a1f23}.issue.warn{background:#3a3220}.modal{z-index:10;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--border);border-radius:8px;width:min(760px,92vw);max-height:88vh;padding:16px 20px;overflow:auto}.dialog h2{margin-top:0;font-size:17px}.export-result{margin:8px 0}.map-title{white-space:nowrap;text-overflow:ellipsis;margin-left:6px;font-weight:600;overflow:hidden}.warn-box{background:#3a3220;border:1px solid #6b5a2c;border-radius:4px;margin:6px 0;padding:6px 8px;font-size:12px}.model-line{background:var(--panel2);border-radius:4px;margin:6px 0;padding:4px 6px;font-size:12px}.treasure{border-top:1px solid var(--border);margin-top:8px}.add-panel h4{color:var(--muted);margin:10px 0 4px;font-size:12px;font-weight:600}.obj-group{margin:2px 0}.obj-group summary{cursor:pointer;padding:2px 0;font-size:12px}.obj-items{padding:4px 0 6px}.obj-item .pal-label{text-overflow:ellipsis;white-space:nowrap;max-width:54px;overflow:hidden}.place-hint{border:1px solid var(--accent);background:#1f3350;border-radius:4px;margin:4px 0;padding:4px 6px;font-size:12px}.badge{color:#f0d890;background:#4a3b1c;border-radius:9px;margin-left:6px;padding:1px 6px;font-size:11px}.loot{flex-direction:column;gap:4px;margin:6px 0;display:flex}.loot-row{grid-template-columns:1fr 64px 40px 28px;align-items:center;gap:4px;display:grid}.loot-row input[type=number]{width:100%}.loot-item{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loot-pct{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.loot-add{color:var(--muted);border-style:dashed}dialog.picker{width:min(560px,94vw);max-height:84vh;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;padding:0;display:flex}dialog.picker.wide{width:min(760px,94vw)}dialog.picker::backdrop{background:#0000008c}dialog.picker>div{padding:0 14px}.picker-head{justify-content:space-between;align-items:center;display:flex;padding-top:10px!important}.picker-head h2{margin:4px 0;font-size:16px}.picker-search{flex:1;min-width:160px}.picker-list{border:1px solid var(--border);border-radius:4px;max-height:60vh;margin-bottom:12px;overflow:auto}.picker-table{border-collapse:collapse;width:100%;font-size:12px}.picker-table th{background:var(--panel2);text-align:left;padding:4px 6px;position:sticky;top:0}.picker-table td{border-top:1px solid var(--border);padding:3px 6px}.picker-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:1%}.picker-table tr.pick{cursor:pointer}.picker-table tr.pick:hover{background:#26324a}.picker-table tr.current{background:#2d4a7a}.enc-box{border-top:1px solid var(--border);margin-top:10px}.enc-table{border-collapse:collapse;width:100%;margin:4px 0;font-size:12px}.enc-table th{text-align:left;color:var(--muted);padding-top:4px;font-size:11px;font-weight:400}.enc-table td{padding:1px 3px}.enc-table td.num,.book-table td.num{text-align:right;font-variant-numeric:tabular-nums}.enc-group{background:var(--panel2);border-radius:4px;margin:4px 0;padding:2px 6px 4px}.enc-cells summary{cursor:pointer;margin:4px 0;font-size:12px}.book{grid-template-columns:minmax(300px,380px) 1fr;height:100%;display:grid}.book-side{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;min-height:0;padding:8px 10px;display:flex}.book-side input[type=search]{flex:1;min-width:0;padding:4px 6px}.book-list{flex:1;min-height:0;overflow:auto}.book-table{border-collapse:collapse;width:100%;font-size:12px}.book-table th{background:var(--panel);text-align:left;color:var(--muted);padding:3px 4px;font-weight:400;position:sticky;top:0}.book-table td{border-bottom:1px solid var(--border);padding:3px 4px}.book-table tbody tr{cursor:pointer}.book-table tbody tr:hover{background:var(--panel2)}.book-table tbody tr.active{background:#2d4a7a}.book-detail{padding:16px 24px 40px;overflow:auto}.book-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.book-head h2{margin:0;font-size:22px}.book-desc{max-width:720px;line-height:1.6}.stats{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;max-width:900px;margin:12px 0;display:grid}.stat{background:var(--panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;padding:6px 10px;display:flex}.stat b{font-variant-numeric:tabular-nums;font-size:16px}.book-cols{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:900px;display:grid}.book-cols ul{margin:0;padding-left:18px;line-height:1.7}.resists{flex-direction:column;gap:6px;max-width:900px;display:flex}.res-group{grid-template-columns:70px 1fr;align-items:start;display:grid}.res-items{flex-wrap:wrap;gap:4px;display:flex}.res-table{border-collapse:collapse;min-width:420px;margin:2px 0 8px;font-size:12px}.res-table th{text-align:left;color:var(--muted);padding:2px 8px 2px 0;font-size:11px;font-weight:400}.res-table td{padding:1px 8px 1px 0}.res-table td.plus{color:#8fe0a8}.res-table td.minus{color:#f0a0a0}.res-table select{padding:1px 3px}select.edited{border-color:var(--warn)}.res{background:var(--panel2);color:var(--muted);border-radius:10px;padding:1px 6px;font-size:11px}.res.plus{color:#8fe0a8;background:#1f3a2a}.res.minus{color:#f0a0a0;background:#3a1f23}.book-where{max-width:900px}.book-where details{margin:3px 0}.book-where summary{cursor:pointer}.radars{flex-wrap:wrap;gap:16px;margin:4px 0 10px;display:flex}.radar-box{background:var(--panel);border:1px solid var(--border);border-radius:8px;margin:0;padding:4px}.radar-box figcaption{text-align:center;color:var(--muted);padding-bottom:4px;font-size:11px}.radar{-webkit-user-select:none;user-select:none;touch-action:none;display:block}.radar .ring{fill:none;stroke:var(--border)}.radar .ring.zero{stroke:#5b6478;stroke-dasharray:3 3}.radar .ring-label{fill:var(--muted);font-size:9px}.radar .axis{stroke:var(--border)}.radar .axis-label{fill:var(--text);font-size:11px}.radar .shape{fill:#4c8dff40;stroke:var(--accent);stroke-width:1.5px}.radar .shape.original{fill:none;stroke:var(--muted);stroke-dasharray:4 3}.radar .handle{fill:var(--accent);stroke:#fff;stroke-width:1.5px;cursor:grab}.radar .handle.edited{fill:var(--warn)}.radar .handle:active{cursor:grabbing}.radar .radar-tip{fill:#fff;paint-order:stroke;stroke:#000;stroke-width:3px;pointer-events:none;font-size:11px}.book-top{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;max-width:1100px;display:grid}.viewer{border:1px solid var(--border);background:radial-gradient(circle at 50% 40%,#2a3040,#15171d);border-radius:8px;position:relative;overflow:hidden}.viewer canvas{cursor:grab;touch-action:none;width:100%;height:300px;display:block}.viewer canvas:active{cursor:grabbing}.viewer-note{pointer-events:none;position:absolute;top:6px;left:8px}.viewer-bar{gap:4px;display:flex;position:absolute;bottom:6px;right:6px}.viewer-anim{align-items:center;gap:4px;display:none;position:absolute;top:6px;right:6px}.viewer.animated .viewer-anim{display:flex}.viewer-anim select{max-width:210px}.viewer-anim input[type=range]{width:110px}.viewer-frame{color:var(--muted);font-variant-numeric:tabular-nums;min-width:5.5em}.photo-cell{width:40px;padding:1px 2px!important}.photo{background:#0d0f13;border-radius:4px;width:36px;height:36px;display:block}.photo img{width:36px;height:36px;display:block}@media (max-width:1100px){.book-top{grid-template-columns:1fr}}.viewer-picture{object-fit:contain;width:100%;height:300px;image-rendering:pixelated;display:none}.viewer.picture canvas{display:none}.viewer.picture .viewer-picture{display:block}.group-slots select{max-width:120px}.group-photos{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.monster-pick{text-align:left;align-items:center;gap:6px;padding:2px 8px 2px 2px;display:flex}.monster-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;padding:6px;display:grid}.monster-cell{flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-size:12px;display:flex}.monster-cell.current{background:#2d4a7a}.photo.photo-lg,.photo.photo-lg img{width:64px;height:64px}.group-slots .num-input{width:56px}.group-cols{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));max-width:1100px}.edited-mark{color:var(--warn)}.shop-items{width:auto;min-width:420px}.shop-items tr.hit{background:var(--panel2)}.shop-items tr.edited-row td:nth-child(3){box-shadow:inset 2px 0 var(--warn)}.shop-ops{white-space:nowrap}.shop-ops button{padding:0 5px}.shop-items.editable tr[draggable=true]{cursor:grab}.shop-items .drag-handle{color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none;width:1em}.shop-items tr.dragging{opacity:.4}.shop-items tr.drop-before td{box-shadow:inset 0 2px var(--accent)}.shop-items tr.drop-after td{box-shadow:inset 0 -2px var(--accent)}.monster-cell.sold{opacity:.4}.mono{font-family:ui-monospace,monospace}.action-fields td:first-child{white-space:pre}.action-raw{max-width:720px}.action-raw tr.known td{color:var(--accent)}.action-raw .mono{font-family:ui-monospace,monospace}.desc-table{max-width:720px;font-size:13px}.desc-table th{vertical-align:top;white-space:nowrap;width:7em;padding:4px 8px 4px 0}.desc-table td{border-bottom:1px solid var(--border);padding:4px 0}.item-fields .stat .num-input{width:90px}input.edited{border-color:var(--warn)}.msg-edit{margin:4px 0 8px}.msg-edit textarea.msg-text{resize:vertical;font-family:inherit;font-size:13px;line-height:1.5}.msg-edit b.edited,.book-table b.edited{color:var(--warn)}.msg-slot{margin:8px 0}.msg-slot-head{color:var(--muted);font-size:12px}.book-table td.msg-cell{text-overflow:ellipsis;white-space:nowrap;max-width:28em;overflow:hidden}.msg-preview{background:var(--panel2);border-radius:4px;margin-top:2px;padding:6px 8px;font-size:14px;line-height:2}.msg-preview rt{color:var(--muted);font-size:9px}.msg-kind{color:var(--muted);border:1px solid var(--border);vertical-align:middle;border-radius:3px;margin-right:6px;padding:0 4px;font-size:10px}.msg-ph{color:#e0b050;border-bottom:1px dotted}.msg-ph:before{content:"〈"}.msg-ph:after{content:"〉"}.msg-ref{color:#7fb4ff;border-bottom:1px dotted;text-decoration:none}.msg-ref .msg-render{color:inherit}.msg-ctl{color:var(--muted);border:1px solid var(--border);vertical-align:middle;border-radius:3px;padding:0 2px;font-size:9px}.msg-page{color:var(--muted);margin-left:2px;font-size:11px}.msg-page-rule{border:0;border-top:1px dashed var(--border);margin:4px 0}.msg-dot{color:#999}