@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(./cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./alegreya-sans-latin-500-normal-DS713u5J.woff2)format("woff2"),url(./alegreya-sans-latin-500-normal-vXxrTKJT.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./alegreya-sans-latin-700-normal-DEbcy2sF.woff2)format("woff2"),url(./alegreya-sans-latin-700-normal-BnzUNlma.woff)format("woff")}:root{--ink:#f3e9d8;--panel-bg:#120e1eb8;--vf-violet:#8a55ff;--vf-blue:#4b8cf0;--vf-sea:#35eea2;--vf-grad:linear-gradient(90deg, #8a55ff, #4b8cf0 55%, #35eea2);--vf-black:#000;--vf-panel:#0e0d24;--vf-window:linear-gradient(180deg, #1b1946, #0b0a1e);--vf-fill:#1d1b45;--vf-edge:#48448a;--vf-solid:#6a3ee0;--vf-solid-edge:#4a26b8;--vf-on:#2d2a6c;--vf-text:#f1eeff;--vf-muted:#a8a3cf;--vf-px:2px;--vf-r:5px;--vf-font:"Alegreya Sans", "Gill Sans", system-ui, sans-serif;--vf-title:"Cinzel", Georgia, serif;--vf-bevel:inset 0 1px 0 #ffffff29, 0 2px 0 #0000008c;--vf-shadow:0 1px 0 #000000b3}.join-box button,#admin button,#loading button{border:var(--vf-px) solid var(--vf-edge);border-radius:var(--vf-r);background:var(--vf-fill);box-shadow:var(--vf-bevel);color:var(--vf-text);font:700 16px var(--vf-font);letter-spacing:.03em;text-shadow:var(--vf-shadow);cursor:pointer}.join-box button:hover,#admin button:hover,#loading button:hover{border-color:#6b66bb}.join-box button:active,#admin button:active,#loading button:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff1a}.join-box button.primary,#loading button{border-color:var(--vf-solid-edge);background:var(--vf-solid);color:#fff}.join-box button.primary:hover,#loading button:hover{background:#7a50f0}.vf-logo,.vf-eclipse{pointer-events:none;-webkit-user-select:none;user-select:none;margin:0 auto;display:block}#boot{z-index:15;background:var(--vf-black);flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity .5s;display:flex;position:fixed;inset:0}#boot.gone{opacity:0;pointer-events:none}#boot .vf-logo{width:min(340px,70vw);animation:3.2s ease-in-out infinite vf-breathe}@keyframes vf-breathe{50%{filter:brightness(1.25)}}.vf-spinner{background:conic-gradient(from 90deg, transparent 10%, var(--vf-violet) 45%, var(--vf-blue) 70%, var(--vf-sea));border-radius:50%;flex:none;width:34px;height:34px;animation:.9s linear infinite vf-spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px))}@keyframes vf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vf-spinner{animation-duration:2.4s}}html,body{height:100%;color:var(--ink);background:#120e1e;margin:0;font:13px/1.4 ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:hidden}#game{width:100%;height:100%;image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block;position:fixed;inset:0}#panel{width:300px;max-height:calc(100vh - 20px);position:fixed;top:10px;right:10px;overflow-y:auto}#hud{left:12px;top:calc(12px + env(safe-area-inset-top));background:var(--panel-bg);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:6px;padding:6px 10px;position:fixed}.preparing{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--panel-bg);pointer-events:none;border-radius:6px;padding:6px 12px;animation:1.6s ease-in-out infinite preparing-pulse;position:fixed;transform:translate(-50%)}@keyframes preparing-pulse{50%{opacity:.55}}#ui-toggle{top:calc(8px + env(safe-area-inset-top));background:var(--panel-bg);width:40px;height:40px;color:var(--ink);border:0;border-radius:8px;font-size:20px;display:none;position:fixed;right:8px}body.touch #ui-toggle{display:block}body.touch #panel{top:calc(56px + env(safe-area-inset-top))}#stick-ring,#stick-knob{pointer-events:none;border-radius:50%;display:none;position:fixed;top:0;left:0}#stick-ring{background:#120e1e40;border:2px solid #ffe6be73;width:112px;height:112px;margin:-56px 0 0 -56px}#stick-knob{background:#ffdca08c;width:44px;height:44px;margin:-22px 0 0 -22px;box-shadow:0 0 14px #ffbe6eb3}#toast{background:var(--panel-bg);opacity:0;pointer-events:none;border-radius:6px;padding:8px 14px;transition:opacity .2s;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}body.hide-ui #panel{display:none}@media (width<=640px){#panel{width:calc(100vw - 20px);max-height:45vh}}#corner-bar{bottom:calc(12px + env(safe-area-inset-bottom));gap:8px;display:flex;position:fixed;left:8px}#menu-bar{z-index:5;bottom:calc(12px + env(safe-area-inset-bottom));gap:8px;display:flex;position:fixed;right:8px}#menu-toggle{background:var(--panel-bg);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;height:40px;padding:0 12px;font:600 13px system-ui,sans-serif;display:flex}#menu-toggle .icon,#player-count .icon{width:16px;height:16px}#player-count{background:var(--panel-bg);color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;border-radius:8px;align-items:center;gap:4px;height:40px;padding:0 10px;font:600 13px system-ui,sans-serif;display:flex}#menu{border:var(--vf-px) solid transparent;border-radius:var(--vf-r);background:var(--vf-window) padding-box, var(--vf-grad) border-box;flex-direction:column;min-width:150px;padding:6px;display:flex;position:absolute;bottom:48px;right:0;box-shadow:0 4px 18px #0009}#menu[hidden]{display:none}#menu a,#menu button{color:var(--vf-text);font:700 17px var(--vf-font);letter-spacing:.02em;text-shadow:var(--vf-shadow);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:10px 12px;text-decoration:none}#menu a:hover,#menu button:hover{background:var(--vf-on)}#menu a:hover:before,#menu button:hover:before{content:"▸ ";color:var(--vf-sea)}#join{z-index:20;background:var(--vf-black);font-family:var(--vf-font);color:var(--vf-text);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.join-box{text-align:center;width:min(360px,100%)}.join-box h1{margin:0 0 20px}.join-logo{width:min(300px,72vw)}.join-box p{font:500 17px var(--vf-font);color:var(--vf-muted);margin:8px 0 16px}.join-box form{gap:8px;display:flex}.join-box input,#chat input{color:#fff;flex:1;min-width:0;padding:10px 12px}#chat input{background:#00000059;border:1px solid #fff3;border-radius:8px;font:16px system-ui,sans-serif}.join-box input{border:var(--vf-px) solid var(--vf-edge);border-radius:var(--vf-r);font:500 17px var(--vf-font);background:#08071a;box-shadow:inset 0 2px #00000080}.join-box input:focus{background:linear-gradient(#08071a, #08071a) padding-box, var(--vf-grad) border-box;border-color:#0000;outline:none}.join-box button{padding:10px 14px}.join-box button.link{box-shadow:none;color:var(--vf-muted);background:0 0;border:0;text-decoration:underline}.join-players{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.join-player{gap:8px;display:flex}.join-player .primary{flex:1;font-size:17px}.join-box button.join-forget{color:var(--vf-muted);padding:10px 12px}.join-note{color:#ffb4a8;min-height:1em}.join-box .vf-spinner{margin:0 auto 12px}#name-labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.name-label{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.name-label .name{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000;background:#0a08148c;border-radius:4px;padding:1px 6px;font:600 12px system-ui,sans-serif}.chat-bubble{color:#1b1626;text-align:center;overflow-wrap:anywhere;background:#ffffffeb;border-radius:8px;max-width:200px;padding:4px 8px;font:13px/1.3 system-ui,sans-serif}#chat{left:8px;bottom:calc(60px + env(safe-area-inset-bottom));pointer-events:none;width:min(360px,100vw - 16px);position:fixed}#chat .chat-log{flex-direction:column;gap:2px;display:flex}#chat .line{overflow-wrap:anywhere;background:#0a08148c;border-radius:6px;align-self:flex-start;padding:2px 8px;transition:opacity 1s}#chat .line b{color:#c9b8ff}#chat .line.mine b{color:#8fe3c8}#chat:not(.open) .line.faded,#chat:not(.open) .line.old{opacity:0}#chat .chat-log{max-height:40vh;overflow:hidden}#chat.open{pointer-events:auto}#chat.open .chat-log{overflow-y:auto}#chat form{margin-top:6px;display:none}#chat.open form{display:flex}#chat-toggle{background:var(--panel-bg);color:#fff;border:0;border-radius:8px;width:40px;height:40px;display:none}body.touch #chat-toggle{place-items:center;display:grid}#chat-toggle .icon{width:20px;height:20px}body.kb-open #corner-bar,body.kb-open #menu-bar{bottom:calc(var(--kb) + 8px)}body.kb-open #chat{bottom:calc(var(--kb) + 56px)}#chat .chat-mirror{display:none}body.touch #chat input{top:calc(56px + env(safe-area-inset-top));opacity:0;border:0;flex:none;width:1px;height:1px;padding:0;position:fixed;left:8px}body.touch #chat.open .chat-mirror{box-sizing:border-box;color:#fff;white-space:pre;background:#00000059;border:1px solid #5b8cff;border-radius:8px;flex:1;align-items:center;min-width:0;height:42px;padding:0 12px;font:16px system-ui,sans-serif;display:flex;overflow:hidden}.chat-mirror .placeholder{color:#ffffff73}.chat-mirror .caret{background:#8fb4ff;flex:none;width:2px;height:20px;animation:1s step-end infinite caret-blink}@keyframes caret-blink{50%{opacity:0}}#portal-menu{left:50%;bottom:calc(80px + env(safe-area-inset-bottom));border-radius:var(--vf-r);border:var(--vf-px) solid transparent;background:var(--vf-window) padding-box, var(--vf-grad) border-box;width:min(380px,100vw - 32px);font-family:var(--vf-font);opacity:0;pointer-events:none;z-index:20;flex-direction:column;gap:8px;padding:14px;transition:opacity .2s,transform .2s;display:flex;position:fixed;transform:translate(-50%,20px)}#portal-menu.show{opacity:1;pointer-events:auto;transform:translate(-50%)}#portal-menu.leaving{opacity:0}#portal-menu .title{font:600 17px var(--vf-title);letter-spacing:.08em;text-shadow:var(--vf-shadow);text-align:center;color:var(--vf-text);margin-bottom:4px}#portal-menu button{text-align:left;border:var(--vf-px) solid var(--vf-edge);border-radius:var(--vf-r);background:var(--vf-fill);box-shadow:var(--vf-bevel);text-shadow:var(--vf-shadow);color:var(--vf-text);cursor:pointer;font:14px var(--vf-font);padding:10px 40px 10px 12px;position:relative}#portal-menu button:hover{background:linear-gradient(var(--vf-on), var(--vf-on)) padding-box, var(--vf-grad) border-box;border-color:#0000}#portal-menu button b{font:600 16px var(--vf-title);margin-bottom:2px;display:block}#portal-menu button span{opacity:.85;font-size:15px}#portal-menu button kbd{opacity:.6;font:600 12px system-ui,sans-serif;position:absolute;top:50%;right:12px;transform:translateY(-50%)}body.touch #portal-menu button kbd{display:none}#portal-menu button.stay{box-shadow:none;text-align:center;color:var(--vf-muted);background:0 0;padding:8px;font-size:13px}#congrats{text-align:center;z-index:30;background:radial-gradient(circle,#3c146ebf,#05020cd9);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;transition:opacity .6s;animation:.9s ease-out congrats-in;display:flex;position:fixed;inset:0}#congrats.done{opacity:0;pointer-events:none}#congrats h1{color:#ffe7a8;text-shadow:0 0 18px #ff9a3a,0 0 40px #b45cff,0 2px #000;margin:0;font:800 clamp(30px,8vw,64px) Georgia,serif;animation:1.2s ease-out congrats-pop}#congrats p{color:#e6d4ff;margin:0 0 14px;font:600 clamp(16px,4vw,22px) system-ui,sans-serif}#congrats button{color:#fff;cursor:pointer;background:#8a4cff;border:0;border-radius:8px;padding:10px 20px;font:600 15px system-ui,sans-serif}#congrats .burst{background:repeating-conic-gradient(#ffdc8c1f 0 6deg, transparent 6deg 18deg);pointer-events:none;z-index:-1;width:140vmax;height:140vmax;animation:24s linear infinite congrats-spin;position:absolute}@keyframes congrats-in{0%{opacity:0}to{opacity:1}}@keyframes congrats-pop{0%{opacity:0;transform:scale(2.2)}40%{opacity:1;transform:scale(.94)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes congrats-spin{to{transform:rotate(360deg)}}body.dungeon #hud{top:auto;bottom:calc(48px + env(safe-area-inset-bottom));opacity:.7}body.dungeon.touch #hud{display:none}#bars{left:12px;top:calc(12px + env(safe-area-inset-top));pointer-events:none;width:min(260px,46vw);position:fixed}#bars .who{letter-spacing:.08em;text-transform:uppercase;opacity:.85;text-shadow:0 1px 2px #000;margin-bottom:4px;font:700 12px system-ui,sans-serif}.bar{background:#0a0612bf;border-radius:4px;height:14px;margin-bottom:5px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffe6be40}.bar i,.bar b{transition:width 80ms;position:absolute;top:0;bottom:0;left:0}.bar.hp i{background:linear-gradient(#ff6a6a,#b8243a);box-shadow:0 0 10px #ff4a5a}.bar.st{height:7px}.bar.st i{background:linear-gradient(#9cf0a0,#3aa85a)}.bar span{text-shadow:0 1px 2px #000;font:600 11px system-ui,sans-serif;position:absolute;top:-1px;right:6px}#wave{left:50%;top:calc(14px + env(safe-area-inset-top));letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 3px #000;pointer-events:none;white-space:nowrap;font:700 13px system-ui,sans-serif;position:fixed;transform:translate(-50%)}#wave.banner{animation:2.6s ease-out banner}@keyframes banner{0%{opacity:0;transform:translate(-50%)scale(1.8)}12%{opacity:1;color:#ffb066;transform:translate(-50%)scale(1.2)}70%{opacity:1;transform:translate(-50%)scale(1.2)}to{transform:translate(-50%)scale(1)}}#boss{left:50%;top:calc(40px + env(safe-area-inset-top));pointer-events:none;width:min(460px,62vw);display:none;position:fixed;transform:translate(-50%)}#boss.show{display:block}#boss .name{letter-spacing:.05em;text-shadow:0 1px 3px #000;margin-bottom:3px;font:600 13px Georgia,serif}#boss .bar{height:9px}#boss .bar b{opacity:.8;background:#f3d6a0;transition:width .6s .4s}#boss .bar i{z-index:1;background:linear-gradient(#d84a3a,#8a1a24)}#numbers{pointer-events:none;position:fixed;inset:0;overflow:hidden}#numbers div{color:#fff;text-shadow:0 0 3px #000,0 1px #000;white-space:nowrap;will-change:transform, opacity;font:800 16px system-ui,sans-serif;position:absolute;top:0;left:0}#numbers div.heavy{color:#ffe08a;font-size:22px}#numbers div.hurt{color:#ff6a6a}#numbers div.info{color:#c8d4ff;font-size:13px}#actions{right:calc(16px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));pointer-events:none;width:210px;height:200px;position:fixed}.act{color:#fff;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 40% 35%,#46326ed9,#120e1ed9);border:2px solid #ffe6be80;border-radius:50%;width:62px;height:62px;padding:0;position:absolute;overflow:hidden}.act .icon{z-index:2;font-size:26px;line-height:1;position:relative}.act kbd{opacity:.6;z-index:2;font:600 9px system-ui,sans-serif;position:absolute;bottom:4px;left:0;right:0}body.touch .act kbd{display:none}.act .cd{z-index:1;border-radius:50%;position:absolute;inset:0}.act.down{border-color:#ffd28a;transform:scale(.92)}.act.ready-flash{box-shadow:0 0 18px #c88aff}.act.big{width:86px;height:86px;bottom:0;right:0}.act.big .icon{font-size:34px}#act-a1{bottom:6px;right:100px}#act-a2{bottom:92px;right:70px}#act-target{width:46px;height:46px;bottom:112px;right:4px}#act-target .icon{font-size:22px}#act-attack{display:none;bottom:82px;right:150px}body.manual-attack #act-attack{display:block}.act.small{width:46px;height:46px}.act .label{white-space:nowrap;font-size:10px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}#fallen{background:radial-gradient(#28000a59,#0a0005d9);flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#fallen.show{animation:1.2s fade;display:flex}#fallen h1{color:#d83a3a;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 24px #000;margin:0 0 24px;font:400 54px Georgia,serif}#fallen button{color:#fff;background:#1e1432e6;border:1px solid #ffe6be80;border-radius:8px;padding:12px 26px;font:600 16px system-ui,sans-serif}#fallen .choices{flex-wrap:wrap;justify-content:center;gap:12px;padding:0 16px;display:flex}#fallen #go-home{background:#140e1ebf;border-color:#ffe6be4d}@keyframes fade{0%{opacity:0}to{opacity:1}}#loading{background:var(--vf-black);z-index:10;font-family:var(--vf-font);color:var(--vf-text);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#loading .vf-eclipse{width:min(150px,36vw);margin-bottom:22px;animation:3.2s ease-in-out infinite vf-breathe}#loading .title{font:600 20px var(--vf-title);letter-spacing:.08em;color:var(--vf-text);text-align:center;margin-bottom:18px;padding:0 16px}#load-text{color:var(--vf-muted);margin-top:14px;font-size:15px}body.ready #loading{display:none}@media (width<=640px){#boss{top:calc(64px + env(safe-area-inset-top));width:70vw}#wave{top:auto;bottom:calc(230px + env(safe-area-inset-bottom));font-size:11px;left:auto;right:16px;transform:none}#wave.banner{animation:none}body.level #progress{left:auto;right:12px;top:calc(12px + env(safe-area-inset-top))}}body.dungeon:not(.touch):not(.hide-ui) #actions{right:330px}#progress{display:none}body.level #progress{left:12px;top:calc(64px + env(safe-area-inset-top));letter-spacing:.06em;text-shadow:0 1px 3px #000;pointer-events:none;font:700 13px system-ui,sans-serif;display:block;position:fixed}body.level #ui-toggle,body.level #panel{display:none}#warp{pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0%,#e6c8ff 35%,#8a4cff 100%);position:fixed;inset:0}body.warping #warp{opacity:1;transition:opacity .85s ease-in}body.creator{--bg:#000;--panel:var(--vf-panel);--line:var(--vf-edge);--text:var(--vf-text);--muted:var(--vf-muted);--fill:var(--vf-fill);--on:linear-gradient(var(--vf-on), var(--vf-on)) padding-box, var(--vf-grad) border-box}body.creator *{box-sizing:border-box}body.creator{background:var(--bg);height:100%;color:var(--text);font:500 16px/1.3 var(--vf-font);text-shadow:var(--vf-shadow);touch-action:manipulation;margin:0;overflow:hidden}body.creator #stage{background:radial-gradient(ellipse 60% 55% at 50% 52%, #7444f547, #3f73e624 45%, #1fbf8f0f 70%, transparent 85%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0 372px 0 0}body.creator #pedestal{place-items:center;display:grid;position:relative}body.creator #pedestal:after{content:"";background:var(--vf-grad) border-box;opacity:.7;filter:drop-shadow(0 0 6px #4b8cf0cc);z-index:0;border:2px solid #0000;border-radius:50%;width:34%;height:6%;position:absolute;bottom:7%;left:50%;transform:translate(-50%);-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}body.creator #view{z-index:1;aspect-ratio:1;width:min(66vh,100vw - 420px);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:pan-y;cursor:grab;position:relative}body.creator #preview-controls{align-items:center;gap:10px;display:flex}body.creator #preview-controls>button,body.creator #anim-buttons button{border-radius:var(--vf-r);border:var(--vf-px) solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;min-height:40px;padding:9px 14px}body.creator #preview-controls>button{width:46px;font-size:18px}body.creator #anim-buttons{gap:6px;display:flex}body.creator #anim-buttons button.on{background:var(--on);color:#fff;border-color:#0000}body.creator select{border-radius:var(--vf-r);border:var(--vf-px) solid var(--line);background:var(--fill);width:100%;color:var(--text);font:inherit;padding:9px 10px}body.creator select option{background:#191b31}body.creator #creator-panel{border:var(--vf-px) solid transparent;background:var(--vf-window) padding-box, var(--vf-grad) border-box;border-radius:8px;width:340px;padding:16px;position:fixed;top:16px;bottom:16px;right:16px;overflow-y:auto}body.creator #creator-panel h1{font:600 20px var(--vf-title);letter-spacing:.06em;margin:2px 0 12px}body.creator #creator-panel h2{font:600 14px var(--vf-title);letter-spacing:.08em;color:var(--vf-sea);margin:18px 0 8px}body.creator .row{margin-bottom:10px}body.creator .row label.title{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}body.creator .choices{flex-wrap:wrap;gap:6px;display:flex}body.creator .choices button{border-radius:var(--vf-r);border:var(--vf-px) solid var(--line);background:var(--fill);min-width:64px;color:var(--text);font:inherit;cursor:pointer;flex:1 1 0;padding:8px 10px}body.creator .choices button small{opacity:.75;font-size:11px;font-weight:400;display:block}body.creator .choices button.on{background:var(--on);color:#fff;border-color:#0000}body.creator .swatches{align-items:center;gap:6px;display:flex}body.creator .swatches button{border:var(--vf-px) solid #00000073;cursor:pointer;border-radius:50%;flex:none;width:28px;height:28px;padding:0}body.creator .swatches button.on{box-shadow:0 0 0 2px var(--vf-solid);border-color:#fff}body.creator .swatches label.custom{cursor:pointer;background:conic-gradient(#ff4d4d,#ffd24d,#5dff4d,#4dfff0,#4d6bff,#d24dff,#ff4d4d);border-radius:50%;flex:none;width:28px;height:28px;position:relative}body.creator .swatches label.custom .dot{border:var(--vf-px) solid #000;border-radius:50%;position:absolute;inset:5px}body.creator .swatches label.custom.on{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--vf-solid)}body.creator .swatches label.custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}body.creator input[type=text]{border-radius:var(--vf-r);border:var(--vf-px) solid var(--line);background:var(--fill);width:100%;color:var(--text);font:inherit;padding:9px 10px}body.creator .actions{background:#0b0a1e;gap:8px;margin-top:18px;padding:12px 0 4px;display:flex;position:sticky;bottom:-16px}body.creator .actions button{border-radius:var(--vf-r);border:var(--vf-px) solid var(--line);min-width:0;font:inherit;cursor:pointer;background:var(--fill);color:var(--text);flex:1 1 0;padding:11px 4px;font-size:16px;font-weight:500}body.creator .actions button.primary{background:var(--vf-solid);border-color:var(--vf-solid-edge);color:#fff}body.creator .actions button .spinner{vertical-align:-.1em;border:2px solid;border-right-color:#0000;border-radius:50%;width:.9em;height:.9em;margin-right:.5em;animation:.8s linear infinite save-spin;display:inline-block}@keyframes save-spin{to{transform:rotate(360deg)}}body.creator #creator-toast{background:var(--panel);border:var(--vf-px) solid var(--line);border-radius:var(--vf-r);opacity:0;pointer-events:none;padding:10px 16px;transition:opacity .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}body.creator #creator-toast.show{opacity:1}@media (width<=760px){body.creator #creator-panel{width:auto;height:60dvh;max-height:none;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-radius:8px 8px 0 0;inset:auto 0 0}body.creator #creator-panel h1{display:none}body.creator #stage{justify-content:flex-end;gap:4px;padding-bottom:8px;bottom:60dvh;right:0}body.creator #view{width:min(40dvh - 56px,86vw)}body.creator #preview-controls button{padding-top:6px;padding-bottom:6px}body.creator.equipment #view{width:min(40dvh - 104px,86vw)}}body.creator.bare #creator-panel{display:none}body.creator.bare #stage{right:0}body.creator.bare #view{width:min(80vh,90vw)}@media (pointer:coarse){body.creator select,body.creator input[type=text]{font-size:16px}}body.creator #equip-slots{display:none}body.creator.equipment #equip-slots{z-index:2;pointer-events:none;display:block;position:absolute;inset:0}body.creator .slot{pointer-events:auto;border-radius:var(--vf-r);border:var(--vf-px) solid var(--line);background:var(--fill);width:60px;height:60px;color:var(--text);cursor:pointer;padding:5px;position:absolute;top:38%}body.creator .slot svg{width:100%;height:100%;display:block}body.creator .slot.empty svg{opacity:.18;width:100%;height:100%}body.creator .slot.on{background:var(--on);border-color:#0000}body.creator .slot-weapon{left:calc(50% - var(--slot-gap) - 60px)}body.creator .slot-armour{left:calc(50% + var(--slot-gap))}body.creator #equip-slots{--slot-gap:min(170px, 38vw)}@media (width<=760px){body.creator #equip-slots{--slot-gap:min(120px, calc(50vw - 76px))}}body.creator .slot-label{color:var(--muted);text-align:center;margin-top:4px;font-size:11px;position:absolute;top:100%;left:0;right:0}body.creator .inventory{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}body.creator .inventory .item{border-radius:var(--vf-r);border:var(--vf-px) solid var(--line);background:var(--fill);color:var(--text);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:14px;display:flex}body.creator .inventory .item.on{background:var(--on);border-color:#0000}body.creator .inventory .item small{color:var(--muted);text-align:center;font-size:13px}body.creator .inventory .item[disabled]{opacity:.4;cursor:not-allowed}body.creator .slot img,body.creator .inventory .item img{image-rendering:pixelated;image-rendering:crisp-edges;display:block}body.creator .slot img{width:100%;height:100%}body.creator .inventory .item img{width:48px;height:48px}body.creator .inventory .item svg{box-sizing:border-box;width:48px;height:48px;color:var(--muted);opacity:.6;padding:8px}body.creator #class-bar{display:none}body.creator.equipment #class-bar{width:min(320px,100% - 32px);display:block}body.creator #class-bar .choices button{background:var(--panel)}body.creator #class-bar .choices button.on{background:var(--on)}body.creator .choices button,body.creator .actions button,body.creator #preview-controls>button,body.creator #anim-buttons button,body.creator .slot,body.creator .inventory .item{box-shadow:var(--vf-bevel)}body.creator select,body.creator input[type=text]{background:#08071a;box-shadow:inset 0 2px #00000080}#admin{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:40;color:var(--vf-text);font:15px/1.45 var(--vf-font);background:#000;position:fixed;inset:0;overflow-y:auto}#admin main{max-width:720px;margin:0 auto;padding:24px 16px 48px}#admin h1{font:600 22px var(--vf-title);letter-spacing:.06em;margin:0 0 16px}#admin h2{font:600 16px var(--vf-title);letter-spacing:.06em;color:var(--vf-muted);margin:28px 0 8px}#admin form{gap:8px;display:flex}#admin input{border-radius:var(--vf-r);border:var(--vf-px) solid var(--vf-edge);color:#fff;min-width:0;font:inherit;background:#08071a;flex:1;padding:9px 11px}#admin button{padding:8px 12px}#admin button.ok{color:#fff;background:#1f9e6a;border-color:#13764f}#admin button.bad{color:#fff;background:#b23447;border-color:#7a1f2e}#admin .row{border:var(--vf-px) solid var(--vf-edge);border-radius:var(--vf-r);background:var(--vf-window);flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;padding:10px 12px;display:flex}#admin .row .who{flex:1;min-width:180px}#admin .row small{color:var(--vf-muted);overflow-wrap:anywhere;display:block}#admin .dot{background:#555;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}#admin .dot.on{background:var(--vf-sea);box-shadow:0 0 6px var(--vf-sea)}#admin .empty{color:var(--vf-muted)}#admin #status{color:#ffb4a8;min-height:1em}#admin main{padding-top:calc(16px + env(safe-area-inset-top))}#admin .top{justify-content:space-between;align-items:center;display:flex}#admin .top h1{margin:0}#admin [hidden]{display:none}