.world-notice{position:absolute;z-index:5;inset:30% 10% auto;background:#c0c0c0;border:3px outset #eee;color:#111;font:12px monospace;padding:15px;text-align:center}.world-notice p{color:#111!important}.world-event-button{position:absolute;right:12px;top:12px;background:#f7e6a1;font:10px monospace;z-index:3}.gem-flash::after{content:'';position:absolute;inset:0;background:#a2fff23a;pointer-events:none;animation:gem-world-flash .28s ease-out forwards}@keyframes gem-world-flash{to{opacity:0}}.world-overlay{max-width:94%;font-size:10px;z-index:1}.world-stage{overflow:hidden;contain:layout paint}#world-canvas{width:100%;height:auto;aspect-ratio:960/500}.avatar-tooltip{z-index:4}.world-notice button{margin:4px}#dialog-body .key-values{overflow-wrap:anywhere}
.terminal-tabs,.archive-controls nav,.archive-controls .toolbar{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}.terminal-tabs button[aria-pressed=true],.archive-controls button[aria-pressed=true]{background:#173b31;color:#b4ffc3;border-style:inset}.metric-cell b{font-family:monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#91efab}.metric-cell{background:#0b1c19!important;color:#91ab9d!important;border-color:#54705e!important}.counter-update{animation:counter-flicker .1s steps(2)}@keyframes counter-flicker{50%{color:white;background:#437a52}}.pulse-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#0b1918;padding:10px;color:#acd7b6}.pulse-row canvas{max-width:100%;height:42px;flex:1}.pulse-row span{font:11px monospace}.timeline-control{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}.timeline-control input{flex:1;min-width:140px}.chart-help{font:11px monospace;color:#25392e}#terminal-extra{padding:10px}#stats canvas[id^=chart]{touch-action:pan-y;cursor:crosshair}#stats .metric-group[hidden]{display:none}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.record-grid>div{background:#1c2723;color:#a8c2a3;padding:9px;font:10px monospace}.record-grid b{display:block;color:#eee5af;font-size:14px;margin-top:6px}#world-records{border-top:1px solid #666;margin-top:16px;padding:8px 0}.event-table,.sample-events{max-height:340px;overflow:auto}.event-record{display:block;width:100%;text-align:left;font:11px monospace;margin:3px 0}.table-scroll{overflow:auto}#terminal-table table{width:100%;border-collapse:collapse;font:12px monospace}#terminal-table th,#terminal-table td{border:1px solid #888;padding:8px;text-align:left}.depth-row{display:flex;gap:15px;margin:10px 0}.depth-row meter{flex:1}#activity-heatmap{width:min(480px,100%);height:auto;image-rendering:pixelated;cursor:crosshair}.archive-controls{padding:8px;background:#a7aaa5;border:2px inset #ddd}#gem-search{display:flex;align-items:center;gap:9px;flex-wrap:wrap}#gem-search input{width:85px;background:#0c1c1c;color:#a0ffe1;font:15px monospace}#gem-filter-count{margin-left:auto;font:11px monospace}#gem-progress{padding:12px 2px;color:#1e422d}.gem-milestones{display:flex;gap:3px;margin:6px 0}.gem-milestones span{flex:1;background:#444d45;color:#aaa;text-align:center;font:11px monospace;border:1px inset #ddd;padding:6px 1px}.gem-milestones .reached{background:#93d9af;color:#122317}#latest-discovery{border-top:1px solid #647667;padding:8px 0}#latest-discovery h3{margin:3px 0;font:12px monospace}#gem-scanner{margin:6px 0;color:#80dec5;font:11px monospace;padding:10px}#gem-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));max-height:430px;content-visibility:auto;contain-intrinsic-size:auto 430px}#gem-grid .gem-cell{height:48px;position:relative;min-width:0}#gem-grid .gem-cell[hidden]{display:none}#gem-grid .gem-cell small{display:block;color:#adbbcf;font:10px monospace;margin:1px 0}.unknown-gem{color:#63778a;font:10px monospace}.gem-cell:not(.found):hover{background:repeating-conic-gradient(#30443e 0 25%,#182221 0 50%) 50%/5px 5px;animation:noise-shift .16s steps(2) infinite}.gem-cell:focus-visible{outline:2px solid #efea85;z-index:1}.pixel-crystal{display:inline-block;vertical-align:middle;width:18px;height:24px;background:linear-gradient(135deg,#defbe9 0 27%,#83e8d1 28% 50%,#47adbc 51% 73%,#28698d 74%);clip-path:polygon(50% 0,90% 30%,90% 65%,50% 100%,10% 65%,10% 30%);image-rendering:pixelated;filter:drop-shadow(1px 1px 0 #12353d)}.gem-cell.found{background:#17383b}.gem-discovered,.gem-search-hit{animation:gem-reveal 1.4s steps(5)}@keyframes noise-shift{to{background-position:3px 1px}}@keyframes gem-reveal{0%,40%{background:#f8ffc5;color:black}70%{background:#207065}}#gem-alt{max-height:540px;overflow:auto;padding:12px;background:#06151c;color:#83d8cb}.gem-constellation{width:100%;min-height:200px}.gem-constellation line{stroke:#376477;stroke-width:1}.gem-constellation path{fill:#85edd6;stroke:#d3fff2}.gem-constellation text{fill:#bddbe0;font:9px monospace}.gem-constellation g{cursor:pointer}.gem-constellation g:focus{outline:1px solid #fff}.gem-timeline-entry{display:flex;gap:20px;align-items:center;width:100%;padding:12px;text-align:left;background:#14252b;color:#b4d8ca;font:11px monospace}.gem-detail-visual{text-align:center;padding:26px;background:#071c25}.gem-detail-visual .pixel-crystal{width:75px;height:100px}.gem-detail-data{display:grid;grid-template-columns:125px minmax(0,1fr);gap:6px;font:12px monospace}.gem-detail-data dt{font-weight:bold}.gem-detail-data dd{margin:0;overflow-wrap:anywhere}.unknown-detail{font:40px monospace;color:#b9c6c7;background:#172329;text-align:center;padding:30px}#dialog-body pre{white-space:pre-wrap;overflow-wrap:anywhere}#gem-alt[hidden],#gem-grid[hidden],#activity-heatmap[hidden]{display:none}@media(max-width:700px){.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gem-detail-data{grid-template-columns:90px minmax(0,1fr)}.gem-milestones span{font-size:9px}.terminal-tabs button{font-size:10px}#gem-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr))}}@media(prefers-reduced-motion:reduce){.gem-cell:not(.found):hover,.gem-discovered,.gem-search-hit,.counter-update{animation:none}}
#terminal-extra{display:block!important;width:auto!important;max-width:none!important;flex:none!important}#world-timeline{display:flex;gap:4px;overflow-x:auto;touch-action:pan-y;cursor:grab;background:#14231e;padding:7px;border:2px inset #ddd;min-height:65px}#world-timeline button{flex:0 0 120px;background:#b3bbae;color:#1a3327;text-align:left;user-select:none}#world-timeline small,#world-timeline b{display:block;font:10px monospace;white-space:nowrap;padding:4px}#world-records{width:100%;box-sizing:border-box}.pulse-row{box-sizing:border-box;width:100%}.gem-detail-visual{float:left;width:110px;margin-right:16px}.gem-detail-data{min-width:0}@media(max-width:600px){.gem-detail-visual{float:none;width:auto;margin:0}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pixel-crystal{background:transparent url('/brand/dromo-gem.svg') center/contain no-repeat;clip-path:none;width:24px;height:30px;image-rendering:pixelated}.gem-cell .pixel-crystal{width:18px;height:24px}.gem-segments{display:grid;grid-template-columns:repeat(50,1fr);gap:2px;margin:8px 0 13px;padding:3px;border:2px inset #ccc;background:#15241e}.gem-segments i{height:8px;background:#38473b}.gem-segments .filled{background:#90e0ab}.gem-discovered .pixel-crystal{animation:crystal-appear 1.4s steps(5)}.gem-discovered::after{content:'???';position:absolute;inset:18px 0 0;color:#defbe4;animation:crystal-noise 1.4s steps(1) forwards}.gem-discovered::before{content:'NEW';position:absolute;top:0;right:0;font:8px monospace;color:#ffff9c;z-index:1}@keyframes crystal-appear{0%,45%{opacity:0}55%{opacity:.25}75%{opacity:1;filter:drop-shadow(0 0 3px cyan)}100%{opacity:1}}@keyframes crystal-noise{0%,45%{opacity:1}55%,100%{opacity:0}}
.world-overlay[data-resources]::after{content:attr(data-resources);display:block;color:#b5c9a2}

.environment-controls{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:3px;padding:4px;background:#bfbfbf;border:2px outset #eee;color:#111;font:10px Tahoma,Arial;z-index:2}.environment-controls button{font:9px Tahoma,Arial;padding:3px}.environment-controls button[aria-pressed=true]{border-style:inset;background:#8faba2}.environment-controls span{margin-left:4px}@media(max-width:600px){.environment-controls{gap:1px;right:3px;bottom:3px}.environment-controls button{padding:2px;font-size:8px}.world-overlay{font-size:8px}}