:root{--bg:#0a0a0a;--panel:#101010;--line:#2c2c2c;--ink:#f2f2f2;--dim:#8a8a8a;--accent:#fff;--status:#8ef0a0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.app{width:100%;height:100dvh;display:flex}.viewport{flex:auto;min-width:0;position:relative}.stage canvas,canvas.stage{touch-action:none;display:block}.stage.pixelated canvas,canvas.stage.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}.panel{background:var(--panel);border-left:1px solid var(--line);overscroll-behavior:contain;flex-direction:column;flex:0 0 268px;display:flex;overflow-y:auto}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.panel-head .names{flex:1;min-width:0}.mood{letter-spacing:1px;cursor:help;color:#7f92a8;border:1px solid;border-radius:2px;padding:2px 6px;font-size:10px}.mood[data-mood=ALERT]{color:#7ecbc4}.mood[data-mood=WIRED]{color:#f5e050}.mood[data-mood=HOSTILE]{color:#e8642c}.mood[data-mood=SPENT]{color:#8d7fa8}.title{letter-spacing:3px;font-size:15px;font-weight:700}.sub{color:var(--dim);letter-spacing:1px}.actions{gap:6px;padding:8px 12px 0;display:flex}.actions button{color:var(--ink);border:1px solid var(--line);font:inherit;letter-spacing:1px;cursor:pointer;background:#171717;border-radius:2px;flex:auto;padding:6px 4px}.actions button.primary{background:#2a2a2a;border-color:#555;font-weight:700}.actions button.toggle{color:var(--dim)}.seed{color:var(--dim);align-items:center;gap:4px;display:flex}.seed input{width:78px;color:var(--ink);border:1px solid var(--line);font:inherit;background:#171717;border-radius:2px;padding:5px 4px}.note{color:var(--status);min-height:28px;padding:8px 12px}.groups{padding:0 0 40px}summary{cursor:pointer;letter-spacing:2px;color:var(--dim);-webkit-user-select:none;user-select:none;padding:7px 12px}summary::marker{color:#4a4a4a}details[open]>summary{color:var(--ink)}.stats-head{letter-spacing:2px;color:var(--dim);justify-content:space-between;align-items:baseline;padding:4px 0 6px;display:flex}.power{color:var(--status);letter-spacing:1px}.stat{grid-template-columns:56px 1fr 20px;align-items:center;gap:6px;padding:1px 0;display:grid}.stat-label{color:var(--dim)}.stat-bar{background:#1b1b1b;border:1px solid #333;height:6px;position:relative}.stat-bar:after{content:"";border-left:1px solid #5a5a5a;position:absolute;top:-1px;bottom:-1px;left:50%}.stat-bar>i{background:var(--status);height:100%;display:block}.stat-value{text-align:right;font-variant-numeric:tabular-nums}.traits{flex-wrap:wrap;gap:3px;padding-top:7px;display:flex}.trait{color:#cfc6e6;letter-spacing:1px;cursor:help;background:#221d31;border:1px solid #443b5e;border-radius:2px;padding:1px 5px;font-size:10px}.trait.none{color:var(--dim);cursor:default;background:0 0;border-style:dashed}.row{grid-template-columns:92px 1fr 32px;align-items:center;gap:6px;padding:2px 0;display:grid}.row-label{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-value{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}.row select{color:var(--ink);border:1px solid var(--line);font:inherit;background:#171717;border-radius:2px;grid-column:2/span 2;padding:3px 4px}input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:14px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:0;border-radius:1px;width:9px;height:14px;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:1px;width:9px;height:14px}.row-color{grid-template-columns:92px 1fr}.swatches{flex-wrap:wrap;gap:3px;display:flex}.swatch{cursor:pointer;border:1px solid #000;border-radius:2px;width:14px;height:14px;padding:0}.swatch.on{outline:1px solid var(--ink);outline-offset:1px}.swatch.pick{background:repeating-conic-gradient(#666 0% 25%,#222 0% 50%) 50%/6px 6px}@media (width<=720px){.app{flex-direction:column}.viewport{flex:55%}.panel{border-left:0;border-top:1px solid var(--line);flex:45%}.row{grid-template-columns:84px 1fr 30px}}.build{border-top:1px solid var(--line);color:var(--dim);letter-spacing:.08em;-webkit-user-select:all;user-select:all;margin-top:14px;padding-top:8px;font-size:10px}.freak-name{letter-spacing:.06em;color:var(--accent);overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.25}.actions button.star{min-width:38px;color:var(--ink);flex:none;font-size:15px;line-height:1}.favs{-webkit-overflow-scrolling:touch;flex:none;gap:8px;padding:8px 12px 2px;display:flex;overflow-x:auto}.fav{flex:none;width:72px;margin:0;position:relative}.fav-pick{border:1px solid var(--line);cursor:pointer;background:#121212;border-radius:2px;width:72px;height:87px;padding:0;display:block;overflow:hidden}.fav-pick img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.fav-blank{color:var(--dim);font-size:10px}.fav-del{border:1px solid var(--line);width:18px;height:18px;color:var(--dim);cursor:pointer;background:#171717;border-radius:50%;padding:0;font-size:12px;line-height:1;position:absolute;top:-6px;right:-6px}.fav-del:hover{color:#e77;border-color:#5a3a3a}.fav figcaption{letter-spacing:.04em;color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.catalog>summary{color:var(--dim)}.catalog[open]>summary{color:var(--ink)}.cat-hint{color:var(--dim);padding:0 12px 8px;font-size:10px;line-height:1.5}.catalog details{border-top:1px solid var(--line)}.cat-count{color:#4a4a4a;letter-spacing:0;margin-left:6px}.tiles{flex-wrap:wrap;gap:6px;padding:6px 12px 12px;display:flex}.tile{border:1px solid var(--line);cursor:pointer;width:76px;font:inherit;color:var(--dim);background:#131313;border-radius:2px;padding:4px 2px 3px}.tile img{width:64px;height:74px;image-rendering:pixelated;margin:0 auto;display:block}.tile-wait{color:#4a4a4a;justify-content:center;align-items:center;width:64px;height:74px;margin:0 auto;display:flex}.tile-label{text-align:center;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;display:block;overflow:hidden}.viewport{min-width:0;min-height:0;position:relative}.edit-toggle{color:var(--dim);border:1px solid var(--line);font:inherit;letter-spacing:2px;cursor:pointer;background:#151515cc;border-radius:2px;padding:6px 14px;position:absolute;top:10px;left:10px}.edit-toggle:hover{border-color:#555}.edit-toggle.on{color:var(--accent);background:#1f1f1fcc;border-color:#6e6e6e}.edit-tools{flex-direction:column;gap:4px;display:flex;position:absolute;top:46px;left:10px}.edit-tool{color:var(--dim);border:1px solid var(--line);font:inherit;letter-spacing:1px;cursor:pointer;text-align:left;background:#151515cc;border-radius:2px;padding:5px 10px;font-size:10px}.edit-tool:hover{border-color:#555}.edit-tool.on{color:var(--accent);background:#1f1f1fcc;border-color:#6e6e6e}.edit-style{color:var(--ink);font:inherit;background:#151515cc;border:1px solid #6e6e6e;border-radius:2px;max-width:120px;padding:4px 6px;font-size:10px}.edit-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}@media (width<=720px){.edit-tools{flex-flow:wrap;align-items:flex-end;inset:auto 8px 8px}.edit-grid{display:contents}.edit-tool{padding:8px 10px;font-size:11px}.edit-style{flex:100%;order:2;max-width:none;padding:8px}.edit-toggle{padding:8px 16px}}.gizmo{background:#111e;border:1px solid #6e6e6e;border-radius:4px;flex-direction:column;gap:7px;min-width:196px;padding:10px 12px;display:flex;position:absolute;bottom:10px;right:10px}.gizmo-head{letter-spacing:1px;color:var(--accent);text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.gz-x{border:1px solid var(--line);color:#f0564a;font:inherit;cursor:pointer;background:0 0;border-radius:2px;padding:3px 9px;font-size:14px;line-height:1}.gz-row{align-items:center;gap:5px;display:flex}.gz-cap{color:var(--dim);letter-spacing:1.5px;text-transform:uppercase;flex:none;width:34px;font-size:10px}.gz{min-width:34px;color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#171717;border-radius:2px;flex:auto;padding:7px 0;font-size:13px;line-height:1}.gz:active{border-color:var(--accent);color:var(--accent)}.gz-hint{color:var(--dim);letter-spacing:.5px;font-size:10px}@media (width<=720px){.app.edit-on .viewport{z-index:4;position:fixed;inset:0}.gizmo{min-width:0;bottom:8px;left:8px;right:8px}.gz{padding:10px 0}}.gz-val{text-align:center;min-width:46px;color:var(--accent);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.gz-ok{color:var(--accent);letter-spacing:1px;border-color:#6e6e6e;font-size:11px}.viewport{touch-action:none}button,select,input{touch-action:manipulation}.edit-toggle,.edit-tools,.gizmo{z-index:5}.edit-exit{color:var(--accent);border-color:#6e6e6e}@media (width<=720px){.edit-exit{text-align:center;flex:100%;order:-1;padding:10px}}.app.walk-on .viewport{z-index:4;position:fixed;inset:0}.walk-toggle{left:86px}.app.walk-on .walk-toggle{color:var(--accent);border-color:#6e6e6e;left:10px}.walk-hint{z-index:5;border:1px solid var(--line);color:var(--dim);letter-spacing:1px;background:#151515cc;padding:5px 9px;font-size:10px;position:absolute;top:12px;right:12px}.stick{border:1px solid var(--line);z-index:5;touch-action:none;background:#15151566;border-radius:50%;width:120px;height:120px;display:none;position:absolute;bottom:26px;left:18px}.stick-knob{border:1px solid var(--line);pointer-events:none;background:#5558;border-radius:50%;width:48px;height:48px;position:absolute;top:36px;left:36px}.stick-right{width:104px;height:104px;left:auto;right:18px}.stick-right .stick-knob{top:28px;left:28px}.jump-btn{width:62px;height:62px;color:var(--accent);font:inherit;z-index:5;touch-action:none;background:#1f1f1fcc;border:1px solid #6e6e6e;border-radius:50%;font-size:22px;display:none;position:absolute;bottom:152px;right:40px}.jump-btn:active{background:#2e2e2ecc}.walk-sens{z-index:5;border:1px solid var(--line);color:var(--dim);letter-spacing:1px;background:#151515cc;align-items:center;gap:7px;padding:5px 9px;font-size:10px;display:flex;position:absolute;top:42px;right:12px}.walk-sens input[type=range]{width:90px}.walk-sens-val{color:var(--accent);font-variant-numeric:tabular-nums;min-width:26px}@media (pointer:coarse){.stick,.jump-btn{display:block}.walk-hint,.walk-sens{display:none}}.gz-split{width:100%;color:var(--accent);letter-spacing:1px;border-color:#6e6e6e;flex:none;padding:8px 0;font-size:11px}:root{--bg:#050505;--panel:#0a0a0a;--line:#262626;--dim:#7a7a7a}body{font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}button,select,input{transition:border-color .15s,color .15s,background .15s}button{border-radius:0}.panel{border-left:1px solid #1b1b1b}.panel-head{border-bottom:1px solid #1b1b1b;padding:16px 14px 12px}.title{letter-spacing:4px;font-size:16px}.sub{letter-spacing:2px;font-size:10px}.actions{padding:10px 14px 0}.actions button{letter-spacing:1.5px;background:0 0;border:1px solid #2a2a2a;border-radius:0;padding:7px 4px;font-size:11px}.actions button:hover{border-color:#8a8a8a}.actions button.primary{background:var(--ink);color:#000;border-color:var(--ink)}.actions button.primary:hover{background:#d7d7d7;border-color:#d7d7d7}.actions button.toggle.on{color:var(--ink);border-color:#8a8a8a}.seed input{background:0 0;border:1px solid #2a2a2a;border-radius:0}.seed input:focus{border-color:#8a8a8a;outline:none}.note{padding:10px 14px 6px;font-size:11px}details{border-top:1px solid #1b1b1b}summary{letter-spacing:3px;text-transform:uppercase;padding:10px 14px;font-size:10px;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"+";color:#4e4e4e;width:13px;display:inline-block}details[open]>summary:before{content:"−"}.group-body{padding:4px 14px 12px}.row-label{font-size:11px}.row select{background:0 0;border:1px solid #2a2a2a;border-radius:0;padding:4px}.row select:hover{border-color:#8a8a8a}input[type=range]::-webkit-slider-runnable-track{background:#303030;height:1px}input[type=range]::-moz-range-track{background:#303030;height:1px}input[type=range]::-webkit-slider-thumb{border-radius:0;width:3px;height:13px;margin-top:-6px}input[type=range]::-moz-range-thumb{border-radius:0;width:3px;height:13px}.stats{border-top:1px solid #1b1b1b;padding:8px 14px 12px}.stats-head{letter-spacing:3px;font-size:10px}.stat-bar{background:#161616;border:0;height:4px}.stat-bar:after{border-left-color:#3a3a3a;top:0;bottom:0}.trait{color:#9ad4a4;background:0 0;border:1px solid #2f4633;border-radius:0}.trait.none{color:#565656;border-color:#2a2a2a}.fav-pick{background:#0c0c0c;border-radius:0}.fav-pick:hover{border-color:#8a8a8a}.fav-del{background:#0c0c0c}.tile{background:0 0;border-radius:0}.tile:hover{border-color:#8a8a8a}.tile.on{border-color:var(--ink)}.tile.on .tile-label{color:var(--ink)}.edit-toggle,.edit-tool,.edit-style,.walk-hint,.walk-sens,.gizmo{-webkit-backdrop-filter:blur(6px);background:#050505b3;border-color:#2e2e2e;border-radius:0}.edit-toggle{letter-spacing:3px;font-size:11px}.edit-toggle:hover,.edit-tool:hover{border-color:#8a8a8a}.edit-toggle.on,.edit-tool.on,.app.walk-on .walk-toggle{color:var(--ink);background:#050505b3;border-color:#8a8a8a}.edit-exit,.gz-ok{color:var(--ink);border-color:#8a8a8a}.gizmo{border-color:#2e2e2e;border-radius:0}.gz{background:0 0;border-radius:0}.gz:active{background:var(--ink);color:#000;border-color:var(--ink)}.gz-val{color:var(--ink)}.gizmo-head{color:var(--ink);letter-spacing:2px}.jump-btn{-webkit-backdrop-filter:blur(6px);color:var(--ink);background:#0505058c;border-color:#6a6a6a}.jump-btn:active{background:var(--ink);color:#000}.stick{background:#08080859;border-color:#3a3a3a}.stick-knob{background:#fff3;border-color:#ffffff47}.walk-sens-val{color:var(--ink)}.walk-zoom{z-index:5;-webkit-backdrop-filter:blur(6px);color:var(--dim);background:#050505b3;border:1px solid #2e2e2e;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:none;position:absolute;top:12px;right:12px}.walk-zoom input[type=range]{width:104px}@media (pointer:coarse){.walk-zoom{display:flex}}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:#202020}.panel::-webkit-scrollbar-track{background:0 0}.stamina{z-index:5;opacity:0;pointer-events:none;background:#161616;border:1px solid #2e2e2e;width:220px;height:5px;transition:opacity .35s;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.stamina i{background:var(--status);transform-origin:0;height:100%;display:block;transform:scaleX(1)}.bomb-btn{left:96px}@media (width<=720px){.bomb-btn{top:10px;left:auto;right:12px}}.bomb-hud{z-index:5;-webkit-backdrop-filter:blur(6px);color:var(--ink);letter-spacing:1.5px;white-space:nowrap;background:#050505b3;border:1px solid #2e2e2e;padding:6px 12px;font-size:11px;position:absolute;top:44px;left:50%;transform:translate(-50%)}.bomb-banner{z-index:7;-webkit-backdrop-filter:blur(8px);text-align:center;background:#050505d1;border:1px solid #3a3a3a;flex-direction:column;align-items:center;gap:16px;padding:24px 30px;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.bomb-title{letter-spacing:3px;font-size:14px}.bomb-actions{gap:10px;display:flex}.bomb-actions button{color:var(--ink);font:inherit;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #2e2e2e;padding:9px 20px}.bomb-actions button:hover{border-color:#8a8a8a}.bomb-actions button:first-child{background:var(--ink);color:#000;border-color:var(--ink)}.snow-btn{top:46px}.app.walk-on .snow-btn{left:10px}.crosshair{z-index:5;pointer-events:none;opacity:.85;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%}.crosshair:before,.crosshair:after{content:"";background:var(--ink);position:absolute}.crosshair:before{width:2px;height:16px;top:0;left:7px}.crosshair:after{width:16px;height:2px;top:7px;left:0}.charge{z-index:5;opacity:0;pointer-events:none;background:#161616;border:1px solid #2e2e2e;width:90px;height:4px;transition:opacity .15s;position:absolute;top:calc(50% + 18px);left:50%;transform:translate(-50%)}.charge i{background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.throw-btn{-webkit-backdrop-filter:blur(6px);width:62px;height:62px;color:var(--ink);font:inherit;z-index:5;touch-action:none;background:#0505058c;border:1px solid #6a6a6a;border-radius:50%;font-size:24px;display:none;position:absolute;bottom:226px;right:40px}.throw-btn:active{background:var(--ink);color:#000}@media (pointer:coarse){.throw-btn{display:block}}.quickbar{z-index:7;gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.quickbar button{font:inherit;letter-spacing:3px;cursor:pointer;color:var(--ink);-webkit-backdrop-filter:blur(6px);background:#050505a6;border:1px solid #3a3a3a;border-radius:2px;padding:11px 24px;font-size:12px}.quickbar .qb-random{background:var(--ink);color:#000;border-color:var(--ink);font-weight:700}.quickbar .qb-random:hover{background:#d7d7d7;border-color:#d7d7d7}.quickbar .qb-menu{letter-spacing:0;min-width:52px;padding:11px 0;font-size:18px;line-height:1}.quickbar .qb-menu:hover{border-color:#8a8a8a}.quickbar .qb-menu.on{border-color:var(--ink);background:#1a1a1a}.viewport-note{z-index:6;border:1px solid var(--line);max-width:84vw;color:var(--status);text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(6px);background:#050505b3;padding:6px 12px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.drawer-scrim{z-index:5;background:#00000059;position:fixed;inset:0}.drawer{z-index:6;background:var(--panel);border-left:1px solid var(--line);flex-direction:column;width:min(300px,92vw);transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(103%);box-shadow:-14px 0 40px #00000073}.drawer.open{transform:none}.drawer .panel{border-top:0;border-left:0;flex:auto;width:100%;min-height:0}.drawer-modes{border-bottom:1px solid var(--line);gap:6px;padding:10px 12px;display:flex}.drawer-modes button{color:var(--ink);font:inherit;letter-spacing:3px;cursor:pointer;background:#171717;border:1px solid #3a3a3a;border-radius:2px;flex:auto;padding:9px 4px;font-size:11px}.drawer-modes button:hover{border-color:#8a8a8a}.drawer-modes .drawer-close{letter-spacing:0;flex:none;min-width:42px;font-size:13px}@media (width<=720px){.drawer{border-left:0;border-top:1px solid var(--line);width:auto;top:18vh;left:0;right:0;transform:translateY(105%)}.drawer.open{transform:none}.app.menu-on .quickbar{display:none}}.swap-pick{color:var(--dim);letter-spacing:3px;align-items:center;gap:8px;padding:8px 14px 0;font-size:10px;display:flex}.swap-pick select{min-width:0;color:var(--ink);font:inherit;letter-spacing:0;background:#171717;border:1px solid #3a3a3a;border-radius:2px;flex:auto;padding:6px;font-size:11px}.swap-pick select:hover{border-color:#8a8a8a}:root{--reticle:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26'><g fill='none' stroke='%23000' stroke-opacity='.55' stroke-width='3'><path d='M13 1v7M13 18v7M1 13h7M18 13h7'/></g><g fill='none' stroke='%23fff' stroke-width='1.4'><path d='M13 1v7M13 18v7M1 13h7M18 13h7'/></g></svg>") 13 13, crosshair}html,body,.app,.viewport,.stage canvas,canvas.stage,.panel,.drawer{cursor:var(--reticle)}button,select,summary,.fav-pick,.swatch,a{cursor:pointer}input[type=text],input[type=number]{cursor:text}input[type=range]{cursor:ew-resize}.quickbar button{border-radius:0;font-weight:400}.quickbar .qb-random{letter-spacing:4px;font-weight:400}.veil{object-fit:fill;z-index:5;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;animation:.46s ease-out forwards veil-out;position:absolute;inset:0}@keyframes veil-out{0%{opacity:1}45%{opacity:1}to{opacity:0}}.actions.summon input{min-width:0;color:var(--ink);border:1px solid var(--line);font:inherit;letter-spacing:1px;background:#171717;border-radius:2px;flex:auto;padding:6px 8px}.actions.summon input:focus{border-color:#555;outline:none}.actions.summon input::placeholder{color:#666;letter-spacing:0}.actions.morph{align-items:center;gap:8px}.actions.morph span{text-overflow:ellipsis;white-space:nowrap;max-width:34%;color:var(--dim);letter-spacing:1px;flex:none;font-size:11px;overflow:hidden}.actions.morph input{flex:auto;min-width:0}.veil.hold{opacity:1;animation:none}.mix-hud{z-index:4;pointer-events:none;position:absolute;inset:0}.mix-tag{pointer-events:auto;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;transform:translate(-50%,6px)}.mix-a{left:var(--mx-ax,30%);top:var(--mx-ay,30%)}.mix-b{left:var(--mx-bx,70%);top:var(--mx-by,30%)}.mix-child{left:var(--mx-cx,50%);top:var(--mx-cy,70%)}.mix-tag button{min-width:30px;color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;background:#171717d9;padding:4px 8px;font-size:12px}.mix-tag button:hover:not(:disabled){border-color:#8a8a8a}.mix-hud button:disabled{opacity:.4;cursor:default}.mix-slider{border:1px solid var(--line);color:var(--dim);background:#171717d9;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:flex}.mix-slider input{width:170px;max-width:42vw}.mix-bar{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.mix-bar button{color:var(--ink);border:1px solid var(--line);font:inherit;letter-spacing:2px;cursor:pointer;background:#171717d9;padding:8px 12px;font-size:11px}.mix-bar button:hover:not(:disabled){border-color:#8a8a8a}@media (width<=720px){.mix-tag button{min-width:40px;padding:8px 10px}.mix-slider input{width:200px}.mix-bar{padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0a0a0ae6;bottom:0;left:0;right:0;transform:none}.mix-bar button{flex:40%;padding:10px 6px}}.wordmark{z-index:3;color:var(--dim);opacity:.4;letter-spacing:2px;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10px;position:absolute;bottom:10px;left:12px}@media (width<=720px){.wordmark{letter-spacing:1px;opacity:.35;font-size:9px}}.intro{z-index:20;background:var(--bg,#0b0a10);position:fixed;inset:0;overflow:hidden}.intro.at-leaving{animation:.3s ease-in forwards intro-leave}@keyframes intro-leave{to{opacity:0;visibility:hidden}}.intro-wall{place-content:center;display:grid;position:absolute;inset:0}.intro-wall i{width:100%;height:100%;image-rendering:pixelated;opacity:0;background-image:url(/intro.png);background-repeat:no-repeat;background-size:1000% 600%;animation:.26s ease-out forwards intro-in,.42s ease-in forwards intro-out;display:block;transform:scale(.7)}@keyframes intro-in{0%{opacity:0;transform:scale(.7)translateY(6px)}to{opacity:1;transform:none}}@keyframes intro-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(1.15)translateY(-14px)}}.intro-ask{text-align:center;width:min(520px,86vw);animation:.42s ease-out both intro-rise;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.at-going .intro-ask{animation:.22s ease-in forwards intro-fade}@keyframes intro-rise{0%{opacity:0;transform:translate(-50%,calc(14px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes intro-fade{to{opacity:0}}.intro-line{color:var(--dim);letter-spacing:2px;margin:0 0 14px;font-size:13px}.intro-box{gap:8px;display:flex}.intro-box input{min-width:0;color:var(--ink);font:inherit;letter-spacing:2px;background:#171717;border:1px solid #3a3a3a;border-radius:0;flex:auto;padding:14px 16px;font-size:16px}.intro-box input:focus{border-color:#8a8a8a;outline:none}.intro-box input::placeholder{color:#5f5f66;letter-spacing:1px}.intro-box button{color:#121118;font:inherit;letter-spacing:3px;cursor:pointer;background:#f2f0ea;border:1px solid #f2f0ea;border-radius:0;padding:14px 22px;font-size:13px}.intro-box button:hover{background:#fff}.intro-skip{color:#5f5f66;font:inherit;letter-spacing:1px;cursor:pointer;background:0 0;border:0;margin-top:16px;padding:6px;font-size:11px;text-decoration:underline}.intro-skip:hover{color:var(--dim)}.intro-greeter{width:230px;height:270px;animation:.52s cubic-bezier(.2,.9,.3,1) both intro-stepup;position:absolute;bottom:0;left:24px}.at-going .intro-greeter{animation:.42s ease-in .18s forwards intro-duck}@keyframes intro-stepup{0%{transform:translateY(100%)}to{transform:none}}@keyframes intro-duck{to{transform:translateY(105%)}}.intro-greeter .greeter-canvas{background:0 0!important}.intro-bubble{border:1px solid var(--line);width:max-content;max-width:60vw;color:var(--ink);letter-spacing:1px;background:#171717e6;padding:7px 10px;font-size:11px;animation:.3s ease-out .38s both bubble-rise;position:absolute;top:17%;left:34%}@keyframes bubble-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.at-going .intro-bubble{animation:.16s ease-in forwards intro-fade}@media (width<=720px){.intro-ask{top:38%}.intro-greeter{width:170px;height:200px;left:8px}.intro-bubble{padding:6px 8px;font-size:10px;left:30%}}.mine-card{z-index:5;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:5px;padding:0 10px;animation:.6s ease-out .5s both mine-in;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.mine-card b{letter-spacing:5px;text-transform:uppercase;color:var(--ink);font-size:15px}.mine-card span{letter-spacing:2px;color:var(--dim);font-size:10px}@keyframes mine-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@media (width<=720px){.mine-card{top:14px}.mine-card b{letter-spacing:3px;font-size:13px}.mine-card span{letter-spacing:1px;font-size:9px}}