:root{--u:1px;--gold:#ffd24a;--ink:#1a0a2a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}html,body{-webkit-touch-callout:none;-webkit-text-size-adjust:100%;color:#fff;overscroll-behavior:none;background:#0b0618;width:100%;height:100%;margin:0;font-family:system-ui,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}body{justify-content:center;align-items:center;display:flex}#stage{width:calc(var(--u) * 1280);height:calc(var(--u) * 720);background:#000;position:relative;overflow:hidden}#c{cursor:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}.screen{background:radial-gradient(#1408288c,#080314e6);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#title{background:linear-gradient(#0a041a8c,#0a041ad9),url(/operation-toy-box/art/s1-far.webp) 50%/cover}.tcard{text-align:center;padding:calc(var(--u) * 26) calc(var(--u) * 40);max-width:calc(var(--u) * 760);font-size:calc(var(--u) * 20)}.tcard h1{margin:0 0 calc(var(--u) * 8);font-size:calc(var(--u) * 104);letter-spacing:calc(var(--u) * 3);color:var(--gold);text-shadow:0 calc(var(--u) * 6) 0 #7a3a00, 0 calc(var(--u) * 12) calc(var(--u) * 24) #0009;-webkit-text-stroke:calc(var(--u) * 4) var(--ink);paint-order:stroke fill;font-weight:900;line-height:.9}.tcard h2{margin:0 0 calc(var(--u) * 14);font-size:calc(var(--u) * 46);color:var(--gold)}.tag{font-size:calc(var(--u) * 26);margin:calc(var(--u) * 6) 0 calc(var(--u) * 18);text-shadow:0 2px 6px #000}.row{gap:calc(var(--u) * 10);margin:calc(var(--u) * 10) 0 calc(var(--u) * 16);justify-content:center;display:flex}.chip{font:inherit;padding:calc(var(--u) * 8) calc(var(--u) * 20);color:#fff;cursor:pointer;background:#281450b3;border:3px solid #5a3a8a;border-radius:999px;font-weight:800}.chip.on{background:var(--gold);color:var(--ink);border-color:#fff}.btn{margin:calc(var(--u) * 8) auto;min-width:calc(var(--u) * 300);padding:calc(var(--u) * 14) calc(var(--u) * 30);font:900 calc(var(--u) * 34)/1 system-ui;letter-spacing:2px;color:var(--ink);border:4px solid var(--ink);border-radius:calc(var(--u) * 16);box-shadow:0 calc(var(--u) * 6) 0 #8a4a00;cursor:pointer;background:linear-gradient(#ffe27a,#ffb52e);display:block}.btn:active{box-shadow:0 calc(var(--u) * 3) 0 #8a4a00;transform:translateY(3px)}.btn.alt{box-shadow:0 calc(var(--u) * 6) 0 #3d2a80;font-size:calc(var(--u) * 24);background:linear-gradient(#cdb8ff,#8a6ae0)}.link{color:#cdb8ff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}a{color:#cdb8ff}.small{font-size:calc(var(--u) * 16);margin:calc(var(--u) * 10) 0 0}.dim{opacity:.7}ul{text-align:left;margin:0 0 calc(var(--u) * 14);padding-left:calc(var(--u) * 22);line-height:1.35}li{margin:calc(var(--u) * 5) 0}.bar{height:calc(var(--u) * 18);width:calc(var(--u) * 360);margin:calc(var(--u) * 12) auto;background:#2a1850;border-radius:99px;overflow:hidden}.bar i{background:var(--gold);width:0;height:100%;transition:width .15s;display:block}.rb{border:4px solid var(--ink);color:#fff;cursor:pointer;box-shadow:0 calc(var(--u) * 5) 0 #00000073;background:#3c1e78d1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:0;font-weight:900;display:flex;position:absolute}.rb:active{transform:scale(.94)}.rb .ic{font-size:calc(var(--u) * 40);line-height:1}.rb b{font-size:calc(var(--u) * 15);letter-spacing:1px}.rb i{background:var(--gold);color:var(--ink);font-style:normal;font-size:calc(var(--u) * 20);min-width:calc(var(--u) * 30);height:calc(var(--u) * 30);border:3px solid var(--ink);border-radius:99px;justify-content:center;align-items:center;display:flex;position:absolute;top:-2px;right:-2px}.rb.reload{left:calc(var(--u) * 28);bottom:calc(var(--u) * 28);width:calc(var(--u) * 124);height:calc(var(--u) * 124);background:#146eaad9}.rb.gren{right:calc(var(--u) * 28);bottom:calc(var(--u) * 28);width:calc(var(--u) * 112);height:calc(var(--u) * 112);background:#be4614e0}.rb.rocket{right:calc(var(--u) * 28);bottom:calc(var(--u) * 156);width:calc(var(--u) * 96);height:calc(var(--u) * 96);background:#a01e5ae0}.rb.pause{right:calc(var(--u) * 20);top:calc(var(--u) * 20);width:calc(var(--u) * 64);height:calc(var(--u) * 64);font-size:calc(var(--u) * 24)}.rb.off{opacity:.35}#rotate{z-index:9;text-align:center;background:#0b0618;justify-content:center;align-items:center;font-size:26px;line-height:1.6;display:flex;position:fixed;inset:0}.res h2{font-size:calc(var(--u) * 54)}.res table{margin:calc(var(--u) * 8) auto;border-collapse:collapse;font-size:calc(var(--u) * 24)}.res td{padding:calc(var(--u) * 4) calc(var(--u) * 16);text-align:left}.res td+td{text-align:right;color:var(--gold);font-weight:900}.stars{font-size:calc(var(--u) * 64);letter-spacing:8px;margin:0 0 calc(var(--u) * 8)}.row2{gap:calc(var(--u) * 14);justify-content:center;display:flex}.row2 .btn{min-width:calc(var(--u) * 250);font-size:calc(var(--u) * 24)}.btn small{font-size:calc(var(--u) * 13);letter-spacing:0;opacity:.85;margin-top:3px;font-weight:700;display:block}.btn i{font-style:normal;font-size:calc(var(--u) * 13);display:block}.tcard.wide{max-width:none;width:calc(var(--u) * 1220);padding:calc(var(--u) * 20)}#stageCards{gap:calc(var(--u) * 12);margin:calc(var(--u) * 10) 0 calc(var(--u) * 14);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.scard{height:calc(var(--u) * 280);border:4px solid var(--ink);border-radius:calc(var(--u) * 16);color:#fff;text-align:left;padding:calc(var(--u) * 12);justify-content:flex-end;gap:calc(var(--u) * 6);cursor:pointer;font:inherit;box-shadow:0 calc(var(--u) * 6) 0 #00000080;background-position:50%;background-size:cover;flex-direction:column;display:flex}.scard b{font-size:calc(var(--u) * 20);color:var(--gold);text-shadow:0 2px 4px #000}.scard span{font-size:calc(var(--u) * 14);text-shadow:0 2px 4px #000;line-height:1.2}.scard em{font-style:normal;font-weight:900;font-size:calc(var(--u) * 17);color:#fff27a}.scard.lock{filter:grayscale(.8)brightness(.7);cursor:not-allowed}.scard:hover:not(.lock){border-color:var(--gold);transform:translateY(-4px)}.stars.small{font-size:calc(var(--u) * 36);letter-spacing:2px}.newbest{color:#7dffa0;font-weight:900;font-size:calc(var(--u) * 26);margin:0 0 calc(var(--u) * 6);animation:.6s ease-in-out infinite alternate pop}@keyframes pop{to{transform:scale(1.12)}}.rb.duck{left:calc(var(--u) * 28);bottom:calc(var(--u) * 168);width:calc(var(--u) * 100);height:calc(var(--u) * 100);background:#28785ae0}.rb.duck b{font-size:calc(var(--u) * 12)}.rb.duck .ic{font-size:calc(var(--u) * 32)}.rb.fire,#padzone{display:none}[data-mode=pad] .rb.fire{right:calc(var(--u) * 26);bottom:calc(var(--u) * 30);width:calc(var(--u) * 190);height:calc(var(--u) * 190);background:#d22828e6;border-width:6px;display:flex}[data-mode=pad] .rb.fire .ic{font-size:calc(var(--u) * 64)}[data-mode=pad] .rb.fire b{font-size:calc(var(--u) * 26)}[data-mode=pad] .rb.gren{right:calc(var(--u) * 230);bottom:calc(var(--u) * 30);width:calc(var(--u) * 96);height:calc(var(--u) * 96)}[data-mode=pad] .rb.rocket{right:calc(var(--u) * 232);bottom:calc(var(--u) * 140);width:calc(var(--u) * 84);height:calc(var(--u) * 84)}[data-mode=pad] .rb.reload{left:calc(var(--u) * 420);bottom:calc(var(--u) * 30);width:calc(var(--u) * 96);height:calc(var(--u) * 96)}[data-mode=pad] .rb.duck{left:calc(var(--u) * 420);bottom:calc(var(--u) * 140);width:calc(var(--u) * 84);height:calc(var(--u) * 84)}[data-mode=pad] #padzone{width:calc(var(--u) * 400);height:calc(var(--u) * 420);display:block;position:absolute;bottom:0;left:0}#padbase{left:calc(var(--u) * 40);bottom:calc(var(--u) * 40);width:calc(var(--u) * 190);height:calc(var(--u) * 190);background:#28145a59;border:4px solid #ffffff73;border-radius:50%;position:absolute}#padknob{border:3px solid var(--ink);background:#ffffff8c;border-radius:50%;width:42%;height:42%;margin:-21% 0 0 -21%;position:absolute;top:50%;left:50%}#padhint{left:calc(var(--u) * 40);bottom:calc(var(--u) * 240);width:calc(var(--u) * 190);text-align:center;letter-spacing:3px;color:#ffffffb3;text-shadow:0 2px 4px #000;pointer-events:none;font-weight:900;position:absolute}.chip.small{padding:calc(var(--u) * 5) calc(var(--u) * 14);font-size:calc(var(--u) * 15)}.tspr{pointer-events:none;filter:drop-shadow(0 calc(var(--u) * 10) calc(var(--u) * 12) #0009);animation:3.2s ease-in-out infinite bob;position:absolute}.tspr.t1{left:calc(var(--u) * 40);bottom:calc(var(--u) * 40);height:calc(var(--u) * 430)}.tspr.t2{right:calc(var(--u) * 20);bottom:calc(var(--u) * 20);height:calc(var(--u) * 520);animation-delay:-1s}.tspr.t3{left:calc(var(--u) * 250);bottom:calc(var(--u) * 30);height:calc(var(--u) * 200);animation-delay:-2s}.tspr.t4{left:calc(var(--u) * 24);top:calc(var(--u) * 18);height:calc(var(--u) * 120);animation-delay:-.5s;transform:scaleX(-1)}@keyframes bob{50%{translate:0 calc(var(--u) * -14)}}#briefCast{gap:calc(var(--u) * 8);margin:calc(var(--u) * 6) 0 calc(var(--u) * 14);max-height:calc(var(--u) * 330);flex-wrap:wrap;justify-content:center;display:flex;overflow:hidden}.bcast{width:calc(var(--u) * 118);text-align:center;font-size:calc(var(--u) * 13);font-weight:800;line-height:1.1}.bcast img{height:calc(var(--u) * 110);object-fit:contain;filter:drop-shadow(0 4px 6px #0009);max-width:100%}.bcast.boss img{height:calc(var(--u) * 140)}.bcast.boss span{color:var(--gold)}#unlock{z-index:30;background:#120a22f2}.tcontent{text-align:center;max-width:calc(var(--u) * 640);width:100%;font-size:calc(var(--u) * 18);margin:auto}.tcontent h2{color:var(--gold);font-size:calc(var(--u) * 40);margin:0 0 8px}.tcontent .tag{font-size:calc(var(--u) * 20)}.btn.big{font-size:calc(var(--u) * 26);padding:calc(var(--u) * 12) calc(var(--u) * 34)}.btn.small{font-size:calc(var(--u) * 18);padding:calc(var(--u) * 8) calc(var(--u) * 20);min-width:0}.btn.gold{color:var(--ink);background:linear-gradient(#ffe27a,#ffb52e)}.price{font-size:calc(var(--u) * 52);color:var(--gold);text-shadow:0 3px 0 var(--ink);margin:6px 0;font-weight:900}.price s{color:#aaa;font-size:calc(var(--u) * 28)}.perks{text-align:left;font-size:calc(var(--u) * 17);max-width:calc(var(--u) * 520);padding-left:calc(var(--u) * 22);margin:8px auto;line-height:1.4}.by{font-size:calc(var(--u) * 14);color:#c9bfe0;margin:8px 0}.by a{color:var(--gold)}.redeem{margin:10px 0}input{-webkit-user-select:text;user-select:text}.redeem input,#unlock input,#nameIn{color:#fff;padding:calc(var(--u) * 8) calc(var(--u) * 10);font:700 calc(var(--u) * 16) system-ui;width:calc(var(--u) * 260);text-align:center;background:#00000059;border:2px solid #ffffff4d;border-radius:10px}#boardList{max-height:calc(var(--u) * 360);margin:calc(var(--u) * 8) 0;text-align:left;overflow:auto}.brow{gap:calc(var(--u) * 10);padding:calc(var(--u) * 5) calc(var(--u) * 12);font-size:calc(var(--u) * 20);border-radius:10px;display:flex}.brow:nth-child(odd){background:#ffffff0f}.brow.me{background:#ffd24a40}.brow b{width:calc(var(--u) * 40);color:var(--gold)}.brow .nm{flex:1}.brow .sc{font-weight:900}#toast{left:50%;top:calc(var(--u) * 24);z-index:40;border:2px solid var(--gold);padding:calc(var(--u) * 10) calc(var(--u) * 20);font-weight:800;font-size:calc(var(--u) * 20);opacity:0;pointer-events:none;background:#140a28eb;border-radius:14px;transition:opacity .25s;position:absolute;transform:translate(-50%)}#toast.on{opacity:1}#unlock.screen{padding:calc(var(--u) * 16) 0;background:#0e071ef7;align-items:flex-start;overflow-y:auto}#unlock .tcontent{margin:0 auto}#unlock .row{margin:8px 0;display:block}#unlock .row .btn{margin:6px auto}#unlock .btn{min-width:0}#unlock .skpass{max-width:calc(var(--u) * 560);margin-left:auto;margin-right:auto}#boardList{text-align:center}.brow{text-align:left}.rb.super{right:calc(var(--u) * 150);bottom:calc(var(--u) * 150);width:calc(var(--u) * 88);height:calc(var(--u) * 88);background:#d29614eb}[data-mode=pad] .rb.super{right:calc(var(--u) * 340);bottom:calc(var(--u) * 140)}.rb.super b{font-size:calc(var(--u) * 11)}.rb.super .ic{font-size:calc(var(--u) * 30)}.rb.super.off{opacity:.45}#shopList{gap:calc(var(--u) * 8);margin:calc(var(--u) * 10) 0;text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shopRow{padding:calc(var(--u) * 8) calc(var(--u) * 12);background:#ffffff12;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;display:flex}.tcard{z-index:2;position:relative}[data-orient=portrait] .screen{--u:var(--mu);align-items:flex-start;padding:12px 0;overflow-y:auto}[data-orient=portrait] .tcard,[data-orient=portrait] .tcard.wide{width:96%;max-width:560px;margin:auto;padding:16px 14px}[data-orient=portrait] #stageCards{grid-template-columns:repeat(2,minmax(0,1fr))}[data-orient=portrait] #shopList{grid-template-columns:1fr}[data-orient=portrait] .tspr{display:none}[data-orient=portrait] .rb{border-width:3px}[data-orient=portrait] .rb.pause{width:52px;height:52px;font-size:20px;top:10px;right:10px}[data-orient=portrait] .rb.reload{width:92px;height:92px;bottom:14px;left:12px}[data-orient=portrait] .rb.reload b{font-size:12px}[data-orient=portrait] .rb.duck{width:78px;height:78px;bottom:116px;left:12px}[data-orient=portrait] .rb.gren{width:92px;height:92px;bottom:14px;right:12px}[data-orient=portrait] .rb.rocket{width:78px;height:78px;bottom:116px;right:12px}[data-orient=portrait] .rb.super{width:72px;height:72px;bottom:20px;right:calc(50% - 36px)}[data-orient=portrait] #hudbtns[data-mode=pad] .rb.super{width:64px;height:64px;bottom:150px;left:112px;right:auto}[data-orient=portrait] #hudbtns[data-mode=pad] #padzone{width:55%;height:100%}[data-orient=portrait] #hudbtns[data-mode=pad] #padbase{width:150px;height:150px;bottom:16px;left:14px}[data-orient=portrait] #hudbtns[data-mode=pad] .rb.fire{width:120px;height:120px;bottom:14px;right:10px}[data-orient=portrait] #hudbtns[data-mode=pad] .rb.gren{width:74px;height:74px;bottom:14px;right:138px}[data-orient=portrait] #hudbtns[data-mode=pad] .rb.rocket{width:74px;height:74px;bottom:146px;right:10px}[data-orient=portrait] #hudbtns[data-mode=pad] .rb.reload{width:74px;height:74px;bottom:96px;left:auto;right:138px}[data-orient=portrait] #hudbtns[data-mode=pad] .rb.duck{width:66px;height:66px;bottom:176px;left:14px}[data-orient=portrait]{background:linear-gradient(#0b0618,#1b0f3a)}[data-orient=portrait] #padhint{display:none}#hudbtns .rb{z-index:5}#hudbtns #padzone{z-index:1}.rb.zoom{display:none}[data-orient=portrait] .rb.zoom{background:#285a8cd9;width:52px;height:52px;display:flex;top:10px;right:70px}[data-orient=portrait] .rb.zoom .ic{font-size:18px}[data-orient=portrait] .rb.zoom b{font-size:8px}#stage[data-orient=portrait]{background:linear-gradient(#150a30,#0b0618)}
