*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--stage,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);max-width:calc(100% - 132px);color:var(--dim);letter-spacing:1px;pointer-events:none;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}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;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:18px;left:8px;right:8px}.quickbar>*{pointer-events:auto}.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);flex-wrap:wrap;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}.drawer-modes .drawer-look{letter-spacing:1px;min-width:0;color:var(--dim);flex:none;padding:9px 6px;font-size:9px}.drawer-modes .drawer-look.is-on{color:var(--ink);border-color:#8a8a8a}.drawer-old{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:8px 12px 10px;display:flex}.drawer-old button{color:var(--ink);font:inherit;letter-spacing:2px;text-align:left;cursor:pointer;background:#121212;border:1px solid #2e2e2e;border-radius:2px;padding:8px 10px;font-size:11px}.drawer-old button:hover{border-color:#8a8a8a}@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}html,body,.app,.viewport,.stage canvas,canvas.stage,.panel,.drawer{cursor:crosshair;cursor:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2026%2026'%20width='26'%20height='26'%3E%3Cg%20fill='none'%20stroke='%23000'%20stroke-opacity='.7'%20stroke-width='4'%3E%3Cpath%20d='M13%201v7M13%2018v7M1%2013h7M18%2013h7'/%3E%3Ccircle%20cx='13'%20cy='13'%20r='1'/%3E%3C/g%3E%3Cg%20fill='none'%20stroke='%23fff'%20stroke-width='2'%3E%3Cpath%20d='M13%201v7M13%2018v7M1%2013h7M18%2013h7'/%3E%3C/g%3E%3Crect%20x='12'%20y='12'%20width='2'%20height='2'%20fill='%23fff'/%3E%3C/svg%3E") 13 13,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAA9ElEQVR4AeyVzQ3CMAxGCxswCTtwphsgbgzAHkgMwI0VyhmJDWASYAJ4n9tUqGrUGATikMgvdl3HTt2/cfGj4S1UPZrB/ipIFm+h5MTdwFyo25Hk49y6ctQMelZCsvxl6yZsfw37BtnycTgs4Yr0lscIWVYYM1ByIVs+XCax9fIXVoivyjyGpainqVSIkw3mQxfB36d13grJ+DZWiAfpEONlAxfZIU42nMEk+Pu0AqwQhh7VGJw22TGf4A5XOIJ8KJPYevnre2Rhw5OSbwhbwBK2cIMkCVeUFPxJkLdQ/vG13fa2rl3oNXIhb8faeG/r3v7xPQEAAP//hZR+6wAAAAZJREFUAwADUnA1smODiwAAAABJRU5ErkJggg==) 13 13,crosshair}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%);transform:translate(-50%,34px)}.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{align-items:center;display:flex}.mix-slider input{appearance:none;cursor:pointer;background:0 0;width:190px;max-width:46vw;height:22px}.mix-slider input::-webkit-slider-runnable-track{background:#46464f;border-radius:1px;height:2px}.mix-slider input::-webkit-slider-thumb{-webkit-appearance:none;background:#d8d2c4;border:0;border-radius:50%;width:11px;height:11px;margin-top:-4.5px}.mix-slider input::-moz-range-track{background:#46464f;border-radius:1px;height:2px}.mix-slider input::-moz-range-thumb{background:#d8d2c4;border:0;border-radius:50%;width:11px;height:11px}.mix-slider input:hover::-webkit-slider-thumb{background:#fff}.mix-slider input:hover::-moz-range-thumb{background:#fff}.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}.mix-more{display:none}.mix-extra{display:contents}@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:auto;padding:12px 6px}.mix-more{flex:0 0 52px;display:block}.mix-extra{display:none}.mix-extra.open{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:calc(100% + 8px);right:8px}.mix-extra.open button{flex:none;padding:12px 18px}}.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}}.whatsnew{z-index:3;color:var(--dim);opacity:.45;letter-spacing:2px;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:10px;text-decoration:none;position:absolute;bottom:10px;right:12px}.whatsnew:hover{opacity:1;color:var(--ink)}@media (width<=720px){.whatsnew{letter-spacing:1px;opacity:.4;font-size:9px;bottom:62px}}.intro{z-index:20;background:var(--stage,#0a0a0a);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{flex:auto;min-width:0}.intro-skip{margin-top:16px}.intro-other{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-top:14px;display:flex}.intro-other .intro-skip{margin-top:0}.intro-feed{letter-spacing:2px;align-items:center;gap:8px;padding:9px 16px;font-size:11px;display:inline-flex}.intro-feed .feed-mark{flex:none;display:block}.intro-feed span{text-align:left;min-width:calc(11ch + 22px);display:block}.intro-feed.is-reading{color:#d8d2c4;cursor:progress;border-color:#55555f;animation:1.1s ease-in-out infinite hd-reading}@keyframes hd-reading{0%,to{opacity:1}50%{opacity:.45}}.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{width:max-content;max-width:60vw;color:var(--ink);letter-spacing:1px;background:0 0;border:1px solid #3a3a3a;padding:7px 10px;font-size:11px;animation:.3s ease-out .38s both bubble-rise;position:absolute;top:10%;left:34%}.intro-bubble:after{content:"";background:var(--stage,#0a0a0a);border-bottom:1px solid #3a3a3a;border-left:1px solid #3a3a3a;width:17px;height:17px;position:absolute;bottom:-9px;left:18px;transform:rotate(-45deg)}@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;top:2%;left:30%}.intro-bubble:after{width:15px;height:15px;bottom:-8px;left:14px}}.look-b .conv{text-align:center;width:min(720px,100vw);animation:.42s ease-out both intro-rise;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.at-going.look-b .conv{animation:.22s ease-in forwards intro-fade}.look-b .conv-cap{margin:0 0 20px}.look-b .conv-belt{--pitch:126px;--shift:192px;--reach:max(calc(50vw + 60px), calc(var(--pitch) * var(--n,20) / 2));width:100vw;height:200px;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.look-b .conv-lane{position:absolute;top:0;bottom:0;overflow:hidden}.look-b .conv-lane-in{left:0;right:50%}.look-b .conv-lane-out{left:50%;right:0}.look-b .conv-slot{background:var(--stage,#0a0a0a);width:180px;height:180px;color:var(--ink);font:inherit;cursor:pointer;z-index:2;border:2px dashed #5a5a62;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.look-b .conv-slot:hover{border-color:#f2f0ea}.look-b .conv-slot:disabled{cursor:progress;animation:1.1s ease-in-out infinite hd-reading}.look-b .conv-plus{font-size:64px;font-weight:300;line-height:1}.look-b .conv-word{letter-spacing:2px;color:var(--dim);font-size:11px}.look-b .conv-photo,.look-b .conv-freak{width:96px;height:112px;image-rendering:pixelated;background-image:url(/door-pairs.png);background-repeat:no-repeat;margin:-56px 0 0 -48px;animation-name:conv-run;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;top:50%}.look-b .conv-photo{left:100%}.look-b .conv-freak{width:120px;height:140px;margin:-70px 0 0 calc(var(--shift) - 60px);left:0}@keyframes conv-run{0%{transform:translateX(calc(-1 * var(--reach)))}to{transform:translateX(var(--reach))}}@media (prefers-reduced-motion:reduce){.look-b .conv-photo,.look-b .conv-freak{animation:none}.look-b .conv-photo{transform:translateX(calc(-1 * var(--shift)))}.look-b .conv-photo:not(:first-child),.look-b .conv-freak:not(:first-child){display:none}}.look-b .conv-or{color:#5f5f66;letter-spacing:3px;text-transform:uppercase;margin:14px 0 12px;font-size:11px}.look-b .intro-ask.conv-ask{width:min(520px,86vw);margin:0 auto;animation:none;position:static;transform:none}.look-b .intro-box button{white-space:nowrap}.look-b .conv-ask .intro-line,.look-b .conv-ask .intro-feed{display:none}@media (width<=720px){.look-b .conv{top:42%}.look-b .conv-belt{--pitch:106px;--shift:140px;height:150px}.look-b .conv-slot{width:128px;height:128px}.look-b .conv-plus{font-size:44px}.look-b .conv-photo{width:72px;height:84px;margin:-42px 0 0 -36px}.look-b .conv-freak{width:96px;height:112px;margin:-56px 0 0 calc(var(--shift) - 48px)}}.prop-canvas{inset:0;background:0 0!important;width:100%!important;height:100%!important;position:absolute!important}.look-c .egg-stage{width:300px;height:340px;animation:.42s ease-out both intro-rise;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.look-c .egg-glow{background:radial-gradient(#ffbe5a61,#ffbe5a00 70%);width:280px;height:90px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.look-c .intro-ask.egg-ask{top:76%}@media (prefers-reduced-motion:reduce){.look-c .egg{animation:none}}@media (width<=720px){.look-c .egg-stage{width:240px;height:272px;top:34%}.look-c .intro-ask.egg-ask{top:70%}}.look-d .gacha{width:300px;height:450px;animation:.42s ease-out both intro-rise;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.look-d .intro-ask.gacha-ask{z-index:4;width:auto;animation:none;position:absolute;inset:0;transform:none}.look-d .gacha-ask .intro-line{margin:0;position:absolute;top:-34px;left:0;right:0}.look-d .gacha-ask .intro-box{align-items:center;gap:10px;position:absolute;top:61%;left:15%;right:15%}.look-d .gacha-ask .intro-box input{letter-spacing:1px;text-align:center;background:#0a0a0a;border-color:#8a8a92;padding:8px;font-size:12px}.look-d .gacha-ask .intro-box input::placeholder{letter-spacing:0;font-size:10px}.look-d .gacha-ask .intro-box button{letter-spacing:1px;color:#2a1f10;background:#e8b64c;border-color:#8a6c2c;border-radius:50%;flex:none;width:50px;height:50px;padding:0;font-size:10px;transition:transform .4s ease-out}.look-d .gacha-ask .intro-box button:hover{background:#f2c85c}.look-d .is-open .gacha-ask .intro-box button{transform:rotate(180deg)}.look-d .gacha-ask .intro-box{transition:opacity .3s ease-out .45s}.look-d .is-open .gacha-ask .intro-box{opacity:0}.look-d .gacha-ask .intro-other{margin:0;position:absolute;top:103%;left:-40px;right:-40px}@media (width<=720px){.look-d .gacha{width:240px;height:360px;top:40%}.look-d .gacha-ask .intro-box button{width:42px;height:42px}}.look-e .gate{width:260px;height:360px;animation:.42s ease-out both intro-rise;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.look-e .gate-plate{text-align:center;color:#3a2a10;letter-spacing:1px;pointer-events:none;z-index:2;width:80px;font-size:11px;font-weight:700;position:absolute;top:44.7%;left:50%;transform:translate(-50%,-50%)}.look-e .intro-ask.gate-ask{top:78%}@media (width<=720px){.look-e .gate{width:208px;height:288px;top:34%}.look-e .intro-ask.gate-ask{top:70%}}.mine-card{z-index:5;text-align:center;pointer-events:none;overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:5px;max-width:calc(100vw - 200px);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{max-width:calc(100vw - 32px);top:48px}.mine-card b{letter-spacing:3px;font-size:13px}.mine-card span{letter-spacing:1px;font-size:9px}}.qb-share{letter-spacing:3px}.share-scrim{z-index:7;background:#0a0a0a8c;position:fixed;inset:0}.share-sheet{z-index:8;background:var(--panel);border:1px solid var(--line);text-align:center;width:min(420px,100vw - 24px);padding:16px 16px 14px;animation:.22s ease-out both share-up;position:absolute;bottom:68px;left:50%;transform:translate(-50%)}@keyframes share-up{0%{opacity:0}to{opacity:1}}.share-cap{color:var(--dim);letter-spacing:3px;text-transform:uppercase;margin:0 0 12px;font-size:10px}.share-ways{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.share-ways button{background:var(--raised);min-width:92px;color:var(--ink);border:1px solid var(--line);letter-spacing:1px;cursor:pointer;flex:auto;padding:10px 12px;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.share-ways button:hover{border-color:var(--accent);color:var(--accent)}.share-ways .share-copy{flex-basis:100%}.share-note{color:var(--dim);letter-spacing:1px;margin:12px 0 0;font-size:10px}@media (width<=720px){.share-sheet{bottom:62px}}.codex{z-index:6;pointer-events:none;letter-spacing:.4px;color:var(--cx-ink,var(--ink));font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.7;position:absolute;inset:0}.codex .cx-lines{width:100%;height:100%;position:absolute;inset:0}.codex .cx-lines path{fill:none;stroke:var(--cx-line);stroke-width:1px}.codex .cx-dot{fill:#e8642c}.codex .cx-head{white-space:pre;position:absolute;top:58px;left:16px}.codex .cx-head div{min-height:1.7em}.codex s{color:#e8642c;text-decoration:none}.codex .cx-label{white-space:nowrap;max-width:34vw;color:var(--cx-dim);position:absolute}.codex .cx-right{text-align:right;right:14px}.codex .cx-left{left:14px}.codex .cx-foot{color:var(--cx-dim);position:absolute;bottom:74px;left:16px}.codex .cx-foot pre{font:inherit;white-space:pre-wrap;word-break:break-all;max-width:min(560px,46vw);color:var(--cx-ink);margin:4px 0 8px}.codex .cx-copy{pointer-events:auto;font:inherit;letter-spacing:3px;cursor:pointer;border:1px solid var(--cx-dim);color:var(--cx-ink);background:0 0;border-radius:0;padding:7px 14px;font-size:10px}.codex .cx-copy:hover{border-color:var(--cx-ink)}.codex .cx-foot-row{gap:8px;display:flex}.codex .cx-preview{pointer-events:auto}.codex .cx-preview-page{border:1px solid var(--cx-dim);background:#fff;width:238px;height:312px;margin-top:10px;padding:12px;overflow:hidden}.codex .cx-preview-page iframe{transform-origin:0 0;border:0;transform:scale(.595)}.quickbar .qb-code{letter-spacing:0;min-width:52px;padding:11px 8px}.quickbar .qb-code:hover{border-color:#8a8a8a}.quickbar .qb-code.on{border-color:var(--ink);background:#1a1a1a}@media (width<=640px){.codex{font-size:9px}.codex .cx-head{top:118px;left:10px}.codex .cx-label{max-width:44vw}.codex .cx-foot pre{display:none}.codex .cx-foot{bottom:84px}}.cardmode{z-index:30;-webkit-backdrop-filter:blur(10px);background:#0a0a0ad1;place-items:center;display:grid;position:absolute;inset:0}.holo-tilt{perspective:1100px}.holo-card{aspect-ratio:63/88;width:min(400px,86vw,52dvh);transform-style:preserve-3d;color:#f2f0ea;background:#121118;border:1px solid #3a3a3a;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:relative;box-shadow:0 30px 70px #0009}.holo-back{letter-spacing:6px;color:#f2f0ea12;-webkit-user-select:none;user-select:none;place-items:end center;padding-bottom:8%;font-size:34px;display:grid;position:absolute;inset:8%;transform:translateZ(-55px)scale(1.1)}.holo-window{border:1px solid #2a2a30;position:absolute;inset:9% 6% 27%;overflow:hidden}.holo-window canvas{width:100%!important;height:100%!important}.holo-frame{pointer-events:none;flex-direction:column;justify-content:space-between;padding:4.5% 6%;display:flex;position:absolute;inset:0;transform:translateZ(6px)}.holo-frame header{text-shadow:0 2px 8px #000c;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.holo-frame header b{letter-spacing:2px;font-size:13px;font-weight:700}.holo-frame header em{letter-spacing:1px;color:#8a8a8a;margin-top:2px;font-size:9px;font-style:normal;display:block}.holo-frame s,.holo-fact s{color:#8a8a8a;text-decoration:none}.holo-frame footer{letter-spacing:.5px;text-shadow:0 2px 8px #000c;font-size:10.5px;line-height:1.75}.holo-tier{letter-spacing:3px;color:var(--tier,#8a8a8a);align-items:baseline;gap:10px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.holo-tier i{letter-spacing:1px;color:#8a8a8a;font-size:9.5px;font-style:normal;font-weight:400}.holo-fact{justify-content:space-between;gap:12px;display:flex}.holo-bio{color:#b9b6ae;border-top:1px solid #2a2a30;margin-top:6px;padding-top:6px;font-size:9.5px}.tier-common{--tier:#9a9a9a}.tier-uncommon{--tier:#7ec97e}.tier-rare{--tier:#6fa8dc}.tier-epic{--tier:#b07fd6}.tier-legendary{--tier:#e8642c}.tier-mythic{--tier:#34d6c2}.tier-prime{--tier:#f4f0ff}.holo-shine{pointer-events:none;opacity:calc(.25 + var(--glow,0) * .55);mix-blend-mode:color-dodge;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), #ffffff47 0%, transparent 42%), linear-gradient(115deg, transparent 32%, #ff502833 42%, #ffdc5033 48%, #5aff8c33 54%, #50a0ff33 60%, #c85aff33 66%, transparent 76%);background-position:var(--gx,50%) var(--gy,50%), calc(var(--gx,50%) * 2 - 50%) 0;background-size:100% 100%,220% 100%;border-radius:10px;position:absolute;inset:0}.holo-card:after{content:"";pointer-events:none;-webkit-mask-composite:xor;opacity:.9;background:linear-gradient(120deg,#5a4a3a,#8a8a8a,#4a5a6a,#8a8a8a,#5a4a3a) border-box;border:1px solid #0000;border-radius:7px;position:absolute;inset:4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-exit{position:absolute;top:14px;left:14px}.quickbar .qb-card{letter-spacing:0;min-width:52px;padding:11px 0;font-size:15px;line-height:1}.quickbar .qb-card:hover{border-color:#8a8a8a}@media (width<=640px){.quickbar{gap:6px}.quickbar button{padding:11px 14px}.quickbar .qb-card,.quickbar .qb-code,.quickbar .qb-menu{min-width:44px;padding:11px 0}}.crew-names{z-index:7;letter-spacing:3px;color:#8a8a8a;text-transform:lowercase;white-space:nowrap;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.photo-card{z-index:7;pointer-events:none;position:absolute;top:12px;right:12px}.photo-card img{width:132px;height:132px;image-rendering:pixelated;border:1px solid #3a3a3a;display:block}@media (width<=640px){.photo-card{top:10px;right:10px}.photo-card img{width:36px;height:36px}}.rarity-tags{z-index:6;pointer-events:none;position:absolute;inset:0}.rarity-tag{opacity:0;letter-spacing:3px;white-space:nowrap;color:#8a8a8a;font-size:10px;transition:opacity .4s;position:absolute;transform:translate(-50%)}.rarity-tag.t-uncommon{color:#b6b6b6}.rarity-tag.t-rare{color:#e6e6e6}.rarity-tag.t-epic{color:#c88aff}.rarity-tag.t-legendary{color:#ffd27a;text-shadow:0 0 10px #ffbe5a73}.rarity-tag.t-mythic{color:#5fe6d4;text-shadow:0 0 11px #3cdcc880}.rarity-tag.t-prime{color:#fff;text-shadow:0 0 12px #c8d7ff99}.ladder-bar{z-index:7;flex-wrap:wrap;justify-content:center;gap:8px;max-width:94vw;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.ladder-bar button{font:inherit;letter-spacing:2px;color:#d8d8d8;cursor:pointer;background:#101010d1;border:1px solid #2e2b39;padding:9px 14px;font-size:11px}.ladder-bar button:hover{color:#fff;border-color:#4a4558}.preview-out{z-index:21;font:inherit;letter-spacing:1px;color:#6d6a78;cursor:pointer;background:#101010b3;border:1px solid #26232f;padding:5px 9px;font-size:9px;position:fixed;bottom:10px;right:12px}.sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sky canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.ground{pointer-events:none;height:22vh;min-height:120px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.preview-out:hover{color:#cfcbd8;border-color:#46414f}.bench-bar{flex-direction:column;flex:0 0 100%;gap:4px;margin-bottom:2px;display:flex}.ladder-bar.with-bench{width:94vw}.bench-row{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.bench-chip{font:inherit;letter-spacing:0;color:var(--tier,#9a97a6);cursor:pointer;background:#101010d1;border:1px solid #2a2733;padding:4px 7px;font-size:9px}.bench-chip:hover{border-color:#4a4558}.bench-chip.on{border-color:var(--tier,#8f8aa3);color:#fff;background:#3a364ae6}.rarity-tag.parade-tag{letter-spacing:6px;color:#ffd27a;text-shadow:0 0 12px #ffbe5a73;font-size:15px;transition:opacity .3s;top:9%;bottom:auto;left:50%}@media (width<=560px){.rarity-tag{letter-spacing:.5px;font-size:8px}}.oops{z-index:40;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.oops .card{max-width:340px}.oops-ways{gap:8px;margin-top:12px;display:flex}