:root{--dcc-bg: #0a0a0a;--dcc-surface: #1a1a1a;--dcc-surface-alt: #141414;--dcc-border: #2a2a2a;--dcc-text: #e0e0e0;--dcc-text-dim: #888888;--dcc-accent: #ffd700;--dcc-danger: #ff4444;--dcc-health: #44ff44;--dcc-magic: #9944ff;--dcc-info: #22d3ee;--dcc-warning: #ff9900;--loot-bronze: #cd7f32;--loot-silver: #c0c0c0;--loot-gold: #ffd700;--loot-platinum: #e5e4e2;--loot-celestial: #88ccff;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-body: "IBM Plex Sans", system-ui, sans-serif;--text-xs: 10px;--text-sm: 11px;--text-base: 13px;--text-lg: 15px;--text-xl: 18px;--text-2xl: 22px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--panel-bg: rgba(12, 12, 12, .92);--panel-border: rgba(255, 215, 0, .06);--panel-shadow: 0 4px 32px rgba(0, 0, 0, .5);--panel-highlight: inset 0 1px 0 rgba(255, 255, 255, .02);--section-bg: rgba(255, 255, 255, .015);--section-border: rgba(255, 255, 255, .04);--dcc-font-mono: var(--font-mono);--ow-cyan-primary: #ffd700;--ow-cyan-light: #ffe44d;--ow-cyan-dark: #ccac00;--ow-cyan-glow: rgba(255, 215, 0, .4);--ow-cyan-glow-strong: rgba(255, 215, 0, .6);--ow-bg-primary: #0a0a0a;--ow-bg-secondary: #141414;--ow-bg-tertiary: #1a1a1a;--ow-text-primary: #e0e0e0;--ow-text-secondary: #aaaaaa;--ow-text-tertiary: #888888;--ow-border: rgba(255, 215, 0, .3);--ow-border-hover: rgba(255, 215, 0, .5);--ow-border-subtle: #2a2a2a;--ow-glow-subtle: 0 0 8px rgba(255, 215, 0, .15);--ow-glow-medium: 0 0 12px rgba(255, 215, 0, .25);--ow-glow-strong: 0 0 20px rgba(255, 215, 0, .4);--ow-glow-inset: inset 0 0 10px rgba(255, 215, 0, .1);--ow-glow-inset-strong: inset 0 0 15px rgba(255, 215, 0, .2);--ow-text-glow-subtle: 0 0 10px rgba(255, 215, 0, .2);--ow-text-glow-medium: 0 0 20px rgba(255, 215, 0, .4);--ow-text-glow-strong: 0 0 30px rgba(255, 215, 0, .6);--ow-radius-sm: 0px;--ow-radius-md: 0px;--ow-radius-lg: 0px;--ow-radius-xl: 0px;--ow-radius-full: 0px}body{background:var(--dcc-bg);color:var(--dcc-text);font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);color:var(--dcc-accent);text-transform:uppercase;letter-spacing:.1em}a{color:var(--dcc-accent)}a:hover{color:#ffe44d}button{text-transform:none!important}.ow-btn-primary,.btn-primary{border-color:var(--dcc-accent);color:var(--dcc-accent);background:transparent;font-family:var(--font-mono)}.ow-btn-primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:#ffd7001a;border-color:#ffe44d;color:#ffe44d}.ow-btn-secondary,.btn-secondary{font-family:var(--font-mono)}.ow-card{background:var(--dcc-surface);border:1px solid var(--dcc-border)}.ow-card:hover{border-color:#ffd70033}input,textarea,select,.ow-input{background:var(--dcc-surface-alt);border:1px solid var(--dcc-border);color:var(--dcc-text);font-family:var(--font-body)}input:focus,textarea:focus,select:focus,.ow-input:focus{border-color:var(--dcc-accent);box-shadow:0 0 0 2px #ffd70026}.ow-modal{background:var(--dcc-surface);border:1px solid var(--dcc-border)}.material-icons,.material-symbols-outlined{color:var(--dcc-accent)}.ev-login input{border-color:var(--dcc-border)}.ev-login input:focus{border-color:var(--dcc-accent)}.ll-moppetopia-btn{background:#ffd7000a;border:1px solid rgba(255,215,0,.15)}.ll-moppetopia-btn:hover{background:#ffd70014;border-color:#ffd7004d;box-shadow:0 0 20px #ffd7000f}.ll-moppetopia-title{color:var(--dcc-accent)}.ll-help-icon:hover{border-color:var(--dcc-accent);color:var(--dcc-accent)}.ev-loading{color:var(--dcc-text-dim)}.ev-loading-spinner{border-color:var(--dcc-border);border-top-color:var(--dcc-accent)}.ev-header{background:var(--dcc-surface-alt);border-bottom:1px solid var(--dcc-border)}.ev-header-title{font-family:var(--font-mono);color:var(--dcc-accent);text-transform:uppercase;letter-spacing:.1em;font-size:var(--ow-text-sm)}.ev-header-count{font-family:var(--font-mono);color:var(--dcc-text-dim)}.ev-search-input{background:var(--dcc-surface)!important;border:1px solid var(--dcc-border)!important}.ev-search-input:focus{border-color:var(--dcc-accent)!important;box-shadow:0 0 0 2px #ffd70026!important}.ev-sort-toggle{background:var(--dcc-surface);border:1px solid var(--dcc-border)}.ev-sort-btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.ev-sort-btn.active{color:var(--dcc-accent);background:#ffd70014;border-color:#ffd70026}.ev-filter-pill{font-family:var(--font-mono);text-transform:uppercase!important;letter-spacing:.05em;font-size:11px;border:1px solid var(--dcc-border)}.ev-filter-pill:hover{border-color:#ffffff26}.ev-filter-pill.active{color:var(--dcc-accent);border-color:var(--dcc-accent);border-width:1px;background:#ffd7000f}.ev-card{background:var(--dcc-surface);border:1px solid var(--dcc-border)}.ev-card:hover{border-color:#ffffff1f;background:color-mix(in srgb,var(--card-color) 6%,var(--dcc-surface));transform:translateY(-1px)}.ev-card-name{color:var(--dcc-text)}.ev-card-type{text-transform:uppercase!important;font-family:var(--font-mono);letter-spacing:.05em;font-size:10px}.ev-detail-name{color:var(--dcc-accent);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.ev-detail-type{font-family:var(--font-mono);text-transform:uppercase!important;letter-spacing:.05em}.ev-detail-image{border:1px solid var(--dcc-border)}.ev-fields-title{font-family:var(--font-mono);color:var(--dcc-accent);text-transform:uppercase;letter-spacing:.1em}.ev-field-label{font-family:var(--font-mono);text-transform:uppercase!important;letter-spacing:.03em}.ev-edit-input,.ev-edit-textarea{border-bottom-color:var(--dcc-accent)}.ev-edit-save:hover{color:var(--dcc-accent);border-color:var(--dcc-accent)}.ev-chip{font-family:var(--font-mono);text-transform:uppercase!important;letter-spacing:.03em;font-size:11px}.ev-graph-container{background:var(--dcc-surface-alt);border:1px solid var(--dcc-border)}.ev-graph-title{font-family:var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.1em}.ev-graph-overflow:hover{color:var(--dcc-accent)}.ev-view-toggle.active{color:var(--dcc-accent);background:#ffd70014;border-color:#ffd70026}.tl-bar-wrapper{background:var(--dcc-surface-alt);border:1px solid var(--dcc-border)}.tl-bar-toggle-bar{border-bottom:1px solid var(--dcc-border)}.tl-bar-tooltip{background:#0a0a0af2;border:1px solid var(--dcc-border)}.ll-help-icon[data-tooltip]:after{background:var(--dcc-surface);border:1px solid var(--dcc-border)}*:focus-visible{outline:2px solid var(--dcc-accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--dcc-bg)}::-webkit-scrollbar-thumb{background:var(--dcc-border)}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}*{scrollbar-width:thin;scrollbar-color:var(--dcc-border) var(--dcc-bg)}.ev-web-group-label{position:absolute;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;pointer-events:none;transform:translate(-50%);white-space:nowrap}.dcc-shell{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23noise)' opacity='0.015'/%3E%3C/svg%3E") repeat,radial-gradient(ellipse at 50% 45%,#111,#090909 60%,#050505);background-size:256px 256px,100% 100%}.dcc-panel{background:var(--panel-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow),var(--panel-highlight)}.dcc-panel-solid{background:#0c0c0cf7;border:1px solid var(--panel-border);box-shadow:var(--panel-shadow),var(--panel-highlight)}.dcc-section{background:var(--section-bg);border:1px solid var(--section-border);box-shadow:inset 0 1px #ffffff03}.dcc-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.08),transparent);margin:var(--space-md) 0}.dcc-divider-gold{height:1px;background:linear-gradient(90deg,rgba(255,215,0,.3),rgba(255,215,0,.08),transparent)}.dcc-shell{display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr 35vw;grid-template-areas:"topbar    topbar" "catnav    catnav" "viewport  graph" "bottombar bottombar";height:100vh;overflow:hidden}.dcc-top-bar{grid-area:topbar;display:flex;align-items:center;gap:var(--space-lg);padding:0 var(--space-lg);height:48px;border-bottom:1px solid rgba(255,215,0,.08);background:var(--panel-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dcc-topbar-title{font:700 var(--text-lg)/1 var(--font-mono);color:var(--dcc-accent);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0}.dcc-topbar-title:before{content:"◆";margin-right:var(--space-sm);font-size:var(--text-sm)}.dcc-topbar-search{flex:0 1 200px;position:relative}.dcc-topbar-search input{width:100%;height:28px!important;min-height:28px!important;padding:0 var(--space-sm) 0 28px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:0!important;color:var(--dcc-text);font:400 var(--text-sm)/28px var(--font-mono)!important;text-transform:none!important;transition:border-color .15s ease,background .15s ease}.dcc-topbar-search input::placeholder{color:#8889;font-family:var(--font-mono)}.dcc-topbar-search input:hover{border-color:#ffffff1a;background:#ffffff0a}.dcc-topbar-search input:focus{outline:none!important;border-color:#ffd7004d!important;background:#ffffff0d!important;box-shadow:none!important}.dcc-topbar-search .search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:14px;color:#88888880;pointer-events:none}.dcc-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:360px;max-height:400px;overflow-y:auto;background:#0c0c0cf7;border:1px solid var(--dcc-border);box-shadow:0 8px 32px #0009;z-index:100}.dcc-search-result{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;transition:background .1s ease}.dcc-search-result:hover,.dcc-search-result.active{background:#ffd7000f}.dcc-search-result-name{font:400 var(--text-sm)/1.2 var(--font-mono);color:var(--dcc-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcc-search-result-type{font:400 9px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-left:auto;opacity:.6}.dcc-search-empty{padding:12px;text-align:center}.dcc-topbar-count{font:500 var(--text-sm)/1 var(--font-mono);color:var(--dcc-text-dim);white-space:nowrap;flex-shrink:0}.dcc-breadcrumbs{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:1;min-width:0;overflow:hidden}.crumb{background:none;border:none;padding:3px 6px;font:400 var(--text-xs)/1 var(--font-mono);color:var(--crumb-color, var(--dcc-text-dim));cursor:pointer;white-space:nowrap;opacity:.6;transition:opacity .1s,background .1s;text-transform:none!important}.crumb:hover{opacity:1;background:#ffffff0a}.crumb-current{opacity:1;cursor:default;color:var(--dcc-text);font-weight:500}.crumb-current:hover{background:none}.crumb-sep{color:#8888884d;font-size:11px;flex-shrink:0}.crumb-hidden-count{background:#ffd70014;border:1px solid rgba(255,215,0,.15)!important;border-radius:0!important;color:var(--dcc-accent);font:500 9px/1 var(--font-mono)!important;padding:2px 5px!important;min-height:0!important;cursor:pointer;flex-shrink:0;opacity:.7;transition:opacity .1s,background .1s;text-transform:none!important}.crumb-hidden-count:hover{opacity:1;background:#ffd7001f}.dcc-category-nav{grid-area:catnav;display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.04);background:var(--dcc-bg);padding:0 var(--space-lg);overflow-x:auto;scrollbar-width:none}.dcc-category-nav::-webkit-scrollbar{display:none}.dcc-category-tab{padding:var(--space-md) var(--space-lg);font:500 var(--text-sm)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--dcc-text-dim);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.dcc-category-tab:hover{color:var(--dcc-text)}.dcc-category-tab.active{color:var(--dcc-accent);border-bottom-color:var(--dcc-accent)}.dcc-viewport{grid-area:viewport;overflow-y:auto;overflow-x:hidden;padding:var(--space-lg);min-height:0}.dcc-viewport.viewport-char-active{overflow-y:hidden!important;display:flex!important;flex-direction:column!important}.dcc-graph-sidebar{grid-area:graph;border-left:1px solid rgba(255,255,255,.04);position:relative;overflow:hidden;resize:horizontal;direction:rtl;min-width:200px;max-width:50vw}.dcc-graph-sidebar>*{direction:ltr}.graph-loading{display:none;position:absolute;inset:0;z-index:5;align-items:center;justify-content:center;pointer-events:none}.graph-loading-dot{font:500 18px/1 var(--font-mono);color:#555;letter-spacing:4px;animation:graph-pulse 1s ease-in-out infinite}@keyframes graph-pulse{0%,to{opacity:.3}50%{opacity:.8}}.dcc-bottom-bar{grid-area:bottombar;padding:0;min-height:64px;border-top:1px solid rgba(255,215,0,.06);background:var(--panel-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dcc-bottom-bar-text{font:400 var(--text-sm)/1 var(--font-mono);color:var(--dcc-text-dim);letter-spacing:.04em}@media (max-width: 900px){.dcc-shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr 240px auto;grid-template-areas:"topbar" "catnav" "viewport" "graph" "bottombar"}.dcc-graph-sidebar{border-left:none;border-top:1px solid rgba(255,255,255,.04);resize:none;direction:ltr}.dcc-viewport{padding:var(--space-lg)}}@media (max-width: 600px){.dcc-topbar-title{overflow:hidden;text-overflow:ellipsis;max-width:120px;flex-shrink:1}.dcc-top-bar{gap:var(--space-sm);padding:0 var(--space-sm)}.dcc-topbar-search{flex:1 1 120px}.dcc-breadcrumbs,.dcc-topbar-count{display:none}.dcc-category-tab{padding:var(--space-sm) var(--space-md);font-size:10px}.dcc-category-nav{padding:0 var(--space-sm)}.dcc-viewport{padding:var(--space-sm)}}.dcc-count{cursor:pointer;transition:color .15s}.dcc-count:hover{color:var(--dcc-accent)!important}.dcc-leaderboard-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.dcc-leaderboard-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.dcc-leaderboard-panel{position:relative;background:#0a0a0af2;border:1px solid rgba(255,215,0,.2);padding:32px 40px;min-width:480px;max-width:600px;max-height:80vh;overflow-y:auto}.dcc-leaderboard-header{font:600 16px/1 var(--font-mono);color:var(--dcc-accent);letter-spacing:.12em;text-align:center;margin-bottom:4px}.dcc-leaderboard-subheader{font:400 10px/1 var(--font-mono);color:var(--dcc-text-dim);letter-spacing:.16em;text-align:center;margin-bottom:24px;opacity:.6}.dcc-leaderboard-list{display:flex;flex-direction:column;gap:2px}.dcc-leaderboard-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:none;border:none;color:var(--dcc-text);font:inherit;text-align:left;cursor:pointer;transition:background .12s;width:100%}.dcc-leaderboard-row:hover{background:#ffd7000a}.dcc-lb-rank{font:700 18px/1 var(--font-mono);color:var(--dcc-text-dim);min-width:28px;text-align:right;flex-shrink:0}.dcc-leaderboard-row:nth-child(1) .dcc-lb-rank{color:gold}.dcc-leaderboard-row:nth-child(2) .dcc-lb-rank{color:silver}.dcc-leaderboard-row:nth-child(3) .dcc-lb-rank{color:#cd7f32}.dcc-leaderboard-row:nth-child(n+4) .dcc-lb-rank{font-size:14px}.dcc-lb-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.dcc-lb-name{font:500 14px/1 var(--font-mono);color:var(--dcc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dcc-lb-class{font:400 10px/1 var(--font-mono);color:var(--dcc-text-dim);opacity:.6;letter-spacing:.04em}.dcc-lb-level{font:500 12px/1 var(--font-mono);color:var(--dcc-text-dim);flex-shrink:0}.dcc-lb-bounty{display:flex;align-items:center;gap:4px;font:600 13px/1 var(--font-mono);color:gold;flex-shrink:0;min-width:80px;justify-content:flex-end}.dcc-lb-diamond{font-size:10px;opacity:.7}@media (max-width: 600px){.dcc-leaderboard-panel{min-width:unset;width:calc(100vw - 32px);padding:24px 20px}}.viewport-list{display:flex;flex-direction:column;gap:1px}.viewport-list-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);margin-bottom:var(--space-md)}.viewport-list-header-title{font:600 var(--text-lg)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--dcc-text)}.viewport-list-header-count{font:400 var(--text-sm)/1 var(--font-mono);color:var(--dcc-text-dim)}.viewport-list-header-sort{font:400 var(--text-sm)/1 var(--font-mono);color:var(--dcc-text-dim);background:none;border:1px solid var(--dcc-border);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:border-color .15s ease,color .15s ease}.viewport-list-header-sort:hover{border-color:var(--dcc-text-dim);color:var(--dcc-text)}.list-sticky-header{position:sticky;top:calc(-1 * var(--space-lg));z-index:10;background:var(--dcc-bg);margin-top:calc(-1 * var(--space-lg));padding-top:var(--space-lg)}.list-controls-row{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-xs)}.list-sort-toggle{font:500 var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--dcc-text-dim);background:none;border:none;padding:4px 6px;cursor:pointer;transition:color .15s ease;white-space:nowrap;flex-shrink:0;margin-left:auto}.list-sort-toggle:hover{color:gold}.list-party-toggle{display:inline-flex;align-items:center;gap:4px;font:500 var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--dcc-text-dim);background:none;border:1px solid rgba(255,255,255,.06);padding:3px 8px;cursor:pointer;transition:color .15s,border-color .15s,background .15s;opacity:.5;white-space:nowrap;flex-shrink:0}.list-party-toggle:hover{opacity:.8;border-color:#8b5cf64d}.list-party-toggle.active{opacity:1;color:#8b5cf6;border-color:#8b5cf6;background:#8b5cf614}.list-party-toggle .material-symbols-outlined{font-size:14px}.list-party-toggle.active .material-symbols-outlined{color:#8b5cf6}.dcc-narrative-group-header{margin-top:12px;border-top:1px solid rgba(255,255,255,.04);padding-top:8px}.dcc-party-link{cursor:pointer;transition:opacity .15s}.dcc-party-link:hover{text-decoration:underline;opacity:.8}.list-type-filters{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.list-type-filter-btn{display:inline-flex;align-items:center;gap:2px;background:none;border:1px solid transparent;padding:2px 4px;cursor:pointer;border-radius:2px;transition:opacity .15s ease,border-color .15s ease;opacity:.3;position:relative}.list-type-filter-btn .material-symbols-outlined{font-size:18px;color:var(--dcc-text-dim)}.list-type-filter-btn .list-type-filter-count{font:500 9px/1 var(--font-mono);color:var(--dcc-text-dim);opacity:.7}.list-type-filter-btn.active{opacity:1;border-color:#ffffff14}.list-type-filter-btn.active .list-type-filter-count{color:var(--dcc-text);opacity:.8}.list-type-filter-btn:hover{border-color:#ffffff26;opacity:.85}.list-type-filter-btn.active:hover{opacity:1;border-color:#ffffff40}.list-supertype-filters{display:flex;flex-wrap:wrap;gap:4px;padding:2px 0 var(--space-xs);z-index:9;background:var(--dcc-bg);border-bottom:1px solid rgba(255,255,255,.04)}.list-supertype-chip{font:500 var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--dcc-text-dim);background:none;border:1px solid rgba(255,255,255,.06);padding:3px 8px;cursor:pointer;transition:color .15s,border-color .15s,background .15s;opacity:.5;white-space:nowrap}.list-supertype-chip:hover{opacity:.8;border-color:#ffffff26}.list-supertype-chip.active{opacity:1;color:var(--dcc-accent);border-color:var(--dcc-accent);background:#ffd7000a}.list-subtype-filters{display:flex;flex-wrap:wrap;gap:3px;padding:2px 0 var(--space-xs);z-index:8;background:var(--dcc-bg)}.list-subtype-chip{font:400 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.03em;color:var(--dcc-text-dim);background:none;border:1px solid rgba(255,255,255,.04);padding:2px 6px;cursor:pointer;opacity:.5;transition:all .1s ease}.list-subtype-chip:hover{opacity:.7;border-color:#ffffff1a}.list-subtype-chip.active{opacity:1;color:var(--dcc-accent);border-color:#ffd7004d;background:#ffd70008}.chapter-type-badges{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0;margin-right:4px}.chapter-type-badge{display:inline-flex;align-items:center;gap:1px;font:500 9px/1 var(--font-mono);color:var(--dcc-text-dim)}.chapter-day-badge{margin-left:4px;color:var(--dcc-text-dim);opacity:.7}.viewport-list-item{display:flex;padding:4px 12px;cursor:pointer;border:none;border-left:3px solid transparent;width:100%;text-align:left;background:none;color:var(--dcc-text);font:inherit;transition:background .12s ease}.viewport-list-item:hover{background:#ffffff0a}.viewport-list-item-row{display:flex;align-items:center;width:100%;min-width:0;gap:8px}.viewport-list-item-left{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.viewport-list-item-name{font:500 var(--text-sm)/1 var(--font-mono);color:var(--dcc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.viewport-list-item-type{font:400 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);opacity:.6;white-space:nowrap;flex-shrink:0}.viewport-list-item-stats{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.viewport-list-item-stat{font:400 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);opacity:.5;white-space:nowrap}.list-item-system,.list-item-eye{display:flex;align-items:center;justify-content:center;width:20px;min-width:20px;height:20px;flex-shrink:0;background:none;border:none;padding:0}.list-item-system .material-symbols-outlined{font-size:14px;color:#555;transition:color .15s}.list-item-system:hover .material-symbols-outlined,.viewport-list-item:hover .list-item-system .material-symbols-outlined{color:#d946ef}.list-item-eye .material-symbols-outlined{font-size:14px;color:#3a3a3a;transition:color .15s}.list-item-eye:hover .material-symbols-outlined{color:#22d3ee}.viewport-list-item:hover .list-item-eye .material-symbols-outlined{color:#666}.dcc-system-tooltip{display:none;position:fixed;z-index:9999;max-width:380px;max-height:80vh;overflow-y:auto;padding:10px 14px;background:#140519f2;border:1px solid rgba(217,70,239,.4);border-left:3px solid #d946ef;backdrop-filter:blur(8px);font:400 12px/1.5 var(--font-mono);color:#e8b4f0;pointer-events:none;white-space:pre-line}.viewport-list-item.unmapped{opacity:.35}.viewport-list-item.deceased{opacity:.6}.viewport-detail{display:flex;flex-direction:column;gap:var(--space-xl);max-width:800px}.viewport-detail-back{font:400 var(--text-sm)/1 var(--font-mono);color:var(--dcc-text-dim);background:none;border:none;cursor:pointer;padding:var(--space-xs) 0;transition:color .15s ease;align-self:flex-start}.viewport-detail-back:hover{color:var(--dcc-accent)}.viewport-detail-back:before{content:"◀";margin-right:var(--space-sm);font-size:var(--text-xs)}.char-view{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl);width:100%}.char-left,.char-center{display:flex;flex-direction:column;gap:var(--space-xl);min-width:0}.char-dossier{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--section-bg);border:1px solid var(--section-border)}.char-header{display:flex;flex-direction:column;gap:var(--space-xs)}.char-header-name{font:700 var(--text-xl)/1.2 var(--font-mono);color:var(--dcc-accent);letter-spacing:.02em}.char-header-level{font:600 var(--text-lg)/1 var(--font-mono);color:var(--dcc-text-dim)}.char-header-subtitle{font:400 var(--text-base)/1.4 var(--font-body);color:var(--dcc-text-dim)}.char-identity-name-row{display:flex;align-items:baseline;gap:12px}.char-identity-right{display:flex;align-items:baseline;gap:10px;margin-left:auto;flex-shrink:0}.char-identity-level{font:600 14px/1 var(--font-mono);color:var(--dcc-text-dim)}.char-bounty-badge{display:inline-flex;align-items:center;gap:4px;font:600 11px/1 var(--font-mono);color:gold;letter-spacing:.04em;white-space:nowrap}.char-bounty-diamond{font-size:9px;opacity:.8}.char-identity-info-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.char-identity-counters{display:flex;align-items:center;gap:10px;font:500 12px/1 var(--font-mono)}.char-counter{white-space:nowrap}.char-stats-inline{display:grid;grid-template-columns:repeat(3,auto);gap:2px 12px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.4;width:fit-content}.char-stat-pair{white-space:nowrap;position:relative;cursor:default}.dcc-tip{display:none;position:absolute;bottom:calc(100% + 6px);left:0;padding:4px 8px;background:#0a0a0af2;border:1px solid rgba(255,255,255,.08);border-left:2px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);font:400 10px/1.4 var(--font-mono);color:#e0e0e0cc;white-space:nowrap;pointer-events:none;z-index:100}.dcc-tip.tip-cyan{border-left-color:#22d3ee;color:#b4e6f0e6}.dcc-tip.tip-gold{border-left-color:#ffd70080;color:#ffe6a0e6}.dcc-tip.tip-right{left:auto;right:0}.dcc-tip.tip-center{left:50%;transform:translate(-50%)}:hover>.dcc-tip{display:block}.char-stat-label{color:var(--dcc-text-dim);font-weight:500;letter-spacing:.04em}.char-stat-val{color:var(--dcc-text);font-weight:600}.char-stat-sep{color:var(--dcc-text-dim);opacity:.4}.char-equip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.char-equip-slot{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--section-bg);border:1px solid var(--section-border);min-height:60px}.char-equip-slot-label{font:500 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.1em;padding-bottom:var(--space-xs);border-bottom:1px solid var(--section-border)}.char-equip-slot-items{display:flex;flex-direction:column;gap:2px}.char-equip-slot-empty{font:300 var(--text-xs)/1 var(--font-body);color:var(--dcc-text-dim);opacity:.4;font-style:italic;padding-top:var(--space-xs)}.char-equip-weapon{margin-top:var(--space-sm)}.char-carried,.char-carried-items-area{display:flex;flex-direction:column;gap:var(--space-md)}.char-carried-group{display:flex;flex-direction:column;gap:var(--space-xs)}.char-carried-group-label{font:500 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.08em;padding-bottom:2px;border-bottom:1px solid var(--section-border)}.char-carried-items{display:flex;flex-wrap:wrap;gap:4px}.char-former-panel{display:flex;flex-direction:column;gap:var(--space-sm)}.char-former-panel .dcc-inventory-group{gap:var(--space-xs)}@media (max-width: 700px){.char-view{grid-template-columns:1fr}}.creature-view{display:flex;flex-direction:column;gap:32px;max-width:800px}.creature-header{padding:var(--space-lg);background:var(--section-bg);border:1px solid var(--section-border)}.creature-header-tier{font:600 var(--text-sm)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--dcc-danger);margin-bottom:var(--space-sm)}.creature-identity{display:flex;flex-direction:column;gap:var(--space-md)}.creature-identity-name{font:700 var(--text-xl)/1.2 var(--font-mono);color:var(--dcc-text);letter-spacing:.02em}.creature-identity-stats{display:flex;gap:var(--space-lg);font:500 var(--text-base)/1 var(--font-mono);color:var(--dcc-text-dim)}.creature-identity-stats span{white-space:nowrap}.creature-taxonomy{font:400 var(--text-base)/1.4 var(--font-body);color:var(--dcc-text-dim)}.creature-description{font:300 var(--text-base)/1.6 var(--font-body);color:var(--dcc-text);font-style:italic;padding:var(--space-lg);background:var(--section-bg);border:1px solid var(--section-border)}.creature-events,.creature-connections{display:flex;flex-direction:column;gap:var(--space-sm)}.object-view{display:flex;flex-direction:column;gap:32px;max-width:800px}.object-tier{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:1px solid;font:600 var(--text-sm)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.object-identity{display:flex;flex-direction:column;gap:var(--space-xs)}.object-identity-name{font:700 var(--text-xl)/1.2 var(--font-mono);color:var(--dcc-text);letter-spacing:.02em}.object-identity-subtitle{font:400 var(--text-base)/1.4 var(--font-body);color:var(--dcc-text-dim)}.object-description{font:300 var(--text-base)/1.6 var(--font-body);color:var(--dcc-text);font-style:italic;padding:var(--space-lg);background:var(--section-bg);border:1px solid var(--section-border)}.object-provenance{display:flex;flex-direction:column;gap:var(--space-sm)}.object-provenance-entry{display:flex;align-items:center;gap:var(--space-sm);font:400 var(--text-base)/1.4 var(--font-body);color:var(--dcc-text)}.object-provenance-day{font:500 var(--text-sm)/1 var(--font-mono);color:var(--dcc-text-dim);flex-shrink:0;min-width:48px}.object-abilities,.object-connections{display:flex;flex-direction:column;gap:var(--space-sm)}.collective-view{display:flex;flex-direction:column;max-width:800px}.party-roster{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-sm)}.party-member-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;background:var(--section-bg);border:1px solid var(--section-border);cursor:pointer;transition:border-color .15s,background .15s;min-width:120px;min-height:140px;flex:1;max-width:200px}.party-member-card:hover{border-color:#ffd7004d;background:#ffffff08}.party-member-name{font:600 14px/1.2 var(--font-mono);text-align:center;text-transform:uppercase;letter-spacing:.04em}.party-member-class{font:400 9px/1.2 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.04em;text-align:center;max-width:140px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.party-member-level{font:700 16px/1 var(--font-mono);color:var(--dcc-text);margin-top:4px}.party-member-stats{display:flex;gap:6px;margin-top:6px}.party-stat-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.party-stat-label{font:500 8px/1 var(--font-mono);color:var(--dcc-text-dim);letter-spacing:.06em}.party-stat-val{font:600 12px/1 var(--font-mono);color:var(--dcc-text)}.location-view{display:flex;flex-direction:column;gap:32px;max-width:800px}.location-breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font:500 var(--text-sm)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--dcc-text-dim);flex-wrap:wrap}.location-breadcrumb-item{background:none;border:none;font:inherit;color:inherit;cursor:pointer;padding:0;transition:color .15s ease}.location-breadcrumb-item:hover{color:var(--dcc-accent)}.location-breadcrumb-separator{color:var(--dcc-text-dim);opacity:.4}.location-breadcrumb-current{font:700 var(--text-xl)/1.2 var(--font-mono);color:var(--dcc-text);letter-spacing:.02em;text-transform:uppercase}.location-children{display:flex;flex-direction:column;gap:2px}.location-child-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;font:400 var(--text-base)/1.4 var(--font-body);color:var(--dcc-text);transition:background .15s ease}.location-child-item:hover{background:#ffffff08}.location-child-item:before{content:"├─";font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dcc-text-dim);opacity:.4}.location-child-item:last-child:before{content:"└─"}.location-child-type{font:400 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.06em;margin-left:auto}.location-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.location-fields{display:flex;flex-direction:column;gap:var(--space-xs)}@media (max-width: 600px){.location-details{grid-template-columns:1fr}}.chapter-view{display:flex;flex-direction:column;gap:32px;max-width:800px}.chapter-header{display:flex;flex-direction:column;gap:var(--space-xs)}.chapter-header-number{font:600 var(--text-sm)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--dcc-text-dim)}.chapter-header-title{font:700 var(--text-xl)/1.2 var(--font-mono);color:var(--dcc-accent);letter-spacing:.02em}.chapter-header-day{font:400 var(--text-base)/1 var(--font-mono);color:var(--dcc-text-dim)}.chapter-summary{font:300 var(--text-base)/1.6 var(--font-body);color:var(--dcc-text);font-style:italic;padding:var(--space-lg);background:var(--section-bg);border:1px solid var(--section-border)}.chapter-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.chapter-consequences{font:400 var(--text-base)/1.6 var(--font-body);color:var(--dcc-text);padding:var(--space-lg);background:var(--section-bg);border:1px solid var(--section-border)}@media (max-width: 600px){.chapter-content{grid-template-columns:1fr}}.story-view{display:flex;flex-direction:column;gap:16px;max-width:680px}.story-subtype{font:500 10px/1 var(--font-mono);letter-spacing:.16em;color:var(--dcc-text-dim);opacity:.6}.story-title{font:300 26px/1.3 var(--font-body);color:var(--dcc-text);letter-spacing:.01em}.story-narrator{font:400 13px/1 var(--font-mono);color:var(--dcc-text-dim);display:flex;align-items:center;gap:4px}.story-context{font:400 13px/1.6 var(--font-body);color:var(--dcc-text-dim);opacity:.7;padding:12px 16px;border-left:2px solid rgba(255,255,255,.06)}.story-text-panel{padding:24px 28px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);margin-top:8px}.story-text{font:300 14.5px/1.9 var(--font-body);color:#e0e0e0e0;letter-spacing:.005em}.story-text p{margin:0 0 16px}.story-text p:last-child{margin-bottom:0}.story-links{margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.04)}.generic-view{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);max-width:800px}.generic-view-main,.generic-view-connections{display:flex;flex-direction:column;gap:var(--space-lg)}.generic-view-name{font:700 var(--text-xl)/1.2 var(--font-mono);color:var(--dcc-text);letter-spacing:.02em}.generic-view-subtitle{font:400 var(--text-base)/1.4 var(--font-body);color:var(--dcc-text-dim)}.generic-view-description{font:300 var(--text-base)/1.6 var(--font-body);color:var(--dcc-text)}@media (max-width: 600px){.generic-view{grid-template-columns:1fr}.viewport-detail{gap:var(--space-lg)}.char-header-name,.creature-identity-name,.object-identity-name,.location-breadcrumb-current,.chapter-header-title,.generic-view-name{font-size:var(--text-lg)}.viewport-list-item{padding:4px 8px}.viewport-list-item-name{font-size:10px}.viewport-list-item-stats{gap:4px}.viewport-list-item-stat{font-size:9px}.list-type-filter-btn{padding:4px 3px}.list-controls-row{flex-wrap:wrap}}.text-label{font:500 var(--text-sm)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dcc-text-dim)}.text-heading{font:600 var(--text-lg)/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--dcc-text)}.text-title{font:700 var(--text-xl)/1.2 var(--font-mono);letter-spacing:.02em;color:var(--dcc-accent)}.text-body{font:400 var(--text-base)/1.5 var(--font-body);color:var(--dcc-text)}.dcc-desc-panel{padding:10px 14px;background:#ffffff04;border-left:2px solid rgba(255,255,255,.05)}.dcc-desc-text{font:300 13px/1.7 var(--font-body);color:#e0e0e0cc}.text-dim{font:300 var(--text-base)/1.5 var(--font-body);color:var(--dcc-text-dim)}.text-stat{font:600 var(--text-2xl)/1 var(--font-mono);color:var(--dcc-text)}.dcc-system-panel{margin-top:8px;margin-bottom:4px;background:#d946ef0f;border:1px solid rgba(217,70,239,.2);border-left:3px solid #d946ef;padding:10px 12px}.dcc-system-panel+.dcc-section-title{margin-top:8px}.dcc-system-body{font:400 var(--text-sm)/1.65 var(--font-mono);color:#e8b4f0;white-space:pre-line}.dcc-section-title{font:500 var(--text-sm)/1 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.1em;padding-bottom:var(--space-sm);border-bottom:1px solid var(--section-border);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.dcc-section-title:first-child{margin-top:0}.dcc-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.dcc-stat-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm);background:var(--section-bg);border:1px solid var(--section-border)}.dcc-stat-cell-label,.dcc-stat-label{font:500 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.1em}.dcc-stat-cell-value,.dcc-stat-value{font:600 var(--text-2xl)/1 var(--font-mono);color:var(--dcc-text)}.dcc-stat-summary{display:flex;justify-content:center;gap:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--section-border);font:500 var(--text-base)/1 var(--font-mono);color:var(--dcc-text-dim)}.dcc-stat-summary-value{color:var(--dcc-text)}.dcc-stat-block{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--section-bg);border:1px solid var(--section-border);font-family:var(--font-mono)}.dcc-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font:500 var(--text-sm)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.03em;border:1px solid;background:transparent;cursor:pointer;transition:background .15s ease,transform .15s ease}.dcc-chip:hover{background:#ffffff0d;transform:translateY(-1px)}.dcc-chip:disabled{opacity:.4;cursor:default;transform:none}.dcc-chip .material-symbols-outlined,.dcc-chip .material-icons{font-size:14px}.dcc-chip.in-trail{box-shadow:0 0 8px #ffd70059,inset 0 0 12px #ffd70014;border-color:#ffd70073!important;background:#ffd70012;position:relative}.dcc-chip.in-trail:before{content:"◀";font-size:7px;margin-right:2px;color:#ffd70099}.viewport-list-item.in-trail{box-shadow:inset 3px 0 0 var(--dcc-accent),0 0 12px #ffd7001a;background:#ffd7000a}.dcc-chip-compact.in-trail{box-shadow:0 0 6px #ffd7004d;border-color:#ffd70066!important;background:#ffd7000f}.dcc-chip-reverse{border-style:dashed;opacity:.7}.dcc-chip-reverse:hover{opacity:1}.dcc-chip-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.dcc-chip-group-label{font:500 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.08em;width:100%;margin-bottom:var(--space-xs)}.dcc-chip-compact{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;font:500 var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.02em;border:1px solid;background:transparent;cursor:pointer;transition:background .15s ease}.dcc-chip-compact:hover{background:#ffffff0d}.dcc-chip-compact:disabled{opacity:.4;cursor:default}.dcc-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);font:600 var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--dcc-border);color:var(--dcc-text-dim)}.dcc-badge-boss{color:var(--dcc-danger);border-color:var(--dcc-danger);background:#ff44440f}.dcc-badge-loot-bronze{color:var(--loot-bronze);border-color:var(--loot-bronze);background:#cd7f320f}.dcc-badge-loot-silver{color:var(--loot-silver);border-color:var(--loot-silver);background:#c0c0c00f}.dcc-badge-loot-gold{color:var(--loot-gold);border-color:var(--loot-gold);background:#ffd7000f}.dcc-badge-loot-platinum{color:var(--loot-platinum);border-color:var(--loot-platinum);background:#e5e4e20f}.dcc-badge-loot-celestial{color:var(--loot-celestial);border-color:var(--loot-celestial);background:#88ccff0f}.dcc-badge-type{border-color:currentColor;background:transparent}.dcc-inventory-slot{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font:400 var(--text-sm)/1.2 var(--font-body);color:var(--dcc-text);border:1px solid var(--dcc-border);background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease}.dcc-inventory-slot:hover{background:#ffffff0a;border-color:#ffffff1a}.dcc-inventory-slot-amount{font:400 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim)}.dcc-inventory-group{display:flex;flex-direction:column;gap:var(--space-sm)}.dcc-inventory-group-label{font:500 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.08em}.dcc-inventory-items{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.dcc-field-row{display:flex;gap:var(--space-sm);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.02)}.dcc-field-label{font:500 var(--text-sm)/1.4 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.03em;min-width:90px;flex-shrink:0}.dcc-field-value{font:400 var(--text-base)/1.4 var(--font-body);color:var(--dcc-text);word-break:break-word}.dcc-fields{display:flex;flex-direction:column;gap:2px}.dcc-progress-bar{display:flex;align-items:center;gap:var(--space-sm)}.dcc-progress-bar-track{flex:1;height:6px;background:#ffffff0a;overflow:hidden}.dcc-progress-bar-fill{height:100%;transition:width .3s ease}.dcc-progress-bar-label{font:500 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);min-width:36px;text-align:right}.dcc-event-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;cursor:pointer;transition:background .15s ease;border-bottom:1px solid rgba(255,255,255,.02)}.dcc-event-item:hover{background:#ffffff05}.dcc-event-item:last-child{border-bottom:none}.dcc-event-day{font:500 var(--text-sm)/1 var(--font-mono);color:var(--dcc-text-dim);min-width:48px;flex-shrink:0}.dcc-event-name{font:400 13px/1.2 var(--font-body);color:#e0e0e099;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcc-event-subtype{font:500 var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding:2px var(--space-xs);border:1px solid;flex-shrink:0}.dcc-empty{display:flex;align-items:center;justify-content:center;color:var(--dcc-text-dim);font:300 var(--text-sm)/1 var(--font-body);padding:var(--space-lg);font-style:italic}.dcc-zone-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--dcc-text-dim);font:400 var(--text-sm)/1 var(--font-mono)}.dcc-connections{display:flex;flex-direction:column;gap:var(--space-sm)}.dcc-connection-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md)}.dcc-connection-group:first-child{margin-top:0}.dcc-connection-label{font:500 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.06em}.dcc-connection-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.dcc-relations{display:flex;flex-direction:column;gap:var(--space-xs)}.dcc-relation-item{display:flex;align-items:center;gap:var(--space-sm);padding:6px var(--space-sm);cursor:pointer;transition:background .15s ease;border:none;background:none;width:100%;text-align:left}.dcc-relation-item:hover{background:#ffffff0a}.dcc-relation-name{font:400 var(--text-base)/1.2 var(--font-body);color:var(--dcc-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcc-relation-type-label{font:400 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.06em}.dcc-identity{display:flex;flex-direction:column;gap:var(--space-sm)}.dcc-identity-image{width:100%;max-height:200px;object-fit:cover;object-position:top;border:1px solid var(--dcc-border)}.dcc-identity-name{font:600 var(--text-xl)/1.2 var(--font-mono);color:var(--dcc-text);letter-spacing:.02em}.dcc-identity-type{display:flex;align-items:center;gap:6px;font:400 var(--text-sm)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.dcc-identity-level{font:500 var(--text-base)/1 var(--font-mono);color:var(--dcc-accent)}.dcc-identity-desc{font:300 var(--text-base)/1.5 var(--font-body);color:var(--dcc-text-dim)}.dcc-equip-badge{font:600 var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding:2px var(--space-xs);border:1px solid}.dcc-equip-equipped{color:var(--dcc-accent);border-color:var(--dcc-accent)}.dcc-graph-sidebar{position:relative;overflow:hidden;background:var(--dcc-bg)}.dcc-graph-sidebar canvas{display:block;width:100%;height:100%}.dcc-graph-mode-tabs{display:flex;gap:2px;padding:6px 8px;background:transparent;border-bottom:1px solid rgba(255,255,255,.04);position:absolute;top:0;left:0;right:0;z-index:10}.dcc-graph-mode-tab{background:none;border:1px solid transparent;border-radius:4px;padding:4px 8px;cursor:pointer;color:var(--dcc-text-dim, #888);font-size:18px;line-height:1;transition:all .15s ease}.dcc-graph-mode-tab:hover{color:var(--dcc-text, #e0e0e0);background:#ffffff0d}.dcc-graph-mode-tab.active{color:var(--dcc-accent, #ffd700);border-color:#ffd70033;background:#ffd7000d}.dcc-graph-mode-tab.disabled{opacity:.3;cursor:default;pointer-events:none}.dcc-graph-label-toggle{position:absolute;top:8px;right:8px;z-index:11;background:#0009;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:4px;cursor:pointer;color:var(--dcc-text-dim, #666);font-size:20px;line-height:1;transition:all .15s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dcc-graph-label-toggle:hover{color:var(--dcc-text, #e0e0e0);background:#ffffff0d;border-color:#ffffff1f}.dcc-graph-label-toggle.active{color:var(--dcc-accent, #ffd700);border-color:#ffd70033}.dcc-graph-label-toggle .material-symbols-outlined{font-size:20px;display:block}.dcc-graph-floor-toggle{right:40px}.dcc-graph-axis-toggle{right:72px}.ev-login input{border-color:#ffffff1a}.ev-login input:focus{border-color:var(--ow-cyan-primary)}.ll-moppetopia-showcase{margin-bottom:var(--ow-space-3)}.ll-moppetopia-btn{width:100%;display:flex;align-items:center;gap:var(--ow-space-2);padding:14px 16px;background:#22d3ee0a;border:1px solid rgba(34,211,238,.15);border-radius:var(--ow-radius-lg);cursor:pointer;transition:all .2s ease;text-align:left}.ll-moppetopia-btn:hover{background:#22d3ee14;border-color:#22d3ee4d;box-shadow:0 0 20px #22d3ee0f}.ll-moppetopia-text{display:flex;flex-direction:column;gap:2px;flex:1}.ll-moppetopia-title{font-size:var(--ow-text-sm);font-weight:var(--ow-font-medium);color:var(--ow-cyan-primary)}.ll-moppetopia-sub{font-size:11px;color:var(--ow-text-tertiary);line-height:1.4}.ll-divider{display:flex;align-items:center;gap:var(--ow-space-2);margin-bottom:var(--ow-space-3);color:var(--ow-text-tertiary);font-size:var(--ow-text-xs)}.ll-divider:before,.ll-divider:after{content:"";flex:1;height:1px;background:var(--ow-border-subtle)}.ll-divider span{white-space:nowrap}.ll-moppetopia-btn-v2{text-transform:none!important;gap:8px}.ll-help-icon{width:20px;height:20px;min-width:20px;border-radius:50%;border:1px solid rgba(255,255,255,.3);color:#ffffff80;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:help;transition:all .2s ease}.ll-help-icon:hover{border-color:var(--ow-cyan-primary);color:var(--ow-cyan-primary)}.ll-help-icon[data-tooltip]{position:relative}.ll-help-icon[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#000000e6;border:1px solid rgba(255,255,255,.15);color:#ffffffd9;font-size:11px;line-height:1.4;padding:8px 10px;border-radius:6px;width:220px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .1s ease,visibility .1s ease}.ll-help-icon[data-tooltip]:hover:after{opacity:1;visibility:visible}.ev-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--ow-space-2);color:var(--ow-text-secondary)}.ev-loading-spinner{width:32px;height:32px;border:3px solid var(--ow-border-subtle);border-top-color:var(--ow-cyan-primary);border-radius:50%;animation:ev-spin .8s linear infinite}@keyframes ev-spin{to{transform:rotate(360deg)}}.ev-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ow-space-2) var(--ow-space-4);border-bottom:1px solid var(--ow-border-subtle);background:#ffffff04}.ev-header-left{display:flex;align-items:center;gap:10px}.ev-header-logo{height:22px;width:auto;opacity:.6}.ev-header-title{font-size:var(--ow-text-lg);font-weight:var(--ow-font-semibold);text-transform:none}.ev-header-count{color:var(--ow-text-tertiary);font-size:var(--ow-text-xs)}.ev-logout-btn{background:none!important;border:none!important;color:var(--ow-text-tertiary)!important;font-size:var(--ow-text-xs)!important;padding:6px 10px!important;cursor:pointer;transition:color .15s ease}.ev-logout-btn:hover{color:var(--ow-text-secondary)!important}.ev-search-bar{display:flex;align-items:center;gap:var(--ow-space-2);padding:var(--ow-space-2) var(--ow-space-4);flex-wrap:wrap}.ev-search-wrap{flex:1;min-width:200px;position:relative}.ev-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ow-text-tertiary);font-size:20px;pointer-events:none}.ev-search-input{padding-left:40px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;min-height:40px!important;font-size:var(--ow-text-sm)!important}.ev-search-input:focus{border-color:var(--ow-cyan-primary)!important;box-shadow:0 0 0 2px #22d3ee26!important}.ev-sort-toggle{display:flex;gap:2px;background:#ffffff08;border-radius:var(--ow-radius-md);padding:2px;border:1px solid var(--ow-border-subtle)}.ev-sort-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-size:var(--ow-text-xs);color:var(--ow-text-tertiary);border:1px solid transparent;border-radius:calc(var(--ow-radius-md) - 2px);transition:all var(--ow-transition-quick)}.ev-sort-btn .material-icons{font-size:14px;color:inherit}.ev-sort-btn:hover{color:var(--ow-text-secondary)}.ev-sort-btn.active{color:var(--ow-cyan-primary);background:#22d3ee14;border-color:#22d3ee26}.ev-filter-bar{display:flex;gap:4px;padding:0 var(--ow-space-4) var(--ow-space-1);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scrollbar-color:rgba(255,255,255,.1) transparent}.ev-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:var(--ow-text-xs);color:var(--ow-text-secondary);border:1px solid var(--ow-border-subtle);border-radius:var(--ow-radius-full);white-space:nowrap;transition:all var(--ow-transition-quick);text-transform:none!important}.ev-filter-pill .material-symbols-outlined{font-size:14px}.ev-filter-pill:hover{border-color:#ffffff26;color:var(--ow-text-primary)}.ev-filter-pill.active{color:var(--ow-cyan-primary);border-color:#22d3ee66;border-width:2px;background:#22d3ee0f}.ev-pill-count{color:var(--ow-text-tertiary);font-size:11px}.ev-filter-compact-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--ow-radius-sm);color:var(--ow-text-tertiary);transition:all var(--ow-transition-quick)}.ev-filter-compact-toggle:hover{color:var(--ow-text-secondary);background:#ffffff0d}.ev-filter-pill.compact{padding:5px 8px;gap:4px}.ev-narrative-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:var(--ow-space-1) var(--ow-space-4);background:#f0921a0f;border:1px solid;border-radius:var(--ow-radius-md);font-size:var(--ow-text-xs)}.ev-narrative-indicator-name{color:var(--ow-text-primary);font-weight:var(--ow-font-medium);flex:1;text-transform:none!important}.ev-narrative-indicator-count{color:var(--ow-text-tertiary);font-size:10px}.ev-narrative-indicator-clear{display:flex;align-items:center;justify-content:center;color:var(--ow-text-tertiary);padding:2px;border-radius:var(--ow-radius-sm);transition:all var(--ow-transition-quick)}.ev-narrative-indicator-clear:hover{color:var(--ow-text-primary);background:#ffffff1a}.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ow-space-2);padding:var(--ow-space-2) var(--ow-space-4) var(--ow-space-4)}.ev-card{background:color-mix(in srgb,var(--card-color) 3%,var(--ow-bg-tertiary));border:1px solid var(--ow-border-subtle);border-left:3px solid color-mix(in srgb,var(--card-color) 40%,transparent);border-radius:var(--ow-radius-md);padding:var(--ow-space-2);cursor:pointer;transition:all var(--ow-transition-quick);display:flex;flex-direction:column;gap:4px}.ev-card:hover{border-color:#ffffff1a;background:color-mix(in srgb,var(--card-color) 6%,var(--ow-bg-tertiary));box-shadow:var(--ow-shadow-md);transform:translateY(-1px)}.ev-card:active{transform:scale(.99)}.ev-card-header{display:flex;align-items:center;gap:6px}.ev-card-icon{font-size:18px;flex-shrink:0}.ev-card-thumb{width:22px;height:22px;border-radius:var(--ow-radius-sm);object-fit:cover;flex-shrink:0}.ev-card-name{font-size:var(--ow-text-sm);font-weight:var(--ow-font-medium);color:var(--ow-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ev-card-links{font-size:11px;font-weight:var(--ow-font-semibold);flex-shrink:0;opacity:.7}.ev-card-type{font-size:11px;text-transform:none!important;opacity:.7}.ev-card-desc{font-size:var(--ow-text-xs);color:var(--ow-text-tertiary);line-height:var(--ow-leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ev-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--ow-space-2);padding:var(--ow-space-8) 0;color:var(--ow-text-tertiary)}.ev-detail{max-width:1400px;margin:0 auto;padding:0 var(--ow-space-4)}.ev-detail-topbar{display:flex;align-items:center;gap:var(--ow-space-2);padding:var(--ow-space-2) 0;border-bottom:1px solid var(--ow-border-subtle);margin-bottom:var(--ow-space-3);flex-wrap:wrap}.ev-detail-back{display:inline-flex;align-items:center;gap:4px;color:var(--ow-text-secondary);font-size:var(--ow-text-sm);padding:6px 10px;border-radius:var(--ow-radius-md);transition:all var(--ow-transition-quick);flex-shrink:0;text-transform:none!important}.ev-detail-back .material-icons{font-size:18px;color:inherit}.ev-detail-back:hover{color:var(--ow-text-primary);background:#ffffff0d}.ev-breadcrumb{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.ev-breadcrumb-item{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:var(--ow-text-xs);color:var(--ow-text-secondary);border-radius:var(--ow-radius-sm);transition:all var(--ow-transition-quick)}.ev-breadcrumb-item .material-symbols-outlined{font-size:14px}.ev-breadcrumb-item:not(:disabled):hover{color:var(--ow-text-primary);background:#ffffff0d}.ev-breadcrumb-item.current{color:var(--ow-text-primary);font-weight:var(--ow-font-medium)}.ev-breadcrumb-sep{color:var(--ow-text-tertiary);font-size:var(--ow-text-xs);padding:0 2px}.ev-detail-split{display:grid;grid-template-columns:1fr 460px;gap:var(--ow-space-4);align-items:start}@media (max-width: 900px){.ev-detail-split{grid-template-columns:1fr}}.ev-detail-content{display:flex;flex-direction:column;gap:var(--ow-space-3);padding-bottom:var(--ow-space-6)}.ev-detail-header{display:flex;align-items:center;gap:var(--ow-space-2)}.ev-detail-icon{font-size:36px}.ev-detail-title-wrap{display:flex;flex-direction:column}.ev-detail-name{font-size:var(--ow-text-2xl);font-weight:var(--ow-font-semibold);color:var(--ow-text-white)}.ev-detail-type{font-size:var(--ow-text-sm);text-transform:none!important}.ev-detail-image{max-width:280px;max-height:240px;object-fit:contain;object-position:top left;border-radius:var(--ow-radius-md);border:1px solid var(--ow-border-subtle)}.ev-detail-description{color:var(--ow-text-secondary);font-size:var(--ow-text-sm);line-height:var(--ow-leading-relaxed)}.ev-detail-description p{margin-bottom:.5em}.ev-editable{cursor:text;border-bottom:1px solid transparent;transition:border-color var(--ow-transition-quick)}.ev-editable:hover{border-bottom-color:var(--ow-border-subtle)}.ev-field-row:hover .ev-field-label{cursor:pointer;color:var(--ow-text-secondary)}.ev-field-empty{color:var(--ow-text-tertiary);font-style:italic}.ev-edit-input,.ev-edit-textarea{background:transparent;border:none;border-bottom:1px solid var(--ow-cyan-primary);color:var(--ow-text-primary);font-family:inherit;font-size:inherit;line-height:inherit;padding:2px 0;outline:none;resize:vertical;text-transform:none!important}.ev-edit-textarea{min-height:60px}.ev-edit-actions{display:flex;gap:4px;margin-top:4px}.ev-edit-save,.ev-edit-cancel{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--ow-radius-sm);border:1px solid var(--ow-border-subtle);color:var(--ow-text-secondary);transition:all var(--ow-transition-quick)}.ev-edit-save:hover{color:var(--ow-cyan-primary);border-color:var(--ow-cyan-primary)}.ev-edit-cancel:hover{color:var(--ow-text-primary);border-color:var(--ow-text-tertiary)}.ev-connections{display:flex;flex-direction:column;gap:var(--ow-space-1)}.ev-fields-title{font-size:var(--ow-text-xs);color:var(--ow-text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding-bottom:4px;border-bottom:1px solid var(--ow-border-subtle)}.ev-connection-group{display:flex;flex-direction:column;gap:4px;padding:4px 0}.ev-connection-label{font-size:var(--ow-text-xs);color:var(--ow-text-tertiary);text-transform:none!important}.ev-connection-chips{display:flex;flex-wrap:wrap;gap:6px}.ev-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--ow-text-xs);border:1px solid;border-radius:var(--ow-radius-full);transition:all var(--ow-transition-quick);background:transparent;text-transform:none!important}.ev-chip .material-symbols-outlined{font-size:14px}.ev-chip:not(:disabled):hover{background:#ffffff0d;transform:translateY(-1px)}.ev-chip:disabled{opacity:.5}.ev-chip-reverse{border-style:dashed;opacity:.75}.ev-chip-reverse:not(:disabled):hover{opacity:1}.ev-fields{display:flex;flex-direction:column;gap:2px}.ev-field-row{display:flex;gap:var(--ow-space-2);padding:6px 0;border-bottom:1px solid rgba(255,255,255,.02)}.ev-field-label{font-size:var(--ow-text-xs);color:var(--ow-text-tertiary);min-width:120px;flex-shrink:0;text-transform:none!important}.ev-field-value{font-size:var(--ow-text-sm);color:var(--ow-text-secondary);word-break:break-word}.ev-detail-sidebar{position:sticky;top:var(--ow-space-2)}.ev-graph-container{position:relative;width:100%;height:460px;background:var(--ow-bg-secondary);border:1px solid var(--ow-border-subtle);border-radius:var(--ow-radius-lg);overflow:hidden}.ev-graph-title{position:absolute;top:8px;left:12px;font-size:var(--ow-text-xs);color:var(--ow-text-tertiary);text-transform:uppercase;letter-spacing:.05em;z-index:2}.ev-graph-canvas{position:absolute;inset:0;z-index:0}.ev-graph-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;z-index:1;transition:transform var(--ow-transition-quick)}.ev-graph-node:hover{transform:translate(-50%,-50%) scale(1.1);z-index:3}.ev-graph-node-center{cursor:default}.ev-graph-node-center:hover{transform:translate(-50%,-50%)}.ev-graph-node-dot{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all var(--ow-transition-quick)}.ev-graph-node-center .ev-graph-node-dot{width:48px;height:48px}.ev-graph-node-label{font-size:10px;color:var(--ow-text-secondary);max-width:80px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-graph-node:hover .ev-graph-node-label{color:var(--ow-text-primary)}.ev-graph-overflow{position:absolute;bottom:8px;right:12px;font-size:11px;color:var(--ow-text-tertiary);z-index:2;cursor:pointer;transition:color .15s}.ev-graph-overflow:hover{color:var(--ow-cyan-primary)}.ev-view-toggle{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;color:var(--ow-text-tertiary);border:1px solid transparent;border-radius:calc(var(--ow-radius-md) - 2px);transition:all var(--ow-transition-quick);margin-left:2px}.ev-view-toggle:hover{color:var(--ow-text-secondary)}.ev-view-toggle.active{color:var(--ow-cyan-primary);background:#22d3ee14;border-color:#22d3ee26}.ev-web-view{position:relative;margin:0 var(--ow-space-4);border-radius:var(--ow-radius-md);overflow:hidden;cursor:grab}.ev-web-view:active{cursor:grabbing}.ev-web-view canvas{position:absolute;top:0;left:0;pointer-events:none;z-index:0}.ev-web-transform{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0;will-change:transform;z-index:1}.ev-web-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:transform var(--ow-transition-quick);opacity:.85}.ev-web-node:hover{transform:translate(-50%,-50%) scale(1.15);z-index:3;opacity:1}.ev-web-node-selected{z-index:5}.ev-web-node-selected .material-symbols-outlined{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor)}.ev-web-node-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;font-family:Courier New,Consolas,monospace;font-size:10px;color:#e0e0e0;white-space:nowrap;pointer-events:none;text-shadow:0 0 4px rgba(0,0,0,.8);letter-spacing:.05em}.tl-bar-wrapper{position:relative;margin:0 var(--ow-space-4) var(--ow-space-1);background:var(--ow-bg-secondary);border:1px solid var(--ow-border-subtle);border-radius:var(--ow-radius-md)}.tl-bar-toggle-bar{display:flex;align-items:center;border-bottom:1px solid var(--ow-border-subtle)}.tl-bar-toggle{display:flex;align-items:center;gap:6px;flex:1;padding:4px 10px;background:none;border:none;color:var(--ow-text-tertiary);font-size:var(--ow-text-xs);cursor:pointer;transition:all var(--ow-transition-quick)}.tl-bar-toggle:hover{color:var(--ow-text-secondary);background:#ffffff05}.tl-bar-expand-btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;color:var(--ow-text-tertiary);transition:all var(--ow-transition-quick)}.tl-bar-expand-btn:hover{color:var(--ow-text-secondary);background:#ffffff0a}.tl-bar-toggle .material-icons{color:inherit}.tl-bar-toggle-label{text-transform:none!important}.tl-bar-toggle-count{color:var(--ow-text-tertiary);font-size:10px;opacity:.7}.tl-bar-canvas-wrap{position:relative;width:100%;transition:height .25s ease;overflow:hidden}.tl-bar-canvas{position:absolute;inset:0}.tl-bar-tooltip{position:absolute;display:flex;align-items:center;gap:6px;padding:5px 12px;background:#0a0a0aeb;border:1px solid rgba(255,255,255,.12);border-radius:var(--ow-radius-sm);pointer-events:none;white-space:nowrap;z-index:10;box-shadow:0 4px 12px #0006}.tl-bar-tooltip-name{font-size:12px;color:var(--ow-text-primary);font-weight:var(--ow-font-medium)}.tl-bar-tooltip-date{font-size:10px;color:var(--ow-text-tertiary)}@media (max-width: 600px){.ev-grid{grid-template-columns:1fr}.ev-header{padding:var(--ow-space-2) var(--ow-space-2)}.ev-search-bar{padding:var(--ow-space-2)}.ev-filter-bar{padding:0 var(--ow-space-2) var(--ow-space-2)}.ev-grid{padding:var(--ow-space-2)}.ev-detail{padding:0 var(--ow-space-2)}.ev-graph-container{height:300px}.tl-bar-wrapper{margin:0 var(--ow-space-2) var(--ow-space-1)}.ev-detail-name{font-size:var(--ow-text-xl)}.ev-field-label{min-width:80px}.ev-field-row{gap:var(--ow-space-1)}}.dcc-app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dcc-top-bar{flex-shrink:0;border-bottom:1px solid var(--ow-border-subtle)}.dcc-main{flex:1;position:relative;overflow:hidden}.dcc-graph-area{position:absolute;inset:0}.dcc-graph-area .ev-web-view{position:absolute;inset:0;margin:0}.dcc-codex-area{position:absolute;inset:0;overflow-y:auto;padding:var(--ow-space-2) var(--ow-space-4)}.dcc-detail-panel{position:absolute;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:var(--ow-bg-secondary);border-left:1px solid var(--ow-border-subtle);transform:translate(100%);transition:transform .25s ease;overflow-y:auto;z-index:10}.dcc-detail-panel.open{transform:translate(0)}.dcc-bottom-bar{flex-shrink:0}.dcc-topbar-row{padding:0 var(--ow-space-4)}.dcc-topbar-controls{display:flex;align-items:center;gap:var(--ow-space-2);padding-top:var(--ow-space-2);padding-bottom:var(--ow-space-1);flex-wrap:wrap}.dcc-topbar-left{display:flex;align-items:baseline;gap:var(--ow-space-2);flex-shrink:0}.dcc-topbar-title{font-family:var(--dcc-font-mono, "Courier New", monospace);font-size:var(--ow-text-sm);font-weight:var(--ow-font-semibold);color:var(--ow-cyan-primary);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.dcc-topbar-count{font-family:var(--dcc-font-mono, "Courier New", monospace);font-size:var(--ow-text-xs);color:var(--ow-text-tertiary);white-space:nowrap}.dcc-topbar-center{flex:1;min-width:160px}.dcc-topbar-right{display:flex;align-items:center;gap:var(--ow-space-1);flex-shrink:0}.dcc-topbar-filters{padding-bottom:var(--ow-space-1)}@media (max-width: 600px){.dcc-topbar-controls{flex-direction:column;align-items:stretch}.dcc-topbar-left{justify-content:space-between}.dcc-topbar-right{justify-content:flex-end}.dcc-detail-panel{width:100%;max-width:100vw}}.dcc-stat-block{padding:12px 16px;border:1px solid var(--ow-border-subtle);margin-bottom:var(--ow-space-2)}.dcc-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.dcc-stat-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.dcc-stat-label{font-size:10px;color:var(--ow-text-tertiary);letter-spacing:.1em}.dcc-stat-value{font-size:20px;font-weight:var(--ow-font-semibold);color:var(--ow-text-primary)}.dcc-stat-summary{text-align:center;font-size:var(--ow-text-sm);color:var(--ow-text-secondary);padding-top:8px;border-top:1px solid var(--ow-border-subtle)}.dcc-creature-card{padding:12px 16px;border:1px solid var(--ow-border-subtle);margin-bottom:var(--ow-space-2)}.dcc-creature-cr{display:flex;align-items:center;gap:8px;font-size:var(--ow-text-lg);font-weight:var(--ow-font-semibold);letter-spacing:.05em}.dcc-creature-title{font-size:var(--ow-text-sm);color:var(--ow-text-secondary);letter-spacing:.05em;margin-top:4px}.dcc-creature-combat{font-size:var(--ow-text-sm);color:var(--ow-text-tertiary);margin-top:8px;padding-top:8px;border-top:1px solid var(--ow-border-subtle)}.dcc-object-info{display:flex;align-items:center;gap:12px;margin-bottom:var(--ow-space-2)}.dcc-equip-badge{font-size:var(--ow-text-sm);letter-spacing:.05em;padding:4px 12px;border:1px solid var(--ow-border-subtle)}.dcc-equip-equipped{color:var(--ow-cyan-primary);border-color:currentColor}.dcc-equip-carried{color:var(--ow-text-secondary)}.dcc-equip-consumed{color:var(--ow-text-tertiary);font-style:italic}.dcc-equip-lost{color:var(--ow-text-tertiary)}.dcc-equip-destroyed{color:var(--ow-text-tertiary);text-decoration:line-through}.dcc-equip-amount{font-size:var(--ow-text-sm);color:var(--ow-text-tertiary)}.char-tabbed{display:flex;flex-direction:row;flex:1;min-height:0;width:100%;overflow:hidden}.char-left-column{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.char-identity{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid rgba(255,215,0,.08);flex-shrink:0;display:flex;flex-direction:column;gap:2px}.char-identity-name-row{display:flex;justify-content:space-between;align-items:baseline}.char-level-badge{font-size:.7em;opacity:.7;font-family:var(--font-mono);color:var(--dcc-text-dim)}.char-identity-type-line{display:flex;align-items:center;gap:4px;flex-wrap:wrap;color:var(--dcc-text-dim);font:300 var(--text-base)/1.5 var(--font-body)}.char-tab-bar{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.04);background:transparent;padding:0 var(--space-md);flex-shrink:0;overflow-x:auto}.char-tab-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--dcc-text-dim);font:500 var(--text-sm)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.char-tab-btn:hover{color:var(--dcc-text)}.char-tab-btn.active{color:var(--dcc-accent);border-bottom-color:var(--dcc-accent)}.char-tab-btn .material-symbols-outlined{font-size:16px}.char-tab-count{font-size:var(--text-xs);color:var(--dcc-text-dim);opacity:.6}.char-tab-content{flex:1;overflow-y:auto;padding:var(--space-lg);min-width:0;min-height:0}.char-tab-inventory{width:440px;flex-shrink:0;overflow-y:auto;padding:var(--space-sm) var(--space-lg);border-left:1px solid rgba(255,255,255,.04)}.dcc-collapsible-header{display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer;border-bottom:1px solid rgba(255,215,0,.06);user-select:none;background:none;border-top:none;border-left:none;border-right:none;color:var(--dcc-text);font:500 var(--text-sm)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;width:100%;text-align:left}.dcc-collapsible-header:hover{background:#ffffff05}.dcc-collapsible-arrow{font-size:12px;color:var(--dcc-text-dim);transition:transform .15s;display:inline-block}.dcc-collapsible-header.expanded .dcc-collapsible-arrow{transform:rotate(90deg)}.dcc-collapsible-count{font:500 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim)}.dcc-collapsible-items{display:flex;flex-direction:column;gap:0;padding-left:4px}.dcc-event-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:none;border:none;border-left:2px solid transparent;color:#e0e0e0b3;cursor:pointer;width:100%;text-align:left;font:400 var(--text-sm)/1.3 var(--font-body);transition:background .1s}.dcc-event-row:hover{background:#ffd7000a;border-left-color:var(--dcc-accent)}.dcc-event-row .dcc-event-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 13px/1.2 var(--font-body)}.dcc-event-row .dcc-event-day{margin-left:auto;font:400 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);opacity:.5;flex-shrink:0}.dcc-relation-cards{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.dcc-relation-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);cursor:pointer;min-width:100px;transition:border-color .15s,background .15s}.dcc-relation-card:hover{border-color:#ffd70026;background:#ffd70008}.dcc-relation-name{font:500 var(--text-sm)/1.2 var(--font-mono);color:var(--dcc-text)}.dcc-relation-sub{font:400 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.04em}.dcc-show-toggle{background:none;border:none;color:var(--dcc-accent);font:400 var(--text-xs)/1 var(--font-mono);cursor:pointer;padding:4px 0;text-transform:uppercase;letter-spacing:.04em}.dcc-show-toggle:hover{text-decoration:underline}.dcc-party-group{margin-bottom:var(--space-md);border:1px solid var(--section-border);padding:var(--space-sm) var(--space-md)}.dcc-party-group:last-child{margin-bottom:0}.dcc-party-name{font-family:var(--font-mono);font-size:11px;color:#888;letter-spacing:.06em;margin-bottom:var(--space-xs);text-transform:uppercase;border:none!important}.dcc-party-group .dcc-chip{border-color:transparent}.dcc-summary-insights{color:#888;font:400 12px/1.4 var(--font-mono);padding:4px 0 2px}.dcc-summary-counts{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0}.dcc-summary-count{background:none;border:none;color:var(--dcc-text-dim);font:400 var(--text-sm)/1 var(--font-mono);cursor:pointer;padding:0}.dcc-summary-count:hover{color:var(--dcc-accent)}.dcc-summary-count strong{color:var(--dcc-text)}.dcc-desc-truncated{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dcc-desc-expanded{display:block}.char-tab-section{margin-bottom:var(--space-xl)}.char-carried-header-row{display:flex;align-items:center;gap:8px;padding-bottom:var(--space-sm);border-bottom:1px solid var(--section-border, rgba(255, 255, 255, .06));margin-bottom:var(--space-sm)}.char-carried-header-row .char-carried-header{font:500 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.08em}.carried-category-bar{display:grid;grid-template-columns:repeat(auto-fill,28px);gap:4px;margin-bottom:var(--space-sm)}.carried-category-btn{display:flex;align-items:center;justify-content:center;position:relative;width:28px;height:28px;padding:0;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--dcc-text-dim);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.carried-category-btn:hover{border-color:#ffd70040;color:var(--dcc-text)}.carried-category-btn.active{border-color:var(--dcc-accent);color:var(--dcc-accent);background:#ffd7000f}.carried-category-btn .material-symbols-outlined{font-size:16px}.carried-category-btn.carried-hist-btn{border-color:#b0404040;color:#b04040}.carried-category-btn.carried-hist-btn:hover{border-color:#b0404080;color:#c55}.carried-category-btn.carried-hist-btn.active{border-color:#b04040;color:#c55;background:#b040401a}.carried-category-badge{position:absolute;top:-4px;right:-4px;font-size:8px;font-family:var(--font-mono);line-height:1;padding:1px 3px;background:#000000d9;color:var(--dcc-text-dim);border:1px solid rgba(255,255,255,.1);pointer-events:none}.journey-header-badges{display:inline-flex;gap:8px;margin-left:8px}.journey-badge{display:inline-flex;align-items:center;gap:2px;font:500 var(--text-xs)/1 var(--font-mono)}.journey-chapter-detail{padding:var(--space-md) var(--space-lg);border-left:2px solid rgba(255,215,0,.12);margin-left:8px;margin-bottom:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.journey-chapter-desc{font-style:italic;color:var(--dcc-text-dim);font-size:var(--text-sm)}.journey-section{display:flex;flex-direction:column;gap:var(--space-xs)}.journey-section-label{font:500 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);text-transform:uppercase;letter-spacing:.06em}.journey-section-label.journey-loss{color:#f44}.journey-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.play-system-desc{font:400 var(--text-xs)/1.5 var(--font-body);color:#666;font-style:italic;padding:8px 0 12px;border-bottom:1px solid rgba(255,255,255,.04);margin-bottom:8px}.playbook-play{background:#ffffff05;border:1px solid #2a2a2a;margin-bottom:6px;transition:border-color .15s}.playbook-play.play-expanded{border-color:#ffd70026}.play-header{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;transition:background .1s}.play-header:hover{background:#ffffff08}.play-toggle{font-size:18px;color:#555;flex-shrink:0;transition:color .1s}.play-expanded .play-toggle{color:var(--dcc-accent)}.play-name{font:700 var(--text-sm)/1 var(--font-mono);color:var(--dcc-text);text-transform:uppercase;letter-spacing:.08em}.play-step-count{font:400 var(--text-xs)/1 var(--font-mono);color:#555;letter-spacing:.04em}.play-participants{font:400 var(--text-xs)/1 var(--font-mono);color:var(--dcc-text-dim);letter-spacing:.04em;margin-left:auto}.play-body{padding:0 10px 10px 36px}.play-context{font:400 var(--text-xs)/1.5 var(--font-body);color:#666;font-style:italic;padding-bottom:8px}.play-steps{display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.04)}.play-step{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font:400 var(--text-sm)/1.5 var(--font-body)}.step-num{font:600 var(--text-xs)/1 var(--font-mono);color:#444;min-width:16px;flex-shrink:0}.step-char{font:700 var(--text-sm)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.step-arrow{color:#444;flex-shrink:0}.step-action{color:var(--dcc-text)}.step-action-linked{color:#eab308;cursor:pointer;transition:color .1s}.step-action-linked:hover{color:gold;text-decoration:underline;text-underline-offset:2px}.play-footer{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04)}.play-footer-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.play-footer-label{font:600 9px/1 var(--font-mono);color:#555;text-transform:uppercase;letter-spacing:.06em;min-width:56px;flex-shrink:0}.play-footer-chip{padding:2px 8px!important;min-height:0!important;font-size:11px!important}.step-target{color:#777;font:400 var(--text-xs)/1.3 var(--font-body)}@media (max-width: 700px){.char-tabbed{flex-direction:column}.char-tab-inventory{width:100%;border-left:none;border-top:1px solid rgba(255,255,255,.04)}.char-tab-bar{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.char-tab-bar::-webkit-scrollbar{display:none}.char-tab-btn{padding:6px 8px;font-size:10px}.char-equip-grid{grid-template-columns:1fr}.char-tab-content{padding:var(--space-sm)}.char-identity{padding:var(--space-sm) var(--space-sm)}}.char-identity-chips{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-left:auto}.char-location-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.char-desc-panel{padding:10px 14px;background:#ffffff04;border-left:2px solid rgba(255,255,255,.05)}.char-desc-text{font:300 13px/1.7 var(--font-body);color:#e0e0e0cc}.char-desc-text.dcc-desc-truncated{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.char-party-name{display:flex;align-items:center;gap:6px}.char-party-name-link{font:500 13px/1 var(--font-mono);color:#8b5cf6;background:none;border:none;cursor:pointer;padding:0;transition:opacity .15s}.char-party-name-link:hover{text-decoration:underline;opacity:.8}.char-party-members{margin-top:8px}.char-party-members .dcc-chip{font-size:11px;padding:1px 5px;opacity:.7}.char-party-members .dcc-chip:hover{opacity:1}.timeline-bar{position:relative;display:flex;flex-direction:column;padding:4px var(--space-lg) 4px calc(var(--space-lg));padding-right:100px;gap:1px;user-select:none}.timeline-books{position:relative;height:14px;font:500 9px/14px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dcc-text-dim);opacity:.5}.timeline-book{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:4px}.timeline-floors{position:relative;height:20px;display:flex}.timeline-floor{position:absolute;height:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;padding:0}.timeline-floor:hover{background:#ffd7000f;border-color:#ffd70026}.timeline-floor.active{background:#ffd70014;border-color:#ffd7004d}.timeline-floor.future{opacity:.3}.timeline-floor-label{font:500 9px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--dcc-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.timeline-floor.active .timeline-floor-label{color:var(--dcc-accent)}.timeline-chapters{position:relative;height:12px}.timeline-chapter{position:absolute;width:8px;height:8px;margin-top:2px;background:#ffffff26;border:none;border-radius:1px;cursor:pointer;padding:0;transform:translate(-50%);transition:background .1s,transform .1s}.timeline-chapter:hover{background:#ffd70080;transform:translate(-50%) scale(1.5)}.timeline-chapter.active{background:var(--dcc-accent);box-shadow:0 0 6px #ffd70066}.timeline-chapter.future{opacity:.2}.timeline-days{position:relative;height:10px;font:400 8px/10px var(--font-mono);color:var(--dcc-text-dim);opacity:.4}.timeline-day{position:absolute;white-space:nowrap;transform:translate(-50%)}.timeline-current{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);background:none;border:1px solid rgba(255,255,255,.08);color:var(--dcc-text-dim);font:500 9px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding:4px 8px;cursor:pointer;transition:all .15s}.timeline-current:hover{border-color:#ffd70033;color:var(--dcc-text)}.timeline-current.active{border-color:#ffd7004d;color:var(--dcc-accent)}.timeline-tooltip{position:fixed;background:#0c0c0cf2;border:1px solid rgba(255,215,0,.15);padding:6px 10px;font:400 var(--text-xs)/1.4 var(--font-mono);color:var(--dcc-text);pointer-events:none;z-index:1000;white-space:nowrap;box-shadow:0 4px 12px #00000080;display:none}@media (max-width: 600px){.timeline-chapter{width:12px;height:12px;margin-top:0}.timeline-chapters{height:16px}.timeline-floor{min-height:24px}.timeline-bar{padding-right:60px}.timeline-current{font-size:8px;padding:3px 6px}}:root{--ow-black: #000000;--ow-bg-primary: #000000;--ow-bg-secondary: #0a0a0a;--ow-bg-tertiary: #1a1a1a;--ow-bg-translucent: rgba(30, 41, 59, .3);--ow-text-primary: #e2e8f0;--ow-text-secondary: #94a3b8;--ow-text-tertiary: #64748b;--ow-text-white: #ffffff;--ow-cyan-primary: #22d3ee;--ow-cyan-light: #67e8f9;--ow-cyan-dark: #06b6d4;--ow-cyan-glow: rgba(34, 211, 238, .4);--ow-cyan-glow-strong: rgba(34, 211, 238, .6);--ow-gray-800: #1f2937;--ow-gray-900: #111827;--ow-border: rgba(34, 211, 238, .3);--ow-border-hover: rgba(34, 211, 238, .5);--ow-border-subtle: rgba(255, 255, 255, .05);--ow-success: #10b981;--ow-error: #ef4444;--ow-warning: #f59e0b;--ow-info: #22d3ee;--ow-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--ow-text-xs: .75rem;--ow-text-sm: .875rem;--ow-text-base: 1rem;--ow-text-lg: 1.125rem;--ow-text-xl: 1.25rem;--ow-text-2xl: 1.5rem;--ow-text-3xl: 1.875rem;--ow-text-4xl: 2.25rem;--ow-leading-tight: 1.25;--ow-leading-normal: 1.5;--ow-leading-relaxed: 1.6;--ow-font-normal: 400;--ow-font-medium: 500;--ow-font-semibold: 600;--ow-font-bold: 700;--ow-space-1: 8px;--ow-space-2: 16px;--ow-space-3: 24px;--ow-space-4: 32px;--ow-space-5: 40px;--ow-space-6: 48px;--ow-space-8: 64px;--ow-space-12: 96px;--ow-space-16: 128px;--ow-radius-sm: 4px;--ow-radius-md: 8px;--ow-radius-lg: 12px;--ow-radius-xl: 16px;--ow-radius-full: 9999px;--ow-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--ow-shadow-md: 0 2px 4px rgba(0, 0, 0, .5);--ow-shadow-lg: 0 4px 8px rgba(0, 0, 0, .5);--ow-shadow-xl: 0 8px 16px rgba(0, 0, 0, .5);--ow-text-glow-subtle: 0 0 10px rgba(34, 211, 238, .2);--ow-text-glow-medium: 0 0 20px rgba(34, 211, 238, .4);--ow-text-glow-strong: 0 0 30px rgba(34, 211, 238, .6);--ow-glow-subtle: 0 0 8px rgba(34, 211, 238, .15);--ow-glow-medium: 0 0 12px rgba(34, 211, 238, .25);--ow-glow-strong: 0 0 20px rgba(34, 211, 238, .4);--ow-glow-inset: inset 0 0 10px rgba(34, 211, 238, .1);--ow-glow-inset-strong: inset 0 0 15px rgba(34, 211, 238, .2);--ow-transition-quick: .15s ease-out;--ow-transition-standard: .25s ease-out;--ow-transition-complex: .35s ease-out}[data-theme=light]{--ow-bg-primary: #ffffff;--ow-bg-secondary: #f8fafc;--ow-bg-tertiary: #f1f5f9;--ow-text-primary: #1e293b;--ow-text-secondary: #475569;--ow-text-tertiary: #64748b;--ow-cyan-primary: #0891b2;--ow-border-subtle: rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--ow-font-sans);font-size:var(--ow-text-base);line-height:var(--ow-leading-normal);color:var(--ow-text-primary);background:var(--ow-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--ow-font-semibold);line-height:var(--ow-leading-tight);color:var(--ow-text-white)}h1{font-size:var(--ow-text-4xl)}h2{font-size:var(--ow-text-3xl)}h3{font-size:var(--ow-text-2xl)}h4{font-size:var(--ow-text-xl)}h5{font-size:var(--ow-text-lg)}h6{font-size:var(--ow-text-base)}a{color:var(--ow-cyan-primary);text-decoration:none;transition:color var(--ow-transition-quick)}a:hover{color:var(--ow-cyan-light)}button,.ow-btn{font-family:var(--ow-font-sans);font-size:var(--ow-text-base);font-weight:var(--ow-font-medium);text-transform:lowercase;cursor:pointer;border:none;background:none;padding:0}button:disabled,.ow-btn:disabled{opacity:.5;cursor:not-allowed}.ow-btn-primary{background:transparent;color:var(--ow-cyan-primary);border:1px solid var(--ow-cyan-primary);padding:12px 24px;border-radius:var(--ow-radius-lg);min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-2);transition:all var(--ow-transition-quick);box-shadow:var(--ow-glow-subtle)}.ow-btn-primary:hover:not(:disabled){background:#22d3ee1a;border-color:var(--ow-cyan-light);color:var(--ow-cyan-light);box-shadow:var(--ow-glow-medium)}.ow-btn-primary:active:not(:disabled){transform:scale(.98);box-shadow:var(--ow-glow-subtle)}.ow-btn-primary:focus-visible{outline:none;box-shadow:var(--ow-glow-medium),0 0 0 3px #22d3ee33}.ow-btn-secondary{background:transparent;color:var(--ow-text-primary);border:1px solid var(--ow-text-secondary);padding:12px 24px;border-radius:var(--ow-radius-lg);min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-2);transition:all var(--ow-transition-quick)}.ow-btn-secondary:hover:not(:disabled){border-color:var(--ow-text-primary);color:var(--ow-text-white)}.ow-btn-secondary:active:not(:disabled){transform:scale(.98)}.ow-btn-secondary:focus-visible{outline:none;border-color:var(--ow-cyan-primary);box-shadow:0 0 0 3px #22d3ee33}.btn-primary{background:var(--ow-cyan-primary);color:#fff!important;border:1px solid var(--ow-cyan-primary);padding:12px 24px;border-radius:var(--ow-radius-lg);min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-2);transition:all var(--ow-transition-quick);box-shadow:var(--ow-glow-subtle);font-family:var(--ow-font-sans);font-size:var(--ow-text-base);font-weight:var(--ow-font-medium);text-transform:lowercase;cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--ow-cyan-dark);border-color:var(--ow-cyan-light);color:#fff!important;box-shadow:var(--ow-glow-medium)}.btn-secondary{background:transparent;color:#fff!important;border:1px solid var(--ow-text-secondary);padding:12px 24px;border-radius:var(--ow-radius-lg);min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-2);transition:all var(--ow-transition-quick);font-family:var(--ow-font-sans);font-size:var(--ow-text-base);font-weight:var(--ow-font-medium);text-transform:lowercase;cursor:pointer}.btn-secondary:hover:not(:disabled){border-color:var(--ow-text-primary);background:#ffffff1a;color:#fff!important}.btn-sm{padding:6px 12px!important;min-height:32px!important;font-size:var(--ow-text-sm)!important}.ow-btn-text{background:transparent;color:var(--ow-cyan-primary);border:none;padding:8px 16px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-1);transition:color var(--ow-transition-quick)}.ow-btn-text:hover:not(:disabled){color:var(--ow-cyan-light)}.ow-btn-text:active:not(:disabled){transform:scale(.98)}.ow-btn-text:focus-visible{outline:none;color:var(--ow-cyan-light);text-decoration:underline}.ow-btn-danger{background:transparent;color:var(--ow-error);border:1px solid var(--ow-error);padding:12px 24px;border-radius:var(--ow-radius-lg);min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-2);transition:all var(--ow-transition-quick)}.ow-btn-danger:hover:not(:disabled){background:#ef44441a}.ow-btn-danger:active:not(:disabled){transform:scale(.98)}.ow-btn-sm{padding:8px 16px;min-height:40px;font-size:var(--ow-text-sm)}.ow-btn-lg{padding:16px 32px;min-height:56px;font-size:var(--ow-text-lg)}.ow-card{background:var(--ow-bg-tertiary);border:1px solid var(--ow-border-subtle);border-radius:var(--ow-radius-md);padding:var(--ow-space-3);box-shadow:var(--ow-shadow-sm);transition:box-shadow var(--ow-transition-quick),border-color var(--ow-transition-quick)}.ow-card:hover{border-color:#22d3ee33;box-shadow:var(--ow-shadow-md)}.ow-card-interactive{cursor:pointer}.ow-card-interactive:active{transform:scale(.99)}.ow-card-emphasis{background:var(--ow-bg-translucent);border:1px solid var(--ow-border);box-shadow:var(--ow-glow-subtle),var(--ow-glow-inset)}.ow-card-emphasis:hover{border-color:var(--ow-border-hover);box-shadow:var(--ow-glow-medium),var(--ow-glow-inset-strong)}input,textarea,select,.ow-input{font-family:var(--ow-font-sans);font-size:var(--ow-text-base);color:var(--ow-text-primary);background:var(--ow-bg-secondary);border:1px solid var(--ow-text-tertiary);border-radius:var(--ow-radius-md);padding:12px 16px;min-height:48px;width:100%;transition:border-color var(--ow-transition-quick),box-shadow var(--ow-transition-quick)}input:focus,textarea:focus,select:focus,.ow-input:focus{outline:none;border-color:var(--ow-cyan-primary);box-shadow:0 0 0 3px #22d3ee33}input::placeholder,textarea::placeholder,.ow-input::placeholder{color:var(--ow-text-tertiary)}input:disabled,textarea:disabled,select:disabled,.ow-input:disabled{opacity:.5;cursor:not-allowed}textarea{min-height:120px;resize:vertical}.ow-nav-top{position:fixed;top:0;left:0;right:0;background:var(--ow-gray-800);border-bottom:1px solid rgba(34,211,238,.2);display:flex;justify-content:space-around;align-items:center;padding:env(safe-area-inset-top,var(--ow-space-2)) var(--ow-space-2) var(--ow-space-2);z-index:100;height:calc(64px + env(safe-area-inset-top,0px))}.ow-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--ow-space-2);color:var(--ow-text-secondary);font-size:var(--ow-text-sm);text-transform:lowercase;text-decoration:none;transition:color var(--ow-transition-quick);min-width:48px;min-height:48px;position:relative;cursor:pointer;border:none;background:transparent}.ow-nav-tab:active{transform:scale(.95)}.ow-nav-tab.active{color:var(--ow-cyan-primary);font-weight:var(--ow-font-semibold)}.ow-nav-tab.active:after{content:"";position:absolute;bottom:-var(--ow-space-2);left:50%;transform:translate(-50%);width:32px;height:2px;background:var(--ow-cyan-primary)}.ow-nav-icon{font-size:24px}.ow-content-with-top-nav{padding-top:calc(64px + env(safe-area-inset-top,0px) + var(--ow-space-4))}.material-icons,.material-symbols-outlined{color:var(--ow-cyan-primary);user-select:none;vertical-align:middle;font-size:20px}button .material-icons,button .material-symbols-outlined,.ow-btn .material-icons,.ow-btn .material-symbols-outlined,.ow-btn-primary .material-icons,.ow-btn-primary .material-symbols-outlined,.ow-btn-secondary .material-icons,.ow-btn-secondary .material-symbols-outlined,.ow-btn-text .material-icons,.ow-btn-text .material-symbols-outlined,.ow-btn-danger .material-icons,.ow-btn-danger .material-symbols-outlined{color:inherit}.ow-icon-error{color:var(--ow-error)}.ow-icon-success{color:var(--ow-success)}.ow-icon-warning{color:var(--ow-warning)}.ow-icon-neutral{color:var(--ow-text-secondary)}.ow-icon{display:inline-block;vertical-align:middle;line-height:1}.ow-icon-sm{font-size:18px}.ow-icon-md{font-size:24px}.ow-icon-lg{font-size:32px}.ow-icon-xl{font-size:48px}.ow-icon-interactive{color:var(--ow-cyan-primary);transition:color var(--ow-transition-quick)}.ow-icon-interactive:hover{color:var(--ow-cyan-light)}.ow-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--ow-space-3);padding:var(--ow-space-4)}.ow-category-card{background:var(--ow-bg-translucent);border:1px solid var(--ow-border-subtle);border-radius:var(--ow-radius-md);padding:var(--ow-space-4) var(--ow-space-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ow-space-2);min-height:120px;cursor:pointer;transition:all var(--ow-transition-quick)}.ow-category-card:hover{background:#1e293b80;border-color:var(--ow-border);box-shadow:var(--ow-glow-subtle)}.ow-category-card:active{transform:scale(.98)}.ow-category-icon{color:var(--ow-cyan-primary);font-size:48px}.ow-category-label{color:var(--ow-text-primary);font-size:var(--ow-text-base);font-weight:var(--ow-font-medium);text-transform:capitalize;text-align:center}.ow-category-count{color:var(--ow-text-tertiary);font-size:var(--ow-text-sm)}.ow-toast{background:var(--ow-bg-tertiary);border:1px solid var(--ow-border);border-radius:var(--ow-radius-lg);padding:var(--ow-space-3) var(--ow-space-4);box-shadow:var(--ow-shadow-lg),var(--ow-glow-subtle);color:var(--ow-text-primary);display:flex;align-items:center;gap:var(--ow-space-2);min-width:300px;max-width:500px}.ow-toast-success{border-color:var(--ow-success)}.ow-toast-error{border-color:var(--ow-error)}.ow-toast-warning{border-color:var(--ow-warning)}.ow-toast-info{border-color:var(--ow-cyan-primary)}.ow-toast-close{background:transparent;border:none;color:var(--ow-text-secondary);font-size:var(--ow-text-xl);cursor:pointer;padding:4px;min-width:32px;min-height:32px;border-radius:var(--ow-radius-sm);transition:all var(--ow-transition-quick)}.ow-toast-close:hover{color:var(--ow-text-white);background:#ffffff1a}.ow-toast-close:active{transform:scale(.95)}.ow-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--ow-space-4)}.ow-modal{background:var(--ow-bg-tertiary);border:1px solid var(--ow-border);border-radius:var(--ow-radius-xl);box-shadow:var(--ow-shadow-xl),var(--ow-glow-medium);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--ow-space-6)}.ow-modal-header{border-bottom:1px solid var(--ow-border-subtle);padding-bottom:var(--ow-space-3);margin-bottom:var(--ow-space-4);display:flex;justify-content:space-between;align-items:center}.ow-modal-title{font-size:var(--ow-text-2xl);font-weight:var(--ow-font-semibold);color:var(--ow-text-white);text-transform:lowercase}.ow-modal-close{background:transparent;border:none;color:var(--ow-text-secondary);font-size:var(--ow-text-2xl);cursor:pointer;padding:var(--ow-space-1);min-width:32px;min-height:32px;transition:color var(--ow-transition-quick)}.ow-modal-close:hover{color:var(--ow-text-white)}.ow-modal-body{margin-bottom:var(--ow-space-4)}.ow-modal-footer{border-top:1px solid var(--ow-border-subtle);padding-top:var(--ow-space-3);display:flex;gap:var(--ow-space-2);justify-content:flex-end}.ow-footer{background:var(--ow-gray-900);border-top:1px solid rgba(34,211,238,.2);padding:var(--ow-space-6) var(--ow-space-4);margin-top:auto}.ow-footer-content{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:var(--ow-space-4);align-items:center}@media (min-width: 768px){.ow-footer-content{flex-direction:row;justify-content:space-between}}.ow-footer-brand{color:var(--ow-text-primary);font-weight:var(--ow-font-semibold);text-transform:lowercase;font-size:var(--ow-text-lg)}.ow-footer-brand:hover{color:var(--ow-cyan-primary)}.ow-footer-links{display:flex;gap:var(--ow-space-4)}.ow-footer-links a{color:var(--ow-text-secondary);font-size:var(--ow-text-sm);text-transform:lowercase;transition:color var(--ow-transition-quick)}.ow-footer-links a:hover{color:var(--ow-cyan-primary)}.ow-safe-top{padding-top:max(var(--ow-space-2),env(safe-area-inset-top))}.ow-safe-bottom{padding-bottom:max(var(--ow-space-2),env(safe-area-inset-bottom))}.ow-safe-left{padding-left:max(var(--ow-space-2),env(safe-area-inset-left))}.ow-safe-right{padding-right:max(var(--ow-space-2),env(safe-area-inset-right))}.ow-touch-target{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.ow-text-lowercase{text-transform:lowercase}.ow-text-center{text-align:center}.ow-text-right{text-align:right}.ow-mt-1{margin-top:var(--ow-space-1)}.ow-mt-2{margin-top:var(--ow-space-2)}.ow-mt-3{margin-top:var(--ow-space-3)}.ow-mt-4{margin-top:var(--ow-space-4)}.ow-mb-1{margin-bottom:var(--ow-space-1)}.ow-mb-2{margin-bottom:var(--ow-space-2)}.ow-mb-3{margin-bottom:var(--ow-space-3)}.ow-mb-4{margin-bottom:var(--ow-space-4)}.ow-p-2{padding:var(--ow-space-2)}.ow-p-3{padding:var(--ow-space-3)}.ow-p-4{padding:var(--ow-space-4)}.ow-container{max-width:1280px;margin:0 auto;padding:0 var(--ow-space-4)}.ow-flex{display:flex}.ow-flex-col{flex-direction:column}.ow-gap-2{gap:var(--ow-space-2)}.ow-gap-3{gap:var(--ow-space-3)}.ow-gap-4{gap:var(--ow-space-4)}*:focus-visible{outline:2px solid var(--ow-cyan-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dcc-terminal{min-height:100vh;background:#0a0a0a;color:#e0e0e0;font-family:Courier New,Consolas,monospace;padding:48px;position:relative;cursor:default;overflow:hidden}.dcc-terminal:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1}.dcc-terminal:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:1}.dcc-term-lines{position:relative;z-index:2;max-width:600px}.dcc-term-line{font-size:15px;line-height:1.8;white-space:nowrap;color:#666}.dcc-term-blank{height:1.2em}.dcc-term-prefix{color:#666;visibility:hidden}.dcc-term-floor-line{display:flex;align-items:center;gap:12px;line-height:2.2}.dcc-term-bar-track{display:inline-block;width:160px;height:4px;background:#1a1a1a;position:relative;flex-shrink:0}.dcc-term-bar-fill{display:block;height:100%;width:0;background:gold;transition:width .6s ease-out}.dcc-term-floor-label{color:#888;font-size:13px;letter-spacing:.08em;min-width:70px}.dcc-term-floor-count{color:#555;font-size:13px}.dcc-term-scanning{color:#555;animation:scanning-pulse 1.6s ease-in-out infinite}.dcc-term-bar-fill-next{background:gold;transition:width .6s ease-out}@keyframes scanning-pulse{0%,to{opacity:.4}50%{opacity:1}}.dcc-term-total{color:#888;font-size:14px;margin-top:4px}.dcc-term-cursor{color:gold;animation:cursor-blink .8s step-end infinite;margin-left:2px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.dcc-term-prompt-line{margin-top:4px}.dcc-term-dim{color:#444}.dcc-term-footer{position:absolute;bottom:32px;left:48px;z-index:2}.dcc-term-footer a{font-family:Courier New,Consolas,monospace;font-size:12px;color:#333;text-decoration:none;letter-spacing:.05em;transition:color .2s ease}.dcc-term-footer a:hover{color:#555}@media (max-width: 600px){.dcc-terminal{padding:24px}.dcc-term-line{font-size:13px}.dcc-term-bar-track{width:100px}.dcc-term-footer{left:24px;bottom:24px}}@media (prefers-reduced-motion: reduce){.dcc-term-cursor{animation:none;opacity:1}.dcc-term-bar-fill,.dcc-term-bar-fill-next{transition:none}.dcc-term-scanning{animation:none}.dcc-terminal:before{display:none}}