@font-face{font-family:Onest;font-weight:100 900;font-display:block;src:url(./onest-latin-wght-normal-Dun_Rd-l.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest;font-weight:100 900;font-display:block;src:url(./onest-latin-ext-wght-normal-QAhDxQuo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify;font-weight:400 700;font-display:block;src:url(./pixelify-sans-latin-wght-normal-Cbhn5ptY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2212}@font-face{font-family:Pixelify;font-weight:400 700;font-display:block;src:url(./pixelify-sans-latin-ext-wght-normal-CsF3XSp0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}:root,[data-theme=obsidian]{--bg: #0c0a10;--bg-2: #110e16;--panel: #18141f;--panel-2: #201b29;--panel-3: #2a2335;--slot: #0e0b13;--hi: rgba(255, 255, 255, .075);--lo: rgba(0, 0, 0, .6);--line: #251f2f;--text: #f0ecf6;--text-2: #a9a0b8;--text-3: #6d647e;--beam: #8ef6ff;--beam-2: #39d3e8;--beam-ink: #04262c;--beam-glow: rgba(110, 238, 255, .34);--ok: #5fe08a;--warn: #f2c14e;--bad: #ff5d52;--glint: #b48cff;--chat: rgba(6, 5, 9, .7);--shadow: 0 18px 50px rgba(0, 0, 0, .55);color-scheme:dark}[data-theme=quartz]{--bg: #ece8e1;--bg-2: #e4dfd6;--panel: #f7f4ee;--panel-2: #fffdf9;--panel-3: #ebe6dc;--slot: #ddd6ca;--hi: rgba(255, 255, 255, .95);--lo: rgba(74, 58, 36, .24);--line: #d4ccbe;--text: #1c1722;--text-2: #5c5466;--text-3: #8d8597;--beam: #0aa0b6;--beam-2: #087d8f;--beam-ink: #ffffff;--beam-glow: rgba(10, 160, 182, .22);--ok: #1f9d55;--warn: #b7860f;--bad: #d63a2f;--glint: #7a4fd6;--chat: rgba(28, 23, 34, .82);--shadow: 0 18px 44px rgba(60, 46, 28, .2);color-scheme:light}:root{--spring: linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1);--spring-soft: linear(0, .045 2.4%, .171 5.1%, .353 8.4%, .575 12.5%, .793 17.6%, .885 20.6%, .955 23.9%, 1.002 27.6%, 1.027 31.7%, 1.035 36.4%, 1.028 42.2%, 1.009 51.3%, .998 64.2%, 1);--ease-out: cubic-bezier(.2, .9, .25, 1);--bevel: inset 1px 1px 0 var(--hi), inset -1px -1px 0 var(--lo);--sunk: inset 1px 1px 0 var(--lo), inset -1px -1px 0 var(--hi);--r: 3px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:450 14px/1.45 Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit;user-select:text}img.px{image-rendering:pixelated}::selection{background:var(--beam);color:var(--beam-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--panel-3);border:3px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.num{font-family:Pixelify,Onest,monospace;font-weight:500;letter-spacing:.02em}.app{display:grid;grid-template-rows:48px minmax(0,1fr) 92px;height:100vh;background:var(--bg)}.titlebar{-webkit-app-region:drag;display:grid;grid-template-columns:264px 1fr 264px;align-items:center;border-bottom:1px solid var(--line);background:var(--bg-2);position:relative;z-index:30}.titlebar button,.titlebar .switch{-webkit-app-region:no-drag}.brand{display:flex;align-items:center;gap:10px;padding-left:16px}.brand svg{display:block}.brand-name{font-weight:700;font-size:15.5px;letter-spacing:-.01em}.brand-name b{font-weight:700;color:var(--beam)}.win{display:flex;justify-content:flex-end;height:100%}.win button{width:46px;height:100%;border:0;background:transparent;color:var(--text-2);display:grid;place-items:center}.win button:hover{background:var(--panel-2);color:var(--text)}.win button.close:hover{background:var(--bad);color:#fff}.main{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:0}.stage{position:relative;min-width:0;min-height:0}.stage-scroll{position:absolute;inset:0;overflow:auto;padding:28px 36px 64px}.page{max-width:1080px;margin:0 auto;animation:page-in .5s var(--spring-soft)}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}.block{background:var(--panel);box-shadow:var(--bevel);border-radius:var(--r)}.slot{background:var(--slot);box-shadow:var(--sunk);border-radius:2px;display:grid;place-items:center;position:relative;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border:0;border-radius:var(--r);background:var(--panel-2);box-shadow:var(--bevel);font-weight:600;font-size:13.5px;white-space:nowrap;transition:transform .35s var(--spring),background .15s,box-shadow .15s}.btn:hover{background:var(--panel-3);transform:translateY(-1px)}.btn:active{transform:translateY(1px);box-shadow:var(--sunk)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.primary{background:var(--beam);color:var(--beam-ink);box-shadow:inset 1px 1px #ffffff8c,inset -1px -1px #00000047,0 0 22px var(--beam-glow)}.btn.primary:hover{background:color-mix(in oklab,var(--beam) 88%,white)}.btn.danger{color:var(--bad)}.btn.danger:hover{background:color-mix(in oklab,var(--bad) 16%,var(--panel-2))}.btn.ghost{background:transparent;box-shadow:none;color:var(--text-2)}.btn.ghost:hover{background:var(--panel-2);color:var(--text)}.btn.small{height:30px;padding:0 10px;font-size:12.5px}.btn img.px{width:20px;height:20px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label{font-size:12px;font-weight:600;color:var(--text-2)}.input{height:38px;padding:0 12px;border:0;border-radius:2px;width:100%;background:var(--slot);box-shadow:var(--sunk);outline:none;min-width:0;transition:box-shadow .15s}.input:focus{box-shadow:var(--sunk),0 0 0 1px var(--beam),0 0 0 4px var(--beam-glow)}.input::placeholder{color:var(--text-3)}.input.num{font-size:16px}.row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.grow{flex:1}.switch{justify-self:center;display:grid;grid-template-columns:6px 30px minmax(0,1fr) auto 16px;align-items:center;gap:10px;width:min(540px,100%);height:36px;padding:0 10px 0 0;border:0;border-radius:var(--r);background:var(--panel);box-shadow:var(--bevel);text-align:left;overflow:hidden;transition:background .15s}.switch:hover,.switch.open{background:var(--panel-2)}.switch .lamp{align-self:stretch;position:relative;overflow:hidden;background:var(--panel-3)}.switch .lamp:before{content:"";position:absolute;inset:0;background:var(--lamp, var(--text-3));box-shadow:0 0 14px var(--lamp, transparent)}.switch .lamp:after{content:"";position:absolute;left:0;right:0;height:45%;bottom:-45%;background:linear-gradient(transparent,#fff,transparent);opacity:0}.switch.pulse .lamp:after{animation:lamp-pulse .7s var(--ease-out)}@keyframes lamp-pulse{0%{bottom:-45%;opacity:.95}to{bottom:110%;opacity:0}}.switch[data-tone=ok],.switch[data-tone=wait]{--lamp: var(--beam)}.switch[data-tone=wait] .lamp:before{animation:blink 1.2s ease-in-out infinite}.switch[data-tone=act]{--lamp: var(--warn)}.switch[data-tone=bad]{--lamp: var(--bad)}@keyframes blink{50%{opacity:.25}}.switch .icon{width:28px;height:28px;display:grid;place-items:center}.switch .icon img{width:24px;height:24px;border-radius:2px}.switch .who{min-width:0;line-height:1.2}.switch .who b{display:block;font-size:13.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switch .who>span{display:block;font-size:11.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switch svg.chev{color:var(--text-3);transition:transform .4s var(--spring)}.switch.open svg.chev{transform:rotate(180deg)}.mode{font-size:11px;font-weight:650;padding:3px 7px;border-radius:2px;background:var(--slot);box-shadow:var(--sunk);color:var(--text-2);white-space:nowrap}.mode.rcon{color:var(--beam)}.mode.chat{color:var(--glint)}.menu{position:absolute;top:44px;left:50%;width:580px;translate:-50% 0;background:var(--panel);box-shadow:var(--bevel),var(--shadow);border-radius:var(--r);padding:8px;z-index:40;max-height:min(72vh,660px);overflow:auto;transform-origin:50% 0;animation:menu-in .42s var(--spring)}@keyframes menu-in{0%{opacity:0;transform:translateY(-8px) scaleY(.92)}}.menu h4{margin:10px 10px 6px;font-size:12px;font-weight:650;color:var(--text-3)}.menu-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:8px 10px;border:0;border-radius:2px;background:transparent;text-align:left}.menu-item:hover{background:var(--panel-2)}.menu-item.on{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--beam)}.menu-item .slot{width:36px;height:36px}.menu-item .slot img{width:26px;height:26px}.menu-item b{display:block;font-weight:650;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item>span>span{display:block;font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state{font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px;color:var(--text-2);white-space:nowrap}.state i{width:7px;height:7px;background:var(--text-3);display:inline-block}.state.ok i{background:var(--beam);box-shadow:0 0 8px var(--beam)}.state.act i{background:var(--warn)}.state.bad i{background:var(--bad)}.menu-foot{display:flex;gap:6px;padding:10px 6px 4px;border-top:1px solid var(--line);margin-top:8px;flex-wrap:wrap}.scrim{position:fixed;inset:0;z-index:35}.rail{background:var(--bg-2);border-right:1px solid var(--line);overflow:auto;padding:18px 14px 16px;display:flex;flex-direction:column;gap:22px}.rail h3{margin:0 0 8px 4px;font-size:12px;font-weight:650;color:var(--text-3);display:flex;align-items:center;justify-content:space-between}.rail h3 button{border:0;background:transparent;color:var(--text-3);font-size:12px;padding:0 4px}.rail h3 button:hover{color:var(--text)}.who-list{display:flex;flex-direction:column;gap:3px}.who-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 8px;border:0;border-radius:2px;background:transparent;text-align:left;width:100%;transition:background .15s,box-shadow .2s}.who-row:hover{background:var(--panel)}.who-row.on{background:var(--panel);box-shadow:var(--bevel),inset 3px 0 0 var(--beam)}.who-row img{width:30px;height:30px;border-radius:2px}.who-row b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who-row>span>span{display:block;font-size:11.5px;color:var(--text-2)}.who-add{display:flex;gap:6px;margin-top:6px}.who-add .input{height:32px;font-size:13px}.facts{display:flex;flex-direction:column;gap:2px}.fact{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:6px;font-size:13px}.fact img{width:20px;height:20px}.fact span{color:var(--text-2)}.fact b{font-weight:600;text-align:right}.fact .num{font-size:14px}.rail-note{margin-top:auto;font-size:12px;color:var(--text-3);line-height:1.5;padding:0 4px}.rail-note b{color:var(--text-2);font-weight:600}.hotbar-row{display:grid;place-items:center;border-top:1px solid var(--line);background:var(--bg-2);position:relative}.hotbar{position:relative;display:flex;gap:6px;padding:6px;background:var(--panel);box-shadow:var(--bevel);border-radius:var(--r)}.hb-slot{position:relative;width:104px;height:64px;border:0;padding:0;border-radius:2px;background:var(--slot);box-shadow:var(--sunk);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-2);transition:color .2s}.hb-slot img{width:32px;height:32px;transition:transform .45s var(--spring)}.hb-slot:hover img{transform:translateY(-2px) scale(1.06)}.hb-slot.on{color:var(--text)}.hb-slot.on img{transform:translateY(-1px) scale(1.12)}.hb-slot .lbl{font-size:11.5px;font-weight:600}.hb-slot .key{position:absolute;left:6px;top:4px;font-size:11px;color:var(--text-3)}.hb-slot.gear{width:64px}.hb-frame{position:absolute;top:3px;left:3px;height:70px;width:110px;pointer-events:none;border-radius:3px;box-shadow:0 0 0 3px var(--text),0 0 0 4px #0009,0 0 24px var(--beam-glow);transition:transform .55s var(--spring),width .55s var(--spring)}[data-theme=quartz] .hb-frame{box-shadow:0 0 0 3px var(--text),0 0 0 4px #ffffffb3,0 0 20px var(--beam-glow)}.hb-name{position:absolute;left:50%;top:-30px;translate:-50% 0;padding:3px 10px;background:var(--chat);color:#fff;font-size:13px;font-weight:600;border-radius:2px;pointer-events:none;animation:hb-name 1.6s ease forwards;white-space:nowrap}@keyframes hb-name{0%{opacity:0;transform:translateY(4px)}12%,70%{opacity:1;transform:none}to{opacity:0}}.busy-tag{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.busy-tag i{width:8px;height:8px;background:var(--beam);box-shadow:0 0 10px var(--beam);animation:blink .8s infinite}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:0;font-size:26px;font-weight:750;letter-spacing:-.02em;line-height:1.15}.page-head p{margin:6px 0 0;color:var(--text-2);max-width:640px}.group{margin-top:28px}.group:first-of-type{margin-top:0}.group>h2{margin:0 0 12px;font-size:15px;font-weight:650;display:flex;align-items:baseline;gap:10px}.group>h2 small{font-size:12.5px;font-weight:450;color:var(--text-3)}.banner{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:14px 16px;margin-bottom:22px;border-radius:var(--r);background:color-mix(in oklab,var(--warn) 12%,var(--panel));box-shadow:var(--bevel),inset 3px 0 0 var(--warn);animation:page-in .45s var(--spring-soft)}.banner img{width:32px;height:32px}.banner b{display:block;font-weight:650}.banner span{color:var(--text-2);font-size:13px}.steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center;font-size:13px;color:var(--text-2)}kbd{font:600 12px Onest;padding:2px 7px;border-radius:2px;background:var(--panel-2);box-shadow:var(--bevel);color:var(--text);white-space:nowrap}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mode-card{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:12px;border:0;border-radius:var(--r);background:var(--panel);box-shadow:var(--bevel);text-align:left;transition:transform .4s var(--spring),background .15s,box-shadow .2s}.mode-card:hover{transform:translateY(-2px);background:var(--panel-2)}.mode-card:active{transform:translateY(1px)}.mode-card .slot{width:52px;height:52px}.mode-card .slot img{width:36px;height:36px;transition:transform .5s var(--spring)}.mode-card b{display:block;font-weight:650}.mode-card>span>span{display:block;font-size:12px;color:var(--text-2)}.mode-card.on{background:var(--panel-2);box-shadow:var(--bevel),0 0 0 2px var(--beam),0 0 26px var(--beam-glow)}.mode-card.on .slot img{transform:scale(1.1)}.powers{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.power{position:relative;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:10px 12px 10px 10px;border:0;border-radius:var(--r);background:var(--panel);box-shadow:var(--bevel);text-align:left;transition:transform .4s var(--spring),background .2s,box-shadow .25s}.power:hover{transform:translateY(-2px);background:var(--panel-2)}.power:active{transform:translateY(1px)}.power .slot{width:46px;height:46px}.power .slot img{width:32px;height:32px;transition:transform .5s var(--spring)}.power b{display:block;font-weight:650;font-size:13.5px}.power>span>span{display:block;font-size:12px;color:var(--text-2)}.power .pip{width:10px;height:10px;border-radius:1px;background:var(--slot);box-shadow:var(--sunk);transition:background .25s,box-shadow .25s}.power.on{background:color-mix(in oklab,var(--fx) 13%,var(--panel));box-shadow:var(--bevel),0 0 0 1px color-mix(in oklab,var(--fx) 55%,transparent)}.power.on .slot img{transform:translateY(-2px) rotate(-6deg) scale(1.08)}.power.on .pip{background:var(--fx);box-shadow:0 0 10px var(--fx)}.particles{position:absolute;inset:0;pointer-events:none}.particles i{position:absolute;width:5px;height:5px;background:var(--fx);left:var(--x);bottom:32%;box-shadow:0 0 6px var(--fx);opacity:0;animation:swirl 1.1s var(--ease-out) var(--d) forwards}@keyframes swirl{0%{opacity:0;transform:translate(0) scale(.6)}15%{opacity:1}to{opacity:0;transform:translate(var(--dx),-54px) scale(1)}}.actions{display:flex;flex-wrap:wrap;gap:8px}.action{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px 0 8px;border:0;border-radius:var(--r);background:var(--panel);box-shadow:var(--bevel);font-weight:600;transition:transform .4s var(--spring),background .15s}.action:hover{transform:translateY(-2px);background:var(--panel-2)}.action:active{transform:translateY(1px)}.action .slot{width:32px;height:32px}.action .slot img{width:24px;height:24px}.inv{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.item{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 6px 9px;border:0;border-radius:var(--r);background:var(--panel);box-shadow:var(--bevel);transition:transform .4s var(--spring),background .15s}.item:hover{transform:translateY(-2px);background:var(--panel-2)}.item:active{transform:translateY(1px)}.item .slot{width:54px;height:54px}.item .slot img{width:36px;height:36px}.count{position:absolute;right:3px;bottom:0;font:600 15px/1 Pixelify;color:#fff;text-shadow:2px 2px 0 #3a3a3a}.item b{font-size:12px;font-weight:600;text-align:center;line-height:1.25}.item.pop .slot{animation:pop .55s var(--spring)}@keyframes pop{0%{transform:scale(.8)}to{transform:scale(1)}}.floater{position:absolute;left:50%;top:6px;font:600 16px Pixelify;color:var(--beam);text-shadow:0 0 10px var(--beam-glow);pointer-events:none;animation:float-up .9s var(--ease-out) forwards}@keyframes float-up{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-34px)}}.search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.amounts{display:flex;gap:4px}.amounts button{height:38px;min-width:44px;border:0;border-radius:2px;background:var(--panel);box-shadow:var(--bevel);font:600 14px Pixelify;transition:transform .3s var(--spring)}.amounts button:hover{transform:translateY(-1px)}.amounts button.on{background:var(--beam);color:var(--beam-ink)}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;margin-top:12px}.result{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 10px 6px 6px;border:0;border-radius:2px;background:var(--panel);box-shadow:var(--bevel);text-align:left;transition:background .15s,transform .35s var(--spring)}.result:hover{background:var(--panel-2);transform:translate(2px)}.result .slot{width:34px;height:34px;font:600 17px Pixelify;color:var(--text-2)}.result .slot img{width:24px;height:24px}.result b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result>span>span{display:block;font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result em{font-style:normal;font:600 12px Pixelify;color:var(--beam);opacity:0;transition:opacity .15s}.result:hover em{opacity:1}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.card{padding:16px}.card h3{margin:0 0 12px;font-size:14px;font-weight:650;display:flex;justify-content:space-between;align-items:center;gap:10px}.here{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.coord{display:inline-flex;align-items:baseline;gap:6px;padding:6px 10px;border-radius:2px;background:var(--slot);box-shadow:var(--sunk)}.coord span{font-size:11px;color:var(--text-3);font-weight:650}.coord b{font:500 17px Pixelify}.places{display:flex;flex-direction:column;gap:4px}.place{display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:6px 6px 6px 8px;border-radius:2px;background:var(--slot);box-shadow:var(--sunk);animation:page-in .35s var(--spring-soft)}.place img{width:22px;height:22px}.place b{font-size:13px;font-weight:600}.place>span>span{display:block;font:500 13px Pixelify;color:var(--text-2)}.empty{padding:18px 12px;text-align:center;color:var(--text-3);font-size:13px}.dial{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center}.dial svg{width:260px;height:140px;display:block}.dial .orb{transition:transform 1s var(--spring-soft)}.dial .sky{transition:fill .8s,opacity .8s}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border:0;border-radius:var(--r);background:var(--panel);box-shadow:var(--bevel);font-weight:600;font-size:12.5px;transition:transform .4s var(--spring),background .15s,box-shadow .2s}.tile:hover{transform:translateY(-2px);background:var(--panel-2)}.tile:active{transform:translateY(1px)}.tile .slot{width:46px;height:46px}.tile .slot img{width:32px;height:32px}.tile small{font-size:11px;font-weight:500;color:var(--text-3)}.tile.on{background:var(--panel-2);box-shadow:var(--bevel),0 0 0 2px var(--beam),0 0 22px var(--beam-glow)}.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.rule{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:9px 12px;border-radius:2px;background:var(--panel);box-shadow:var(--bevel)}.rule b{display:block;font-weight:600;font-size:13.5px}.rule>span>span{display:block;font:500 11.5px Pixelify;color:var(--text-3);letter-spacing:.03em}.lever{position:relative;width:44px;height:22px;border:0;padding:0;border-radius:2px;background:var(--slot);box-shadow:var(--sunk);transition:background .25s}.lever i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:2px;background:var(--panel-3);box-shadow:var(--bevel);transition:transform .5s var(--spring),background .25s}.lever.on{background:color-mix(in oklab,var(--beam) 30%,var(--slot))}.lever.on i{transform:translate(22px);background:var(--beam);box-shadow:inset 1px 1px #fff9,inset -1px -1px #00000040,0 0 12px var(--beam-glow)}.lever.unknown i{transform:translate(11px);opacity:.55}.plist{display:flex;flex-direction:column;gap:6px}.prow{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px}.prow img{width:40px;height:40px;border-radius:2px}.prow b{font-weight:650}.prow>span>span{display:block;font-size:12px;color:var(--text-3)}.prow .actions{gap:4px}.console{display:flex;flex-direction:column;height:calc(100vh - 340px);min-height:300px}.log{flex:1;overflow:auto;padding:10px 14px;font-size:13px;background:var(--slot);box-shadow:var(--sunk);border-radius:2px;user-select:text}.log-entry{padding:7px 0;border-bottom:1px solid var(--line);animation:page-in .3s var(--ease-out)}.log-entry:last-child{border-bottom:0}.log-entry .meta{display:flex;gap:10px;align-items:baseline;color:var(--text-3);font-size:11.5px}.log-entry .meta b{color:var(--text-2);font-weight:600;font-size:12.5px}.log-cmd{font:500 13px Pixelify;color:var(--text);margin-top:3px;letter-spacing:.03em}.log-cmd:before{content:"/";color:var(--text-3);margin-right:1px}.log-resp{color:var(--text-2);white-space:pre-wrap;margin:2px 0 0 12px}.log-resp.bad{color:var(--bad)}.cmdline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:10px}.cmdline .slash{font:600 22px Pixelify;color:var(--beam);padding:0 4px}.cmdline .input{height:42px;font:500 15px Pixelify;letter-spacing:.03em}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.chip{border:0;height:28px;padding:0 10px;border-radius:2px;background:var(--panel);box-shadow:var(--bevel);font:500 12.5px Pixelify;color:var(--text-2);letter-spacing:.03em;transition:transform .3s var(--spring)}.chip:hover{color:var(--text);background:var(--panel-2);transform:translateY(-1px)}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-card{border:0;padding:10px;border-radius:var(--r);background:var(--panel);box-shadow:var(--bevel);text-align:left;transition:transform .4s var(--spring)}.theme-card:hover{transform:translateY(-2px)}.theme-card.on{box-shadow:var(--bevel),0 0 0 2px var(--beam)}.theme-card .swatch{height:70px;border-radius:2px;display:grid;grid-template-columns:2fr 1fr 1fr;overflow:hidden;margin-bottom:8px;box-shadow:var(--sunk)}.theme-card b{font-weight:650}.theme-card>span{display:block;font-size:12px;color:var(--text-3)}.kv{display:grid;grid-template-columns:180px 1fr;gap:8px 16px;font-size:13px}.kv span{color:var(--text-3)}.prose{color:var(--text-2);max-width:720px;line-height:1.6}.prose p{margin:0 0 10px}.prose b{color:var(--text);font-weight:600}.saved{display:flex;flex-direction:column;gap:6px}.gate{min-height:100%;display:grid;place-items:center;padding:10px 0 30px}.gate-card{display:grid;grid-template-columns:168px minmax(0,1fr);gap:34px;align-items:center;max-width:780px;width:100%;padding:30px 34px 30px 26px;animation:page-in .5s var(--spring-soft)}.gate-card h1{margin:0 0 8px;font-size:24px;font-weight:750;letter-spacing:-.02em;line-height:1.2}.gate-card p{margin:0 0 18px;color:var(--text-2)}.gate-card .row{align-items:center}.gate-card .fine{margin-top:16px;font-size:12.5px;color:var(--text-3)}code{font:500 13px Pixelify;padding:1px 6px;border-radius:2px;background:var(--slot);box-shadow:var(--sunk);color:var(--text);letter-spacing:.03em}.choices{display:grid;gap:8px;margin-top:4px}.choice{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px 12px 12px;border-radius:var(--r);background:var(--panel-2);box-shadow:var(--bevel)}.choice .slot{width:40px;height:40px}.choice .slot img{width:28px;height:28px}.choice b{display:block;font-weight:650}.choice>span>span{display:block;font-size:12.5px;color:var(--text-2)}.beacon-art{width:168px;height:210px;overflow:visible;display:block}.beacon-art .beam{transform-box:fill-box;transform-origin:50% 100%;transition:transform 1s var(--spring-soft),opacity .6s}.beacon-art[data-level="0"] .beam{transform:scaleY(0);opacity:0}.beacon-art[data-level="1"] .beam{transform:scaleY(.32);opacity:.6;animation:flicker 2.4s infinite steps(1)}.beacon-art[data-level="2"] .beam{transform:scaleY(1);opacity:1}.beacon-art[data-level=wait] .beam{animation:charge 1.6s ease-in-out infinite}@keyframes flicker{0%,64%,70%,to{opacity:.6}66%{opacity:.15}}@keyframes charge{0%{transform:scaleY(.05);opacity:.2}60%{transform:scaleY(1);opacity:.9}to{transform:scaleY(1);opacity:0}}.beacon-art .core{animation:core 2.6s ease-in-out infinite}.beacon-art[data-level="0"] .core{animation:none;opacity:.35}@keyframes core{50%{opacity:.6}}.modal-scrim{position:fixed;inset:0;background:#0504088c;display:grid;place-items:center;z-index:60;animation:fade .25s}@keyframes fade{0%{opacity:0}}.modal{width:470px;padding:22px;animation:rise .45s var(--spring)}@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.96)}}.modal h2{margin:0 0 6px;font-size:18px;font-weight:700}.modal p{margin:0 0 16px;color:var(--text-2);font-size:13px}.modal .fields{display:grid;gap:12px}.modal .foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.err{color:var(--bad);font-size:12.5px;margin-top:10px}.feed{position:absolute;left:14px;bottom:10px;top:10px;width:calc(50% - var(--hotbar-half, 360px) - 30px);display:flex;flex-direction:column;justify-content:flex-end;gap:1px;pointer-events:none;z-index:20;overflow:hidden}.feed-line{align-self:flex-start;max-width:100%;padding:1px 8px;background:var(--chat);color:#f4f1f8;font-size:12px;line-height:1.5;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;animation:feed-in .35s var(--spring),feed-out .6s ease-in 8s forwards}.feed-line.bad{color:#ff8e85}@keyframes feed-in{0%{opacity:0;transform:translate(-10px)}}@keyframes feed-out{to{opacity:0;visibility:hidden}}.power b,.mode-card b,.result b,.menu-item b,.who-row b,.choice b,.prow b,.rule b,.theme-card b,.switch .who b,.place b{color:var(--text)}
