@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ink:#cfe3d4;--ink-dim:#7e968a;--panel:#070c09d1;--panel-edge:#8cb49647;--amber:#e0a83e;--amber-hot:#ffcf6e;--red:#d3452f;--cyan:#74c7c4;--green:#7fae62;--font-display:"Chakra Petch", "Trebuchet MS", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--ink);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;background:radial-gradient(at 70% -10%,#e0a83e0f,#0000 55%),radial-gradient(at 10% 110%,#74c7c40d,#0000 50%),#05070a;font-size:13px;overflow:hidden}body{grid-template:"head head"52px"side main"1fr/292px 1fr;display:grid}.hidden{display:none!important}#g-head{border-bottom:1px solid var(--panel-edge);background:linear-gradient(#0e1410e6,#080b09e6);grid-area:head;align-items:center;gap:22px;padding:0 18px;display:flex}.g-title{font-family:var(--font-display);letter-spacing:.26em;color:var(--amber);font-size:15px;font-weight:700}.g-title .g-sub{color:var(--ink-dim);letter-spacing:.18em;font-size:11px;font-weight:400}.g-meta{color:var(--ink-dim);letter-spacing:.12em;margin-left:auto;font-size:10.5px}.g-back{color:var(--ink);font-family:var(--font-display);letter-spacing:.16em;border:1px solid var(--panel-edge);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));padding:6px 14px;font-size:11px;text-decoration:none}.g-back:hover{border-color:var(--amber);color:var(--amber-hot)}#g-side{border-right:1px solid var(--panel-edge);background:#060907b3;flex-direction:column;grid-area:side;min-height:0;display:flex}#g-cats{border-bottom:1px solid var(--panel-edge);flex-wrap:wrap;display:flex}.g-cat{font-family:var(--font-display);letter-spacing:.14em;text-align:center;color:var(--ink-dim);cursor:pointer;border-bottom:2px solid #0000;flex:1 0 33%;padding:10px 2px;font-size:10.5px;font-weight:600}.g-cat:hover{color:var(--ink)}.g-cat.active{color:var(--amber);border-bottom-color:var(--amber);background:#e0a83e0f}#g-list{flex:1;padding:8px;overflow-y:auto}.g-item{cursor:pointer;color:var(--ink-dim);letter-spacing:.03em;border-left:2px solid #0000;justify-content:space-between;align-items:baseline;gap:6px;padding:7px 10px;font-size:12px;display:flex}.g-item:hover{color:var(--ink);background:#ffffff08}.g-item.active{color:var(--amber-hot);border-left-color:var(--amber);background:#e0a83e12}.g-item .g-item-sub{color:var(--ink-dim);letter-spacing:.08em;font-size:9.5px}#g-main{grid-area:main;min-width:0;min-height:0;position:relative}#g-viewport{background:radial-gradient(120% 90% at 52% 36%,#2e3e3280,#0a0e0b00 58%),radial-gradient(140% 120% at 50% 60%,#0d1511 0%,#05080a 75%);position:absolute;inset:0}#g-viewport canvas{display:block}#g-scan{pointer-events:none;z-index:5;opacity:.4;background:repeating-linear-gradient(0deg,#00000017 0 1px,#0000 1px 3px);position:absolute;inset:0}.g-panel{background:var(--panel);border:1px solid var(--panel-edge);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:14px 18px}.g-panel-title{font-family:var(--font-display);letter-spacing:.22em;color:var(--amber);border-bottom:1px solid #e0a83e40;margin-bottom:8px;padding-bottom:4px;font-size:10.5px;font-weight:700}#g-card{z-index:10;width:340px;max-height:55%;position:absolute;bottom:18px;left:18px;overflow-y:auto}#g-card-tag{letter-spacing:.24em;color:var(--cyan);margin-bottom:4px;font-size:9.5px}#g-card-name{font-family:var(--font-display);letter-spacing:.1em;color:var(--ink);margin-bottom:8px;font-size:19px;font-weight:700}#g-card-desc{color:var(--ink-dim);margin-bottom:10px;font-size:12px;line-height:1.55}#g-card-stats .g-stat{border-bottom:1px dashed #ffffff0f;justify-content:space-between;gap:14px;padding:2px 0;display:flex}#g-card-stats .g-stat span:first-child{color:var(--ink-dim);font-size:11px}#g-card-stats .g-stat span:last-child{color:var(--ink);font-size:11.5px}.g-sense-row{align-items:center;gap:8px;padding:2px 0;display:flex}.g-sense-row>span{width:74px;color:var(--ink-dim);font-size:10.5px}.g-sense-bar{background:#ffffff0f;border:1px solid #ffffff14;flex:1;height:6px}.g-sense-bar>div{background:linear-gradient(90deg, var(--green), var(--amber) 60%, var(--red));height:100%}#g-tree-controls{z-index:10;width:300px;position:absolute;top:18px;right:18px}.g-tree-row{gap:6px;display:flex}#g-seed{border:1px solid var(--panel-edge);min-width:0;color:var(--amber-hot);font-family:var(--font-mono);background:#00000080;outline:none;flex:1;padding:6px 9px;font-size:12px}#g-seed:focus{border-color:var(--amber)}.g-btn{font-family:var(--font-display);letter-spacing:.12em;color:var(--ink);border:1px solid var(--panel-edge);cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#ffffff0a;padding:6px 12px;font-size:10.5px;font-weight:600}.g-btn:hover{border-color:var(--amber);color:var(--amber-hot)}.g-hint{color:var(--ink-dim);letter-spacing:.04em;margin-top:8px;font-size:10px;line-height:1.5}#g-icons{z-index:8;flex-wrap:wrap;align-content:flex-start;gap:14px;padding:26px;display:flex;position:absolute;inset:0;overflow-y:auto}.g-icon-cell{background:var(--panel);border:1px solid var(--panel-edge);cursor:pointer;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));flex-direction:column;align-items:center;gap:8px;width:108px;padding:12px 8px 9px;display:flex}.g-icon-cell:hover{border-color:var(--amber)}.g-icon-cell.active{border-color:var(--amber);box-shadow:inset 0 0 12px #e0a83e1f}.g-icon-cell canvas{image-rendering:pixelated}.g-icon-cell .g-icon-name{color:var(--ink-dim);text-align:center;letter-spacing:.04em;font-size:10px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#8cb49640}::-webkit-scrollbar-track{background:#0000004d}