@font-face{font-family:"Baloo 2";src:url(../fonts/baloo2.woff2)format("woff2");font-weight:400 800;font-display:block}@font-face{font-family:Nunito;src:url(../fonts/nunito.woff2)format("woff2");font-weight:400 900;font-display:block}:root{--ink:#1a1638;--panel:#181438c7;--panel-edge:#ffffff38;--gold:#ffd84a;--text:#fff;--f-display:"Baloo 2", "Arial Rounded MT Bold", system-ui, sans-serif;--f-body:"Nunito", system-ui, -apple-system, sans-serif;--outline:0 2px 0 #141032d9, 0 0 3px #141032e6, 0 0 12px #1410328c}*{box-sizing:border-box}html,body{background:#9cc4e4;height:100%;margin:0;overflow:hidden}body{font-family:var(--f-body);color:var(--text);-webkit-user-select:none;user-select:none}canvas#game{width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}#hud{pointer-events:none;text-shadow:var(--outline);position:fixed;inset:0}.h-alt{flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:22px;right:26px}.h-alt-num{text-align:right;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-family:var(--f-display);font-weight:800;line-height:.9}.h-alt-num b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:58px}.h-alt-num span{opacity:.9;margin-left:3px;font-size:22px}.h-alt-rec{text-align:right;color:var(--gold);background:var(--panel);border-radius:999px;margin-top:4px;padding:2px 10px;font-size:14px;font-weight:800}.h-gauge{background:var(--panel);width:14px;height:min(42vh,340px);box-shadow:inset 0 0 0 1.5px var(--panel-edge);border-radius:8px;margin:22px 8px 0 0;position:relative}.h-band{opacity:.9;border-radius:4px;position:absolute;left:3px;right:3px}.h-band b,.h-band-lbl{white-space:nowrap;letter-spacing:.04em;background:var(--panel);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800;position:absolute;bottom:0;right:22px}.h-band-lbl{box-shadow:inset -3px 0 0 var(--c,transparent);right:25px}.h-gauge-me{width:26px;height:26px;box-shadow:0 0 0 3px var(--ink), 0 2px 8px #0006;background:#fff;border-radius:50%;margin:0 0 -13px -13px;transition:bottom .12s linear;position:absolute;left:50%}.h-gauge-me:after{content:"";background:#e2453c;border-radius:50%;position:absolute;inset:6px}.h-gauge-rec{background:var(--gold);border-radius:2px;width:34px;height:3px;margin-bottom:-1.5px;position:absolute;left:-10px;box-shadow:0 0 6px #ffd84acc}.h-zone{text-align:center;opacity:0;transition:opacity .6s,transform .6s;position:absolute;top:18%;left:50%;transform:translate(-50%,8px)}.h-zone.show{opacity:1;transform:translate(-50%)}.h-zone small{letter-spacing:.3em;text-transform:uppercase;opacity:.9;font-size:15px;font-weight:800;display:block}.h-zone span{font-family:var(--f-display);font-size:64px;font-weight:800;line-height:1.05;display:block}.h-zone span:after{content:"";background:linear-gradient(90deg,#0000,#fff,#0000);width:70%;height:3px;margin:8px auto 0;display:block}.h-toast{background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--panel-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 10px;font-weight:800;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:26px;left:50%;transform:translate(-50%,-20px)}.h-toast.show{opacity:1;transform:translate(-50%)}.h-toast i{background:linear-gradient(#e2453c 0 46%,#1a1638 46% 54%,#fff 54%);border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 2px #1a1638}.h-wheel{background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--panel-edge), 0 10px 30px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:26px;align-items:flex-end;gap:18px;padding:12px 22px 10px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.h-slot{width:64px;height:64px;transition:transform .18s cubic-bezier(.3,1.6,.5,1);position:relative}.h-slot .h-portrait{background-color:color-mix(in srgb, var(--c) 55%, #2a2660);filter:saturate(.85)brightness(.95);opacity:.82;background-position:50%;background-repeat:no-repeat;background-size:118%;border-radius:50%;transition:filter .18s,opacity .18s;position:absolute;inset:5px;box-shadow:inset 0 0 0 2px #ffffff59}.h-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.h-ring circle{fill:none;stroke:#ffffff2e;stroke-width:4px}.h-ring .h-cd{stroke:var(--c);stroke-width:4.5px;stroke-linecap:round;stroke-dasharray:182;stroke-dashoffset:0;opacity:0}.h-slot.on .h-ring .h-cd{opacity:1}.h-slot .h-icon{background:var(--ink);fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;box-shadow:0 0 0 2px var(--c);border-radius:50%;padding:4px;position:absolute;bottom:-4px;right:-6px}.h-slot kbd{position:absolute;top:-6px;left:-6px}.h-slot .h-name{white-space:nowrap;opacity:0;font-size:13px;font-weight:800;transition:opacity .18s;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.h-slot.on{transform:scale(1.32)translateY(-6px)}.h-slot.on .h-portrait{filter:none;opacity:1;box-shadow:inset 0 0 0 2.5px #fff}.h-slot.on .h-name{opacity:1;font-size:11px;bottom:-20px}.h-slot.pop{animation:.35s cubic-bezier(.3,1.6,.5,1) pop}.h-slot.match .h-portrait{opacity:1;filter:none;animation:.9s ease-out fmatch}@keyframes fmatch{0%{box-shadow:inset 0 0 0 2.5px #fff, 0 0 0 0 var(--c);transform:scale(1)}30%{box-shadow:inset 0 0 0 2.5px #fff, 0 0 0 8px color-mix(in srgb, var(--c) 75%, transparent);transform:scale(1.14)}to{transform:scale(1);box-shadow:inset 0 0 0 2.5px #fff,0 0 0 16px #0000}}@media (prefers-reduced-motion:reduce){.h-slot.match .h-portrait{animation-duration:.5s}}@keyframes pop{0%{transform:scale(.9)translateY(-6px)}to{transform:scale(1.32)translateY(-6px)}}.h-slot .h-power{white-space:nowrap;text-shadow:none;color:#fff;background:color-mix(in srgb, var(--c) 55%, #1a1638);box-shadow:0 0 0 1.5px var(--c);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800;line-height:1.35;display:none;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)}.h-wheel.learn{padding-bottom:30px}.h-wheel.learn .h-power{display:block}.h-wheel.learn .h-name{display:none}.h-wheel.learn .h-slot.on .h-power{top:calc(100% + 3px);transform:translate(-50%)scale(.8)}#hud:has(.h-wheel.learn) .h-ability{bottom:156px}.h-wheel:not(.learn){padding-bottom:24px}.h-wheel:not(.learn) .h-power{opacity:.8;padding:0 5px;font-size:9.5px;display:block;top:calc(100% + 3px)}.h-wheel:not(.learn) .h-name{display:none}:is(#hud:has(.hint.show) .h-ability,#hud:has(.tut-welcome.show) .h-ability){transition:opacity .2s;opacity:0!important}.h-slot.call .h-portrait{opacity:1;filter:none;animation:1.1s ease-in-out infinite call}@keyframes call{0%,to{box-shadow:inset 0 0 0 2px #fff, 0 0 0 0 var(--c)}50%{box-shadow:inset 0 0 0 2px #fff, 0 0 0 6px var(--c)}}.h-ability.nudge{animation:1s ease-in-out infinite nudge}.h-ability.nudge svg{box-shadow:0 0 0 2px #7dff8a,0 0 16px #7dff8a}@keyframes nudge{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.08)}}.hint .hint-tip{color:#ffd84a;margin-top:3px;font-size:13px;font-style:normal;font-weight:800;display:block}@media (prefers-reduced-motion:reduce){.h-ability.nudge,.t-btn.nudge,.h-slot.call .h-portrait{animation:none}}.h-ability{background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--panel-edge);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:15px;display:flex;position:absolute;bottom:136px;left:50%;transform:translate(-50%)}.h-ability svg{background:var(--ink);fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;width:26px;height:26px;padding:5px}.h-ability.ready svg{box-shadow:0 0 0 2px #7dff8a,0 0 10px #7dff8a}.h-ability:not(.ready){opacity:.7}.h-ability b{font-weight:800}.h-ability em{opacity:.85;font-style:normal}.h-ability .dot{background:#ffffff4d;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #14103280}.h-ability .dot.ready{background:#7dff8a;box-shadow:0 0 0 2px #14103280,0 0 10px #7dff8a}kbd{min-width:22px;height:22px;color:var(--ink);font:800 12px/1 var(--f-body);text-shadow:none;background:#fff;border-radius:6px;place-items:center;padding:0 6px;display:inline-grid;box-shadow:0 2px #b9b4d8}kbd.wide{min-width:64px}.h-help{background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--panel-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;gap:8px;padding:14px 16px;font-size:13.5px;font-weight:700;transition:opacity .6s;display:grid;position:absolute;bottom:26px;left:24px}.h-help kbd{margin-right:2px}.h-help{max-width:max(280px,50vw - 215px)}.h-help.intro .duel-help,.h-help.intro .rt-help{display:none}.h-help.fade{padding:6px 12px}.h-help.fade>div{display:none}.h-help.fade:after{content:"Help";font-weight:800}.h-help.fade:before{content:"H";min-width:22px;height:22px;color:var(--ink);font:800 12px/1 var(--f-body);text-shadow:none;background:#fff;border-radius:6px;place-items:center;margin-right:8px;display:inline-grid;box-shadow:0 2px #b9b4d8}.h-help.fade{align-items:center;display:flex}#start{cursor:pointer;text-shadow:var(--outline);background:radial-gradient(70% 60% at 50% 30%,#141e4600,#141e4680);flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding-top:9vh;display:flex;position:fixed;inset:0}#start h1{font-family:var(--f-display);letter-spacing:-.02em;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 8px #1a163880);margin:0;font-size:clamp(72px,12vw,150px);font-weight:800;line-height:.85}#start h1 span{color:#ffd23a}#start .tag{font-family:var(--f-display);letter-spacing:.02em;background:#1a16388c;border-radius:999px;margin:6px 0 26px;padding:2px 18px;font-size:26px;font-weight:800}#start p{color:var(--ink);text-shadow:none;background:#fff;border-radius:999px;margin:0;padding:10px 26px;font-size:17px;font-weight:900;animation:1.6s ease-in-out infinite pulse;box-shadow:0 4px #b9b4d8}@keyframes pulse{50%{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){#start p,.h-slot.pop{animation:none}}#join{gap:10px;margin-bottom:12px;display:flex}#join[hidden]{display:none}#nick{border:3px solid var(--ink);width:260px;color:var(--ink);font:800 18px var(--f-body);text-shadow:none;background:#fff;border-radius:999px;outline:none;padding:12px 18px}#nick:focus{border-color:#ffd23a}#play{border:3px solid var(--ink);color:var(--ink);font:900 18px var(--f-body);cursor:pointer;box-shadow:0 4px 0 var(--ink);text-shadow:none;background:#ffd23a;border-radius:999px;padding:12px 26px}#play:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}#start.online{cursor:default}#start.online p{color:#fff;box-shadow:none;text-shadow:var(--outline);background:0 0;font-size:14px;animation:none}.h-online{background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--panel-edge);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:14px;font-weight:800;display:flex;position:absolute;top:24px;left:24px}.h-online i{background:#7dff8a;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #7dff8a}.h-board{background:var(--panel);width:230px;box-shadow:inset 0 0 0 1.5px var(--panel-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:10px 12px 8px;font-size:13px;position:absolute;top:64px;left:24px}.h-board h4{font-family:var(--f-display);letter-spacing:.02em;margin:2px 0 4px;font-size:15px;font-weight:800}.h-board h4 small{font-family:var(--f-body);opacity:.7;margin-left:4px;font-size:11px;font-weight:700}.h-board ol{gap:2px;margin:0 0 6px;padding:0;list-style:none;display:grid}.h-board li{border-radius:8px;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;padding:2px 6px;font-weight:700;display:grid}.h-board li.me{background:#ffd84a38;box-shadow:inset 0 0 0 1px #ffd84a99}.h-board li.empty{opacity:.7;font-weight:600;display:block}.h-board .rk{font-variant-numeric:tabular-nums;opacity:.75}.h-board .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.h-board b{font-variant-numeric:tabular-nums}.h-board .podium li:first-child .rk{color:#ffd84a;opacity:1}.h-board .podium li:nth-child(2) .rk{color:#dfe6f0;opacity:1}.h-board .podium li:nth-child(3) .rk{color:#e3a05c;opacity:1}.h-board em{opacity:.55;text-align:right;font-size:10.5px;font-style:normal;display:block}.h-board.mini ol,.h-board.mini em,.h-board.mini h4 small{display:none}.h-board .h-tabs span{cursor:pointer;opacity:.45;transition:opacity .3s}.h-board .h-tabs span.on{opacity:1}.h-board .h-tabs span+span:not([hidden]):before{content:"·";opacity:.6;margin:0 5px}.h-board ol[hidden]{display:none}.h-board li.far{margin-top:3px}.h-board ol.cols{grid-template-columns:1fr 1fr;grid-auto-flow:row;gap:0 4px;font-size:11.5px}.h-board ol.cols li{grid-template-columns:14px 1fr auto;gap:3px;padding:1px 4px}.h-board ol.cols li.far,.h-board ol.cols li.empty{grid-column:1/-1}.h-board.mini h4{margin-right:8px;display:inline}#pause{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#100e2873;place-items:center;display:grid;position:fixed;inset:0}#pause[hidden]{display:none}.p-card{width:min(380px,92vw);box-shadow:inset 0 0 0 1.5px var(--panel-edge), 0 20px 50px #00000059;background:#181438eb;border-radius:22px;gap:10px;padding:22px 24px 18px;display:grid}.p-card h2{font-family:var(--f-display);margin:0 0 6px;font-size:32px;font-weight:800}.p-card label{justify-content:space-between;font-size:14px;font-weight:800;display:flex}.p-card label b{color:var(--gold);font-variant-numeric:tabular-nums}.p-card input[type=range]{accent-color:#ffd23a;width:100%}.p-card .p-check{justify-content:flex-start;align-items:center;gap:8px;font-weight:700}.p-card .p-check input{accent-color:#ffd23a;width:18px;height:18px}.p-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.p-actions button{border:3px solid var(--ink);color:var(--ink);font:900 16px var(--f-body);cursor:pointer;box-shadow:0 3px 0 var(--ink);background:#ffd23a;border-radius:999px;padding:10px 22px}.p-actions button.ghost{color:#fff;box-shadow:none;background:0 0;border-color:#fff6}.p-actions button:focus-visible,.p-card input:focus-visible{outline-offset:2px;outline:3px solid #fff}.p-card p{opacity:.65;text-align:center;margin:4px 0 0;font-size:12px}#chat{pointer-events:none;gap:6px;width:min(380px,40vw);display:grid;position:absolute;bottom:74px;left:24px}#chat-log{gap:4px;margin:0;padding:0;list-style:none;display:grid}#chat-log li{background:var(--panel);max-width:100%;box-shadow:inset 0 0 0 1px var(--panel-edge);overflow-wrap:anywhere;border-radius:14px;justify-self:start;padding:5px 12px;font-size:14px;font-weight:600;line-height:1.35;transition:opacity .6s}#chat-log li b{color:#9fd0ff;margin-right:6px;font-weight:900}#chat-log li.me b{color:var(--gold)}#chat-log li.old{opacity:0}#chat.typing #chat-log li.old{opacity:.85}#chat-form{pointer-events:auto}#chat-input{color:#fff;width:100%;font:700 15px var(--f-body);background:#181438e6;border:2px solid #ffd23a;border-radius:14px;outline:none;padding:10px 14px}#chat-hint{opacity:.7;font-size:12px;font-weight:700}#chat.typing #chat-hint{display:none}#update{z-index:30;color:var(--ink);background:#ffd23a;border-radius:999px;align-items:center;gap:14px;padding:8px 8px 8px 18px;font-weight:800;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}#update button{background:var(--ink);color:#fff;font:900 14px var(--f-body);cursor:pointer;border:0;border-radius:999px;padding:8px 18px}.h-help:not(.fade)~#chat{bottom:196px}#fps{z-index:40;color:#7dff8a;pointer-events:none;background:#0009;border-radius:8px;padding:4px 12px;font:700 12px ui-monospace,monospace;position:fixed;top:8px;left:50%;transform:translate(-50%)}body.og #join,body.og #start-msg{display:none!important}body.og #start{justify-content:flex-start;padding-top:6vh}.nojs{text-align:center;font:800 20px var(--f-body);color:#fff;background:#3fa9f5;place-items:center;margin:0;padding:24px;display:grid;position:fixed;inset:0}body.touch{--sl:max(12px, env(safe-area-inset-left));--sr:max(12px, env(safe-area-inset-right));--st:max(10px, env(safe-area-inset-top));--sb:max(10px, env(safe-area-inset-bottom));touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body.touch #touch{pointer-events:auto;touch-action:none;position:absolute;inset:0}.t-stick{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.t-stick:before{content:"";background:#18143852;border-radius:50%;width:120px;height:120px;position:absolute;top:-60px;left:-60px;box-shadow:inset 0 0 0 2px #ffffff73}.t-knob{width:54px;height:54px;box-shadow:0 0 0 3px var(--ink), 0 4px 12px #0000004d;background:#ffffffe6;border-radius:50%;position:absolute;top:-27px;left:-27px}.t-ghost{left:calc(var(--sl) + 34px);bottom:calc(var(--sb) + 40px);opacity:.7;background:radial-gradient(circle,#ffffff59 0 22px,#1814382e 23px);border-radius:50%;width:104px;height:104px;position:absolute;box-shadow:inset 0 0 0 2px #ffffff59}.t-btn{pointer-events:auto;touch-action:none;font:inherit;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:0;margin:0;padding:0}.t-round{background:var(--panel);box-shadow:inset 0 0 0 2px var(--panel-edge), 0 4px 14px #00000040;-webkit-backdrop-filter:blur(8px);border-radius:50%;place-items:center;transition:transform 80ms;display:grid}.t-round svg{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.t-round.down{transform:scale(.9)}.t-top{top:var(--st);left:var(--sl);gap:8px;display:flex;position:absolute}.t-top .t-btn{width:42px;height:42px}.t-top svg{width:22px;height:22px}.t-actions{right:var(--sr);bottom:var(--sb);pointer-events:none;width:196px;height:196px;position:absolute}.t-jump{width:92px;height:92px;box-shadow:0 0 0 3px var(--ink), 0 5px 0 var(--ink), 0 8px 18px #0000004d;color:var(--ink);text-shadow:none;background:#ffd23aeb;align-content:center;gap:0;position:absolute;bottom:8px;right:4px}.t-jump svg{width:34px;height:34px;stroke:var(--ink);stroke-width:3px;margin-bottom:-4px}.t-jump b{font:900 14px/1 var(--f-body)}.t-jump.down{box-shadow:0 0 0 3px var(--ink), 0 1px 0 var(--ink);transform:translateY(4px)}.t-ability{width:70px;height:70px;box-shadow:inset 0 0 0 2.5px color-mix(in srgb, var(--c,#fff) 80%, #fff), 0 4px 14px #00000040;align-content:center;gap:1px;position:absolute;bottom:6px;right:108px}.t-ability i svg{width:26px;height:26px}.t-ability b{font:900 11px/1 var(--f-body);white-space:nowrap}.t-ability.ready i svg{filter:drop-shadow(0 0 5px #7dff8a);stroke:#c9ffd0}.t-ability:not(.ready){opacity:.6}.t-ability.via-jump{opacity:.55}.t-back{opacity:.75;width:44px;height:44px;position:absolute;bottom:96px;right:120px}.t-back svg{width:20px;height:20px}.t-trophy{top:calc(var(--st) + 50px);left:var(--sl);background:var(--panel);height:32px;box-shadow:inset 0 0 0 1.5px var(--panel-edge);text-shadow:none;border-radius:999px;align-items:center;gap:5px;padding:0 12px 0 9px;font-size:14px;font-weight:800;display:flex;position:absolute}.t-trophy .t-sep{opacity:.6}.t-trophy b{font-variant-numeric:tabular-nums}body.touch:not(.t-board) .h-board{display:none!important}body.touch .h-board{top:calc(var(--st) + 88px);left:var(--sl);pointer-events:auto;z-index:5;width:min(240px,70vw)}body.touch .h-board em{display:none}body.touch.t-board .t-trophy{box-shadow:inset 0 0 0 2px var(--gold)}body.touch .h-online{top:calc(var(--st) + 6px);left:calc(var(--sl) + 104px);padding:4px 11px 4px 8px;font-size:12px}body.touch .h-alt{top:var(--st);right:var(--sr)}body.touch .h-alt-num b{font-size:36px}body.touch .h-alt-num span{font-size:15px}body.touch .h-alt-num{-webkit-text-stroke:1px var(--ink)}body.touch .h-alt-rec{margin-top:2px;padding:1px 8px;font-size:11px}body.touch .h-gauge{width:10px;height:min(20vh,130px);margin:10px 6px 0 0}body.touch .h-band b,body.touch .h-band-lbl{display:none}body.touch .h-gauge-me{width:18px;height:18px;box-shadow:0 0 0 2px var(--ink);margin:0 0 -9px -9px}body.touch .h-gauge-me:after{inset:4px}body.touch .h-gauge-rec{width:22px;left:-6px}body.touch .h-wheel{bottom:var(--sb);pointer-events:auto;border-radius:22px;gap:10px;padding:9px 12px 8px}body.touch .h-slot{touch-action:none;width:50px;height:50px}body.touch .h-slot.on{transform:scale(1.18)translateY(-4px)}@keyframes t-pop{0%{transform:scale(.9)translateY(-4px)}to{transform:scale(1.18)translateY(-4px)}}body.touch .h-slot.pop{animation-name:t-pop}body.touch .h-slot .h-icon{width:20px;height:20px;padding:3px;bottom:-3px;right:-5px}body.touch .h-slot .h-name{display:none}body.touch .h-slot .h-power{padding:0 5px;font-size:9px;top:calc(100% + 3px)}body.touch .h-wheel.learn{padding-bottom:20px}body.touch .h-wheel:not(.learn) .h-power{font-size:8px}body.touch .h-wheel:not(.learn){padding-bottom:16px}:is(body.touch #hud:has(.h-zone.show) .tut-next,body.touch #hud:has(.tut-welcome.show) .tut-sky,body.touch #hud:has(.hint.show) .h-zone){opacity:0}.t-btn.nudge{animation:1s ease-in-out infinite t-nudge}.t-ability.nudge{opacity:1}.t-ability.nudge i svg{filter:drop-shadow(0 0 6px #7dff8a);stroke:#c9ffd0}@keyframes t-nudge{0%,to{scale:1}50%{scale:1.1}}body.touch kbd,body.touch .h-help,body.touch #chat-hint,body.touch .h-ability{display:none!important}body.touch .h-zone{width:90vw;top:22%}body.touch .h-zone small{letter-spacing:.25em;font-size:11px}body.touch .h-zone span{font-size:clamp(30px,8vw,46px)}body.touch .h-toast{top:calc(var(--st) + 54px);font-size:14px}body.touch #chat{left:var(--sl);top:calc(var(--st) + 92px);gap:4px;width:min(300px,62vw);bottom:auto}body.touch #chat-log li{border-radius:11px;padding:3px 10px;font-size:12px}body.touch.t-board #chat{display:none}body.touch #chat.typing{top:var(--st);left:var(--sl);right:var(--sr);z-index:25;flex-direction:column;width:auto;display:flex;position:fixed}body.touch #chat.typing #chat-form{order:-1}body.touch #chat-input{padding:11px 14px;font-size:16px}.t-rotate{left:50%;bottom:calc(var(--sb) + 204px);background:var(--panel);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:800;transition:opacity .5s,transform .5s;position:absolute;transform:translate(-50%,-6px)}@media (orientation:portrait){.t-rotate.show{opacity:1;transform:translate(-50%)}}.t-help{width:min(360px,100vw - 32px);max-height:72vh;box-shadow:inset 0 0 0 1.5px var(--panel-edge), 0 16px 40px #00000059;pointer-events:auto;z-index:6;text-shadow:none;background:#181438e6;border-radius:18px;gap:7px;padding:14px 16px 12px;font-size:13px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-58%)}.t-help h3{font-family:var(--f-display);margin:0 0 2px;font-size:20px}.t-help em{opacity:.6;text-align:center;margin-top:2px;font-size:11px;font-style:normal}.t-help>div,.t-pause-help>div{text-align:left;align-items:center;gap:10px;line-height:1.25;display:flex}.t-ico{background:var(--ink);width:28px;height:28px;box-shadow:inset 0 0 0 1.5px var(--panel-edge);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.t-ico svg{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.t-ico-stick{background:radial-gradient(circle, #fff 0 5px, var(--ink) 6px)}.t-ico-look:before{content:"↔";font-size:16px;font-weight:900}.t-ico-wheel{background:conic-gradient(var(--form-froakie,#4c8de0) 0 25%, var(--form-jigglypuff,#f39bbd) 0 50%, var(--form-pikachu,#f5c827) 0 75%, var(--form-geodude,#9b8e78) 0);box-shadow:0 0 0 2px var(--ink)}#pause .t-pause-help{opacity:.85;text-align:left;gap:6px;margin:6px 0 0;font-size:12px;display:grid}@media (max-height:500px){#pause .t-pause-help{display:none}}@media (max-height:520px) and (orientation:landscape){.t-help{grid-template-columns:1fr 1fr;gap:8px 14px;width:min(560px,90vw)}.t-help h3,.t-help em{grid-column:1/-1}}body.touch #pause{padding:var(--st) var(--sr) var(--sb) var(--sl);touch-action:pan-y;overflow-y:auto}body.touch .p-card{gap:8px;padding:18px 20px 16px}body.touch .p-card input[type=range]{height:28px}body.touch .p-actions button{padding:12px 24px}@media (orientation:landscape) and (max-height:500px){body.touch .h-gauge{height:min(28vh,110px)}body.touch .h-wheel{gap:8px;padding:7px 10px 6px}body.touch .h-slot{width:44px;height:44px}body.touch .h-zone{top:16%}}@media (orientation:portrait){body.touch .h-wheel{left:var(--sl);bottom:calc(var(--sb) + 132px);gap:6px;padding:7px 8px 6px;transform:none}body.touch .h-slot{width:42px;height:42px}body.touch .t-ghost{bottom:calc(var(--sb) + 18px);left:calc(var(--sl) + 18px)}}body.touch #start{padding:max(7vh, var(--st)) var(--sr) var(--sb) var(--sl);cursor:default}body.touch #start h1{-webkit-text-stroke-width:5px;font-size:clamp(64px,19vw,120px)}body.touch #start .tag{margin:6px 0 20px;font-size:20px}body.touch #join{flex-direction:column;align-items:stretch;gap:12px;width:min(340px,100%)}body.touch #nick{text-align:center;width:100%;padding:14px 18px;font-size:18px}body.touch #play{padding:14px 26px;font-size:20px}@media (orientation:landscape) and (max-height:500px){body.touch #start{padding-top:max(4vh, var(--st));gap:2px}body.touch #start h1{font-size:64px}body.touch #start .tag{margin:2px 0 12px;font-size:16px}body.touch #join{flex-direction:row;width:min(480px,100%)}body.touch #nick{text-align:left;flex:1}}.p-card{max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;overflow-y:auto}.p-actions{background:linear-gradient(#0000,#181438f2 30%);padding:10px 0 4px;position:sticky;bottom:-18px}@media (max-height:480px){.p-card{gap:6px;padding:14px 18px 12px}.p-card h2{margin:0;font-size:24px}}#load-bar{--p:0%;background:#1a163873;border-radius:999px;width:min(320px,70vw);height:12px;margin-top:12px;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff59}#load-bar i{width:var(--p);background:linear-gradient(90deg,#ffd23a,#ff9f43);border-radius:999px;height:100%;transition:width .25s ease-out;display:block}#load-bar.done{opacity:0;transition:opacity .4s .2s}body.og #load-bar{display:none}#fatal{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1638b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#fatal .f-card{max-width:440px;color:var(--ink);text-align:center;-webkit-user-select:text;user-select:text;background:#fff;border-radius:22px;padding:26px 28px;box-shadow:0 10px #1a163859}#fatal h2{font:800 26px/1.1 var(--f-display);margin:0 0 10px}#fatal p{font:700 16px/1.45 var(--f-body);margin:0}#fatal button{border:3px solid var(--ink);color:var(--ink);font:900 18px var(--f-body);cursor:pointer;box-shadow:0 4px 0 var(--ink);background:#ffd23a;border-radius:999px;margin-top:18px;padding:12px 30px}#fatal button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}#access{border:3px solid var(--ink);width:160px;color:var(--ink);font:800 18px var(--f-body);text-shadow:none;background:#fff;border-radius:999px;outline:none;padding:12px 18px}#access:focus{border-color:#ffd23a}#access.ok{border-color:#3fbf6f}@media (max-width:640px){#join:has(#access){flex-wrap:wrap;justify-content:center}}.pw-touch{display:none}html.pw-is-touch .pw-touch{display:inline}html.pw-is-touch .pw-desk{display:none}#powers{cursor:default;flex-direction:column;align-items:center;gap:12px;width:min(1000px,100vw - 32px);margin-top:16px;display:flex}#start #powers p,#howto p{box-shadow:none;color:inherit;font-size:inherit;font-weight:inherit;text-shadow:none;background:0 0;border-radius:0;margin:0;padding:0;animation:none}#start #powers .pw-key,#howto .pw-key{font:800 21px/1.25 var(--f-display);letter-spacing:.01em;text-align:center;text-wrap:balance;text-shadow:0 2px #14103299;background:#1a1638b8;border-radius:999px;padding:7px 20px 8px;box-shadow:inset 0 0 0 2px #ffd84a8c}.pw-key b{color:var(--gold)}.pw-key kbd{vertical-align:2px}.pw-cards{justify-content:center;align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pw-card{--w:150px;flex:0 0 var(--w);width:var(--w);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 65%, transparent), 0 10px 28px #0a081e4d;text-align:left;cursor:pointer;background:#181438db;border-radius:18px;flex-direction:column;transition:opacity .3s;display:flex;position:relative;overflow:hidden}#start:not(.online) #powers .pw-card.on{animation:.4s cubic-bezier(.3,1.3,.5,1) pw-in}@keyframes pw-in{0%{opacity:.4;transform:scale(.94)}}#start:not(.online) #powers .pw-card:not(.on){opacity:.88}#powers .pw-card.on{--w:360px;box-shadow:inset 0 0 0 3px var(--c), 0 14px 36px #0a081e66}.pw-media{aspect-ratio:4/3;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--c) 70%, #fff) 0, color-mix(in srgb, var(--c) 55%, #2a2660) 72%);position:relative;overflow:hidden}.pw-ph{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;opacity:.9;filter:drop-shadow(0 2px #14103259);width:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pw-media img,.pw-media video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.pw-media .ready{opacity:1}.pw-text{gap:4px;padding:8px 12px 12px;display:grid}.pw-text h3{font:800 20px/1.05 var(--f-display);color:#fff;text-shadow:0 2px #14103280;align-items:center;gap:7px;margin:0;display:flex}.pw-text h3 kbd{min-width:20px;height:20px;font-size:11px}#start #powers .pw-power,#howto .pw-power{color:color-mix(in srgb, var(--c) 45%, #fff);align-items:center;gap:7px;font-size:15px;font-weight:900;line-height:1.15;display:flex}.pw-ico{background:var(--ink);fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;box-shadow:0 0 0 2px var(--c);border-radius:50%;flex:none;padding:4px}#start #powers .pw-how,#howto .pw-how{font-size:14.5px;font-weight:800;line-height:1.35}.pw-how b{color:var(--gold)}#start #powers .pw-use,#howto .pw-use{opacity:.82;font-size:13.5px;font-weight:700;line-height:1.3}#start:not(.online) #powers .pw-card:not(.on) .pw-use{display:none}#start:not(.online) #powers .pw-card:not(.on) .pw-how{font-size:12px;line-height:1.25}#start:not(.online) #powers .pw-card:not(.on) .pw-how kbd{min-width:18px;height:18px;padding:0 4px;font-size:10.5px}#start:not(.online) #powers .pw-card:not(.on) .pw-text h3{font-size:17px}#start:not(.online) #powers .pw-card:not(.on) .pw-power{font-size:13px}.pw-card:focus-visible,.pw-open:focus-visible{outline-offset:2px;outline:3px solid #fff}.pw-open{color:#fff;font:800 15px var(--f-body);cursor:pointer;text-shadow:none;background:#1a163899;border:2px solid #ffffff8c;border-radius:999px;padding:8px 18px}.pw-open:before{content:"?";background:var(--gold);width:20px;height:20px;color:var(--ink);border-radius:50%;place-items:center;margin-right:8px;font-size:13px;font-weight:900;display:inline-grid}.pw-open:hover{border-color:var(--gold)}#start.online #powers{gap:10px;width:min(1100px,100vw - 32px);margin-top:14px}#start.online #powers .pw-key{padding:5px 16px 6px;font-size:17px}#start.online .pw-cards{align-items:stretch;gap:10px}#start.online #powers .pw-card{--w:auto;opacity:1;min-width:0;max-width:262px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 70%, transparent), 0 8px 22px #0a081e47;flex-direction:row;flex:1 1 0;align-items:center}#start.online .pw-media{aspect-ratio:auto;flex:none;align-self:stretch;width:76px}#start.online .pw-ph{width:46%}#start.online .pw-text{gap:2px;padding:7px 10px}#start.online #powers .pw-text h3{font-size:18px}#start.online #powers .pw-power{gap:5px;font-size:14px}#start.online #powers .pw-how{opacity:.95;font-size:13.5px;line-height:1.25;display:block}#start.online .pw-ico{width:20px;height:20px;padding:3px}#start.online .pw-how kbd{min-width:18px;height:18px;padding:0 4px;font-size:10.5px}#start.online .pw-card:hover{box-shadow:inset 0 0 0 3px var(--c), 0 8px 22px #0a081e47}#howto{z-index:40;overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px);touch-action:pan-y;text-shadow:none;background:#100e288c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}#howto[hidden]{display:none}.ht-card{width:min(1240px,100%);box-shadow:inset 0 0 0 1.5px var(--panel-edge), 0 20px 50px #00000059;color:#fff;background:#181438f0;border-radius:24px;justify-items:center;gap:12px;padding:16px 20px 18px;display:grid}.ht-head{justify-content:space-between;align-items:center;width:100%;display:flex}.ht-head h2{font:800 30px/1 var(--f-display);margin:0}.ht-x{color:#fff;width:40px;height:40px;font:900 18px var(--f-body);cursor:pointer;background:0 0;border:2px solid #fff6;border-radius:50%}#howto .pw-cards{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;width:100%;display:grid}#howto .pw-card{--w:auto;cursor:default;width:auto;box-shadow:inset 0 0 0 3px var(--c), 0 10px 26px #0a081e4d}#howto .ht-basics{opacity:.8;text-align:center;font-size:13.5px;font-weight:700;line-height:1.6}.ht-ok{border:3px solid var(--ink);color:var(--ink);font:900 17px var(--f-body);cursor:pointer;box-shadow:0 3px 0 var(--ink);background:#ffd23a;border-radius:999px;padding:10px 30px}.ht-ok:focus-visible,.ht-x:focus-visible{outline-offset:2px;outline:3px solid #fff}@media (max-width:1050px){#howto .pw-cards{grid-template-columns:repeat(2,minmax(0,340px));justify-content:center}}#set-howto{color:#fff;font:800 15px var(--f-body);cursor:pointer;background:0 0;border:2px solid #ffffff73;border-radius:999px;justify-self:stretch;padding:9px 18px}#set-howto:hover,#set-howto:focus-visible{border-color:var(--gold);outline:none}@media (max-width:860px){#start #powers .pw-key{padding:6px 14px 7px;font-size:17px}#powers .pw-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}#powers .pw-card{width:auto}#powers .pw-card.on{order:-1;grid-column:1/-1;justify-self:center;width:min(100%,420px)}#powers .pw-card.on .pw-media{aspect-ratio:auto;height:min(57vw,30vh,240px)}#start:not(.online) #powers .pw-card:not(.on){border-radius:14px;flex-direction:row;align-items:center}#start:not(.online) #powers .pw-card:not(.on) .pw-media{display:none}#start:not(.online) #powers .pw-card:not(.on) .pw-text{gap:2px;padding:6px 8px}#start:not(.online) #powers .pw-card:not(.on) .pw-text h3{font-size:15px}#start:not(.online) #powers .pw-card:not(.on) .pw-power{gap:4px;font-size:11.5px}#start:not(.online) #powers .pw-card:not(.on) .pw-ico{width:18px;height:18px;padding:3px}#start #powers .pw-card.on .pw-use{font-size:13px}#start.online .pw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#start.online #powers .pw-card{width:auto}#start.online .pw-media{width:58px}#howto .pw-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ht-card{gap:10px;padding:12px 12px 14px}.ht-head h2{font-size:24px}#howto .pw-text{gap:3px;padding:6px 8px 9px}#howto .pw-text h3{font-size:16px}#howto .pw-power{font-size:12.5px}#howto .pw-ico{width:20px;height:20px;padding:3px}#howto .pw-how{font-size:12.5px}#howto .pw-use{font-size:11.5px}#howto .pw-key{font-size:15px}}@media (max-width:420px){#start.online .pw-media{display:none}#start.online #powers .pw-power{font-size:11.5px}}@media (max-height:500px) and (orientation:landscape){#powers{gap:8px;margin-top:8px}#start #powers .pw-key{padding:4px 14px 5px;font-size:15px}#powers .pw-cards{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-auto-flow:dense;gap:6px 8px;width:min(100%,760px);display:grid}#powers .pw-card{width:auto}#powers .pw-card.on{flex-direction:row;grid-area:1/1/span 3;width:auto}#powers .pw-card.on .pw-media{aspect-ratio:4/3;flex:none;align-self:center;width:min(36vw,46vh,230px);height:auto}#start:not(.online) #powers .pw-card:not(.on){flex-direction:row;grid-column:2;align-items:center}#start:not(.online) #powers .pw-card:not(.on) .pw-media{display:none}#start:not(.online) #powers .pw-card:not(.on) .pw-text{gap:1px;padding:5px 8px}#start:not(.online) #powers .pw-card:not(.on) .pw-text h3{font-size:14px}#start:not(.online) #powers .pw-card:not(.on) .pw-power{font-size:11.5px}#powers .pw-card.on .pw-text{align-content:center}#start #powers .pw-card.on .pw-use{font-size:12px}#start #powers .pw-card.on .pw-how{font-size:13px}#start.online #powers{gap:6px;margin-top:6px}#start.online .pw-cards{width:auto;display:flex}#start.online #powers .pw-card{--w:196px;grid-column:auto}#start.online .pw-media{display:none}#start.online #powers .pw-key{padding:3px 12px 4px;font-size:13.5px}#start.online #powers .pw-how{font-size:11px}#start.online .pw-open{padding:4px 14px;font-size:13px}#howto{place-items:start center;padding:8px}#howto .pw-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.ht-card{gap:6px;padding:8px 12px 10px}.ht-head h2{font-size:20px}.ht-x{width:34px;height:34px}#howto .pw-use,#howto .ht-basics{display:none}.ht-ok{padding:6px 24px;font-size:15px}}@media (max-height:560px) and (orientation:portrait){#start.online .pw-cards{display:none}}@media (prefers-reduced-motion:reduce){.pw-card,.pw-media img,.pw-media video{transition:none}#start:not(.online) #powers .pw-card.on{animation:none}}body.og #powers{display:none!important}.pw-key kbd{margin:0 2px}@media (max-width:860px) and (orientation:portrait){#powers .pw-card.on .pw-media{height:min(57vw,26vh,240px)}#start #powers .pw-key{padding:5px 12px 6px;font-size:15px}#start.online #powers{gap:7px;margin-top:8px}#start.online #powers .pw-key{padding:4px 12px 5px;font-size:13.5px}#start.online .pw-cards{gap:6px}#start.online #powers .pw-text{gap:1px;padding:5px 8px}#start.online #powers .pw-text h3{font-size:14px}#start.online #powers .pw-power{gap:4px;font-size:11px}#start.online #powers .pw-how{font-size:11px}#start.online .pw-ico{width:18px;height:18px;padding:3px}#start.online .pw-open{padding:5px 14px;font-size:13.5px}}@media (max-width:860px) and (orientation:portrait) and (max-height:760px){#start:not(.online) .tag{display:none}#start:not(.online) #start-msg{padding:6px 18px;font-size:15px}#start.online #start-msg{padding:2px 10px}}@media (max-height:500px) and (orientation:landscape){#start:not(.online) .tag{display:none}#start:not(.online) h1{font-size:50px}#start.online .tag{display:none}#start:not(.online) #start-msg{padding:4px 16px;font-size:13px}#start:not(.online) #load-bar{height:8px;margin-top:6px}#start.online #start-msg{padding:2px 10px;font-size:12.5px}#start.online #powers .pw-card{--w:min(196px, calc((100vw - 64px) / 4))}#start.online #powers .pw-text{gap:1px;padding:4px 8px}#start.online #powers .pw-text h3{font-size:14px}#start.online #powers .pw-power{gap:4px;font-size:11px}#start.online #powers .pw-how{font-size:10.5px}#start.online .pw-ico{width:18px;height:18px;padding:3px}}@media (max-height:560px) and (orientation:portrait){#start.online #powers .pw-key{display:none}}.pw-power span{white-space:nowrap}#howto .ht-combo{cursor:default;width:min(780px,100%);box-shadow:inset 0 0 0 3px var(--gold), 0 10px 26px #0a081e4d;flex-direction:row;align-items:center}#howto .ht-combo .pw-media{flex:none;align-self:stretch;width:min(300px,42%)}#howto .ht-combo .pw-text{padding:10px 16px}#howto .ht-combo .pw-power{color:#fff;flex-wrap:wrap}#howto .ht-combo .pw-ico+.pw-ico,#howto .ht-combo .pw-power span+.pw-ico{--c:var(--form-jigglypuff,#f39bbd)}@media (max-width:860px){#howto .ht-combo .pw-media{width:44%}#howto .ht-combo .pw-text{padding:6px 10px}}@media (max-height:500px) and (orientation:landscape){#howto .ht-combo .pw-media{width:190px}}.pw-power{flex-wrap:wrap;row-gap:0}#start>*{flex-shrink:0}#start.online #powers{width:min(1240px,100vw - 32px)}#start.online #powers .pw-card{max-width:300px}@media (max-width:860px) and (orientation:portrait){#powers .pw-card.on .pw-media{height:min(57vw,23vh,240px)}#start #powers .pw-key{font-size:14px}#start:not(.online) #powers .pw-card:not(.on) .pw-how,#start:not(.online) #powers .pw-card:not(.on) .pw-power{font-size:11px}}@media (max-width:860px),(max-height:500px){#start.online #powers .pw-use{display:none}}@media (max-height:500px) and (orientation:landscape){#start.online .pw-open{top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));position:fixed}}.pw-nw{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}@media (max-width:860px),(max-height:500px){#howto .ht-card>.pw-cards{order:1}#howto .ht-combo{order:2}#howto .ht-basics{order:3}#howto .ht-ok{order:4}}@media (max-height:500px) and (orientation:landscape){#start:not(.online) #powers .pw-card:not(.on) .pw-ico{display:none}#start:not(.online) #powers .pw-card:not(.on) .pw-text{padding:3px 8px}#start:not(.online) #powers .pw-card:not(.on) .pw-text h3{font-size:12.5px}#start:not(.online) #powers .pw-card:not(.on) .pw-power,#start:not(.online) #powers .pw-card:not(.on) .pw-how{font-size:10.5px}#start:not(.online) h1{font-size:44px}#powers .pw-card.on .pw-media{width:min(32vw,40vh,200px)}}.pw-ico.pw-badge{box-shadow:none;background:0 0;border-radius:0;padding:0;overflow:visible}#start #powers .pw-legend,#howto .pw-legend{font:800 15px/1.2 var(--f-body);color:#fff;text-align:center;background:#1a1638a8;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:5px 14px 5px 16px;display:flex}.pw-lg-t{white-space:nowrap}.pw-lg-chips{flex-wrap:wrap;justify-content:center;gap:4px 10px;display:inline-flex}.pw-chip{white-space:nowrap;color:color-mix(in srgb, var(--c) 45%, #fff);align-items:center;gap:4px;font-size:14px;font-weight:800;display:inline-flex}.pw-chip-b{filter:drop-shadow(0 1px #14103280);flex:none;width:22px;height:22px}#start.online #powers .pw-legend{padding:3px 12px;font-size:13.5px}#start.online .pw-chip{font-size:12.5px}#start.online .pw-chip-b{width:19px;height:19px}@media (max-width:860px),(max-height:500px){#start #powers .pw-legend{display:none}}@media (max-width:860px){#howto .pw-legend{border-radius:16px;gap:3px 8px;padding:4px 10px;font-size:13px}#howto .pw-chip{font-size:12px}#howto .pw-chip-b{width:18px;height:18px}}@media (max-height:500px) and (orientation:landscape){#howto .pw-legend{padding:2px 10px;font-size:12px}#howto .pw-chip{font-size:11.5px}#howto .pw-chip-b{width:16px;height:16px}}