@font-face{font-family:Galmuri11;src:url(../fonts/Galmuri11.woff2) format("woff2")}@font-face{font-family:Galmuri11;font-weight:700;src:url(../fonts/Galmuri11-Bold.woff2) format("woff2")}@font-face{font-family:Galmuri9;src:url(../fonts/Galmuri9.woff2) format("woff2")}@font-face{font-family:Galmuri14;src:url(../fonts/Galmuri14.woff2) format("woff2")}:root{color-scheme:dark;forced-color-adjust:none;--u: 1px;--ink: #fff8e8;--sub: #c9c0ff;--panel: #1b1640;--panel2: #2b2266;--edge: #0b0820;--hi: #6a5cff;--gold: #ffd84a;--accent: #8f7bff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html{-webkit-text-size-adjust:none;text-size-adjust:none}html,body{margin:0;height:100%;overflow:hidden;background:#0b0820;touch-action:none;overscroll-behavior:none}body{font-family:Galmuri11,monospace;color:var(--ink);font-size:calc(var(--u) * 12);line-height:1.3;-webkit-font-smoothing:none;font-smooth:never}#stage{position:fixed;inset:0;overflow:hidden}#stage canvas{position:absolute;left:0;top:0;image-rendering:pixelated;image-rendering:crisp-edges}#fx{pointer-events:none}#swingzone{position:fixed;inset:22% 0 0;z-index:2;display:none}#ui{position:fixed;inset:0;z-index:3;pointer-events:none}#ui>*{pointer-events:auto}#ui .pe-none{pointer-events:none}.px{background:#161138db;border:calc(var(--u) * 1) solid rgba(201,192,255,.34);box-shadow:0 calc(var(--u) * 2) 0 #0b08208c;padding:calc(var(--u) * 4) calc(var(--u) * 7)}.btn{font-family:inherit;font-size:inherit;color:var(--ink);background:var(--hi);border:calc(var(--u) * 2) solid var(--edge);box-shadow:inset calc(var(--u) * 2) calc(var(--u) * 2) 0 #9a90ff,inset calc(var(--u) * -2) calc(var(--u) * -2) 0 #3f33b0,0 calc(var(--u) * 2) 0 var(--edge);padding:calc(var(--u) * 4) calc(var(--u) * 9);cursor:pointer}.btn:active{transform:translateY(calc(var(--u) * 2));box-shadow:inset calc(var(--u) * 2) calc(var(--u) * 2) 0 #3f33b0,0 0 0 var(--edge)}.btn.gold{background:#f0a81c;box-shadow:inset calc(var(--u) * 2) calc(var(--u) * 2) 0 #ffd84a,inset calc(var(--u) * -2) calc(var(--u) * -2) 0 #a06000,0 calc(var(--u) * 2) 0 var(--edge);color:#2a1400}.btn.ghost{background:#1b1640bf;box-shadow:0 calc(var(--u) * 2) 0 var(--edge)}.btn[disabled]{opacity:.35;pointer-events:none}.big{font-family:Galmuri14,Galmuri11,monospace;font-size:calc(var(--u) * 15)}.sm{font-family:Galmuri9,Galmuri11,monospace;font-size:calc(var(--u) * 10)}.sub{color:var(--sub)}.gold-t{color:var(--gold)}.title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 10);background:linear-gradient(#0b082000 40%,#0b0820a6)}.logo{font-family:Galmuri14,monospace;font-size:calc(var(--u) * 42);color:var(--gold);letter-spacing:calc(var(--u) * 2);text-shadow:calc(var(--u) * 3) 0 0 var(--edge),calc(var(--u) * -3) 0 0 var(--edge),0 calc(var(--u) * 3) 0 var(--edge),0 calc(var(--u) * -3) 0 var(--edge),calc(var(--u) * 3) calc(var(--u) * 5) 0 #6a2cff}.logo-sub{color:var(--ink);text-shadow:calc(var(--u) * 1) calc(var(--u) * 1) 0 var(--edge)}.cards{position:absolute;left:0;right:0;bottom:calc(var(--u) * 8);display:flex;justify-content:flex-start;padding-left:calc(var(--u) * 8)!important;gap:calc(var(--u) * 6);padding:0 calc(var(--u) * 6)}.card{width:calc(var(--u) * 150);cursor:pointer;opacity:.8}.card.on{opacity:1;border-color:var(--gold);transform:translateY(calc(var(--u) * -4))}.card h3{margin:0;font-size:calc(var(--u) * 12);font-weight:700}.card .t{color:var(--sub);font-size:calc(var(--u) * 10);font-family:Galmuri9,Galmuri11,monospace}.card .row{margin-top:calc(var(--u) * 3)}.card .k{display:inline-block;padding:0 calc(var(--u) * 3);margin-right:calc(var(--u) * 2);background:var(--edge)}.select-head{position:absolute;top:calc(var(--u) * 8);left:0;right:0;text-align:center}.go{position:absolute;right:calc(var(--u) * 8);bottom:calc(var(--u) * 10)}.hud-tl{position:absolute;left:calc(var(--u) * 28);top:calc(var(--u) * 6);white-space:nowrap}.hud-tl .dist{font-family:Galmuri14,Galmuri11,monospace;font-size:calc(var(--u) * 15)}#h-wind{width:max-content;margin-left:auto;white-space:nowrap}.hud-tr{position:absolute;right:calc(var(--u) * 6);top:calc(var(--u) * 6);text-align:right}.hud-bl{position:absolute;left:calc(var(--u) * 6);bottom:calc(var(--u) * 6);display:flex;gap:calc(var(--u) * 4);align-items:flex-end}.hud-br{position:absolute;right:calc(var(--u) * 6);bottom:calc(var(--u) * 6);display:flex;gap:calc(var(--u) * 4);align-items:flex-end}.club{display:flex;align-items:center;gap:calc(var(--u) * 3)}.club .name{min-width:calc(var(--u) * 70);text-align:center}.skill{min-width:calc(var(--u) * 92);text-align:center}.skill.armed{background:#d8202f;animation:blink .5s steps(2) infinite}@keyframes blink{50%{filter:brightness(1.4)}}.windarrow{display:inline-block;width:calc(var(--u) * 11);text-align:center}.help{position:absolute;left:50%;top:31%;transform:translate(-50%);text-align:center;white-space:nowrap;pointer-events:none;padding:calc(var(--u) * 2) calc(var(--u) * 8);background:#0b08209e;transition:opacity .2s}.help:empty{opacity:0}.help .n{color:var(--gold);margin-right:calc(var(--u) * 5)}.toast{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;pointer-events:none;white-space:nowrap}.result{position:absolute;left:50%;top:18%;transform:translate(-50%);min-width:calc(var(--u) * 170);pointer-events:none}.result .line{display:flex;justify-content:space-between;gap:calc(var(--u) * 10)}.g0{color:#7dff9a}.g1{color:#ffd84a}.g2{color:#ff7a7a}.score{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;min-width:calc(var(--u) * 220)}.score table{width:100%;border-collapse:collapse;margin:calc(var(--u) * 6) 0}.score td{padding:calc(var(--u) * 2) calc(var(--u) * 4)}.aimbtn{min-width:calc(var(--u) * 26)}#rotate{display:none}@media(orientation:portrait)and (max-width:700px){#rotate{display:flex;flex-direction:column;position:fixed;inset:0;z-index:9;background:#0b0820;color:var(--gold);align-items:center;justify-content:center;text-align:center;font-size:22px;cursor:pointer}#rotate span{margin-top:14px;font-size:13px;color:var(--sub)}}#fs{position:fixed;z-index:4;top:calc(var(--u) * 6);left:calc(var(--u) * 6);padding:calc(var(--u) * 3);line-height:0}#fs i{display:block;width:calc(var(--u) * 10);height:calc(var(--u) * 10);background:linear-gradient(var(--ink),var(--ink)) left top / 40% calc(var(--u) * 2) no-repeat,linear-gradient(var(--ink),var(--ink)) left top / calc(var(--u) * 2) 40% no-repeat,linear-gradient(var(--ink),var(--ink)) right top / 40% calc(var(--u) * 2) no-repeat,linear-gradient(var(--ink),var(--ink)) right top / calc(var(--u) * 2) 40% no-repeat,linear-gradient(var(--ink),var(--ink)) left bottom / 40% calc(var(--u) * 2) no-repeat,linear-gradient(var(--ink),var(--ink)) left bottom / calc(var(--u) * 2) 40% no-repeat,linear-gradient(var(--ink),var(--ink)) right bottom / 40% calc(var(--u) * 2) no-repeat,linear-gradient(var(--ink),var(--ink)) right bottom / calc(var(--u) * 2) 40% no-repeat}#fs.hide{display:none}.bag{display:flex;flex-direction:column;gap:calc(var(--u) * 3)}.bag .cur{text-align:center}.cats{display:flex;gap:calc(var(--u) * 2)}.cat{min-width:calc(var(--u) * 26);padding:calc(var(--u) * 3) calc(var(--u) * 4)}.cat.on{background:var(--hi);color:var(--gold)}.tip{position:absolute;left:50%;bottom:calc(var(--u) * 6);transform:translate(-50%);white-space:nowrap;color:var(--sub);font-family:Galmuri9,Galmuri11,monospace;font-size:calc(var(--u) * 10);padding:calc(var(--u) * 1) calc(var(--u) * 6);background:#0b082080;pointer-events:none}.board{margin-top:calc(var(--u) * 4);margin-left:auto;width:max-content;display:grid;grid-template-columns:auto auto auto;gap:0 calc(var(--u) * 6);text-align:right;white-space:nowrap}.board .st{font-family:Galmuri9,Galmuri11,monospace;font-size:calc(var(--u) * 10);align-self:center}.board .rk{color:var(--sub)}.tag{position:fixed;z-index:3;transform:translate(-50%,-100%);font-family:Galmuri9,Galmuri11,monospace;font-size:calc(var(--u) * 10);background:#0b0820b3;padding:0 calc(var(--u) * 3);pointer-events:none;white-space:nowrap}.lobby .row{margin-top:calc(var(--u) * 6)}.lobby input{font-family:inherit;font-size:inherit;color:var(--ink);background:var(--edge);border:calc(var(--u) * 2) solid var(--panel2);padding:calc(var(--u) * 2) calc(var(--u) * 4);user-select:text;-webkit-user-select:text}.roster{position:absolute;top:calc(var(--u) * 26);left:0;right:0;display:flex;justify-content:center;flex-wrap:wrap;gap:calc(var(--u) * 3);padding:0 calc(var(--u) * 6)}.rbtn{min-width:calc(var(--u) * 58);line-height:1.2;padding:calc(var(--u) * 3) calc(var(--u) * 5)}.rbtn.on{background:var(--panel2);border-color:var(--gold)}.card.detail{width:auto;max-width:calc(var(--u) * 360);word-break:keep-all}.card.detail .k{margin-left:calc(var(--u) * 2)}.skill{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 2)}.skill.dim{filter:grayscale(.7) brightness(.7)}.orbs{display:flex;gap:calc(var(--u) * 3)}.orb{width:calc(var(--u) * 8);height:calc(var(--u) * 8);background:var(--edge);box-shadow:0 0 0 calc(var(--u) * 1) #fff8e8}.orb.full{background:var(--gold)}.orb.p1{background:linear-gradient(to top,#fff8e8 34%,var(--edge) 34%)}.orb.p2{background:linear-gradient(to top,#fff8e8 67%,var(--edge) 67%)}.gain{position:absolute;right:calc(var(--u) * 8);bottom:calc(var(--u) * 50);text-align:right}.pop{animation:popup 1.8s steps(12) forwards;text-shadow:calc(var(--u) * 1) calc(var(--u) * 1) 0 var(--edge),calc(var(--u) * -1) calc(var(--u) * 1) 0 var(--edge);white-space:nowrap}@keyframes popup{0%{transform:translateY(calc(var(--u) * 10));opacity:0}15%{transform:translateY(0);opacity:1}80%{opacity:1}to{transform:translateY(calc(var(--u) * -14));opacity:0}}.grade{font-family:Galmuri14,monospace;font-size:calc(var(--u) * 30);letter-spacing:calc(var(--u) * 2);animation:gradepop .35s steps(5);text-shadow:calc(var(--u) * 2) 0 0 var(--edge),calc(var(--u) * -2) 0 0 var(--edge),0 calc(var(--u) * 2) 0 var(--edge),0 calc(var(--u) * -2) 0 var(--edge),calc(var(--u) * 2) calc(var(--u) * 4) 0 #3a1a80}@keyframes gradepop{0%{transform:scale(2.2);opacity:0}to{transform:scale(1);opacity:1}}.tags{display:flex;gap:calc(var(--u) * 4);justify-content:center;margin-top:calc(var(--u) * 3)}.tags span{font-size:calc(var(--u) * 12);white-space:nowrap;background:var(--panel);border:calc(var(--u) * 1) solid var(--gold);padding:0 calc(var(--u) * 4);color:var(--gold)}.result{position:static!important;transform:none!important;min-width:0!important;width:max-content;margin:calc(var(--u) * 4) 0 0 auto;font-family:Galmuri9,Galmuri11,monospace;font-size:calc(var(--u) * 10);line-height:1.35;text-align:left;white-space:nowrap;pointer-events:auto!important;cursor:pointer}.result .line{align-items:baseline}.result .x{margin-left:calc(var(--u) * 4)}.result .gr{font-family:Galmuri14,monospace;font-size:calc(var(--u) * 15)}.result .head{font-family:Galmuri11,monospace;font-size:calc(var(--u) * 12)}.result .grid{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0 calc(var(--u) * 9);margin-top:calc(var(--u) * 3);padding-top:calc(var(--u) * 3);border-top:calc(var(--u) * 1) solid rgba(201,192,255,.22)}.result .grid i{font-style:normal;color:var(--sub);margin-right:calc(var(--u) * 3)}.result .grid i.dot{margin-right:calc(var(--u) * 3)}.result .tipline{margin-top:calc(var(--u) * 3);padding-top:calc(var(--u) * 3);border-top:calc(var(--u) * 1) solid rgba(201,192,255,.22)}.result .tipline+.tipline{margin-top:0;padding-top:0;border-top:0}.dot{display:inline-block;width:calc(var(--u) * 5);height:calc(var(--u) * 5);margin-right:calc(var(--u) * 3);vertical-align:middle}.dot.g0{background:#7dff9a}.dot.g1{background:#ffd84a}.dot.g2{background:#ff7a7a}#err{display:none;position:fixed;left:6px;bottom:6px;z-index:20;max-width:70vw;background:#400010;color:#ffb0b0;font:12px monospace;padding:4px 8px;pointer-events:none}.namebox{position:absolute;right:calc(var(--u) * 8);bottom:calc(var(--u) * 44);display:flex;align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 3) calc(var(--u) * 6)}.namebox input{font-family:inherit;font-size:inherit;color:var(--gold);background:var(--edge);border:calc(var(--u) * 2) solid var(--panel2);padding:calc(var(--u) * 2) calc(var(--u) * 4);width:calc(var(--u) * 92);user-select:text;-webkit-user-select:text}.namebox .btn{padding:calc(var(--u) * 2) calc(var(--u) * 5)}.ending{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 calc(var(--u) * 20) calc(var(--u) * 18);gap:calc(var(--u) * 5);text-align:center;background:linear-gradient(#0b082000 55%,#0b0820b3);cursor:pointer;text-shadow:calc(var(--u) * 1) calc(var(--u) * 1) 0 var(--edge),calc(var(--u) * -1) calc(var(--u) * 1) 0 var(--edge)}.ending .ename{font-size:calc(var(--u) * 18);animation:gradepop .6s steps(6)}.ending .etext{max-width:calc(var(--u) * 360);font-size:calc(var(--u) * 12);word-break:keep-all;animation:popup-in 1.2s steps(8) both .4s}.ending .etap{font-family:Galmuri9,Galmuri11,monospace;font-size:calc(var(--u) * 10);animation:blink 1s steps(2) infinite}@keyframes popup-in{0%{opacity:0;transform:translateY(calc(var(--u) * 6))}to{opacity:1;transform:none}}.score td.rk{color:var(--sub)}.score td.nm{text-align:left}.replay-top{position:absolute;left:50%;top:calc(var(--u) * 6);transform:translate(-50%);text-align:center;white-space:nowrap}.replay-btns{position:absolute;right:calc(var(--u) * 6);bottom:calc(var(--u) * 6);display:flex;gap:calc(var(--u) * 4)}.trrow{display:flex;justify-content:flex-end;align-items:stretch;gap:calc(var(--u) * 4)}#rank{pointer-events:auto;padding:0 calc(var(--u) * 6);white-space:nowrap}.mini{position:absolute;left:calc(var(--u) * 6);top:calc(var(--u) * 70);width:calc(var(--u) * 60);height:calc(var(--u) * 132);image-rendering:pixelated;border:calc(var(--u) * 1) solid rgba(201,192,255,.34);opacity:.92}.hud-tl .rule{font-family:Galmuri9,Galmuri11,monospace;font-size:calc(var(--u) * 10)}.legal{position:absolute;right:calc(var(--u) * 6);bottom:calc(var(--u) * 4);font-family:Galmuri9,Galmuri11,monospace;font-size:calc(var(--u) * 10);opacity:.4}.legal a{color:var(--ink);text-decoration:none}
