@font-face{font-family:Pixelify Sans;src:url(./PixelifySans-lrcDQVzA.ttf) format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:Fusion ZH;src:url(./fusion-zh-BUjksoYk.woff2) format("woff2");font-display:swap}:root{--bg: #0b0920;--panel: #17123d;--panel2: #221a55;--ink: #1a1033;--line: #7f8ff5;--cy: #4fd1ff;--pk: #ff7ad9;--yl: #ffd54a;--gr: #5fe08a;--rd: #ff5d7a;--tx: #f2eeff;--dim: #a9a3d6;--f: "Pixelify Sans", "Fusion ZH", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--fz: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--tx);font-family:var(--f);overflow:hidden;overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font-family:var(--f);color:inherit}img{image-rendering:pixelated}#game{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#cv{position:absolute;left:0;top:0;image-rendering:pixelated;touch-action:none;display:block}body:not([data-screen=run]) :is(#hud,#bottom,#tools,#bossbar,#side,#banner){display:none!important}body[data-screen=run] #screen{display:none}#screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.ic{width:20px;height:20px;vertical-align:-4px;image-rendering:pixelated}.btn{font-size:16px;color:#fff;background:linear-gradient(#6656e6,#3c2fa6);border:3px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 var(--ink),inset 0 2px #ffffff47;padding:9px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-shadow:0 2px 0 rgba(20,10,50,.6);transition:transform .06s,box-shadow .06s,filter .1s;line-height:1.15}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink),inset 0 2px #fff3}.btn.big{font-size:20px;padding:12px 18px}.btn.sm{font-size:13px;padding:5px 10px;border-width:2px;box-shadow:0 3px 0 var(--ink)}.btn.alt{background:linear-gradient(#ff8fdf,#d0479f)}.btn.go{background:linear-gradient(#ffe27a,#f5b931);color:#2a1a00;text-shadow:0 1px 0 rgba(255,255,255,.5)}.btn.danger{background:linear-gradient(#ff7d8f,#c8324d)}.btn.on{outline:3px solid var(--yl)}.btn.poor{opacity:.55}.btn:disabled{opacity:.4;cursor:default;filter:grayscale(.5);transform:none}.chip{font-size:14px;background:var(--panel2);border:2px solid var(--line);border-radius:999px;padding:4px 12px;cursor:pointer}.dust{display:inline-flex;align-items:center;gap:4px;color:#bfe8ff;font-size:16px;background:#17123dd9;border:2px solid #4a5ad8;border-radius:999px;padding:3px 10px 3px 6px}.dim{color:var(--dim)}.title{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:54px 16px 28px;gap:12px;position:relative;text-align:center}.tbar{position:absolute;top:10px;right:10px;left:10px;display:flex;justify-content:space-between;align-items:center}.logo{line-height:.9;animation:float 3.2s ease-in-out infinite;margin-bottom:4px}.logo .l1,.logo .l2{font-weight:700;letter-spacing:3px}.logo .l1{font-size:clamp(44px,12vw,76px);color:var(--cy);text-shadow:0 4px 0 #1f5fa8,0 8px 0 var(--ink),0 0 26px rgba(79,209,255,.55)}.logo .l2{font-size:clamp(38px,10.5vw,66px);color:var(--pk);text-shadow:0 4px 0 #9a2f78,0 8px 0 var(--ink),0 0 26px rgba(255,122,217,.5);margin-top:6px}.logo .lz{font-family:"Fusion ZH",var(--fz);font-size:clamp(20px,5vw,28px);color:var(--yl);margin-top:14px;letter-spacing:6px;text-shadow:0 3px 0 var(--ink)}.sub{margin:0;color:#d9d3ff;font-size:16px;text-shadow:0 2px 0 var(--ink)}.tbtns{display:flex;flex-direction:column;gap:10px;width:min(360px,92vw)}.tbtns .btn{width:100%}.row2{display:flex;gap:8px;justify-content:center}.row2>*{flex:1}.row2.small>*{flex:0 1 auto}.rec{font-size:13px;color:var(--dim);margin:4px 0 0;text-shadow:0 2px 0 var(--ink)}.ver{position:absolute;right:10px;bottom:8px;font-size:12px;color:#7d76b0}@keyframes float{50%{transform:translateY(-6px) rotate(-1deg)}}.menu{max-width:780px;margin:0 auto;padding:0 12px 34px}.mtop{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;background:linear-gradient(var(--bg) 75%,rgba(11,9,32,0))}.mtop h2{margin:0;font-size:24px;color:var(--yl);text-shadow:0 3px 0 var(--ink)}.panel,.shipinfo,.opts,.perk,.tpage,.tipbox{background:#17123deb;border:3px solid var(--ink);outline:2px solid rgba(127,143,245,.45);outline-offset:-5px;border-radius:12px}.ships{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px}.shipc{position:relative;background:#17123deb;border:3px solid var(--ink);border-radius:12px;padding:8px;text-align:center;cursor:pointer;box-shadow:0 4px 0 var(--ink);transition:transform .1s}.shipc:hover{transform:translateY(-2px)}.shipc.sel{border-color:var(--sc);box-shadow:0 0 0 2px var(--sc),0 0 18px var(--sc),0 4px 0 var(--ink)}.shipc.locked .shipimg{filter:brightness(.25) saturate(0)}.shipimg{width:72px;height:72px;display:block;margin:0 auto}.sn{font-size:18px;color:var(--sc);font-weight:700;text-shadow:0 2px 0 var(--ink)}.shipc .sr{font-size:12px;color:var(--dim);margin-bottom:4px}.srow{display:flex;justify-content:space-between;font-size:11px;color:var(--dim)}.srow i{font-style:normal;color:var(--sc);letter-spacing:-1px}.srow u{text-decoration:none;color:#ffffff21}.lock{font-size:13px;color:#bfe8ff;margin-top:4px}.lock small{color:var(--dim);font-size:11px}.shipc .btn{margin-top:6px}.shipinfo{margin:10px 0;padding:10px 12px;border-left:6px solid var(--sc);font-size:15px}.pp{font-size:14px;margin-top:6px;color:#e2ddff;line-height:1.35}.opts{padding:10px 12px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.orow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.orow>label{min-width:92px;color:var(--dim);font-size:14px}.orow>div{display:flex;flex-wrap:wrap;gap:6px;flex:1}.orow input[type=range]{flex:1;min-width:140px;accent-color:var(--pk)}.opt{font-size:14px;background:#2a2266;border:2px solid var(--ink);border-radius:999px;padding:5px 12px;cursor:pointer;box-shadow:0 2px 0 var(--ink)}.opt.on{background:var(--yl);color:#2a1a00}.opt:disabled{opacity:.45;cursor:default}.units{display:flex;flex-wrap:wrap;gap:5px}.units .opt{min-width:38px}.onote{font-size:12px;color:var(--dim);margin:-2px 0 2px}.col{display:flex;flex-direction:column;gap:6px;align-items:stretch}.go{width:100%}.hangar .go{position:sticky;bottom:10px;box-shadow:0 4px 0 var(--ink),0 12px 0 12px var(--bg)}.perks{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px}.perk{display:flex;gap:10px;align-items:center;padding:10px}.perk.maxed{opacity:.7}.pic{width:40px;height:40px;flex-shrink:0}.ptx{flex:1;min-width:0}.ptx b{font-size:15px}.ptx p{margin:2px 0 4px;font-size:13px;color:var(--dim);line-height:1.3}.pips{display:flex;gap:3px}.pips i{width:12px;height:6px;background:#ffffff24;border-radius:2px}.pips i.on{background:var(--yl)}.mx{color:var(--yl);font-size:14px}.blk{font-size:11px;color:var(--dim);max-width:96px;text-align:right}.tabs{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.wlist{display:flex;flex-direction:column;gap:4px;margin-top:8px}.wrow{display:grid;grid-template-columns:42px minmax(84px,1fr) 40px minmax(0,2fr);gap:8px;align-items:center;padding:6px 10px;background:#17123de6;border:2px solid var(--ink);border-radius:8px;cursor:pointer;font-size:14px}.wrow:hover{background:#251d5c}.wrow b{font-size:16px;color:#fff;overflow-wrap:anywhere}.wrow i{color:var(--dim);font-size:12px;font-style:normal}.wrow>span:last-child{font-family:var(--fz);color:#ffe9b8}.st{color:var(--yl);font-size:12px;letter-spacing:-1px}.st u{text-decoration:none;color:#ffffff26}.st.bad{color:var(--rd);font-size:14px}.wlist.small{max-height:34vh;overflow-y:auto;text-align:left}.igrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.ocard{position:relative;display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;background:linear-gradient(#211a55,#17123d);border:3px solid var(--rc, #4a3fa0);border-radius:12px;padding:10px 12px;color:var(--tx);box-shadow:0 4px 0 var(--ink);font-size:14px}.ocard.unk{opacity:.5}.oic{width:44px;height:44px;flex-shrink:0;image-rendering:pixelated}.oic.big{width:64px;height:auto}.otx{flex:1;min-width:0}.otx b{font-size:16px}.otx p{margin:4px 0 0;color:#d4cfff;font-size:13.5px;line-height:1.35}.rar{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-left:4px}.ocard .btn{align-self:center;flex-shrink:0}.ocard.pick{cursor:pointer;font-family:var(--f);transition:transform .08s,box-shadow .12s;animation:pop .28s both}.ocard.pick:nth-child(2){animation-delay:.05s}.ocard.pick:nth-child(3){animation-delay:.1s}.ocard.pick:nth-child(4){animation-delay:.15s}.ocard.pick:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink),0 0 18px var(--rc, #7f8ff5)}.ocard.pick.banish{border-color:var(--rd)!important}.ocard.pick.sm{padding:6px 10px}.ocard.sold{opacity:.45}.ocard .key{position:absolute;top:6px;right:8px;font-size:11px;color:var(--dim)}.ocard .lvl{display:block;font-size:11px;color:var(--cy);margin-top:2px}.tut{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.tpage{position:relative;padding:12px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:15px;line-height:1.4}.tpage p{margin:0}.tn{position:absolute;top:6px;left:10px;color:var(--yl);font-size:18px}.tutpic{display:flex;align-items:center;justify-content:center;gap:10px;min-height:84px;flex-wrap:wrap}.tutpic img{width:72px;height:auto}.tutpic .ic.big,.tutpic img.big{width:48px;height:48px}.tlabel{background:#0e0926e6;border:2px solid rgba(150,160,255,.7);border-radius:7px;padding:3px 10px;font-size:17px;color:#fff}.tlabel.bad{border-color:var(--rd);color:var(--rd)}.tcard{background:linear-gradient(#fffaf0,#ffe9c4);color:#2a1840;border:3px solid var(--ink);border-radius:9px;padding:8px;font-family:var(--fz);font-weight:700;font-size:14px;max-width:110px;box-shadow:0 4px 0 var(--ink)}.arrow{font-size:30px;color:var(--yl)}.tipbox{margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.6;color:#d4cfff}#hud{position:absolute;top:0;left:var(--fl);width:var(--fw);z-index:5;padding:max(6px,env(safe-area-inset-top)) 8px 10px;pointer-events:none;background:linear-gradient(#0b09209e 50%,#0b092000);text-shadow:0 2px 0 var(--ink),0 0 4px var(--ink)}#hud button{pointer-events:auto}.hrow{display:flex;align-items:center;gap:8px}.hp{display:flex;flex-wrap:wrap;gap:1px;max-width:42%;min-width:60px}.hi{width:18px;height:18px}.hi.off{opacity:.22;filter:grayscale(1)}.hp .zen{font-size:20px;color:var(--gr)}.wv{flex:1;text-align:center;font-size:13px;text-shadow:0 2px 0 var(--ink);white-space:nowrap;overflow:hidden}.wbar{height:5px;background:#ffffff1f;border-radius:3px;margin-top:3px;overflow:hidden}.wbar i{display:block;height:100%;background:linear-gradient(90deg,var(--pk),var(--yl));transition:width .3s}.hr{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--yl)}.ib{width:34px;height:34px;padding:0;display:grid;place-items:center;background:var(--panel2);border:2px solid var(--ink);border-radius:8px;cursor:pointer;box-shadow:0 2px 0 var(--ink)}.ib .ic{width:22px;height:22px}.xprow{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px}#hlv{color:var(--cy);min-width:34px}.xbar{flex:1;height:6px;background:#ffffff1f;border-radius:3px;overflow:hidden}.xbar i{display:block;height:100%;background:linear-gradient(90deg,#4fd1ff,#b8f0c8);transition:width .2s}#hcombo{color:var(--yl);min-width:70px;text-align:right}#hcombo b{font-size:15px}#bossbar{position:absolute;top:76px;left:calc(var(--fl) + 14px);width:calc(var(--fw) - 28px);z-index:5;display:none;pointer-events:none}#bossbar.on{display:block;animation:pop .4s}.bn{text-align:center;font-size:13px;color:var(--pk);letter-spacing:2px;text-shadow:0 2px 0 var(--ink)}.bb{height:10px;border:2px solid var(--ink);background:#2a1240;border-radius:4px;overflow:hidden;box-shadow:0 0 10px #ff7ad973}.bb i{display:block;height:100%;background:linear-gradient(90deg,#ff4fa0,#ff9ae0);transition:width .2s}#banner{position:absolute;top:28%;left:var(--fl);width:var(--fw);z-index:6;text-align:center;pointer-events:none;opacity:0;transition:opacity .3s;padding:0 10px}#banner.on{opacity:1;animation:bannerIn .45s cubic-bezier(.2,1.6,.5,1)}.b1{font-size:34px;font-weight:700;color:var(--yl);text-shadow:0 3px 0 #a0660a,0 6px 0 var(--ink),0 0 20px rgba(255,213,74,.6)}#banner.boss .b1{color:#ff6b8b;text-shadow:0 3px 0 #8a1a3a,0 6px 0 var(--ink),0 0 24px rgba(255,80,120,.8);animation:blink .5s steps(2) 3}#banner.warn .b1{font-size:22px;color:#ffb347}#banner.good .b1{color:var(--gr);text-shadow:0 3px 0 #1f7a3e,0 6px 0 var(--ink)}.b2{font-size:15px;color:#fff;margin-top:6px;text-shadow:0 2px 0 var(--ink)}.nw{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px;font-size:12px;color:var(--dim)}.nw span{background:#0e0926e6;border:1px solid #4a5ad8;border-radius:6px;padding:2px 7px;color:#ffe9b8;font-family:var(--fz)}.nw span b{color:#fff;font-family:var(--f)}#toast{position:absolute;top:96px;left:var(--fl);width:var(--fw);z-index:7;text-align:center;pointer-events:none;opacity:0;transform:translateY(-8px);transition:.25s}#toast.on{opacity:1;transform:none}#toast{color:#fff;font-size:15px;text-shadow:0 2px 0 var(--ink),0 0 10px var(--pk)}#tools{position:absolute;left:var(--fl);width:var(--fw);bottom:calc(var(--bot) + 4px);height:0;z-index:6}.tool{position:absolute;bottom:0;width:54px;height:54px;padding:0;border:3px solid var(--ink);border-radius:14px;background:#221a55e6;box-shadow:0 3px 0 var(--ink);cursor:pointer;overflow:hidden;display:grid;place-items:center}.tool img{width:30px;height:30px;position:relative;z-index:1}.tool span{position:absolute;bottom:1px;left:0;right:0;font-size:10px;z-index:1;text-shadow:0 1px 0 var(--ink)}#bshuf{left:6px}#bshuf #shufn{top:2px;right:4px;left:auto;bottom:auto;font-size:13px;color:var(--yl)}#bshuf.off{opacity:.4}#bult{right:6px}#ultfill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#ffd54abf,#ff7ad9a6);transition:height .2s}#bult.ready{border-color:var(--yl);animation:ultpulse .7s ease-in-out infinite alternate}@keyframes ultpulse{to{box-shadow:0 3px 0 var(--ink),0 0 22px var(--yl);transform:scale(1.06)}}#bottom{position:absolute;bottom:0;left:var(--hl);width:var(--hw);height:var(--bot);z-index:8;padding:6px 4px max(6px,env(safe-area-inset-bottom))}#hand{display:grid;grid-template-columns:repeat(var(--n, 4),minmax(0,1fr));gap:6px;height:100%}.card{position:relative;container-type:inline-size;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#fffaf0,#ffe7c2);border:3px solid var(--ink);border-radius:11px;color:#2a1840;box-shadow:0 4px 0 var(--ink),inset 0 -4px #7846141f;padding:14px 5px 7px;cursor:grab;touch-action:none;overflow:hidden;transition:transform .1s,box-shadow .1s,opacity .1s}.card:hover{transform:translateY(-3px)}.card .def{font-weight:700;line-height:1.18;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card.zh .def{font-family:var(--fz)}.card.en .def{font-family:var(--f);font-weight:600}.card.zh.s1 .def{font-size:min(20px,18cqw)}.card.zh.s2 .def{font-size:min(17px,15cqw)}.card.zh.s3 .def{font-size:min(15px,13.5cqw)}.card.en.s1 .def{font-size:min(20px,17cqw)}.card.en.s2 .def{font-size:min(17px,14cqw)}.card.en.s3 .def{font-size:min(15px,12cqw)}.card .num{position:absolute;top:2px;left:6px;font-size:11px;color:#9a7f9f;font-family:var(--f)}.card .pos{position:absolute;top:2px;right:6px;font-size:11px;color:#a07a50;font-family:var(--f)}.card .truth{position:absolute;left:0;right:0;bottom:0;background:var(--rd);color:#fff;font-size:12px;padding:2px 3px;font-family:var(--f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .inkb{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:13px;z-index:2;text-shadow:0 2px 0 #000}.card.ink:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;background:radial-gradient(circle at 30% 35%,#2b1a4a 0 30%,transparent 31%),radial-gradient(circle at 70% 60%,#2b1a4a 0 34%,transparent 35%),radial-gradient(circle at 45% 75%,#2b1a4a 0 26%,transparent 27%),radial-gradient(circle at 60% 25%,#3a2266 0 22%,transparent 23%);z-index:1}.card.flip{animation:cardIn .25s cubic-bezier(.2,1.5,.5,1)}.card.sel{transform:translateY(-8px);border-color:#b07a00;box-shadow:0 0 0 3px var(--yl),0 9px 0 var(--ink)}.card.hint{animation:hint .55s ease-in-out infinite alternate}.card.bad{background:linear-gradient(#ffd6de,#ffb3c1);animation:shake .35s}.card.elim{opacity:.3;filter:grayscale(1)}.card.lifted{opacity:.25;transform:scale(.94)}.card.empty{background:transparent;border:3px dashed rgba(127,143,245,.25);box-shadow:none;cursor:default}#hand.jam .card:not(.empty){filter:grayscale(.75) brightness(.75)}#hand.jam:after{content:"";position:absolute;top:6px;right:4px;bottom:6px;left:4px;border-radius:10px;background:repeating-linear-gradient(-45deg,rgba(255,93,122,.16) 0 10px,transparent 10px 20px);pointer-events:none}@media (pointer: coarse){.card .num{display:none}.card:hover{transform:none}}#drag{position:fixed;left:0;top:0;z-index:50;pointer-events:none;display:none;will-change:transform}#drag.on{display:block}#drag .card{position:absolute;width:104px;height:92px;left:0;top:0;transform:translate(-50%,-50%) rotate(-4deg) scale(1.06);box-shadow:0 10px 0 var(--ink),0 0 26px #ffe66bcc;border-color:#b07a00}#side{display:none}#side.on{display:block}#side .sl,#side .sr{position:absolute;top:12px;bottom:calc(var(--bot) + 12px);width:min(260px,calc(var(--fl) - 22px));overflow-y:auto;z-index:4;padding:10px 12px;font-size:13px;background:#0f0b2ad1;border:3px solid var(--ink);outline:2px solid rgba(127,143,245,.35);outline-offset:-5px;border-radius:12px}#side .sl{left:10px}#side .sr{right:10px}#side h4{margin:4px 0 6px;color:var(--yl);font-size:15px;font-weight:600}#side p{margin:0 0 6px}.srow2{display:flex;align-items:center;gap:6px;padding:2px 0}.srow2 span{flex:1}.srow2 b{color:var(--cy)}.rv{padding:5px 0;border-bottom:1px solid rgba(127,143,245,.2)}.rv b{display:block;font-size:15px;color:#fff}.rv span{font-family:var(--fz);color:#ffe9b8;font-size:13px}#modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;align-items:center;justify-content:center;background:#060414b3;padding:10px}#modal.on{display:flex}.mbox{background:linear-gradient(#1f1856,#120d33);border:3px solid var(--line);border-radius:16px;box-shadow:0 0 0 3px var(--ink),0 10px 0 var(--ink),0 0 50px #7f8ff54d;max-width:580px;width:100%;max-height:100%;overflow-y:auto;padding:16px;text-align:center;animation:pop .25s}.mbox h2{margin:2px 0 6px;font-size:26px}.mbox h3{margin:12px 0 6px;font-size:16px;color:var(--yl)}.glow{color:var(--yl);text-shadow:0 3px 0 var(--ink),0 0 18px rgba(255,213,74,.6)}.red{color:#ff6b8b;text-shadow:0 3px 0 var(--ink),0 0 18px rgba(255,80,120,.6)}.note{color:var(--dim);font-size:14px;margin:4px 0}.coins{color:var(--yl);white-space:nowrap}.picks{display:flex;flex-direction:column;gap:8px;margin:10px 0}.mbox>.btn,.mbox>.row2,.mbox>.col{margin-top:8px}.mbox>.btn.big{width:100%}.mbox .opts{text-align:left;margin-top:10px}.mbox.lang h2{line-height:1.4}.mbox .rec{color:var(--yl);font-size:18px;margin:4px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.stats div{background:#17123de6;border:2px solid var(--ink);border-radius:10px;padding:6px 4px;display:flex;flex-direction:column}.stats b{font-size:22px;color:#fff}.stats span{font-size:11px;color:var(--dim)}.dustc{color:#bfe8ff!important}.dots{display:flex;gap:6px;justify-content:center;margin:10px 0}.dots i{width:9px;height:9px;border-radius:50%;background:#fff3}.dots i.on{background:var(--yl)}.tutm .tpage{background:none;border:0;outline:0;font-size:18px}.skl{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;font-size:13px}.skl span{background:var(--panel2);border-radius:999px;padding:3px 8px}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}@keyframes cardIn{0%{transform:translateY(16px) rotateY(80deg) scale(.8);opacity:.2}}@keyframes hint{0%{box-shadow:0 4px 0 var(--ink),0 0 0 2px #ffe66b}to{box-shadow:0 4px 0 var(--ink),0 0 0 4px #ffe66b,0 0 22px #ffe66b}}@keyframes shake{20%{transform:translate(-6px) rotate(-2deg)}40%{transform:translate(6px) rotate(2deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes bannerIn{0%{transform:scale(.4);opacity:0}}@keyframes blink{50%{opacity:.3}}body.narrow .btn.big{font-size:18px}body.narrow .mbox{padding:12px 10px}body.narrow .mbox h2{font-size:22px}body.narrow .ocard{padding:8px 10px}body.narrow .oic{width:38px;height:38px}body.narrow .otx p{font-size:13px}body.narrow .wrow{grid-template-columns:34px minmax(70px,1fr) minmax(0,1.6fr)}body.narrow .wrow i{display:none}body.narrow .perks{grid-template-columns:1fr}body.narrow .hi{width:15px;height:15px}body.short .title{padding-top:44px;gap:8px}body.short .logo .l1{font-size:40px}body.short .logo .l2{font-size:34px}body.short .logo .lz{margin-top:6px}body.short .btn.big{padding:8px 14px;font-size:17px}body.short #hud{padding-top:4px}body.short .tool{width:46px;height:46px}body.short .tool img{width:24px;height:24px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.langs{display:flex;gap:6px}.chip.on{background:var(--yl);color:#2a1a00;border-color:var(--ink)}.pianob{width:100%;margin-top:10px;flex-direction:column;gap:2px}.pianob small{font-size:12px;opacity:.8}#hand.kbwrap{display:block;position:relative}.kb{position:relative;display:flex;height:100%;gap:3px;touch-action:none}.pk{position:relative;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;transition:transform .06s,background .1s}.pk.w{flex:1 1 0;min-width:0;background:linear-gradient(#fff,#efe6ff 70%,#d9cdfa);border:3px solid var(--ink);border-radius:0 0 10px 10px;box-shadow:0 4px 0 var(--ink),inset 0 -6px #5a3ca026;color:#2a1840;padding-bottom:8px}.pk.b{position:absolute;top:0;width:9.2%;height:60%;z-index:2;background:linear-gradient(#3a2f6e,#18123a);border:3px solid var(--ink);border-top:0;border-radius:0 0 8px 8px;box-shadow:0 4px 0 var(--ink),inset 0 -5px #ffffff1a;color:#e8e2ff;padding-bottom:5px}.pk b{font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif;font-weight:800;font-size:clamp(15px,2.6vh,22px);line-height:1.05;pointer-events:none}.pk.b b{font-size:clamp(10px,1.6vh,14px)}.pk i{font-style:normal;font-size:10px;opacity:.45;pointer-events:none;margin-top:2px;font-family:var(--f)}.pk.w:active,.pk.fl.w{transform:translateY(3px);background:linear-gradient(#fff6c8,#ffe27a);box-shadow:0 1px 0 var(--ink)}.pk.b:active,.pk.fl.b{transform:translateY(2px);background:linear-gradient(#7a5cff,#4a35b8)}.pk.lk{cursor:not-allowed}.pk.w.lk{background:repeating-linear-gradient(-45deg,#4a4470 0,#4a4470 6px,#3e3962 6px,#3e3962 12px);color:#8a83b8;box-shadow:0 4px 0 var(--ink)}.pk.b.lk{background:repeating-linear-gradient(-45deg,#1f1a3a 0,#1f1a3a 5px,#16122c 5px,#16122c 10px);color:#5a5488}.pk.lk b{opacity:.6}.pk.pend.w{background:linear-gradient(#bfe8ff,#4fd1ff)}.pk.pend.b{background:linear-gradient(#4fd1ff,#1f5fa8)}.pk.pend{outline:3px solid var(--cy);outline-offset:-6px}.pk.hint{animation:khint .5s ease-in-out infinite alternate}@keyframes khint{0%{box-shadow:0 4px 0 var(--ink),0 0 #ffe66b}to{box-shadow:0 4px 0 var(--ink),0 0 0 4px #ffe66b,0 0 18px #ffe66b}}.pk.rev.w{background:linear-gradient(#c8ffd8,#5fe08a)}.pk.rev.b{background:linear-gradient(#5fe08a,#1f7a3e)}#hand.kbwrap.jam .pk{filter:grayscale(.7) brightness(.7)}.kbinfo{position:absolute;top:-28px;left:50%;transform:translate(-50%);display:flex;gap:5px;align-items:center;background:#0f0b2ae6;border:2px solid var(--ink);border-radius:999px;padding:3px 9px;cursor:pointer;z-index:3}.kbinfo i{width:11px;height:11px;border-radius:50%;border:2px solid var(--cy)}.kbinfo i.on{background:var(--cy)}.kbinfo b{color:var(--rd);font-size:13px}.kchip{position:absolute;transform:translate(-50%,-50%) rotate(-3deg);background:linear-gradient(#fffaf0,#ffe27a);color:#2a1a00;border:3px solid var(--ink);border-radius:12px;padding:8px 14px;font-size:20px;font-weight:700;white-space:nowrap;box-shadow:0 6px 0 var(--ink),0 0 22px #ffe66bcc}.kb.mini{height:70px;width:200px}.kb.mini .pk.w{padding-bottom:4px}.kb.mini .pk b{font-size:12px}.pkbook{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.pkb{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;background:linear-gradient(#fff,#e9e0ff);color:#2a1840;border:3px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 var(--ink);cursor:pointer}.pkb.blk{background:linear-gradient(#3a2f6e,#18123a);color:#e8e2ff}.pkb b{font-size:18px}.pkb i{font-style:normal;font-size:11px;opacity:.7}.pkb .st u{color:#0000002e}.pkb.blk .st u{color:#fff3}