.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(660px,100%);display:grid}@media (max-width:560px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width:820px){.cards{grid-template-columns:repeat(var(--ncol,8),minmax(0,1fr));width:min(1180px,100%)}.card .ctag{font-size:.88rem}.card .radar.mini{width:28px}}.card{border-width:2px;border-radius:18px 6px 16px 7px/7px 16px 6px 18px;flex-direction:column;align-items:center;padding:4px 4px 8px;font-size:1.25rem;line-height:1.1;display:flex}.card canvas{width:84px;height:92px;display:block}.card .ctag{color:var(--muted);margin-top:2px;font-size:.95rem}.card.taken{outline:3px dashed var(--p1);outline-offset:3px}.card[data-el=thunder] .cname{color:var(--el-thunder)}.card[data-el=earth] .cname{color:var(--el-earth)}.card[data-el=wind] .cname{color:var(--el-wind)}.card[data-el=water] .cname{color:var(--el-water)}.card[data-el=wood] .cname{color:var(--el-wood)}.card[data-el=light] .cname{color:var(--el-light)}.card[data-el=dark] .cname{color:var(--el-dark)}.card[data-el=ice] .cname{color:var(--el-ice)}.card[data-el=fire] .cname{color:var(--el-fire)}.card[data-el=sound] .cname{color:var(--el-sound)}.card[data-el=gravity] .cname{color:var(--el-gravity)}.card[data-el=space] .cname{color:var(--el-space)}.card[data-el=soul] .cname{color:var(--el-soul)}.card[data-el=void] .cname{color:var(--el-void)}.card[data-el=time] .cname{color:var(--el-time)}.card[data-el=frostfire] .cname{color:var(--el-frostfire)}.card[data-el=glacier] .cname{color:var(--el-glacier)}.card[data-el=supra] .cname{color:var(--el-supra)}.card[data-el=sori] .cname{color:var(--el-sori)}.card[data-el=storm] .cname{color:var(--el-storm)}.card[data-el=steam] .cname{color:var(--el-steam)}.card[data-el=mud] .cname{color:var(--el-mud)}.card[data-el=wildfire] .cname{color:var(--el-wildfire)}.card[data-el=forge] .cname{color:var(--el-forge)}.card[data-el=rainforest] .cname{color:var(--el-rainforest)}.card[data-el=mercury] .cname{color:var(--el-mercury)}.card[data-el=ancient] .cname{color:var(--el-ancient)}.card[data-el=lodestone] .cname{color:var(--el-lodestone)}.card[data-el=ironthorn] .cname{color:var(--el-ironthorn)}.card[data-el=typhoon] .cname{color:var(--el-typhoon)}.card[data-el=plasma] .cname{color:var(--el-plasma)}.card[data-el=frost] .cname{color:var(--el-frost)}.card[data-el=surge] .cname{color:var(--el-surge)}.card[data-el=thunderstone] .cname{color:var(--el-thunderstone)}.card[data-el=frostpine] .cname{color:var(--el-frostpine)}.card[data-el=dandelion] .cname{color:var(--el-dandelion)}.card[data-el=steelgale] .cname{color:var(--el-steelgale)}.card[data-el=diva] .cname{color:var(--el-diva)}.card[data-el=metal] .cname{color:var(--el-metal)}.card[data-el=poison] .cname{color:var(--el-poison)}.card[data-el=crystal] .cname{color:var(--el-crystal)}.card[data-el=lava] .cname{color:var(--el-lava)}.card[data-el=blood] .cname{color:var(--el-blood)}#selHint{width:min(900px,100%);color:var(--muted);text-align:center;font-size:1rem;line-height:1.3}.hh{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 8px;margin-bottom:6px;display:flex}.hh .ico{width:26px;height:26px;color:var(--c)}.hh .hn{color:var(--c);font-size:1.25rem;font-weight:400}.hs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.hsk{color:var(--ink);flex-direction:column;align-items:center;gap:2px;font-size:.95rem;line-height:1.15;display:flex}.hsk .ico{width:34px;height:34px;color:var(--c)}.hsk kbd{min-width:1.4em;padding:0 3px;font-size:.8rem}.hsk .pips{margin:0}body.short.playing .cards{grid-template-columns:repeat(var(--ncol,8),minmax(0,1fr));gap:6px;width:100%}body.short.playing .card{padding:2px 2px 4px;font-size:1rem}body.short.playing .card canvas{width:56px;height:62px}body.short.playing .card .ctag{display:none}body.short.playing .card .radar.mini{width:20px}body.short.playing #selHint{font-size:.9rem}body.short.playing .hsk .ico{width:26px;height:26px}.card.armed{outline:3px solid var(--c);outline-offset:3px}.trainbar{background:color-mix(in srgb, var(--paper) 88%, transparent);border:1.5px solid var(--grid);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 16px);padding:4px 8px;font-size:.95rem;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.trainbar.hidden{display:none}body:not(.mob):not(.fs-on):not(.win-native) .stagefit:has(.trainbar:not(.hidden)){box-sizing:border-box;justify-content:flex-start;padding-left:8px}body:not(.mob):not(.fs-on):not(.win-native) .stagefit:has(.trainbar:not(.hidden))>.stage{width:min(100cqw - 216px,177.778cqh)}body:not(.mob):not(.fs-on) .trainbar{flex-flow:column;align-items:stretch;width:180px;max-width:none;padding:8px;position:fixed;inset:84px 12px auto auto;transform:none}body:not(.mob):not(.fs-on) .trainbar button{width:100%;padding:4px 8px;font-size:.95rem}body.fs-on:not(.mob) .trainbar{justify-content:flex-start;max-width:42%;left:8px;transform:none}.trainbar button{padding:2px 10px;font-size:.85rem}.trainbar .trs{color:var(--ink);white-space:nowrap;margin-right:4px}body.mob .trainbar{gap:4px;padding:3px 6px;font-size:.75rem;top:19%;bottom:auto}.trainbar .trs{display:none}body.mob .trainbar{flex-flow:column;align-items:stretch;gap:3px;width:max-content;max-width:40%;top:16%;left:auto;right:8px;transform:none}body.mob .trainbar button{width:100%;padding:1px 7px;font-size:.72rem}.card{position:relative}.cradar{color:var(--c);pointer-events:none;line-height:0;position:absolute;top:4px;left:5px}.setgrid{gap:14px;width:min(460px,100%);display:grid}.setrow{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;font-size:1.2rem;display:grid}.setrow output{color:var(--muted);text-align:right;min-width:5.5em}.setrow input[type=range]{width:100%;accent-color:var(--ink);grid-column:1/-1}.setrow input:disabled{opacity:.45}.setrow input[type=checkbox]{width:22px;height:22px;accent-color:var(--ink);margin:0}#setNote{min-height:1.4em}.setsec{gap:10px;display:grid}.setsec+.setsec{border-top:1.5px dashed var(--grid);padding-top:12px}.setsec h3{margin:0;font-size:1.35rem;font-weight:400}.setwin{border:0;min-width:0;margin:0;padding:0}.setwin legend{margin-bottom:6px;padding:0;font-size:1.2rem}.setwin legend .kh{color:var(--muted);font-size:.95rem}.segs{flex-wrap:wrap;gap:8px;display:flex}.seg{cursor:pointer;color:var(--ink);border:2px solid var(--ink);background:var(--paper);border-radius:255px 12px 225px/12px 225px 12px 255px;align-items:center;gap:6px;padding:4px 12px;font-size:1.1rem;display:inline-flex}.seg input{width:16px;height:16px;accent-color:var(--p1);margin:0}.seg:has(input:checked){color:var(--p1);border-color:var(--p1);background:color-mix(in srgb, var(--p1) 10%, var(--paper))}.seg:has(input:disabled){opacity:.45;cursor:not-allowed}.seg:has(input:focus-visible){outline:3px dashed var(--p1);outline-offset:3px}.audioset{gap:6px}.audioset .setrow{grid-template-columns:8.5em 1fr 3.4em;font-size:1.1rem}.audioset .setrow input[type=range]{grid-area:1/2}.audioset .setrow output{grid-area:1/3;min-width:0}.audioset .setrow>span{grid-column:1/3}.audioset .setrow input[type=checkbox]{grid-column:3;justify-self:end}.setrow .sethint{color:var(--muted);font-size:.9rem}.game-root{flex-direction:column;flex:auto;min-height:0;display:flex}.game-root>main{flex-direction:column;flex:auto;width:100%;min-height:0;padding:12px 16px 6px;display:flex}.game-root header{flex:none;justify-content:space-between;align-items:center;gap:6px 12px;margin-bottom:8px}.game-root header .hdrtools{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;max-width:100%;margin-left:auto;display:flex}.game-root header .hdrtools>button{white-space:nowrap;flex:none}.game-root header :is(.hlp,.bug,.upd){padding:4px 16px;font-size:1.1rem;position:static}.game-root header .gear{margin-left:0}.game-root header .hdrtools>*{order:1}.game-root header .hdrtools>#btnHelp{order:2}.game-root header .hdrtools>#btnBug{order:3}.game-root header .hdrtools>#btnUpdate{color:var(--p1);border-color:var(--p1);background:color-mix(in srgb, var(--p1) 10%, var(--paper));order:2}.game-root header .hdrtools>#btnSettings{order:4}.game-root header :is(#btnHelp,#btnUpdate,#btnBug,#btnSettings){align-items:center;gap:6px;display:inline-flex}.game-root header #btnHelp[hidden]{display:none}.game-root header .hdrico{flex:none;width:1.05em;height:1.05em;display:block}@media (max-width:760px){.game-root header :is(#btnHelp,#btnUpdate,#btnBug)>span{display:none}.game-root header :is(#btnHelp,#btnUpdate,#btnBug){padding-left:8px;padding-right:8px}}.game-root .shell{flex-direction:column;flex:auto;min-height:0;display:flex}.stagefit{flex:auto;justify-content:center;align-items:flex-start;width:100%;min-height:0;display:flex;container-type:size}.stagefit>.stage{aspect-ratio:16/9;flex:none;width:min(100cqw,177.778cqh);height:auto;min-height:min(300px,100cqh)}body.mob.playing.inmatch .stagefit,body.fs-on:not(.mob) .stagefit{display:contents}@media (max-height:520px){.game-root>main{padding:6px 12px 4px}.game-root header{gap:4px 10px;margin-bottom:6px}.game-root header h1{font-size:1.6rem}.game-root header button,.game-root header :is(.hlp,.bug,.upd){padding:2px 12px;font-size:1rem}}body.short.scrt .game-root header h1{font-size:0}body.short.scrt .game-root header h1:after{content:attr(data-scr);font-size:1.6rem}body.short.scrback .game-root header h1{padding-left:var(--hb-w,120px);min-height:var(--btn-h-s,34px);align-items:center;display:flex}body.short.scrt :is(.overlay.scr:not(#menu):not(.popcard),#shop:not(.popcard),.roomscr) h2.screen-title{display:none}body.short.scrt :is(.overlay.scr:not(#menu):not(.popcard),.roomscr) .scr-head:has(>h2.screen-title:only-child){display:none}body.short.scrt .shoppanel:not(.popcard):not([data-mode]) .shophead{z-index:2;width:auto;margin:0;position:absolute;top:6px;right:10px}body.win-native:not(.mob):not(.fs-on) .stagefit>.stage{box-sizing:content-box;aspect-ratio:16/9;width:min(960px,100cqw - 5px,177.778cqh - 8.88889px);min-height:0;margin-inline:auto}.setwin .setwinnote{color:var(--muted);text-align:left;max-width:none;margin:6px 0 0;font-size:.95rem}body.fs-on:not(.mob){overflow:hidden}body.fs-on:not(.mob) .shell{z-index:30;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}body.fs-on:not(.mob) .stage{aspect-ratio:16/9;border:0;border-radius:0;width:min(100vw,177.778vh);height:auto;min-height:0}body.fs-zoom .game-root header{display:none}body.fs-zoom:not(.mob.inmatch) .shell{z-index:30;background:color-mix(in srgb, var(--ink) 10%, var(--paper));padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);flex-direction:column;display:flex;position:fixed;inset:0}body.fs-zoom:not(.mob.inmatch) .stagefit{align-items:center}body.fs-zoom:not(.mob.inmatch) .stagefit>.stage{border:0;border-radius:0}body.fs-zoom:not(.mob.inmatch) canvas#c{object-fit:contain}.fsbtn{z-index:6;opacity:.75;background:color-mix(in srgb, var(--paper) 85%, transparent);border-width:2px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.15rem;line-height:1;display:flex;position:absolute;top:6px;left:6px}.fsbtn svg{flex:none;display:block}.fsbtn:hover,.fsbtn:focus-visible{opacity:1}.fsset,.fshelp{display:none}.fshelp{font-size:1.2rem;font-weight:700}body.touchui.fs-zoom:not(.mob.inmatch) .fsset{display:flex;left:6px}body.touchui.fs-zoom:not(.mob.inmatch) .fshelp{display:flex;left:44px}.fsprompt{z-index:6;align-items:center;gap:6px;display:flex;position:absolute;bottom:6px;left:8px}.fsprompt button{padding:3px 14px;font-size:1rem}.fsprompt .fsx,.fstip .fsx{width:30px;height:30px;padding:0;font-size:1.1rem;line-height:1}body.touchui .fsprompt{top:6px;bottom:auto;left:6px}body.mob.playing .fsprompt{display:none}body.mob.lay-l.playing.sidegap .touch{padding-left:calc(16px + max(env(safe-area-inset-left,0px), var(--edgex,0px)));padding-right:calc(16px + max(env(safe-area-inset-right,0px), var(--edgex,0px)))}.fstip{z-index:6;box-sizing:border-box;max-width:calc(100% - 12px);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:255px 12px 225px/12px 225px 12px 255px;align-items:center;gap:8px;padding:3px 4px 3px 10px;font-size:1rem;line-height:1.2;display:flex;position:absolute;bottom:6px;left:6px}.fstip .fsx{border-width:2px;flex:none;width:26px;height:26px}.fstip .fslink{flex:none;padding:1px 10px;font-size:1rem}.seta2hs{align-self:flex-start;padding:4px 14px;font-size:1.1rem}.a2hscard{width:min(760px,100%)}.a2hssteps{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.a2hssteps li{text-align:center;border:2px solid var(--ink);border-radius:12px 5px 11px/5px 11px 5px 12px;flex-direction:column;align-items:center;gap:4px;padding:6px 8px 10px;font-size:1.1rem;line-height:1.25;display:flex}.a2hsnote{color:var(--muted);margin:0;font-size:.95rem}.a2hsfoot{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.a2hsfoot .a2hsnote{flex:100%}.popback.frame .a2hsfoot .a2hsnote{flex:1 1 0;min-width:200px}.a2hskind{color:var(--muted);font-size:.95rem}.a2hsother{padding:1px 10px;font-size:1rem}.a2hspick{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.a2hspicks{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-self:stretch;gap:6px;display:grid}.a2hspicks button{text-align:left;padding:3px 10px;font-size:1rem;line-height:1.2}.a2hspicks button[aria-pressed=true]{color:var(--p1);border-color:var(--p1)}.a2art{width:auto;max-width:100%;height:120px;color:var(--ink);display:block}.a2art *{fill:none}.a2art .ln{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.a2art .thick{stroke-width:2.4px}.a2art .mu{stroke:var(--muted);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.a2art .pp{fill:var(--paper)}.a2art .bl{fill:var(--p1)}.a2art .bls{stroke:var(--p1);stroke-width:1.6px}.a2art .ink{fill:currentColor}.a2art .dim{fill:color-mix(in srgb, var(--ink) 14%, transparent)}.a2art .mk{stroke:var(--p2);stroke-width:2.4px;stroke-linecap:round}.popback.frame .a2hssteps{grid-template-columns:repeat(var(--n,3),1fr);gap:8px}.popback.frame .a2hssteps li{gap:1px;padding:3px 6px 5px;font-size:1rem;line-height:1.15}.popback.frame .a2art{height:96px}.popback.frame .a2hsnote,.popback.frame .a2hskind{font-size:.9rem;line-height:1.2}.popback.frame .a2hspicks{grid-template-columns:repeat(3,1fr);gap:4px}.popback.frame .a2hspicks button{padding:2px 6px;font-size:.92rem}@media (min-width:700px){.popback.page .a2hssteps{grid-template-columns:repeat(var(--n,3),1fr)}}.a2hstoast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;max-width:calc(100vw - 24px);color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:3px 4px 0 color-mix(in srgb, var(--ink) 16%, transparent);border-radius:12px 5px 11px/5px 11px 5px 12px;padding:6px 16px;font-size:1.1rem;position:fixed;transform:translate(-50%)}body.mob.lay-l.playing .touch{padding:0 calc(16px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px))}body.mob.lay-l.playing .perf{top:calc(6px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px))}body.mob.lay-p.playing .perf{right:calc(14px + env(safe-area-inset-right,0px))}.roombrowser,.crscreen{justify-content:flex-start}.rbjoin{justify-content:center;align-items:center;gap:var(--sp-3) clamp(24px,7cqi,88px);margin:0;display:flex}.rbcodecol{flex-direction:column;align-items:stretch;gap:10px;display:flex}.rbcodelab{font-size:var(--fs-lead,1.3rem);color:var(--muted);text-align:center}.codebox{cursor:text;justify-content:center;gap:clamp(8px,1.6cqi,16px);display:flex;position:relative}.codecell{box-sizing:border-box;width:clamp(58px,10cqi,96px);height:clamp(70px,13cqi,118px);color:var(--ink);background:var(--paper);border:var(--bw,2.5px) solid var(--muted);border-radius:12px 22px 10px 20px/20px 10px 22px 12px;justify-content:center;align-items:center;font-size:clamp(2.4rem,7.5cqi,4.6rem);line-height:1;transition:border-color .12s;display:flex}.codecell:nth-child(2n){border-radius:20px 10px 22px 12px/12px 22px 10px 20px}.codecell.on{border-color:var(--ink)}.codecell.cur{border-color:var(--p1);box-shadow:0 0 0 2px color-mix(in srgb, var(--p1) 30%, transparent)}.codein{box-sizing:border-box;color:#0000;caret-color:#0000;width:100%;height:100%;font:inherit;text-align:center;cursor:text;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.codein::selection{background:0 0}#btnJoin.rbgo{font-size:var(--fs-btn-l,1.45rem);min-height:max(52px, var(--btn-h-l,52px));padding:2px 20px}#btnNewRoom{border-style:dashed;justify-content:center;align-items:center;gap:6px;padding:4px 16px;font-size:1.1rem;display:inline-flex}.rbpad{grid-template-columns:repeat(3,clamp(60px,9.5cqi,84px));grid-auto-rows:clamp(50px,8cqi,66px);gap:8px;display:grid}#codePad .padkey{box-sizing:border-box;touch-action:manipulation;font-variant-numeric:tabular-nums;border:var(--bw,2.5px) solid var(--ink);width:100%;min-width:0;height:100%;min-height:0;color:var(--ink);background:var(--paper);box-shadow:0 2px 0 -1px color-mix(in srgb, var(--ink) 20%, transparent);border-radius:12px 20px 10px 18px/18px 10px 20px 12px;padding:0;font-size:1.6rem;line-height:1}#codePad .padkey:nth-child(2n){border-radius:18px 10px 20px 12px/12px 20px 10px 18px}#codePad .padkey:active:not(:disabled){background:color-mix(in srgb, var(--p1) 12%, var(--paper));transform:translateY(1px)}#codePad .padkey.zero{grid-column:span 2}#codePad .padkey.clear{color:var(--p2);border-color:var(--p2);font-size:1.05rem}#lobbyMsg,#crMsg{text-align:center;min-height:1.4em;margin:0}.scr-body.crbody{justify-content:safe center;align-items:center}.rbcreate.crform{box-sizing:border-box;background:var(--paper);border:var(--bw,2.5px) solid var(--ink);width:min(440px,100%);box-shadow:var(--shadow-card);border-radius:18px 6px 16px 7px/7px 16px 6px 18px;gap:8px;padding:12px 18px 14px}.rbcreate .crfield{gap:4px}.crnamerow{align-items:stretch;gap:8px;display:flex}.crnamerow>input{flex:auto;width:0}.crdice{touch-action:manipulation;flex:none;min-width:44px;padding:0 8px;font-size:1.3rem;line-height:1}.crpwrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crpwrow>input{flex:8em;width:0}.rbcreate .crswitch{align-self:auto}#crGo{font-size:var(--fs-btn-l,1.4rem);min-height:var(--btn-h-m);padding:2px 20px}@container (max-width:560px){.rbjoin{gap:var(--sp-3);flex-direction:column}}body.short .rbbody{gap:var(--sp-1,4px)}body.short .rbcodecol{gap:6px}body.short .rbcodelab{font-size:1rem;line-height:1.2}body.short .codecell{width:clamp(52px,8cqi,72px);height:clamp(60px,9cqi,80px);font-size:clamp(2.2rem,6cqi,3.4rem)}body.short #btnJoin.rbgo{min-height:48px;font-size:1.25rem}body.short #btnNewRoom{min-height:36px;padding:2px 12px;font-size:1rem}body.short .rbpad{grid-template-columns:repeat(3,64px);grid-auto-rows:48px;gap:6px 8px}body.short #codePad .padkey{font-size:1.4rem}body.short #codePad .padkey.clear{font-size:.95rem}body.short #lobbyMsg:empty,body.short #crMsg:empty{display:none}body.short .rbcreate.crform{gap:5px;padding:6px 12px 8px}body.short .rbcreate .crlab{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body.short .rbcreate input{padding:3px 12px;font-size:1.05rem}body.short .rbcreate .crseg>button{padding:2px 8px;font-size:1.05rem}body.short .rbcreate .crswitch{padding:2px 12px 2px 6px;font-size:1rem}body.short .rbcreate .crdice{font-size:1.1rem}body.short #crGo{min-height:var(--btn-h-s,36px);font-size:1.2rem}.popback>.overlay.crcard{gap:var(--sp-2);width:min(460px,100%);overflow:auto}.crform{gap:var(--sp-3);flex-direction:column;width:100%;margin:0;display:flex}.crfield{text-align:left;flex-direction:column;align-items:stretch;gap:6px;display:flex}.crlab{color:var(--muted)}.crform input{font:inherit;color:var(--ink);background:var(--paper);border:2.5px solid var(--ink);border-radius:15px 225px 15px 255px/255px 15px 225px;min-width:0;padding:5px 14px;font-size:1.2rem}.crform input:focus-visible{outline:3px dashed var(--p1);outline-offset:3px}.crform input[aria-invalid=true]{border-color:var(--p2)}.crseg{gap:10px;display:flex}.crseg>button{flex:1;padding:4px 10px;font-size:1.2rem}.crseg>button.on{background:color-mix(in srgb, var(--p1) 16%, var(--paper));color:var(--p1);border-color:var(--p1)}.crswitch{align-self:flex-start;align-items:center;gap:10px;padding:4px 14px 4px 8px;font-size:1.1rem;display:inline-flex}.crswitch .knob{box-sizing:border-box;border:2px solid;border-radius:1em;width:2.2em;height:1.2em;position:relative}.crswitch .knob:after{content:"";background:currentColor;border-radius:50%;width:.8em;height:.8em;transition:left .12s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.crswitch.on{color:var(--p1);border-color:var(--p1)}.crswitch.on .knob:after{left:calc(100% - .8em - 2px)}.crcard .btns{justify-content:center;gap:12px}.crcard p.crerr{color:var(--p2);margin:0}.lockico{vertical-align:-3px}@media (max-height:480px){.popback>.overlay.crcard{gap:4px;padding:8px 14px 10px}.crcard .screen-title{margin:0}.crform{gap:8px}.crcard .btns{margin:0}.crfield{gap:4px}.crform input{padding:3px 12px;font-size:1.05rem}.crseg>button{padding:2px 8px;font-size:1.05rem}.crswitch{padding:2px 12px 2px 6px}}#lobby button:disabled,.roompanel button:disabled{opacity:.5;cursor:default;transform:none}.roompanel{background:color-mix(in srgb, var(--paper) 93%, transparent);border:2px solid var(--ink);border-radius:18px 6px 16px 7px/7px 16px 6px 18px;flex-direction:column;align-items:center;gap:8px;max-height:calc(100% - 96px);padding:10px 14px;display:flex;position:absolute;top:8px;left:8px;right:8px;overflow:auto}.roompanel.hidden{display:none}.roompanel>*{flex-shrink:0}.roompanel p{color:var(--muted);text-align:center;margin:0}.roompanel .rhead{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;width:100%;display:flex}.roompanel .rtitle{min-width:0;max-width:100%;color:var(--ink);align-items:center;gap:8px;margin:0;font-size:clamp(1.35rem,1rem + 1.3cqi,1.85rem);font-weight:400;line-height:1.15;display:inline-flex}.roompanel .rnametxt{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.roompanel .rkindp{color:var(--muted);white-space:nowrap;flex:none;font-size:.78em}.roompanel .rkind{color:inherit}.roompanel .rlock{color:var(--muted);display:inline-flex}.roompanel .racts{flex:none;align-items:center;gap:8px;display:inline-flex}.roompanel .racts button{box-sizing:border-box;height:var(--btn-h-s);font-size:var(--fs-btn-s);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.roompanel .rlinkbtn{min-width:calc(var(--btn-h-s) + 12px);padding:0 10px}.roompanel .rlinkbtn.done{color:var(--el-wood);border-color:var(--el-wood)}.roompanel .rlinkbtn .rcopied{color:inherit;font-size:inherit}.roompanel .rcode{height:var(--btn-h-s);box-sizing:border-box;color:var(--muted);border:1.5px dashed var(--grid);border-radius:999px;flex:none;align-items:center;gap:6px;margin:0;padding:0 12px;display:inline-flex}.roompanel .rcode .rlabel{font-size:.95rem}#roomCode{letter-spacing:.12em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:400;line-height:1}.roompanel .rmanual{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;display:flex}.rlink{font:inherit;width:17em;max-width:100%;color:var(--muted);border:0;border-bottom:1.5px dashed var(--grid);text-align:center;background:0 0;padding:2px 4px;font-size:.95rem}.rlink:focus-visible{outline:2px dashed var(--p1);outline-offset:2px}.rcopied{color:var(--muted);font-size:.95rem}.seats{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-auto-flow:dense;align-items:stretch;gap:14px 22px;width:min(700px,100%);margin:6px 0 2px;padding:0;list-style:none;display:grid}.seats:before{content:"VS";color:var(--muted);letter-spacing:.06em;grid-area:1/2/span 2;align-self:center;font-size:clamp(1.6rem,4cqi,2.6rem)}.seats.n2:before{grid-row:1}.seat{--c:var(--muted);color:var(--ink);box-sizing:border-box;border:2px solid var(--c);background:var(--paper);border-radius:255px 15px 225px/15px 225px 15px 255px;grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:2px 14px;min-height:clamp(92px,14cqh,116px);padding:12px 16px;display:grid}.seat.t0{--c:var(--p1);grid-column:1}.seat.t1{--c:var(--p2);grid-column:3}.seat .savatar{width:54px;height:64px;color:var(--c);grid-row:1/span 3}.seat .slab{color:var(--c);letter-spacing:.02em;font-size:.95rem}.seat .sname{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:clamp(1.3rem,3cqi,1.7rem);line-height:1.15;overflow:hidden}.seat .sfoot{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;margin-top:4px;display:flex}.seat .sping{font-variant-numeric:tabular-nums;color:var(--el-wood);font-size:.95rem}.seat .sping[data-q=mid]{color:var(--el-lava,#c77a00)}.seat .sping[data-q=bad]{color:var(--p2)}.seat .srdy{color:var(--muted);border:1.5px dashed var(--grid);white-space:nowrap;border-radius:999px;justify-self:start;padding:1px 10px;font-size:.95rem}.seat[data-ready="1"] .srdy{color:var(--el-wood);border:1.5px solid var(--el-wood);background:color-mix(in srgb, var(--el-wood) 10%, var(--paper))}.seat.empty{color:var(--muted);border-style:dashed}.seat.empty .savatar{opacity:.55}.seat.me{box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 18%, transparent);border-width:3px}.seats.n2 .seat{text-align:center;grid-template-rows:none;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:4px;min-height:clamp(190px,32cqh,250px);padding:16px 18px 18px}.seats.n2 .seat .savatar{grid-row:auto;width:clamp(64px,11cqh,84px);height:clamp(76px,13cqh,100px);margin-bottom:4px}.seats.n2 .seat .sname{font-size:clamp(1.45rem,1rem + 1.6cqi,2rem)}.seats.n2 .seat .sfoot{justify-content:center;margin-top:6px}.seats.n2 .seat .srdy{justify-self:center}@container (max-width:520px){.seat .savatar{width:36px;height:44px}.seat{padding:8px 10px}}.roompanel .rwatch{color:var(--ink);font-size:1.4rem}.roompanel .rmsg{color:var(--p2);font-size:1.1rem}.rstatus{font-size:1rem}body.short.playing .roompanel{gap:6px;max-height:calc(100% - 70px);padding:8px 14px}@container (max-height:460px){.roompanel{gap:6px}.roompanel .rhead{gap:4px 8px}.roompanel .rtitle{font-size:1.3rem}.roompanel .rcode{gap:5px;padding:0 10px}.roompanel .rcode .rlabel{font-size:.9rem}.roompanel #roomCode{font-size:1.2rem}.roompanel .seats{gap:8px 14px;margin:2px 0 0}.roompanel .seats:before{font-size:1.5rem}.roompanel .seats .seat{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:1px 14px;min-height:clamp(80px,30cqh,104px);padding:6px 14px}.roompanel .seats.n2 .seat{grid-template-columns:auto minmax(0,max-content);justify-content:center}.roompanel .seats .seat .savatar{grid-row:1/span 3;width:46px;height:56px;margin:0}.roompanel .seats .seat .slab{font-size:.85rem;line-height:1.1}.roompanel .seats .seat .sname{font-size:1.3rem;line-height:1.15}.roompanel .seats .seat .sfoot{justify-content:flex-start;gap:2px 8px;margin-top:2px}.roompanel .seats .seat .srdy{justify-self:start;padding:0 8px;font-size:.85rem}.roompanel .seats .seat .sping{font-size:.85rem}.roompanel .seats.n4 .seat{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;column-gap:10px;min-height:clamp(44px,15cqh,58px);padding:4px 12px}.roompanel .seats.n4 .seat .savatar{grid-row:1/span 2;width:28px;height:34px}.roompanel .seats.n4 .seat .slab{grid-area:1/2}.roompanel .seats.n4 .seat .sname{grid-area:2/2;font-size:1.2rem;line-height:1.1}.roompanel .seats.n4 .seat .sfoot{flex-direction:column;grid-area:1/3/span 2;align-items:flex-end;gap:1px;margin:0}.roompanel .rstatus,.roompanel .rwatch,.roompanel .rmsg,.roompanel .rspect{font-size:.9rem;line-height:1.15}.roompanel .btns.vcol{gap:2px}}.rejoin{--c:var(--p2);box-sizing:border-box;width:min(660px,100%);color:var(--ink);text-align:left;background:color-mix(in srgb, var(--c) 8%, var(--paper));border:2.5px solid var(--c);border-radius:var(--r-card);box-shadow:var(--shadow-card);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 14px;margin:2px 0;padding:10px 14px 10px 12px;display:grid}.rejoin[data-phase=over]{--c:var(--muted)}.rejoin .rjico{width:46px;height:46px;color:var(--c);flex:none}.rejoin .rjico .rjspark{stroke:var(--p1)}.rejoin .rjtext{flex-direction:column;gap:2px;min-width:0;display:flex}.rejoin p{text-align:left;margin:0}.roompanel .rejoin p{text-align:left}.rejoin .rjtitle{font-size:var(--fs-lead);color:var(--ink);line-height:1.15}.rejoin .rjwhere{font-size:var(--fs-sub);color:var(--muted);white-space:nowrap}.rejoin .rjbody{font-size:var(--fs-sub);color:var(--muted);line-height:1.25}.rejoin .rjbody.win{color:var(--el-wood);font-size:var(--fs-lead)}.rejoin .rjbody.loss,.rejoin .rjbody.bad{color:var(--p2)}.rejoin .rjbody.loss,.rejoin .rjbody.draw{font-size:var(--fs-lead)}.rejoin .rjbtns{flex-direction:column;align-items:stretch;gap:6px;display:flex}.rejoin button{font-size:var(--fs-btn-m);min-height:var(--btn-h-m);box-sizing:border-box;white-space:nowrap;padding:2px 16px;line-height:1.2}.rejoin button.big{font-size:var(--fs-btn-l);min-height:var(--btn-h-l);border-width:3px;padding:2px 22px}.rejoin button.small{font-size:var(--fs-btn-s);min-height:var(--btn-h-s);color:var(--muted);border-color:var(--grid);padding:1px 12px}.rejoin button:disabled{opacity:.6;cursor:default;transform:none}.rejoin[data-phase=offer] button.big{animation:1.6s ease-in-out infinite rjpulse}@keyframes rjpulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--p1) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--p1) 22%, transparent)}}@media (prefers-reduced-motion:reduce){.rejoin[data-phase=offer] button.big{animation:none}}.rejoin.float{left:50%;bottom:max(10px, env(safe-area-inset-bottom,0px));z-index:4;background:color-mix(in srgb, var(--p2) 7%, var(--paper));width:min(660px,100% - 20px);margin:0;position:absolute;transform:translate(-50%)}.rejoin.float[data-phase=over]{background:var(--paper)}.rejoincover{z-index:4;background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.rejoincover .rejoin.float{position:static;transform:none}@container (max-width:560px){.rejoin{grid-template-columns:auto minmax(0,1fr);padding:8px 10px}.rejoin .rjbtns{flex-flow:wrap;grid-column:1/-1;justify-content:center}.rejoin .rjico{width:36px;height:36px}}@media (max-height:520px){.rejoin{box-shadow:3px 4px 0 color-mix(in srgb, var(--ink) 16%, transparent);gap:2px 10px;padding:5px 10px}.rejoin .rjico{width:30px;height:30px}.rejoin .rjtext{flex-flow:wrap;align-items:baseline;column-gap:8px}.rejoin .rjtitle{font-size:1.05rem}.rejoin .rjbody{font-size:.9rem}.rejoin .rjbody.win,.rejoin .rjbody.loss,.rejoin .rjbody.draw{font-size:1.05rem}.rejoin .rjbtns{flex-direction:row;align-items:center}.rejoin button.big{min-height:var(--btn-h-m);font-size:var(--fs-btn-m);padding:2px 16px}.rejoin.float{bottom:max(6px, env(safe-area-inset-bottom,0px))}}html.entryon,html.entryon body{overflow:hidden}#entry.overlay{z-index:1000;overscroll-behavior:contain;background-color:color-mix(in srgb, var(--paper) 80%, transparent);background-image:linear-gradient(color-mix(in srgb, var(--grid) 70%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--grid) 70%, transparent) 1px, transparent 1px);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;background-size:24px 24px;gap:0;position:fixed;inset:0}#entry:focus{outline:none}.entrycard{box-sizing:border-box;background:var(--paper);width:min(440px,100%);color:var(--ink);border:2.5px solid var(--ink);box-shadow:5px 6px 0 color-mix(in srgb, var(--ink) 16%, transparent);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:18px 6px 16px 7px/7px 16px 6px 18px;flex-direction:column;align-items:center;gap:12px;min-height:0;max-height:100%;padding:22px 26px 24px;display:flex;position:relative;overflow-y:auto;transform:rotate(-.4deg)}.entrycard>*{flex-shrink:0}#entry .entrybrand{color:var(--muted);letter-spacing:.04em;margin-bottom:-6px;font-size:1.15rem}.entrybtns{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.entrymain{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.entrycol{flex-direction:column;align-items:stretch;gap:10px;width:min(340px,100%);min-width:0;display:flex}.entrycol.entryalts{gap:12px}.authform.entrylogin{gap:4px;width:100%}.entrylogin input+label{margin-top:6px}.entrylogin>button[type=submit]{margin-top:10px;padding:7px 18px;line-height:1.2}.entrylogin .pwrow{align-items:stretch;gap:6px;display:flex}.entrylogin .pwrow input{flex:auto;width:0}.entrylogin .pwtoggle{flex:none;padding:2px 12px;font-size:1rem;line-height:1.2}.entrylogin+.formerr{text-align:center;align-self:center;margin:0}#entry .entryor{color:var(--muted);align-items:center;gap:10px;margin:0;font-size:1.05rem;line-height:1;display:flex}#entry .entryor:before,#entry .entryor:after{content:"";border-top:1.5px dashed var(--muted);opacity:.6;flex:1}.entrybtns button{justify-content:center;align-items:center;gap:8px;padding:7px 18px;line-height:1.2;display:flex}.entrybtns .gglyph,.authform .gglyph{flex:none;margin-left:-4px}.authform .glink{justify-content:center;align-self:center;align-items:center;gap:8px;line-height:1.2;display:flex}.entrybtns.secondary button{opacity:.85;padding:3px 14px;font-size:1rem}#entry .entrysoon,.authform .entrysoon{color:var(--ink);border-bottom:1.5px dashed var(--grid);padding:0 6px 2px;font-size:1.1rem}#entry .authswitch{color:var(--muted);margin-top:2px;font-size:1.1rem}#entry .linkbtn{font:inherit;font-size:inherit;color:var(--p1);text-underline-offset:4px;background:0 0;border:0;border-radius:0;padding:0 2px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1px}#entry .linkbtn:hover{color:var(--ink);transform:none}@media (max-width:480px){#entry.overlay{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.entrycard{gap:10px;padding:16px 14px 18px;transform:none}#entry .authform{gap:6px}#entry .authform h2{font-size:1.5rem}#entry .authform label{font-size:1.05rem}#entry .authform input{padding:4px 12px;font-size:1.1rem}}@media (max-height:560px){.entrycard{gap:6px;padding:12px 18px}#entry .entrybrand{display:none}#entry .authform{gap:4px}#entry .authform>p:not(.formerr):not(.authswitch):not(.entrysoon){display:none}}@media (max-height:440px){.entrycard{gap:5px;width:min(680px,100%);padding:8px 16px 10px;transform:none}#entry h2,#entry .authform h2{margin:0;font-size:1.35rem}#entry .entrycard>p{margin:0;font-size:.98rem;line-height:1.25}#entry .entrycard>p:not(.entrymsg):not(.entryalt){display:none}#entry .entrymain{flex-direction:row;align-items:stretch;gap:0;width:100%}#entry .entrycol{flex:1 1 0;gap:5px;width:auto}#entry .entryform{padding-right:16px}#entry .entryalts{border-left:1.5px dashed var(--grid);flex:none;justify-content:center;align-items:stretch;gap:6px;width:206px;padding-left:16px;position:relative}#entry .entryor{background:var(--paper);margin:0;padding:4px 0;font-size:.9rem;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}#entry .entryor:before,#entry .entryor:after{display:none}#entry .entrybtns{gap:5px;width:100%}#entry .entrybtns button{box-sizing:border-box;min-height:40px;padding:2px 10px;font-size:.95rem}#entry .authform label{font-size:1rem;line-height:1.2}#entry .authform input{padding:2px 10px;font-size:1.05rem}#entry .entrylogin{gap:2px}#entry .entrylogin input+label{margin-top:3px}#entry .entrylogin>button[type=submit]{margin-top:6px;padding:3px 14px;font-size:1.02rem}#entry .entrylogin .pwtoggle{padding:1px 10px;font-size:.95rem}#entry .formerr,#entry .entrysoon{font-size:.95rem;line-height:1.2}#entry .authform .btns button{padding:3px 14px}}.overlay.acctpanel{background:var(--paper)}.overlay .entrymsg{color:var(--p2);font-size:1.15rem}.overlay .entrymsg:empty{display:none}.overlay .entryalt{color:var(--muted);font-size:1rem}.acctchip{z-index:3;flex-direction:column;align-items:flex-end;gap:3px;max-width:min(55%,22em);display:flex;position:absolute;top:8px;right:12px}.acctchip .acrank{color:var(--ink);white-space:nowrap;background:color-mix(in srgb, var(--paper) 85%, transparent);border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:.95rem;display:inline-flex}.acct{text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb, var(--paper) 92%, transparent);max-width:100%;padding:3px 14px;font-size:1.05rem;overflow:hidden}.game-root header .hdracct{flex:0 auto;align-items:center;min-width:0;display:flex}.game-root header .hdracct:empty{display:none}.acctchip.hdr{flex-direction:row;align-items:center;gap:8px;min-width:0;max-width:100%;position:static}.acctchip.hdr .acct{flex:0 auto;min-width:0;padding:4px 14px;font-size:1.1rem}.acctchip.hdr .acct[aria-disabled=true]{opacity:.6;cursor:default;transform:none}.acctchip.hdr .acrank{background:0 0;flex:none;padding:0}@media (max-height:520px){.acctchip.hdr .acct{padding:2px 12px;font-size:1rem}.acctchip.hdr .acrank{font-size:.85rem}}.acctchip.hdr,.acctchip.hdr .acrank{white-space:nowrap;flex-wrap:nowrap}.acctchip.hdr .acrank{gap:3px}@media (max-width:480px){.acctchip.hdr{gap:5px}.acctchip.hdr .acct{padding:3px 10px;font-size:1rem}.acctchip.hdr .acrank{font-size:.88rem}.game-root header .hdrtools{gap:6px}.game-root header .hdrtools>button,.game-root header .hdrtools>:is(.hlp,.bug,.upd){padding:3px 10px;font-size:1rem}}.acctmenu{z-index:60;box-sizing:border-box;overscroll-behavior:contain;background:var(--paper);width:max-content;min-width:12em;color:var(--ink);border:2.5px solid var(--ink);border-radius:14px 6px 16px 7px/7px 16px 6px 14px;flex-direction:column;align-items:stretch;gap:4px;padding:8px;display:flex;overflow:auto;box-shadow:0 6px 18px #0000002e}.framelayer>.acctmenu{z-index:9}.acctmenu .amitems{flex-direction:column;align-items:stretch;gap:4px;display:flex}.acctmenu .amhead{border-bottom:1.5px dashed var(--grid);flex-direction:column;gap:1px;margin-bottom:2px;padding:2px 6px 6px;display:flex}.acctmenu .amname{text-overflow:ellipsis;white-space:nowrap;max-width:18em;font-size:1.15rem;overflow:hidden}.acctmenu .amkind{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:22em;font-size:.9rem;overflow:hidden}.acctmenu .amrank{align-items:center;gap:4px;font-size:.95rem;display:inline-flex}.acctmenu [role=menuitem]{text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:4px 12px;font-size:1.05rem}.acctmenu [role=menuitem]:hover,.acctmenu [role=menuitem]:focus{background:color-mix(in srgb, var(--ink) 8%, var(--paper));transform:none}.acctmenu [role=menuitem]:focus-visible{outline:2.5px dashed var(--p1);outline-offset:-2px}.acctmenu [role=menuitem]:disabled{opacity:.5;cursor:default}.acctmenu .formerr{color:var(--p2);max-width:18em;margin:2px 6px 0;font-size:1rem}.authform{flex-direction:column;align-items:stretch;gap:10px;width:min(380px,100%);display:flex}.authform h2,.authform p{align-self:center}.authform label{color:var(--ink);flex-direction:column;gap:2px;font-size:1.15rem;display:flex}.authform input{font:inherit;color:var(--ink);background:var(--paper);border:2.5px solid var(--ink);border-radius:15px 225px 15px 255px/255px 15px 225px;min-width:0;padding:5px 14px;font-size:1.2rem}.authform input:focus-visible{outline:3px dashed var(--p1);outline-offset:3px}.authform .btns{margin-top:4px}.overlay .formerr{color:var(--p2);font-size:1.1rem}.confirm{flex-direction:column;align-items:center;gap:12px;max-width:40em;display:flex}.confirm>p{color:var(--ink);font-size:1.2rem;line-height:1.35}#entry button:disabled,#accountPanel button:disabled{opacity:.5;cursor:default;transform:none}@container (max-width:560px){.acctchip{top:4px;right:6px}.acct{padding:1px 10px;font-size:.85rem}.acctchip .acrank{font-size:.8rem}.authform{gap:6px}.authform>p:not(.formerr):not(.entrysoon){display:none}.authform label{font-size:1rem}.authform input{padding:3px 12px;font-size:1.05rem}}.overlay.historypanel{z-index:4}.histwrap{border:2px solid var(--ink);background:var(--paper);border-radius:12px 5px 11px 6px/6px 11px 5px 12px;flex-shrink:1;width:min(980px,100%);min-height:0;overflow:auto}.histtable{border-collapse:collapse;width:100%;color:var(--ink);font-size:1.05rem}.histtable th{background:var(--paper);color:var(--muted);text-align:left;border-bottom:2px solid var(--ink);padding:4px 10px;font-weight:400;position:sticky;top:0}.histtable td{text-align:left;white-space:nowrap;border-bottom:1.5px dashed var(--grid);padding:3px 10px}.histtable td.histopp{white-space:normal;overflow-wrap:anywhere;min-width:9em}.histtable tr[data-result=win] .histres{color:var(--p1)}.histtable tr[data-result=loss] .histres{color:var(--p2)}@container (max-width:560px){.histtable{font-size:.9rem}.histtable th,.histtable td{padding:2px 5px}}.rankbadge{color:var(--ink);vertical-align:middle;align-items:center;gap:6px;display:inline-flex}.rankbadge .rkimg{flex:none;line-height:0;display:block}.rankbadge .rkimg svg{display:block;overflow:visible}.rankbadge .rktxt{white-space:nowrap}.rkprev{max-width:1100px;color:var(--ink);margin:0 auto;padding:16px}.rkprev h1{margin:0 0 4px;font-weight:400}.rkprev h2{margin:22px 0 8px;font-weight:400}.rkprev p{color:var(--muted);margin:0 0 12px}.rkgrid{flex-direction:column;gap:4px;display:flex}.rkrow{border-bottom:1.5px dashed var(--grid);grid-template-columns:8.5em repeat(4,minmax(0,1fr));align-items:center;gap:6px;padding:2px 0;display:grid}.rkname{font-size:1.3rem}.rkcell{justify-content:center;display:flex}.rkapex{grid-column:2/-1}.rksmall{flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:1.1rem;display:flex}.rkdark{--paper:#1d2826;--ink:#ecebe3;--grid:#2c3a37;--muted:#a2aba7;background:var(--paper);color:var(--ink);border-radius:12px 5px 11px 6px/6px 11px 5px 12px;padding:12px 14px}@media (max-width:640px){.rkrow{grid-template-columns:repeat(4,minmax(0,1fr))}.rkname{grid-column:1/-1}}.rankbadge .rkdiv{margin-left:-3px;font-size:.8em;line-height:1}.rknote{color:var(--muted);font-size:.95rem}.stagebody,.pagelayer{display:contents}.framelayer{pointer-events:none;position:absolute;inset:0}.framelayer>*{pointer-events:auto}.framelayer>.overlay{z-index:5}.framelayer>.popback{z-index:7}.framelayer>.popback.guideback{z-index:8}html.helpon,html.helpon body{overflow:hidden}.popback{box-sizing:border-box;overscroll-behavior:contain;background-color:color-mix(in srgb, var(--paper) 80%, transparent);background-image:linear-gradient(color-mix(in srgb, var(--grid) 70%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--grid) 70%, transparent) 1px, transparent 1px);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-size:24px 24px;justify-content:center;align-items:center;display:flex}.popback.page{z-index:40;padding:max(14px, env(safe-area-inset-top,0px)) max(14px, env(safe-area-inset-right,0px)) max(14px, env(safe-area-inset-bottom,0px)) max(14px, env(safe-area-inset-left,0px));position:fixed;inset:0;container-type:inline-size}.popback.page.guideback{z-index:41}.popback.frame{padding:10px;position:absolute;inset:0}.popback>.overlay.popcard{box-sizing:border-box;background:var(--paper);border:2.5px solid var(--ink);width:min(640px,100%);min-height:0;max-height:100%;box-shadow:5px 6px 0 color-mix(in srgb, var(--ink) 16%, transparent);border-radius:18px 6px 16px 7px/7px 16px 6px 18px;padding:18px 20px;position:relative;inset:auto}.popback>.overlay.historypanel.popcard{width:min(1040px,100%)}.popback>.overlay.setcard{width:min(920px,100%)}@media (max-width:480px){.popback>.overlay.popcard{padding:12px 12px 14px}}.helpcard{--c:var(--ink);box-sizing:border-box;background:var(--paper);width:min(900px,100%);min-height:0;max-height:100%;color:var(--ink);border:2.5px solid var(--ink);box-shadow:5px 6px 0 color-mix(in srgb, var(--ink) 16%, transparent);border-radius:18px 6px 16px 7px/7px 16px 6px 18px;flex-direction:column;gap:10px;padding:14px 18px 16px;display:flex}.helpcard:focus{outline:none}.helpcard.guidecard{border-color:var(--c);width:min(620px,100%)}.popback.frame .helpcard{gap:8px;padding:10px 14px 12px;overflow:auto}.popback.frame .helpbody{min-height:5em}.helphead{align-items:center;gap:10px;display:flex}.helphead h2{flex:1;margin:0;font-weight:400;line-height:1.1}.guidehead h2{text-align:center;color:var(--c);justify-content:center;align-items:center;gap:8px;font-size:clamp(1.3rem,4.6vw,1.8rem);display:flex}.guidehead h2 .ico{width:34px;height:34px;color:var(--c)}.gnav{flex:none;padding:0 12px 3px;font-size:1.7rem;line-height:1}.helptabs{flex-wrap:wrap;gap:8px;display:flex}.helptabs button{padding:3px 14px;font-size:1.15rem}.helptabs button.on{background:color-mix(in srgb, var(--ink) 10%, var(--paper));border-width:3px;padding:2px 13px}.helpbody{overscroll-behavior:contain;flex:auto;min-height:0;padding:2px 4px 4px 2px;overflow:auto}.helptxt{font-size:1.15rem}.helptxt ul{margin:0;padding:0;line-height:1.7;list-style:none}.helptxt li{padding:2px 0}.helptxt .helpset{margin:10px 0 0}.helptxt .helpset button{padding:2px 14px;font-size:1.05rem}.helptxt .legend{margin:0 0 12px}.helptxt .note{margin:0 0 10px;line-height:1.5}body.touchui .helptxt .tonly{display:list-item}body.touchui .helptxt .konly{display:none}.guidegrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,132px),1fr));gap:10px;display:grid}.gbtn{--c:var(--ink);border-color:color-mix(in srgb, var(--c) 60%, transparent);flex-direction:column;align-items:center;gap:2px;padding:8px 6px;line-height:1.15;display:flex}.gbtn .ico{width:46px;height:46px;color:var(--c)}.gbtn .gname{color:var(--c);font-size:1.3rem}.gbtn .gtag{color:var(--muted);font-size:.9rem}.guidebody .elc{background:0 0;border-width:0;padding:0 2px 2px}.guidebody .pas ul{margin:0;padding-left:1.1em;line-height:1.35;list-style:outside}.guidebody .elh .ico{width:40px;height:40px}.guidebody .elh{margin-left:0;padding-left:30px}#select #selHint{order:2}@media (max-width:480px){.popback.page{padding:max(8px, env(safe-area-inset-top,0px)) max(8px, env(safe-area-inset-right,0px)) max(8px, env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px))}.helpcard{gap:8px;padding:10px 12px 12px}.helptabs{gap:6px}.helptabs button{padding:2px 10px;font-size:1.02rem}.helptabs button.on{padding:1px 9px}.helptxt{font-size:1.05rem}.helptxt ul{line-height:1.5}.guidehead h2{font-size:1.2rem}}@media (max-height:560px){.popback.page{padding:max(6px, env(safe-area-inset-top,0px)) max(6px, env(safe-area-inset-right,0px)) max(6px, env(safe-area-inset-bottom,0px)) max(6px, env(safe-area-inset-left,0px))}.helpcard{gap:6px;padding:8px 12px 10px}}.csel{--cs-teal:#14907f;--cs-orange:#c77a12;z-index:3;background:var(--paper);justify-content:safe center;gap:8px;padding:10px 14px}.csel>*{width:100%}.csel:not(.n4) .spanel{box-sizing:border-box;width:min(300px,100%)}.cstop{justify-content:center;align-items:center;gap:16px;display:flex}.cstimer{text-align:center;min-width:2.2em;color:var(--ink);border:2.5px solid var(--ink);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;padding:0 6px;font-size:clamp(1.5rem,4cqi,2.4rem);line-height:1.15}.cstimer.low{color:var(--p2);border-color:var(--p2)}.csmain{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);grid-template-areas:"l g r";align-items:center;gap:12px;display:grid}.csside{flex-direction:column;gap:8px;min-width:0;display:flex}.csside.left{grid-area:l;align-items:flex-start}.csside.right{grid-area:r;align-items:flex-end}.csgrid{grid-area:g;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;width:min(440px,100%);display:grid}.scard{color:var(--c);border-color:color-mix(in srgb, var(--ink) 55%, transparent);flex-direction:column;align-items:center;gap:2px;padding:6px 4px 5px;font-size:1.05rem;line-height:1.1;display:flex;position:relative}.scard:hover{transform:none}.scard .ico{width:36px;height:36px;color:var(--c)}.scard .scname{color:var(--c)}.scard.mine{background:color-mix(in srgb, var(--c) 12%, var(--paper))}.scard[aria-disabled=true]{cursor:default}.scell{min-width:0;display:flex;position:relative}.scell>.scard{flex:auto;min-width:0}.scur{inset:calc(-5px - var(--si) * 4px);pointer-events:none;border:3px dashed var(--sc);border-radius:12px 5px 11px 6px/6px 11px 5px 12px;position:absolute}.scur.lk{border-style:solid;border-width:4px}.scur i{color:var(--paper);background:var(--sc);border-radius:6px 3px 7px 4px;padding:0 4px;font-size:.75rem;font-style:normal;line-height:1.2;position:absolute;top:-.75em}.scur[data-seat="0"] i{left:4px}.scur[data-seat="1"] i{right:4px}.scur[data-seat="2"] i{left:calc(50% - 1.2em)}.scur[data-seat="3"] i{top:auto;bottom:-.75em;right:4px}.spanel{--c:var(--muted);max-width:100%;color:var(--ink);border:2.5px solid var(--sc);background:color-mix(in srgb, var(--sc) 6%, var(--paper));border-radius:255px 12px 225px/12px 225px 12px 255px;align-items:center;gap:10px;padding:6px 10px;display:flex}.spanel.mirror{text-align:right;flex-direction:row-reverse}.spanel.me{border-width:3.5px}.spimg{flex:none;line-height:0;position:relative}.spimg canvas{width:126px;height:138px;display:block}.spanel.mirror .spimg canvas{transform:scaleX(-1)}.spq{color:var(--muted);justify-content:center;align-items:center;font-size:3rem;line-height:1;display:flex;position:absolute;inset:0}.splock{white-space:nowrap;color:var(--p2);border:2.5px solid var(--p2);background:color-mix(in srgb, var(--paper) 80%, transparent);border-radius:8px 3px 9px 4px/4px 9px 3px 8px;padding:0 6px;font-size:1rem;line-height:1.2;position:absolute;bottom:6px;left:50%;transform:translate(-50%)rotate(-8deg)}.spanel.locked .spimg canvas{animation:.5s steps(2,end) 3 cslock}@keyframes cslock{50%{opacity:.25}}.spinfo{flex-direction:column;flex:auto;gap:2px;min-width:0;max-width:100%;display:flex}.spanel.mirror .spinfo{align-items:flex-end}.sptag{color:var(--sc);font-size:.85rem}.spname{white-space:nowrap;min-width:0;max-width:100%;font-size:1.25rem;font-weight:400;display:flex}.spanel:not(.mirror) .spname{justify-content:flex-start}.spanel.mirror .spname{justify-content:flex-end}.spname .spn{text-overflow:ellipsis;min-width:0;overflow:hidden}.spname .spyou{white-space:pre;flex:none}.spel{color:var(--c);font-size:1.1rem}.sprank{white-space:nowrap;min-width:0;max-width:100%;font-size:.9rem;overflow:hidden}.sprank .rankbadge{gap:4px;max-width:100%}.sprank .rktxt{text-overflow:ellipsis;min-width:0;overflow:hidden}.csfoot{flex-direction:column;align-items:center;gap:4px;display:flex}.csfoot #btnLock{padding:5px 34px;font-size:1.3rem}.csfoot #btnLock:disabled{opacity:.5;cursor:default;transform:none}.csfoot .btns{align-items:center;gap:10px}.csel>.csask{z-index:3;background:color-mix(in srgb, var(--paper) 85%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:auto;display:flex;position:absolute;inset:0}.csask p{color:var(--ink);font-size:1.5rem}.overlay.csel .cshelp{font-size:.95rem}.csban .banstatus{text-align:center;color:var(--ink);margin:0;font-size:1.25rem}.csban .banstatus.mine{color:var(--p2)}.banbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.banwho{text-overflow:ellipsis;white-space:nowrap;max-width:12em;color:var(--sc);font-size:1.05rem;overflow:hidden}.banslots{gap:8px;margin:0;padding:0;list-style:none;display:flex}.bslot{--c:var(--muted);box-sizing:border-box;border:2px dashed color-mix(in srgb, var(--sc) 70%, transparent);min-width:5.6em;min-height:2.6em;color:var(--muted);background:var(--paper);border-radius:10px 4px 11px 5px/5px 11px 4px 10px;flex-direction:column;justify-content:center;align-items:center;padding:2px 8px;line-height:1.1;display:flex}.bslot i{color:var(--sc);font-size:.72rem;font-style:normal}.bslot span{white-space:nowrap;font-size:.95rem}.bslot.now{border-style:solid;border-width:3px;border-color:var(--sc);color:var(--ink);animation:1s ease-in-out infinite alternate banpulse}.bslot.ban{border-style:solid;border-color:var(--p2);color:var(--c);background:color-mix(in srgb, var(--p2) 7%, var(--paper))}.bslot.ban span{text-decoration:line-through;-webkit-text-decoration-color:var(--p2);text-decoration-color:var(--p2);text-decoration-thickness:2px}.bslot.skip span{font-style:italic}@keyframes banpulse{to{box-shadow:0 0 0 3px color-mix(in srgb, var(--sc) 25%, transparent)}}@media (prefers-reduced-motion:reduce){.bslot.now{animation:none}}.csban .bangrid{justify-content:center;display:flex}.csban #btnBan{padding:5px 34px;font-size:1.3rem}.csban #btnBan:disabled{opacity:.5;cursor:default;transform:none}.scard.banned,.ecard.banned{cursor:not-allowed}.scard.banned>:not(.banx),.ecard.banned>:not(.banx){opacity:.38;filter:grayscale(.85)}.banx{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.banx svg{width:80%;height:84%;position:absolute;inset:8% 10%;overflow:visible}.banx path{fill:none;stroke:var(--p2);stroke-width:6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.banx i{white-space:nowrap;color:var(--p2);border:2px solid var(--p2);background:color-mix(in srgb, var(--paper) 88%, transparent);border-radius:7px 3px 8px 4px/4px 8px 3px 7px;padding:0 5px;font-size:.8rem;font-style:normal;line-height:1.2;position:relative;transform:rotate(-10deg)}.banaim{pointer-events:none;border:3px dashed var(--p2);border-radius:12px 5px 11px 6px/6px 11px 5px 12px;position:absolute;inset:-4px}.selbans{text-align:center;color:var(--p2);margin:0;font-size:.95rem}.cstop:has(>.banstatus,>.selbans){flex-wrap:wrap;row-gap:2px}.cstop>.banstatus,.cstop>.selbans{flex-basis:100%}body.short .cstop>.banstatus,body.short .cstop>.selbans{text-overflow:ellipsis;white-space:nowrap;flex-basis:auto;min-width:0;overflow:hidden}body.short .cstop:has(>.banstatus,>.selbans){flex-wrap:nowrap;gap:10px;min-height:0}body.short .cstop:has(>.banstatus,>.selbans) .cstimer{padding:0 5px;font-size:1.25rem}body.short .csban .banstatus{font-size:1.05rem}body.short .banbar{flex-wrap:nowrap;gap:8px}body.short .banwho{max-width:9em;font-size:.95rem}body.short .banslots{gap:6px}body.short .bslot{border-width:1.5px;flex-direction:row;gap:5px;min-width:4.4em;min-height:0;padding:1px 8px}body.short .bslot.now{border-width:2.5px}body.short .bslot span{font-size:.88rem}body.short .overlay.csban>.csmain.bangrid{flex:auto;height:0;min-height:0}body.short .overlay.csban>.csfoot{flex:none}body.short .csban #btnBan{padding:2px 30px;font-size:1.1rem}.overlay.csel .cswatch{color:var(--ink);font-size:1.3rem}.csel.n4 .spimg canvas{width:84px;height:92px}.csel.n4 .spname{font-size:1.05rem}.csel>.csvs{z-index:2;background:var(--paper);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;width:auto;padding:16px;display:grid;position:absolute;inset:0}.vsside{flex-wrap:wrap;justify-content:center;gap:14px;animation:.35s ease-out both vsin;display:flex}.vsside.t0{--from:-60px}.vsside.t1{--from:60px}.vsside.t1 canvas{transform:scaleX(-1)}@keyframes vsin{0%{transform:translateX(var(--from));opacity:0}}.vsp{color:var(--ink);border:3px solid var(--sc);border-radius:255px 12px 225px/12px 225px 12px 255px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;display:flex}.vsp canvas{width:126px;height:138px}.vsname{overflow-wrap:anywhere;text-align:center;font-size:1.3rem;font-weight:400}.vsel{color:var(--c);font-size:1.1rem}.vsword{color:var(--p2);text-shadow:3px 3px 0 color-mix(in srgb, var(--ink) 25%, transparent);font-size:clamp(3rem,12cqi,6rem);line-height:1;animation:.4s ease-out both vspop;transform:rotate(-8deg)}@keyframes vspop{0%{opacity:0;transform:rotate(-8deg)scale(2.2)}}@media (prefers-reduced-motion:reduce){.spanel.locked .spimg canvas,.vsside,.vsword{animation:none}}.csel.n4 .vsp canvas{width:96px;height:105px}@container (min-width:641px) and (max-width:960px){.csel:not(.n4) .spimg canvas{width:84px;height:92px}}@container (max-width:640px){.csmain{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"l r""g g";gap:8px}.csgrid{justify-self:center;gap:8px 6px;width:100%}.spanel,.spanel.mirror{text-align:center;box-sizing:border-box;flex-direction:column;gap:2px;width:100%;padding:4px 6px}.spanel .spinfo,.spanel.mirror .spinfo{align-items:center}.spanel .spname,.spanel.mirror .spname{justify-content:center}.csside.left,.csside.right{align-items:stretch}.spimg canvas{width:84px;height:92px}.csel.n4 .spimg canvas{width:56px;height:62px}.spname{font-size:1.05rem}.scard{padding:4px 2px;font-size:.9rem}.scard .ico{width:28px;height:28px}.csel>.csvs{grid-template-rows:1fr auto 1fr;grid-template-columns:1fr;gap:4px}.vsp canvas,.csel.n4 .vsp canvas{width:84px;height:92px}}body.short.playing .csel{gap:4px;padding:6px 10px}body.short.playing .spimg canvas{width:72px;height:79px}body.short.playing .csel.n4 .spimg canvas{width:52px;height:57px}body.short.playing .overlay.csel .cshelp{display:none}.btns.vcol{flex-flow:column;justify-content:flex-start;align-items:stretch;gap:10px;width:min(340px,100%)}.btns.vcol>button{width:100%;min-width:0}.btns.vcol>button:hover{transform:scale(1.02)}@media (prefers-reduced-motion:reduce){.btns.vcol>button:hover{transform:none}}#menu .modes{gap:12px}.modebig{min-width:9.5em;padding:14px 30px;font-size:1.65rem}.modebig small{color:var(--muted);font-size:.75em}.modeback{align-self:center}#menu .mcards{flex-flow:row;justify-content:center;align-items:stretch;gap:clamp(8px,2.2cqw,22px);width:min(100%,760px)}.modecard{text-align:center;border-radius:22px 9px 26px 10px/10px 26px 9px 22px;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:center;gap:clamp(2px,.9cqw,8px);min-width:0;max-width:240px;padding:clamp(6px,2cqw,18px) clamp(4px,1.2cqw,12px);line-height:1.15;transition:transform .15s,box-shadow .15s;display:flex}.modecard .mcico{aspect-ratio:1;flex:none;width:clamp(34px,11cqw,104px);height:auto;display:block}.modecard .mcico .acc{stroke:var(--p2)}.modecard.blue .mcico .acc{stroke:var(--p1)}.modecard .mcico .dot{fill:currentColor}.modecard .modebig{overflow-wrap:anywhere;min-width:0;padding:0;font-size:clamp(.95rem,3.1cqw,1.75rem)}.modecard .mcsub{color:var(--muted);overflow-wrap:anywhere;font-size:clamp(.72rem,1.7cqw,1.05rem)}.modecard.blue{background:color-mix(in srgb, var(--p1) 9%, var(--paper));border-width:3px}.modecard.blue .mcsub{color:color-mix(in srgb, var(--p1) 70%, var(--muted))}.modecard:hover:not(:disabled),.modecard:focus-visible{box-shadow:0 6px 0 -2px color-mix(in srgb, var(--ink) 22%, transparent);transform:translateY(-3px)scale(1.02)}.modecard:focus-visible{outline:3px dashed var(--p1);outline-offset:4px}.modecard:disabled{opacity:.55;cursor:default}@media (prefers-reduced-motion:reduce){.modecard{transition:none}.modecard:hover:not(:disabled),.modecard:focus-visible{transform:none}}@container (max-width:420px){.modecard .mcsub{display:none}}@container (max-width:600px){.btns.vcol{gap:6px;width:min(260px,100%)}#menu{gap:8px;padding:8px 12px}#menu .modes{gap:6px}.overlay.rankedpanel{gap:6px;padding:8px 12px}.rkresult h2{font-size:1.6rem}.rkhero .rkimg svg{width:50px;height:auto}.rkhero .rkbig{font-size:1.25rem}.rkhero .rkwl{font-size:1rem}.overlay p.rkmsg{min-height:0}.overlay p.rkmsg:empty{display:none}#end{gap:6px;padding:8px 12px}}body.short .btns.vcol{gap:6px;width:min(260px,100%)}body.short #menu{gap:8px;padding:8px 12px}body.short #menu .modes{gap:6px}body.short .overlay.rankedpanel{gap:6px;padding:8px 12px}body.short .rkresult h2{font-size:1.6rem}body.short .rkhero .rkimg svg{width:50px;height:auto}body.short .rkhero .rkbig{font-size:1.25rem}body.short .rkhero .rkwl{font-size:1rem}body.short .overlay p.rkmsg{min-height:0}body.short .overlay p.rkmsg:empty{display:none}body.short #end{gap:6px;padding:8px 12px}.overlay.rankedpanel{z-index:3;background:color-mix(in srgb, var(--paper) 90%, transparent)}.rkhero{flex-direction:column;align-items:center;gap:4px;display:flex}@media (max-height:400px){body .stage .rkhero{flex-flow:wrap;justify-content:center;gap:0 10px}body .stage .rkhero .rkimg svg{width:34px;height:auto}body .stage .overlay.rankedpanel{gap:4px;padding:6px 10px}body .stage .rankedpanel .btns.vcol{gap:4px}body .stage .rkresult h2{font-size:1.35rem}body .stage .rkresult .rremb svg{width:56px;height:auto}body .stage .rkresult p.rrlp{font-size:1.4rem}}.rkhero .rkbig{color:var(--ink);font-size:1.7rem}.rkhero .rkwl{font-size:1.15rem}.rkload{color:var(--muted);font-size:3rem;line-height:1}.overlay p.rkmsg{color:var(--p2);min-height:1.3em}.overlay p.rkmsg:empty{visibility:hidden}.qspin{border:3px dashed var(--ink);border-radius:52% 48% 55% 45%/47% 55% 45% 53%;width:44px;height:44px;animation:1.6s linear infinite qspin}@keyframes qspin{to{transform:rotate(360deg)}}.queuewait .qtext{font-variant-numeric:tabular-nums}.rkresult h2{font-size:clamp(2rem,6vw,3.2rem)}.rkresult.r-win h2{color:var(--p1)}.rkresult.r-loss h2{color:var(--p2)}.rkresult .rrnote{font-size:1rem}.rremb{line-height:0}.rremb.swap{animation:.5s ease-out rrswap}@keyframes rrswap{0%{opacity:0;transform:scale(.4)rotate(-14deg)}60%{opacity:1;transform:scale(1.18)rotate(4deg)}to{transform:none}}.overlay p.rrmove{color:var(--p1);font-size:1.4rem}.overlay p.rrmove.down{color:var(--p2)}.rrbar{border:2.5px solid var(--ink);background:var(--paper);border-radius:10px 4px 9px 5px/5px 9px 4px 10px;width:min(360px,80%);height:16px;position:relative;overflow:hidden}.rrfill{background:var(--el-light);opacity:.85;position:absolute;inset:0 auto 0 0}.overlay p.rrlp{color:var(--ink);font-size:2rem}.rkresult.r-loss .rrlp{color:var(--p2)}.rkresult.r-win .rrlp{color:var(--p1)}.overlay p.rrrank{color:var(--ink);font-size:1.25rem}@media (prefers-reduced-motion:reduce){.qspin,.rremb.swap{animation:none}}.rankedpanel>.csask{z-index:3;background:color-mix(in srgb, var(--paper) 94%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0}.rankedpanel>.csask p{max-width:28em}.overlay p.rkerr{color:var(--p2);font-size:1.2rem}.rkerr button{margin-left:6px;padding:2px 12px;font-size:1rem}.rkresult.r-draw h2{color:var(--ink)}button,[role=button],[role=menuitem],[role=tab],.touch,.modecard{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button,[role=button],[role=menuitem],[role=tab]{touch-action:manipulation}body.touchui .stage,body.touchui .game-root header,body.touchui .acctchip,body.touchui .acctmenu{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,[contenteditable=true],.helpbody,.helpbody *,body.touchui .helpbody,body.touchui .helpbody *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.helpbody button,.helpbody [role=button]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.stage{transition:border-color .18s,background-color .18s}canvas#c,.stage .perf{transition:opacity .18s,visibility linear}body:not(.inmatch) .stage{background:0 0;border-color:#0000}body:not(.inmatch) canvas#c,body:not(.inmatch) .stage .perf{opacity:0;visibility:hidden;transition:opacity .18s,visibility 0s linear .18s}body:not(.inmatch) .stagebody>.overlay{background:0 0}body:not(.inmatch) .stagefit>.stage,body.win-native:not(.inmatch):not(.mob):not(.fs-on) .stagefit>.stage{box-sizing:border-box;aspect-ratio:auto;width:100cqw;height:100cqh;min-height:0;margin-inline:0}body.fs-on:not(.mob):not(.inmatch) .stage{aspect-ratio:auto;width:100vw;height:100vh}body.fs-zoom:not(.inmatch) .shell{background:0 0}body.mob.playing:not(.inmatch) .touch{display:none}body.mob.inmatch .game-root header{visibility:hidden}@media (prefers-reduced-motion:reduce){.stage,canvas#c,.stage .perf,body:not(.inmatch) canvas#c,body:not(.inmatch) .stage .perf{transition:none}}.overlay p.setabout{opacity:.75;margin-top:2px;font-size:.85rem}.overlay p.setabout:empty{display:none}.fsbtn.exitbtn{display:flex}.fsbtn.pausebtn{display:none;left:44px}body.touchui .fsbtn.pausebtn{display:flex}.fsbtn.autobtn{letter-spacing:.04em;justify-content:center;align-items:center;width:auto;padding:0 6px;font-size:.72rem;display:flex;left:44px}body.touchui .fsbtn.autobtn{left:82px}.fsbtn.autobtn.on{opacity:1;color:var(--paper);background:var(--el-wood);border-color:var(--el-wood)}body.mob.lay-l.playing .pausebtn{top:calc(6px + env(safe-area-inset-top,0px));left:calc(44px + env(safe-area-inset-left,0px))}body.mob.lay-l.playing .exitbtn{top:calc(6px + env(safe-area-inset-top,0px));left:calc(6px + env(safe-area-inset-left,0px))}body.lay-p.playing .exitbtn{width:26px;height:26px;top:4px;left:4px}body.lay-p.playing .exitbtn svg{width:17px;height:17px}@media (max-width:700px) and (max-height:700px){body.mob.lay-l.playing:not(.tlay) :is(.exitbtn,.pausebtn){width:26px;height:26px}body.mob.lay-l.playing:not(.tlay) :is(.exitbtn,.pausebtn) svg{width:17px;height:17px}body.mob.lay-l.playing:not(.tlay) .pausebtn{left:calc(35px + env(safe-area-inset-left,0px))}body.mob.lay-l.playing.inmatch .perf{right:calc(4px + env(safe-area-inset-right,0px));font-size:11px}}.popback>.overlay.exitcard{gap:12px;width:min(420px,100%);overflow:auto}.exitcard p{color:var(--ink)}.exitcard .btns{justify-content:center;gap:12px}:root{--fs-title:clamp(1.35rem, .95rem + 2.2cqi, 2.2rem);--fs-lead:1.35rem;--fs-body:1.1rem;--fs-sub:.95rem;--fs-btn-s:1rem;--fs-btn-m:1.15rem;--fs-btn-l:1.4rem;--btn-h-s:32px;--btn-h-m:40px;--btn-h-l:50px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--bw:2.5px;--bw-s:2px;--bw-thin:1.5px;--r-btn:255px 15px 225px 15px/15px 225px 15px 255px;--r-card:18px 6px 16px 7px/7px 16px 6px 18px;--r-box:12px 5px 11px 6px/6px 11px 5px 12px;--shadow-card:5px 6px 0 color-mix(in srgb, var(--ink) 16%, transparent);--col-w:340px;--back-top:var(--sp-2);--back-left:var(--sp-2);--back-w:7.4rem}@media (max-height:520px){:root{--fs-title:clamp(1.2rem, .9rem + 1.2cqi, 1.5rem);--fs-lead:1.15rem;--fs-btn-m:1.05rem;--fs-btn-l:1.15rem;--btn-h-m:34px;--btn-h-l:38px;--btn-h-s:30px;--fs-btn-s:.95rem;--back-w:6.6rem;--col-w:260px}}@media (max-width:480px){:root{--back-w:6.6rem;--fs-btn-s:.95rem}}body.short{--fs-title:clamp(1.2rem, .9rem + 1.2cqi, 1.5rem);--fs-lead:1.15rem;--fs-btn-m:1.05rem;--fs-btn-l:1.15rem;--btn-h-m:34px;--btn-h-l:38px;--col-w:260px}@container (max-width:600px){.overlay,.roompanel{--fs-title:clamp(1.25rem, .9rem + 1.6cqi, 1.6rem);--fs-lead:1.15rem;--fs-btn-m:1.05rem;--fs-btn-l:1.15rem;--btn-h-m:34px;--btn-h-l:40px;--col-w:260px}}h2.screen-title{font-weight:400;font-size:var(--fs-title);margin:0;line-height:1.1}.scr-head h2.screen-title,.overlay>h2.screen-title{text-align:center}.helphead h2.screen-title{text-align:left}.overlay .btns>button:not(.modecard),.popcard .btns>button,.roompanel .btns>button,.helpcard .btns>button{font-size:var(--fs-btn-m);min-height:var(--btn-h-m);box-sizing:border-box;padding:2px 18px;line-height:1.2}.btns.vcol{width:min(var(--col-w),100%)}.overlay .btns.vcol>button.modebig{font-size:var(--fs-btn-l);min-height:var(--btn-h-l);padding:2px 18px}.btns.vcol .modebig small{font-size:.8em}button.blue,.btn-primary{color:var(--p1);border-color:var(--p1);background:color-mix(in srgb, var(--p1) 10%, var(--paper))}button.red,.btn-danger{color:var(--p2);border-color:var(--p2)}.overlay button:disabled,.popcard button:disabled,.roompanel button:disabled,.helpcard button:disabled{opacity:.5;cursor:default;transform:none}.backbtn{top:var(--back-top);left:var(--back-left);z-index:2;box-sizing:border-box;width:var(--back-w);min-width:0;height:var(--btn-h-s);font-size:var(--fs-btn-s);white-space:nowrap;border-width:var(--bw-s);background:var(--paper);justify-content:center;align-items:center;gap:5px;margin:0;padding:0 10px 0 6px;line-height:1;display:inline-flex;position:absolute;overflow:hidden}.stage .backbtn{font-size:var(--fs-btn-s);width:var(--back-w)}.backbtn .backico{flex:none;display:block}.backbtn:hover{background:color-mix(in srgb, var(--ink) 7%, var(--paper));transform:none}body.mob.lay-l.playing.inmatch .backbtn{top:calc(var(--back-top) + env(safe-area-inset-top,0px));left:calc(var(--back-left) + env(safe-area-inset-left,0px))}.overlay.scr{justify-content:flex-start;gap:var(--sp-2);padding:var(--back-top) var(--sp-4) var(--sp-3)}body.mob.lay-l.playing.inmatch .overlay.scr{padding-top:calc(var(--back-top) + env(safe-area-inset-top,0px))}.scr-head{box-sizing:border-box;min-height:var(--btn-h-s);justify-content:center;align-self:stretch;align-items:center;gap:var(--sp-3);margin-inline:calc(-1 * var(--sp-4) + var(--sp-2));padding-inline:calc(var(--back-w) + var(--sp-2));flex:none;display:flex}.scr-body{justify-content:safe center;align-self:stretch;align-items:center;gap:var(--sp-3);overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.scr-body>*{flex-shrink:0}#select.scr{gap:var(--sp-2)}#select.scr>#selHint{overscroll-behavior:contain;box-sizing:border-box;flex:1 1 0;min-height:3em;padding:0 4px;overflow:auto}.overlay.scr.csel{justify-content:flex-start;gap:var(--sp-2)}.csel .cstop{gap:var(--sp-3)}.csmain{align-items:start}.csfoot #btnLock{font-size:var(--fs-btn-l);min-height:var(--btn-h-l);padding:2px 34px}.cshelp.off{visibility:hidden}.spel{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.scr-body.rbbody{justify-content:safe center}.overlay p.qtext{font-size:var(--fs-lead);color:var(--ink)}.roomscr{align-items:center;gap:var(--sp-2);box-sizing:border-box;padding:var(--back-top) var(--sp-4) var(--sp-3);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.roomscr>*{pointer-events:auto}.roomscr-body{flex-direction:column;flex:auto;justify-content:safe center;align-self:stretch;align-items:center;min-height:0;display:flex}.roomscr .roompanel{box-sizing:border-box;border-width:var(--bw);width:min(860px,100%);max-height:100%;box-shadow:var(--shadow-card);position:static}body.short.playing .roomscr .roompanel{max-height:100%}.popback>.overlay.popcard.setcard{overflow:hidden}.helphead{align-self:stretch}.popx{box-sizing:border-box;width:var(--btn-h-s);height:var(--btn-h-s);border-width:var(--bw-s);font-variant-emoji:text;flex:none;justify-content:center;align-items:center;min-height:0;padding:0;font-size:1.1rem;line-height:1;display:inline-flex}.popx:hover{background:color-mix(in srgb, var(--ink) 7%, var(--paper));transform:none}.popcorner{top:var(--sp-2);right:var(--sp-2);z-index:2;position:absolute}.historypanel .helphead{width:min(980px,100%)}.overlay p.histnote,.overlay .rknote{color:var(--muted);font-size:var(--fs-sub)}.overlay.csel>.scr-head{width:auto}@container (max-width:480px){.scr-head{padding-left:calc(var(--back-w) + var(--sp-3));justify-content:flex-start;padding-right:0}.scr-head h2.screen-title{text-align:left}}body.touchui .stage:has(.overlay:not(.hidden)>.backbtn,.stagebody>.backbtn) :is(.fsset,.fshelp){display:none}body.lay-p.playing #select .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body.lay-p.playing #select .card{padding:2px 2px 4px;font-size:1.05rem}body.lay-p.playing #select .card canvas{width:60px;height:66px}body.lay-p.playing #select .card .ctag{display:none}body.lay-p.playing #select .card .radar.mini{width:22px}.updnote{z-index:9999;top:calc(8px + env(safe-area-inset-top,0px));box-sizing:border-box;background:var(--paper,#fff);border:2px solid var(--ink,#222);max-width:min(640px,100% - 24px);box-shadow:3px 4px 0 color-mix(in srgb, var(--ink,#222) 25%, transparent);border-radius:12px 16px 12px 18px/16px 12px 18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;padding:8px 12px;font-size:1rem;line-height:1.3;display:flex;position:fixed;left:50%;transform:translate(-50%)}.updnote>span{flex:260px}.updnote>button{min-height:36px;padding:2px 14px}.updnote.netdown{border-color:var(--p2)}.updnote~.refundnote{top:calc(76px + env(safe-area-inset-top,0px))}.boot{z-index:10000;background:var(--paper);color:var(--ink);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);-webkit-user-select:none;user-select:none;touch-action:none;background-size:24px 24px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boot.out{visibility:hidden;pointer-events:none}.game-root[data-boot=on]>main{visibility:hidden}html.i18n-wait .boot{visibility:visible}html.i18n-wait .boot .boottxt,html.i18n-wait .boot .gsub{visibility:hidden}.bootin{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}html.boot-rot:not(.rot90) .bootin{transform:rotate(90deg)}.bootfig{width:96px;height:88px;color:var(--ink);overflow:visible}.boottitle{margin:6px 0 0;font-size:clamp(1.7rem,6vmin,2.6rem);line-height:1.05}.boottxt{color:var(--muted);justify-content:center;align-items:baseline;gap:8px;min-height:1.4em;margin:0;font-size:1.15rem;display:flex}.bootslow{text-align:center;color:var(--muted);max-width:min(92vw,520px);margin-top:14px;font-size:1rem}.bootslow p{margin:0 0 10px}.bootslow .bootbtns{justify-content:center;gap:12px;display:flex}.bootslow button{font:inherit;color:var(--ink,inherit);cursor:pointer;background:0 0;border:2px solid;border-radius:10px 14px 9px 13px;padding:6px 16px}.bootpct{font-variant-numeric:tabular-nums;color:var(--ink);text-align:left;min-width:2.6em}.bootbar{box-sizing:border-box;border:2.5px solid var(--ink);background:var(--paper);border-radius:8px 4px 9px/4px 9px 4px 8px;width:min(260px,62vmin);height:12px;margin:8px 0 2px;overflow:hidden}.bootbar>span{background:linear-gradient(90deg, color-mix(in srgb, var(--p1) 60%, var(--paper)), var(--p1));border-radius:0 6px 6px 0;height:100%;transition:width .3s ease-out;display:block}@media (prefers-reduced-motion:reduce){.bootbar>span{transition:none}}.bootbody{transform-box:view-box;transform-origin:60px 92px;animation:.17s ease-in-out infinite alternate bootbob}.bootarm,.bootleg{transform-box:view-box;animation:.34s ease-in-out infinite alternate bootswing}.bootarm{transform-origin:60px 36px}.bootleg{transform-origin:60px 60px}.bootarm.a1,.bootleg.l2{animation-direction:alternate-reverse}.bootink{stroke-dasharray:9 7;animation:.3s linear infinite bootink}@keyframes bootbob{0%{transform:rotate(12deg)translateY(0)}to{transform:rotate(12deg)translateY(-4px)}}@keyframes bootswing{0%{transform:rotate(-38deg)}to{transform:rotate(38deg)}}@keyframes bootink{0%{stroke-dashoffset:0}to{stroke-dashoffset:16px}}@media (prefers-reduced-motion:reduce){.boot{transition:none}.bootbody,.bootarm,.bootleg,.bootink{animation:none}.bootink{stroke-dashoffset:0;stroke-dasharray:none}}.coin{color:var(--ink);vertical-align:-3px;flex:none}.coin .coinfill{fill:color-mix(in srgb, var(--el-light) 55%, var(--paper))}.acctchip .acgold{color:var(--ink);white-space:nowrap;background:color-mix(in srgb, var(--paper) 85%, transparent);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:3px;padding:0 8px;font-size:.95rem;display:inline-flex;position:relative}.acctchip.hdr .acgold{background:0 0;flex:none;padding:0}@media (max-height:520px){.acctchip.hdr .acgold{font-size:.85rem}}@container (max-width:560px){.acctchip .acgold{font-size:.8rem}}.goldfly{color:color-mix(in srgb, var(--el-light) 80%, var(--ink));pointer-events:none;font-size:1rem;animation:1.5s ease-out forwards goldfly;position:absolute;top:-2px;right:0}@keyframes goldfly{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.overlay .goldgain{color:var(--ink);border:2px solid color-mix(in srgb, var(--el-light) 70%, var(--ink));background:color-mix(in srgb, var(--el-light) 14%, var(--paper));border-radius:14px 6px 16px 7px/7px 16px 6px 14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;padding:2px 14px;font-size:1.4rem;animation:.6s cubic-bezier(.2,1.6,.4,1) .35s both goldpop;display:inline-flex}.overlay .goldgain .goldtok{align-items:center;gap:4px;font-size:.85em;display:inline-flex}.overlay .goldgain.capped{color:var(--muted);background:0 0;border-style:dashed;font-size:1rem}@keyframes goldpop{0%{opacity:0;transform:scale(.4)rotate(-6deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.goldfly{opacity:0;animation:none}.overlay .goldgain{animation:none}}@container (max-width:600px){.overlay .goldgain{padding:1px 10px;font-size:1.1rem}}body.short .overlay .goldgain{padding:1px 10px;font-size:1.1rem}@media (max-height:400px){.overlay .goldgain{padding:0 10px;font-size:1rem}}.overlay .betres{--bc:color-mix(in srgb, var(--el-light) 70%, var(--ink));border:2px solid var(--bc);background:color-mix(in srgb, var(--bc) 12%, var(--paper));border-radius:14px 6px 16px 7px/7px 16px 6px 14px;flex-direction:column;align-items:center;gap:0;margin:0;padding:3px 16px 4px;animation:.6s cubic-bezier(.2,1.6,.4,1) .25s both goldpop;display:flex}.overlay .betres .betmain{color:var(--ink);align-items:center;gap:6px;margin:0;font-size:1.45rem;line-height:1.2;display:inline-flex}.overlay .betres .betsub{color:var(--muted);text-align:center;margin:0;font-size:.95rem;line-height:1.25}.overlay .betres[data-outcome=lost]{--bc:var(--p2)}.overlay .betres[data-outcome=lost] .betmain{color:var(--p2)}.overlay .betres[data-outcome=refunded],.overlay .betres[data-outcome=held],.overlay .betres[data-outcome=void]{--bc:var(--muted);background:0 0;border-style:dashed;animation:none}.overlay .betres[data-outcome=held] .betmain,.overlay .betres[data-outcome=void] .betmain{color:var(--muted);font-size:1.15rem}@media (prefers-reduced-motion:reduce){.overlay .betres{animation:none}}@container (max-width:600px){.overlay .betres .betmain{font-size:1.15rem}.overlay .betres{padding:1px 10px 2px}}body.short .overlay .betres .betmain{font-size:1.15rem}body.short .overlay .betres .betsub{font-size:.85rem}@media (max-height:400px){.overlay .betres{padding:0 10px 1px}.overlay .betres .betmain{font-size:1.05rem}.overlay .betres .betsub{font-size:.8rem}}.crbet{text-align:left;flex-direction:column;gap:4px;display:flex}.crbet .crlab{align-items:center;gap:5px;display:inline-flex}.crbetchips{gap:4px;min-width:0;display:flex}#createRoom .crbetchips>button{font-variant-numeric:tabular-nums;white-space:nowrap;touch-action:manipulation;border-width:2px;flex:auto;min-width:max-content;min-height:0;padding:2px 6px;font-size:1rem}.crbetchips>button.on{background:color-mix(in srgb, var(--el-light) 22%, var(--paper));color:var(--ink);border-color:color-mix(in srgb, var(--el-light) 70%, var(--ink))}.crbetchips>button[data-v="0"].on{background:color-mix(in srgb, var(--p1) 12%, var(--paper));border-color:var(--p1);color:var(--p1)}.crform input.crbetin{font-variant-numeric:tabular-nums;flex:3.6em;width:0;min-width:2.6em;padding:2px 8px;font-size:1rem}.crbetnote{color:var(--muted);margin:0;font-size:.9rem;line-height:1.25}body.short .rbcreate .crbet{flex-direction:row;align-items:center;gap:5px}body.short .rbcreate .crbet .crlab{clip-path:none;flex:none;width:auto;height:auto;position:static;overflow:visible}body.short .crbet .crbetlab{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body.short .crbetchips{flex:auto}body.short #createRoom .crbetchips>button{padding:0 4px;font-size:.9rem}body.short .rbcreate input.crbetin{padding:0 6px;font-size:.9rem}body.short .crbetnote{display:none}.rhead .rbet{color:var(--ink);border:2px solid color-mix(in srgb, var(--el-light) 70%, var(--ink));background:color-mix(in srgb, var(--el-light) 16%, var(--paper));font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-self:center;align-items:center;gap:4px;padding:1px 10px;font-size:1.1rem;display:inline-flex}.roompanel .rbetterms{font-size:.95rem}.betready{gap:4px}.betready #btnReady{justify-content:center;align-items:center;gap:6px;display:inline-flex}.roompanel .rbetnote{font-size:.95rem}.roompanel .rbetnote.bad{color:var(--p2)}body.short.playing .roompanel .rbetterms,body.short.playing .roompanel .rbetnote{font-size:.85rem}.overlay.shoppanel{z-index:4;justify-content:flex-start;gap:8px;overflow:hidden}body.scrback .overlay.shoppanel:not(.popcard),body.scrback .stage{overflow:visible}.popback>.overlay.shoppanel.popcard{width:min(900px,100%);height:min(640px,100%)}.overlay.shoppanel .shophead{align-self:center;width:min(900px,100%)}.shopgold{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:1.3rem;display:inline-flex}.shoptabs{gap:8px;width:min(900px,100%);display:flex}.shoptabs [role=tab]{border-radius:12px 12px 4px 4px/10px 10px 4px 4px;padding:3px 16px;font-size:1.1rem}.shoptabs [role=tab][aria-selected=true]{background:color-mix(in srgb, var(--p1) 12%, var(--paper));border-width:3px}.shopbody{text-align:left;overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;width:min(900px,100%);min-height:0;display:flex;overflow:auto}.shopnote{color:var(--muted);margin:0;font-size:1rem;line-height:1.25}.f2state{color:var(--muted);white-space:nowrap;font-size:.9rem}.f2prog{gap:2px;margin:0;padding:0;list-style:none;display:grid}.f2prog li{grid-template-columns:5.2em 1fr auto;align-items:center;gap:6px;font-size:.9rem;display:grid}.f2prog .f2pn{color:var(--c,var(--ink));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f2prog .f2pl{color:var(--muted);white-space:nowrap}.f2prog li[data-done="1"] .f2pl{color:color-mix(in srgb, var(--el-wood) 80%, var(--ink))}.mbar{border:1.5px solid var(--ink);background:var(--paper);border-radius:6px 3px 7px/3px 7px 3px 6px;height:9px;display:block;overflow:hidden}.mbar>span{background:color-mix(in srgb, var(--c,var(--p1)) 70%, var(--paper));height:100%;transition:width .4s;display:block}.f2buy{align-self:flex-start;align-items:center;gap:5px;padding:2px 14px;font-size:1.05rem;display:inline-flex}.f2buy:disabled{opacity:.5;cursor:default;transform:none}.f2tok{color:var(--cc,var(--ink));align-self:flex-start;align-items:center;gap:5px;padding:2px 12px;font-size:.95rem;display:inline-flex}.f2tok:disabled{opacity:.5;cursor:default;transform:none}.f2err{margin:0;font-size:.95rem}@container (max-width:600px){.overlay.shoppanel{gap:4px;padding:6px 10px}.shopgold{font-size:1.05rem}.shoptabs [role=tab]{padding:1px 12px;font-size:.95rem}.shopnote{font-size:.85rem}.f2prog li{gap:4px;font-size:.8rem}.f2buy{padding:1px 10px;font-size:.95rem}.f2tok{padding:1px 8px;font-size:.85rem}}@media (max-height:400px){.overlay.shoppanel{gap:4px;padding:6px 10px}.shophead h2.screen-title{font-size:1.4rem}.shopgold{font-size:1.05rem}.shoptabs [role=tab]{padding:1px 12px;font-size:.95rem}.shopnote{font-size:.85rem}.f2state{font-size:.8rem}.f2prog li{grid-template-columns:4.6em 1fr auto;gap:4px;font-size:.75rem}.mbar{height:7px}.f2buy{padding:0 8px;font-size:.85rem}.f2tok{padding:0 6px;font-size:.78rem}}.ecico{z-index:2;color:var(--cc,var(--c,var(--ink)));pointer-events:none;line-height:0;display:inline-flex;position:absolute;top:3px;right:3px}.ecico .ico{width:1.6rem;height:1.6rem}.rkresult .rrrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;display:flex}.rkresult .rrrow p.rrlp:empty{display:none}.rkresult .rrrow .goldgain{white-space:nowrap;flex-wrap:nowrap}body.short .rkresult .rrrow{flex-wrap:nowrap}body.short .rkresult .rrrow .goldgain{padding-block:0;font-size:1.05rem;line-height:1.1}body.short .rkresult .rrrow .goldgain svg{width:16px;height:16px}#menu .mhead{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:min(100%,760px);display:grid}#menu .mhead>h2{text-align:center;grid-column:2;justify-self:center;min-width:0}.mside{white-space:nowrap;border-radius:14px 6px 16px 7px/7px 16px 6px 14px;align-items:center;gap:6px;padding:4px 12px 4px 10px;font-size:1.05rem;line-height:1.1;transition:transform .15s,box-shadow .15s;display:inline-flex}.mside.left,.msides.left{grid-column:1;justify-self:start}.msides{align-items:center;gap:8px;min-width:0;display:flex}.mside.right{grid-column:3;justify-self:end}.mside:hover:not(:disabled),.mside:focus-visible{box-shadow:0 4px 0 -1px color-mix(in srgb, var(--ink) 20%, transparent);transform:translateY(-2px)}.mside:disabled{opacity:.55;cursor:default}.mico{color:var(--ink);flex:none}.mico .mfill{fill:color-mix(in srgb, var(--p1) 22%, var(--paper))}@media (prefers-reduced-motion:reduce){.mside{transition:none}.mside:hover:not(:disabled),.mside:focus-visible{transform:none}}@container (max-width:600px){.mside{gap:4px;padding:2px 9px 2px 7px;font-size:.9rem}#menu .mhead{gap:6px}}@media (max-height:400px){.mside{gap:4px;padding:2px 9px 2px 7px;font-size:.9rem}}@container (max-width:470px){.mside>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mside{padding:4px 6px}}.mside{position:relative}.shoppanel{--el-dark-ui:color-mix(in srgb, var(--el-dark) 15%, #8b5cf6)}.shoppanel [data-el=dark]{--c:var(--el-dark-ui)!important}.f2state{color:var(--muted);border:1.5px solid;border-radius:999px;flex:none;padding:3px 8px;font-size:.8rem;line-height:1}.mbar{border:1.5px solid color-mix(in srgb, var(--c,var(--ink)) 65%, var(--ink));background:color-mix(in srgb, var(--c,var(--grid)) 12%, var(--paper));height:10px}.mbar>span{background:var(--c,var(--p1))}.f2prog li{grid-template-columns:5.4em 1fr 7.2em}.f2prog .f2pl{text-align:right;font-variant-numeric:tabular-nums}.f2buy{gap:6px}.f2buy .lockico{color:var(--muted)}.shophead{align-items:center}.shophead .shopgold{border:2px solid color-mix(in srgb, var(--el-light) 70%, var(--ink));background:color-mix(in srgb, var(--el-light) 12%, var(--paper));border-radius:999px;margin-left:auto;padding:2px 12px;line-height:1.1}.shophead h2{flex:0 auto}@media (max-height:400px){.f2state{padding:2px 6px;font-size:.72rem}.mbar{height:8px}.f2prog li{grid-template-columns:4.8em 1fr 6.6em}}#menu .mcards>.modecard{max-width:none}.elsel{--cw:clamp(54px, 7.2cqw, 100px);flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0;display:flex}.elgroups{grid-template-columns:repeat(2,max-content);justify-content:center;gap:8px 14px;max-width:100%;padding:4px;display:grid}.elgrp{--g:#e9b77a;background:color-mix(in srgb, var(--g) 13%, transparent);border:1.5px solid color-mix(in srgb, var(--g) 55%, transparent);border-radius:12px 6px 12px 7px/7px 12px 6px;flex-direction:column;gap:3px;padding:3px 6px 6px;display:flex}.elgrp[data-g="2"]{--g:#8fb6ea}.elgrp[data-g="3"]{--g:#b49be6}.elgrp[data-g="4"]{--g:#ee8f8f}.elgh{text-align:center;color:var(--ink);white-space:nowrap;margin:0;font-size:clamp(.78rem,1.4cqw,1rem);font-weight:400;line-height:1.25}.elgh .elgs{display:none}.elrow{grid-template-columns:repeat(5, var(--cw));gap:5px;display:grid}.ecell{min-width:0;display:flex;position:relative}.elsel .ecard{box-sizing:border-box;width:var(--cw);height:calc(var(--cw) * 1.36);color:var(--cc);font-size:calc(var(--cw) * .17);background-color:#1b2523;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:calc(var(--cw) / 6) calc(var(--cw) / 6);border:2px solid #e6ecef;border-radius:9px;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;margin:0;padding:0;line-height:1.1;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:visible;box-shadow:0 0 #0000}.elsel .ecard[data-mlv="2"]{border-color:var(--cc)}.elsel .ecard[data-mlv="3"]{border:2.5px solid var(--cc);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--cc) 30%, transparent)}.elsel .ecard[data-mlv="4"]{border:3px solid var(--cc);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--cc) 35%, transparent), 0 0 8px 1px color-mix(in srgb, var(--cc) 55%, transparent)}.elsel .ecard[data-mlv="5"]{border:3px solid var(--cc);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--cc) 45%, transparent), inset 0 0 14px color-mix(in srgb, var(--cc) 30%, transparent), 0 0 12px 3px color-mix(in srgb, var(--cc) 65%, transparent)}.elsel .ecard[data-mlv="5"]:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(var(--cc),var(--cc)) top left / 14px 3px, linear-gradient(var(--cc),var(--cc)) top left / 3px 14px, linear-gradient(var(--cc),var(--cc)) top right / 14px 3px, linear-gradient(var(--cc),var(--cc)) top right / 3px 14px, linear-gradient(var(--cc),var(--cc)) bottom left / 14px 3px, linear-gradient(var(--cc),var(--cc)) bottom left / 3px 14px, linear-gradient(var(--cc),var(--cc)) bottom right / 14px 3px, linear-gradient(var(--cc),var(--cc)) bottom right / 3px 14px;filter:brightness(1.25);background-repeat:no-repeat;position:absolute;inset:-3px}.elsel .ecard canvas{aspect-ratio:100/130;pointer-events:none;display:block;position:absolute;top:2%;left:3%;width:94%!important;height:auto!important}.elsel .ecard{font-size:calc(var(--cw) * .17)!important;padding:0!important}.elsel .ecname{z-index:1;color:var(--cc);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 6px #000000e6;max-width:100%;padding:0 2px 1px;position:relative;overflow:hidden}.elsel button.ecard:hover,.elsel button.ecard:focus-visible{box-shadow:0 0 10px color-mix(in srgb, var(--cc) 55%, transparent);transform:translateY(-2px)}.elsel .ecard.mine,.elsel .ecard[aria-pressed=true],.elsel .ecard.armed{border-color:var(--cc);box-shadow:0 0 12px color-mix(in srgb, var(--cc) 70%, transparent)}.elsel .ecard.taken{outline:3px dashed var(--p1);outline-offset:2px}.elsel .ecard.soon{opacity:.5;filter:saturate(.55);cursor:not-allowed}.elsel .ecsoon{z-index:1;white-space:nowrap;font-size:calc(var(--cw) * .13);color:#f2f2f2;background:#141418d1;border:1px solid #e6ecef;border-radius:5px;padding:0 4px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}@media (prefers-reduced-motion:reduce){.elsel .ecard{transition:none}.elsel button.ecard:hover{transform:none}}.csmain:has(>.elwrap){grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"l r""g g";gap:8px}.csgrid.elwrap{justify-self:stretch;width:100%;display:block}.csel .csmain:has(>.elwrap) .spimg canvas{width:84px;height:92px}body.short .elgroups{gap:3px 5px;padding:0}body.short .elgrp{border-width:1px;gap:1px;padding:1px 3px 3px}body.short .elrow{gap:3px}body.short .elgh{font-size:.66rem;line-height:1.15}body.short .elgh .elgl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body.short .elgh .elgs{display:inline}body.short .elsel .ecard{border-width:1.5px;border-radius:7px}body.short .elsel .ecname{z-index:3;background:color-mix(in srgb, var(--card-bg) 88%, transparent);max-width:none;text-shadow:none;border-radius:5px;padding:0 5px;font-size:11px;line-height:1.2;display:none;position:absolute;bottom:-3px;left:50%;overflow:visible;transform:translate(-50%)}body.short .elsel button.ecard:hover .ecname,body.short .elsel button.ecard:focus-visible .ecname,body.short .elsel .ecard[aria-pressed=true] .ecname,body.short .elsel .ecard.mine .ecname,body.short .elsel .ecard.armed .ecname,body.short .elsel .ecard.soon:hover .ecname{display:block}body.short .elsel .ecsoon{font-size:max(8px, calc(var(--cw) * .15))}body.short .csmain:has(>.elwrap){grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);grid-template-areas:"l g r"}body.short .csgrid.elwrap .elsel{--cw:inherit}body.short .csel .csmain:has(>.elwrap) .spimg canvas{width:64px;height:70px}.elsel .ecard[data-el] .ecname{color:var(--cc)}.game-root>main{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-bottom:max(6px, env(safe-area-inset-bottom,0px))}@media (max-height:520px){.game-root>main{padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));padding-bottom:max(4px, env(safe-area-inset-bottom,0px))}}.eldetail{text-align:left;width:100%;color:var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 14px;display:grid}.eldetail p,.eldetail li{text-align:left}.eldetail .edart{background-color:#1b2523;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:12px 12px;border:2px solid #e6ecef;border-radius:10px;padding:2px;line-height:0}.eldetail .edart canvas{aspect-ratio:100/130;width:104px;height:auto;display:block}.eldetail.soon .edart{opacity:.55;filter:saturate(.6)}.eldetail .edbody{flex-direction:column;gap:3px;min-width:0;display:flex}.eldetail .edhead{flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}.eldetail .edhead .ico{width:24px;height:24px;color:var(--c,var(--ink));flex:none}.eldetail .edhead .hn{color:var(--ink);font-size:1.25rem;font-weight:400;line-height:1.15}.eldetail[data-el] .edhead .hn{color:var(--ce,var(--ink))}.eldetail .edtag{color:var(--muted);font-size:.92rem}.eldetail .edsoon{color:var(--paper);background:var(--muted);border-radius:6px;padding:0 7px;font-size:.85rem}.eldetail .edpas{color:var(--muted);margin:0;font-size:.92rem;line-height:1.3}.eldetail .edarmed{color:var(--ink);margin:0;font-size:.92rem}.eldetail .edsk{flex-direction:column;gap:2px;margin:2px 0 0;padding:0;list-style:none;display:flex}.eldetail .edsk .hsk{text-align:left;color:var(--ink);border-radius:6px;flex-direction:row;align-items:center;gap:7px;padding:1px 2px;font-size:.92rem;line-height:1.25;display:flex}.eldetail .edsk .hsk:hover,.eldetail .edsk .hsk:focus-visible{background:color-mix(in srgb, var(--c) 10%, transparent)}.eldetail .edsk .hsk .ico{width:24px;height:24px;color:var(--c);flex:none}.eldetail .edsk .hsk .edslot{color:var(--muted);white-space:nowrap;font-size:.85em}.eldetail .edsk .edl{min-width:0}.eldetail .edsk kbd{min-width:1.3em;padding:0 3px;font-size:.72rem}.eldetail .edsk b{color:var(--ink);font-weight:400}.eldetail .edsk .edd{color:var(--muted)}#select.scr>#selHint:has(>.eldetail){text-align:left;width:min(860px,100%)}.elsel .ecard .ecico .ico{width:calc(var(--cw) * .26);height:calc(var(--cw) * .26)}.csmain:has(>.elwrap){grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,1fr);grid-template-areas:"l d r""g g g";align-items:start}.csdetail{overscroll-behavior:contain;grid-area:d;align-self:stretch;min-width:0;max-height:clamp(120px,30cqh,220px);overflow:auto}.csdetail .eldetail .edart canvas{width:78px}.csdetail .eldetail .edsk .hsk,.csdetail .eldetail .edpas{font-size:.86rem}.csdetail .cshint0{color:var(--muted);text-align:center;margin:0;font-size:.95rem}.csel:not(.n4) .csmain:has(>.elwrap) .spanel{width:100%}body.short .csmain:has(>.elwrap){grid-template:"l g r""l d r"minmax(0,1fr)/minmax(0,1fr) minmax(0,auto) minmax(0,1fr);align-items:start;row-gap:4px}body.short .csmain:has(>.elwrap) .csside{align-self:center}body.short .csdetail{height:100%;min-height:0;max-height:none}body.short .csdetail .eldetail .edart,body.short .csdetail .eldetail .edpas,body.short .csdetail .eldetail .edtag{display:none}body.short .csdetail .eldetail{grid-template-columns:minmax(0,1fr)}body.short .csdetail .eldetail .edhead .hn{font-size:1rem}body.short .csdetail .eldetail .edsk .hsk{gap:4px;font-size:.74rem;line-height:1.15}body.short .csdetail .eldetail .edsk .hsk .ico{width:18px;height:18px}body.short .overlay.csel{gap:3px}body.short #select.scr:not(.hidden):has(.elsel){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,auto) minmax(0,1fr);align-content:stretch;gap:4px 12px;display:grid}body.short #select.scr:has(.elsel)>.scr-head{grid-area:1/1/auto/-1}body.short #select.scr:has(.elsel)>#cards{--cw:clamp(34px, calc((64cqw - 48px) / 10), 70px);grid-area:2/1;align-self:start;width:auto;max-width:none}body.short #select.scr:has(.elsel)>#selHint{text-align:left;grid-area:2/2;width:auto;height:100%;min-height:0;font-size:.85rem}body.short #select .eldetail{grid-template-columns:auto minmax(0,1fr);gap:4px 10px}body.short #select .eldetail .edart canvas{width:64px}body.short #select .eldetail .edhead .hn{font-size:1.05rem}body.short #select .eldetail .edpas,body.short #select .eldetail .edsk .hsk{font-size:.76rem;line-height:1.2}body.short #select .eldetail .edsk .hsk .ico{width:18px;height:18px}body.short .overlay.csel>.csmain:has(>.elwrap){flex:auto;height:0;min-height:0}body.short .overlay.csel>.csfoot{flex:none}body.short .csmain:has(>.elwrap) .csdetail{overflow:auto}body.short .csdetail .eldetail .edhead{display:none}body.short .csdetail .eldetail .edsk{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 10px;display:grid}body.short .csdetail .eldetail .edsk .hsk{align-items:flex-start;font-size:.7rem;line-height:1.12}body.short .overlay.csel .csfoot #btnLock{padding:2px 26px;font-size:1.05rem}body.short .csmain:has(>.elwrap){--cw:clamp(32px, min(calc((58cqw - 48px) / 10), calc((100cqh - 188px) / 2.72)), 64px);grid-template-columns:minmax(0,1fr) calc(var(--cw) * 10 + 48px) minmax(0,1fr);grid-template-areas:"l g r""d d d"}body.short .csdetail .eldetail .edsk{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}body.short .csmain:has(>.elwrap)>.csgrid.elwrap{--cw:inherit;width:100%}.csmain:has(>.elwrap){grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr)}.csdetail{height:clamp(110px,26cqh,190px);max-height:none}@container (max-width:960px){.csdetail .eldetail .edart{display:none}.csdetail .eldetail{grid-template-columns:minmax(0,1fr)}.csmain:has(>.elwrap){grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)}.csel .csmain:has(>.elwrap) .spimg canvas{width:60px;height:66px}}@container (max-width:640px){.csmain:has(>.elwrap){grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"l r""g g""d d"}.csel .csmain:has(>.elwrap) .spimg canvas{width:56px;height:62px}.csdetail{height:auto;max-height:120px}}:root{--card-bg:var(--paper);--card-line:color-mix(in srgb, var(--grid) 85%, transparent);--card-bd:var(--ink);--card-glow:0 0 0 transparent}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--card-bg:#1b2523;--card-line:#ffffff0e;--card-bd:#e6ecef;--card-glow:0 0 6px #000000e6}}:root[data-theme=dark]{--card-bg:#1b2523;--card-line:#ffffff0e;--card-bd:#e6ecef;--card-glow:0 0 6px #000000e6}.elsel .ecard,.eldetail .edart{background-color:var(--card-bg);border-color:var(--card-bd);background-image:linear-gradient(var(--card-line) 1px, transparent 1px), linear-gradient(90deg, var(--card-line) 1px, transparent 1px)}.elsel button.ecard:hover,.elsel button.ecard:focus-visible,.elsel button.ecard:active{background-color:var(--card-bg)}.elsel .ecname{text-shadow:var(--card-glow)}.elsel .ecsoon{color:var(--paper);background:color-mix(in srgb, var(--ink) 82%, transparent);border-color:var(--card-bd)}.elsel .ecard.elocked canvas{filter:saturate(.55)brightness(.72)}.elsel .eclock{z-index:2;line-height:1;font-size:max(9px, calc(var(--cw) * .12));color:#f6e7b0;pointer-events:none;font-variant-numeric:tabular-nums;background:#101416db;border:1px solid #d7b85a;border-radius:999px;align-items:center;gap:2px;padding:2px 4px 2px 3px;display:inline-flex;position:absolute;top:3px;right:3px}.elsel .eclock .lockico{color:#f6e7b0;flex:none}body.short .elsel .eclock{font-size:max(8px, calc(var(--cw) * .14));padding:1px 3px 1px 2px;top:2px;right:2px}body.short .elsel .eclock>span{display:none}.eldetail .elbuy{border:1.5px dashed color-mix(in srgb, var(--el-light) 70%, var(--ink));background:color-mix(in srgb, var(--el-light) 9%, var(--paper));border-radius:10px 4px 11px 5px/5px 11px 4px 10px;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:3px;padding:4px 8px;display:flex}.eldetail .elbuytxt{color:var(--ink);align-items:center;gap:5px;font-size:.9rem;display:inline-flex}.eldetail .elbuy .f2buy{padding:1px 12px;font-size:.95rem}.eldetail.compact .elbuy{gap:2px 8px;margin-top:1px;padding:2px 6px}.eldetail.compact .elbuytxt{font-size:.8rem}.eldetail.compact .elbuy .f2buy{padding:0 10px;font-size:.85rem}body.short .eldetail .elbuytxt{font-size:.78rem}body.short .eldetail .elbuy .f2buy{padding:0 9px;font-size:.82rem}body.short .eldetail.compact .elbuy{display:none}.csfoot #btnLock.needbuy{border-color:color-mix(in srgb, var(--el-light) 70%, var(--ink));background:color-mix(in srgb, var(--el-light) 12%, var(--paper));justify-content:center;align-items:center;gap:6px;display:inline-flex}.eldetail .elbuy{align-self:flex-start}.elgroups{grid-template-columns:max-content;gap:8px}.elsel{--cw:clamp(64px, 8.6cqw, 116px)}.overlay.csel>.csmain:has(>.elwrap){--cw:clamp(52px, min(calc((50cqw - 44px) / 5), 118px), 118px);grid-template-columns:minmax(0,1fr) calc(var(--cw) * 5 + 44px) minmax(0,1fr);flex:1 1 0;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"l g r""dl g dr";align-items:stretch;min-height:0}.csmain:has(>.elwrap)>.csgrid.elwrap{overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;grid-area:g;height:100%;min-height:0;padding-bottom:4px;overflow:hidden auto}.csmain:has(>.elwrap)>.csgrid.elwrap .elsel{--cw:inherit}.csmain:has(>.elwrap)>.csside.left{grid-area:l;align-self:start}.csmain:has(>.elwrap)>.csside.right{grid-area:r;align-self:start}body.short .csmain:has(>.elwrap){--cw:clamp(50px, calc((46cqw - 44px) / 5), 84px)}.csmain:has(>.elwrap)>.csdetail{grid-area:d;align-self:start;height:auto;min-height:0;max-height:none;overflow:hidden}.csmain:has(>.elwrap)>.csdetail .eldetail{display:block}:is(.csmain:has(>.elwrap)>.csdetail .eldetail .edart,.csmain:has(>.elwrap)>.csdetail .eldetail .edhead,.csmain:has(>.elwrap)>.csdetail .eldetail .edpas,.csmain:has(>.elwrap)>.csdetail .eldetail .edd){display:none}.csmain:has(>.elwrap)>.csdetail .eldetail .edsk{flex-direction:column;gap:2px;margin:0;padding:0;display:flex}.csmain:has(>.elwrap)>.csdetail .eldetail .edsk .hsk{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;line-height:1.2;overflow:hidden}body.short .csmain:has(>.elwrap)>.csdetail .eldetail .edsk .hsk{font-size:.74rem}.csel .spname{white-space:normal;flex-wrap:wrap;row-gap:0;line-height:1.15}.csel .spname .spn{text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.csel .sprank,.csel .sprank .rktxt,.csel .spel{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}body.short .csel .spname{font-size:.95rem}body.short .csel .spel{font-size:.9rem}body.short .csel .sprank{font-size:.75rem}.csel .csmain:has(>.elwrap) .spimg canvas{aspect-ratio:100/130;border-radius:8px;height:auto!important}.csel .csvs canvas{aspect-ratio:100/130;border-radius:10px;height:auto}.csmain:has(>.elwrap)>.csgrid.elwrap{border:2px solid var(--ink);background:color-mix(in srgb, var(--paper) 82%, transparent);box-shadow:2px 3px 0 color-mix(in srgb, var(--ink) 18%, transparent);border-radius:14px 8px 14px 9px/9px 14px 8px;flex-direction:column;padding:6px 4px 4px;display:flex;overflow:hidden}.csmain:has(>.elwrap)>.csgrid.elwrap>.elsel{flex:auto;gap:6px;min-height:0}.csmain:has(>.elwrap)>.csgrid.elwrap .elgroups{overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex:auto;place-content:start center;width:100%;min-height:0;padding:2px 2px 4px;overflow:hidden auto}.elsearch{width:min(100%, calc(var(--cw) * 5 + 20px));flex:none;align-items:center;max-width:100%;display:flex;position:relative}.elsearch .elsico{color:var(--muted);pointer-events:none;position:absolute;left:9px}.elsearch .elsin{box-sizing:border-box;width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1.8px solid var(--ink);appearance:none;border-radius:999px;outline:none;margin:0;padding:5px 30px 5px 32px;font-size:1rem}.elsearch .elsin::-webkit-search-cancel-button{display:none}.elsearch .elsin:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--p1) 35%, transparent)}.elsearch .elsclr{width:22px;height:22px;min-height:0;color:var(--muted);cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:50%;margin:0;padding:0;font-size:.85rem;line-height:1;position:absolute;right:6px}.elnone{color:var(--muted);text-align:center;margin:14px 6px;font-size:.95rem}body.short .elsearch .elsin{padding:2px 28px 2px 30px;font-size:16px}body.short .csmain:has(>.elwrap)>.csgrid.elwrap{border-width:1.6px;padding:4px 3px 3px}#select.scr>#cards.elsel{--cw:clamp(60px, min(calc((92cqw - 64px) / 5), 118px), 118px);min-height:0;width:min(100%, calc(var(--cw) * 5 + 64px));box-sizing:border-box;border:2px solid var(--ink);background:color-mix(in srgb, var(--paper) 82%, transparent);box-shadow:2px 3px 0 color-mix(in srgb, var(--ink) 18%, transparent);border-radius:14px 8px 14px 9px/9px 14px 8px;flex:1.8 1 0;gap:6px;padding:6px 4px 4px;overflow:hidden}#select.scr>#cards.elsel .elgroups{overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex:auto;place-content:start center;width:100%;min-height:0;padding:2px 2px 4px;overflow:hidden auto}#select.scr:has(>#cards.elsel)>#selHint{flex:1 1 0}body.short #select.scr:has(.elsel)>#cards{--cw:clamp(46px, calc((52cqw - 50px) / 5), 84px);height:100%;min-height:0;width:calc(var(--cw) * 5 + 56px);border-width:1.6px;align-self:stretch;padding:4px 3px 3px}@container (max-width:640px){.overlay.csel>.csmain:has(>.elwrap){--cw:clamp(48px, calc((100cqw - 64px) / 5), 110px);grid-template:"l r""g g"minmax(0,1fr)/minmax(0,1fr) minmax(0,1fr)}.csmain:has(>.elwrap)>.csdetail{display:none}.csmain:has(>.elwrap)>.csside.right{grid-row:auto}body.short .overlay.csel>.csmain:has(>.elwrap){--cw:clamp(44px, calc((50cqw - 40px) / 5), 84px);grid-template-columns:minmax(0,1fr) calc(var(--cw) * 5 + 40px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"l g r""dl g dr"}body.short .csmain:has(>.elwrap)>.csgrid.elwrap{grid-area:g;width:100%;height:100%}body.short .csmain:has(>.elwrap)>.csside.left{grid-area:l;align-self:start}body.short .csmain:has(>.elwrap)>.csside.right{grid-area:r;align-self:start}}.eldetail .edsk .hsk{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px}.eldetail .edsk .hsk:hover,.eldetail .edsk .hsk:focus-visible{background:color-mix(in srgb, var(--c) 10%, transparent);outline:none}.eldetail .edsk .hsk.open{background:color-mix(in srgb, var(--c) 13%, transparent)}.eldetail .edsk .hsk .edchev{color:var(--muted);margin-left:5px;font-size:.75em}#select.scr:has(>#cards.elsel){overflow:clip}#select.scr:has(>#cards.elsel)>#selHint{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}.csmain:has(>.elwrap)>.csdetail{overscroll-behavior:contain;align-self:stretch;min-height:0;max-height:100%;overflow-y:auto}.elgrp[data-g="5"]{--g:#d8b23a}.elgrp[data-g="5"] .elgh:before{content:"";vertical-align:.02em;background:linear-gradient(90deg, var(--el-fire) 0 50%, var(--el-ice) 50% 100%);width:.62em;height:.62em;box-shadow:0 0 0 1.2px var(--ink);border-radius:50%;margin-right:.35em;display:inline-block}.elsel .ecard.fuse{background-image:linear-gradient(var(--card-line) 1px, transparent 1px), linear-gradient(90deg, var(--card-line) 1px, transparent 1px), linear-gradient(var(--card-bg), var(--card-bg)), linear-gradient(135deg, var(--c1) 0 47%, var(--c2) 53% 100%);background-origin:padding-box,padding-box,padding-box,border-box;background-clip:padding-box,padding-box,padding-box,border-box;background-size:calc(var(--cw) / 6) calc(var(--cw) / 6), calc(var(--cw) / 6) calc(var(--cw) / 6), auto, auto;border-color:#0000}.elsel .ecard.fuse.mine,.elsel .ecard.fuse[aria-pressed=true],.elsel .ecard.fuse.armed{box-shadow:-3px -3px 10px -2px color-mix(in srgb, var(--c1) 75%, transparent), 3px 3px 10px -2px color-mix(in srgb, var(--c2) 75%, transparent)}.elsel .ecfuse{z-index:2;top:calc(var(--cw) * .26);pointer-events:none;background:color-mix(in srgb, var(--card-bg) 80%, transparent);border-radius:999px;flex-direction:column;gap:0;padding:2px 1px;display:inline-flex;position:absolute;left:2px}.elsel .ecfuse>span{line-height:0;display:inline-flex}.elsel .ecfuse>span+span{margin-top:-3px}.elsel .ecfuse .ico{width:calc(var(--cw) * .19);height:calc(var(--cw) * .19);min-width:11px;min-height:11px}.elsel .ecfuse .ico .fr{fill:var(--card-bg);stroke:currentColor;stroke-width:2.5px}body.short .elsel .ecfuse{padding:1px 0;left:1px}.favstar{box-shadow:none;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;line-height:0;display:inline-flex;min-width:0!important;min-height:0!important;padding:0!important}.favstar .favico{fill:none;stroke:currentColor;transition:transform .12s}.favstar:hover .favico{transform:scale(1.12)rotate(-6deg)}.favstar.on{color:#9a6400}.favstar.on .favico{fill:#ffcf3f}.favstar:focus-visible{outline:2px solid var(--p1);outline-offset:1px;border-radius:7px}.elsel .ecfav{z-index:2;color:color-mix(in srgb, var(--card-bd) 70%, transparent);background:color-mix(in srgb, var(--card-bg) 78%, transparent);border-radius:50%;position:absolute;top:2px;left:2px;width:max(20px, calc(var(--cw) * .27))!important;height:max(20px, calc(var(--cw) * .27))!important}.elsel .ecfav .favico{width:76%;height:76%}.elsel .ecfav.on{color:#8a5600;background:color-mix(in srgb, var(--card-bg) 55%, transparent);filter:drop-shadow(0 0 2.5px #ffbe2899)}@media (hover:hover) and (pointer:fine){.elsel .ecfav:not(.on){opacity:0;transition:opacity .12s}.elsel .ecell:hover .ecfav,.elsel .ecfav:focus-visible{opacity:1}.elsel .ecell:has(>.ecard:focus-visible) .ecfav{opacity:1}}@media (pointer:coarse){.elsel .ecfav:not(.on){opacity:.72}}body.short .elsel .ecfav{top:1px;left:1px;width:20px!important;height:20px!important}.elgrp[data-g="0"]{--g:#f0b429}.elgrp[data-g="0"] .elgh .favico{vertical-align:-.1em;fill:#ffcf3f;stroke:#9a6400;width:.95em;height:.95em;margin-right:.3em}.eldetail .edhead .edfav{border-radius:50%;width:28px!important;height:28px!important}@media (prefers-reduced-motion:reduce){.favstar .favico{transition:none}.favstar:hover .favico{transform:none}}.eldetail .elbuy .elbuyor{color:var(--muted);flex-basis:100%;font-size:.88rem;line-height:1.15}body.short .elsel .ecname{text-overflow:ellipsis;max-width:100%;font-size:max(10px, calc(var(--cw) * .16));background:0 0;padding:0 2px;display:block;position:relative;bottom:auto;left:auto;overflow:hidden;transform:none}#shopTabChest{align-items:center;gap:5px;display:inline-flex}.chico{flex:none}.chico .chicofill{fill:color-mix(in srgb, #c47e3c 38%, var(--paper))}[data-tier=c]{--tc:#8a9bb0}[data-tier=m]{--tc:#4b69ff}[data-tier=u]{--tc:#8847ff}[data-tier=r]{--tc:#d32ce6}[data-tier=j]{--tc:#e4ae39}[data-tier=e]{--tc:#eb4b4b}.shopbody.chestbody{position:relative;overflow:hidden}.chstage{border:2.5px solid var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:18px 18px;border-radius:18px 7px 16px 8px/8px 16px 7px 18px;flex:auto;justify-content:center;align-items:center;gap:10px 34px;min-width:0;min-height:0;padding:10px 16px;display:flex;position:relative}.chshow{aspect-ratio:200/160;flex:0 auto;min-width:0;height:100%;min-height:80px;max-height:230px;display:flex;position:relative}.chshow:before{content:"";pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--el-light) 42%, transparent), color-mix(in srgb, var(--el-light) 12%, transparent) 60%, transparent);border-radius:50%;animation:2.8s ease-in-out infinite chbreathe;position:absolute;inset:-14% -18%}.chshow .chartwrap{transform-origin:50% 92%;flex:auto;height:100%;min-height:0;max-height:none;animation:3.6s ease-in-out infinite chidle;position:relative}.chshow .chglow{opacity:.5;animation:16s linear infinite chspin}.chshow .chlid{animation:3.6s ease-in-out infinite chpeek}@keyframes chbreathe{0%,to{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@keyframes chidle{0%,62%,to{transform:none}68%{transform:translateY(-6px)rotate(-3deg)}74%{transform:translateY(0)rotate(2.5deg)}80%{transform:translateY(-3px)rotate(-1.5deg)}86%{transform:none}}@keyframes chpeek{0%,64%,90%,to{transform:none}70%{transform:translateY(-5px)rotate(-3deg)}78%{transform:translateY(-2px)rotate(-1deg)}}.chinfo{flex-direction:column;flex:0 auto;align-items:flex-start;gap:8px;min-width:0;display:flex}.chname{color:color-mix(in srgb, #c47e3c 70%, var(--ink));margin:0;font-size:2rem;font-weight:400;line-height:1.05}.overlay .chinfo p.chhint{text-align:left;color:var(--muted);max-width:17em;margin:0;font-size:1rem;line-height:1.3}.chside{z-index:5;box-sizing:border-box;overscroll-behavior:contain;background:var(--paper);border:2.5px solid var(--ink);width:min(360px,100% - 12px);box-shadow:var(--shadow-card);border-radius:16px 6px 14px 7px/7px 14px 6px 16px;flex-direction:column;gap:12px;padding:12px 14px 10px;display:flex;position:absolute;top:6px;bottom:6px;right:6px;overflow:auto}.chside[hidden]{display:none}.chsidex{position:absolute;top:6px;right:6px}.choddsbtn{padding:4px 14px;font-size:1rem}.chact{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:6px 12px;display:flex}.chinfo .chact{justify-content:flex-start}.chopen{background:color-mix(in srgb, var(--p1) 8%, var(--paper));align-items:center;gap:7px;padding:5px 28px;font-size:1.25rem;display:inline-flex}.chopen:disabled,.chclose:disabled{opacity:.55;cursor:default;transform:none}.chclose{padding:4px 22px;font-size:1.1rem}.chx10btn{--gd:#e4ae39;color:var(--ink);border-color:color-mix(in srgb, var(--gd) 88%, var(--ink));letter-spacing:.01em;background:linear-gradient(color-mix(in srgb, var(--gd) 30%, var(--paper)), color-mix(in srgb, var(--gd) 14%, var(--paper)));box-shadow:0 0 0 2px color-mix(in srgb, var(--gd) 38%, transparent), 0 0 16px color-mix(in srgb, var(--gd) 34%, transparent);border-width:3px}.chx10btn:disabled{box-shadow:none;border-color:color-mix(in srgb, var(--gd) 45%, var(--ink));background:color-mix(in srgb, var(--gd) 8%, var(--paper))}.chx10btn:not(:disabled):hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--gd) 60%, transparent), 0 0 22px color-mix(in srgb, var(--gd) 55%, transparent)}.chx10{vertical-align:middle;color:#2a1c00;background:linear-gradient(#f6c445,#e4ae39);border:2px solid #9a7422;border-radius:10px 4px 9px 5px/5px 9px 4px 10px;margin-left:.5em;padding:1px 8px 0;font-size:1.05em;font-weight:400;line-height:1.25;display:inline-block;box-shadow:0 0 10px #e4ae398c}#chestHistory .chx10{flex:none;margin-left:auto;padding:0 6px;font-size:.8em}.chhintx{display:inline}body.short .chhintx{display:none}.chx10note{color:color-mix(in srgb, #b4820c 55%, var(--muted))!important}#chestOdds .chxv{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;color:color-mix(in srgb, #b4820c 60%, var(--ink))}#chestOdds .chxv span{color:var(--muted);font-size:.8em}#chestOdds .chxh{text-align:right}#chestOdds td:first-child{min-width:0}.popback.chback{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0d101494;background-image:none;padding:0}.chpop{box-sizing:border-box;width:100%;height:100%;min-height:0;max-height:100%;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);border:2.5px solid var(--ink);box-shadow:0 10px 40px #00000073, 5px 6px 0 color-mix(in srgb, var(--ink) 16%, transparent);background-size:18px 18px;border-radius:18px 6px 16px 7px/7px 16px 6px 18px;flex-direction:column;justify-content:center;gap:10px;padding:12px 18px 14px;animation:.32s cubic-bezier(.2,1.3,.4,1) both chpopin;display:flex;position:relative;overflow:hidden}.chpop:focus{outline:none}.chpop p{margin:0}@keyframes chpopin{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:none}}.chphead{flex:none;align-items:center;gap:10px;margin-bottom:auto;display:flex}.chpop>.chact{margin-bottom:auto}.chphead h2{color:color-mix(in srgb, #c47e3c 70%, var(--ink));flex:1;margin:0;font-size:1.6rem;font-weight:400;line-height:1.1}.chreel{--th:78px;--tw:76px;height:var(--th);border:2.5px solid var(--ink);background:#16191e;border-radius:10px 5px 11px 6px/6px 11px 5px 10px;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #000000b3}.chreel:before,.chreel:after{content:"";z-index:1;pointer-events:none;width:16%;position:absolute;top:0;bottom:0}.chreel:before{background:linear-gradient(90deg,#16191e,#0000);left:0}.chreel:after{background:linear-gradient(-90deg,#16191e,#0000);right:0}.chstrip{will-change:transform;align-items:center;column-gap:5px;height:100%;display:flex}.chtile{box-sizing:border-box;width:var(--tw);height:calc(var(--th) - 18px);color:#e8edf3;border:1px solid color-mix(in srgb, var(--tc) 45%, #2a2f37);background:radial-gradient(120% 90% at 50% 100%, color-mix(in srgb, var(--tc) 38%, transparent), transparent 70%), linear-gradient(#2c3139, #1d2127);border-radius:4px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;font-size:1rem;line-height:1;transition:opacity .4s,transform .45s cubic-bezier(.2,1.6,.4,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.chtile .chbar{background:var(--tc);height:4px;box-shadow:0 0 8px var(--tc);position:absolute;bottom:0;left:0;right:0}.chtile b{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000c;font-weight:400}.chtile .coin{width:22px;height:22px}.chtile .chglyph{width:24px;height:30px}.chtile[data-tier=j],.chtile[data-tier=e]{border-color:var(--tc)}.chtile .chglyph{color:var(--tc)}.chglyph .chcard{fill:color-mix(in srgb, currentColor 16%, var(--paper))}.chglyph .chgem{stroke-width:1.5px}.chglyph .chgem.a{fill:color-mix(in srgb, var(--el-ice,#4cc9f0) 70%, var(--paper))}.chglyph .chgem.b{fill:color-mix(in srgb, var(--el-fire) 70%, var(--paper))}.chneedle{z-index:2;background:#f5c518;width:3px;transition:opacity .3s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 6px #f5c518}.chneedle.top{border-radius:2px 2px 0 0;height:50%;top:0}.chneedle.bot{border-radius:0 0 2px 2px;height:50%;bottom:0}.chneedle.top:before{content:"";border-top:8px solid #f5c518;border-left:7px solid #0000;border-right:7px solid #0000;position:absolute;top:0;left:50%;transform:translate(-50%)}.chneedle.bot:before{content:"";border-bottom:8px solid #f5c518;border-left:7px solid #0000;border-right:7px solid #0000;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#chestPop[data-phase=reveal] .chtile{opacity:.32}#chestPop[data-phase=reveal] .chstrip .chtile:nth-child(56){opacity:1;z-index:1;border-color:var(--tc);box-shadow:0 0 0 2px var(--tc), 0 0 22px 4px var(--tc);transform:scale(1.1)}#chestPop[data-phase=reveal] .chneedle{opacity:.25}.chpmid{flex:none;justify-content:center;align-items:center;gap:20px;height:170px;min-height:0;max-height:100%;display:flex;position:relative}.chpmid:before{content:"";aspect-ratio:2;pointer-events:none;opacity:0;background:radial-gradient(closest-side, color-mix(in srgb, var(--tc,var(--el-light)) 30%, transparent), transparent);border-radius:50%;width:min(460px,90%);transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#chestPop[data-phase=reveal] .chpmid:before{opacity:1}.chpmid .chartwrap{aspect-ratio:200/160;flex:0 auto;min-width:90px;height:100%;max-height:100%;transition:height .35s;position:relative}.chart{--chw:color-mix(in srgb, #c47e3c 62%, var(--paper));--chm:color-mix(in srgb, var(--el-light) 80%, var(--paper));width:100%;height:100%;display:block;overflow:visible}.chart .chwood{fill:var(--chw);stroke:var(--ink);stroke-width:3px}.chart .chplank{fill:none;stroke:color-mix(in srgb, var(--ink) 40%, transparent);stroke-width:1.6px}.chart .chband{fill:none;stroke:var(--chm);stroke-width:6.5px}.chart .chlock{fill:var(--chm);stroke:var(--ink);stroke-width:2.4px}.chart .chkey{fill:var(--ink)}.chart .chlight{fill:none;stroke:#ffffff80;stroke-width:2.2px}.chart .chshadow{fill:color-mix(in srgb, var(--ink) 14%, transparent)}.chart .chinner{fill:#ffe48a;opacity:0;transition:opacity .3s .1s}.chart .chhs0{stop-color:#fff3b8;stop-opacity:.95}.chart .chhs1{stop-color:var(--el-light);stop-opacity:.35}.chart .chhs2{stop-color:var(--el-light);stop-opacity:0}.chart .chray{fill:color-mix(in srgb, var(--el-light) 40%, transparent)}.chart .chglow{opacity:0;transform-box:view-box;transform-origin:100px 78px;transition:opacity .35s}.chart .chlid{transform-box:fill-box;transform-origin:92% 100%;transition:transform .45s cubic-bezier(.3,1.7,.5,1)}.chart .chspark path{fill:var(--el-light);stroke:var(--ink);stroke-width:1px;opacity:0;transform-box:fill-box;transform-origin:50%}#chestPop[data-phase=shake] .chpmid .chart{transform-origin:50% 92%;animation:.3s ease-in-out infinite chshake}#chestPop[data-phase=shake] .chlid{animation:.15s ease-in-out infinite alternate chrattle}#chestPop:is([data-phase=spin],[data-phase=reveal]) .chlid{transform:translate(-6px,-30px)rotate(-17deg)}#chestPop:is([data-phase=spin],[data-phase=reveal]) .chinner{opacity:1}#chestPop:is([data-phase=spin],[data-phase=reveal]) .chglow{opacity:1;animation:9s linear infinite chspin}#chestPop[data-phase=spin] .chpmid .chart{transform-origin:50% 92%;animation:1.1s ease-in-out infinite chhum}#chestPop[data-phase=reveal] .chpmid .chartwrap{height:78%}#chestPop[data-phase=reveal] .chspark path{animation:chtwinkle 1.5s ease-out calc(var(--i) * 70ms) 2 both}@keyframes chshake{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)translateY(-2px)}75%{transform:rotate(4deg)translateY(-1px)}}@keyframes chrattle{0%{transform:translateY(0)}to{transform:translateY(-5px)rotate(-2deg)}}@keyframes chhum{0%,to{transform:none}50%{transform:translateY(-3px)scale(1.015)}}@keyframes chspin{to{transform:rotate(360deg)}}@keyframes chtwinkle{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(.5)rotate(45deg)}}.chres{flex-direction:column;flex:0 auto;justify-content:center;align-items:flex-start;gap:6px;min-width:0;max-width:60%;display:flex;position:relative}.chpop .chres p.chhint{color:var(--muted);max-width:15em;font-size:1rem;line-height:1.3}.chpop[data-phase=shake] .chres p.chhint,.chpop[data-phase=spin] .chres p.chhint{color:var(--ink);animation:1s ease-in-out infinite alternate chdots}@keyframes chdots{0%{opacity:.55}to{opacity:1}}.chwintag{color:var(--muted);font-size:1rem;line-height:1}.chgold{flex-direction:column;align-items:flex-start;gap:5px;animation:.55s cubic-bezier(.2,1.6,.4,1) both goldpop;display:flex}.chgoldn{color:var(--ink);white-space:nowrap;border:2.5px solid color-mix(in srgb, var(--tc) 85%, var(--ink));background:color-mix(in srgb, var(--tc) 16%, var(--paper));box-shadow:0 0 18px color-mix(in srgb, var(--tc) 35%, transparent);border-radius:16px 6px 18px 7px/7px 18px 6px 16px;align-items:center;gap:8px;padding:4px 18px;font-size:2rem;line-height:1.1;display:inline-flex}.chgoldn .coin{width:34px;height:34px}.chgold{max-width:100%}.chtokwin .chgoldn{color:var(--cc);white-space:normal;box-sizing:border-box;max-width:100%;font-size:1.5rem;line-height:1.15}.chtokwin .chgoldn .chglyph{flex:none}.chjack{color:color-mix(in srgb, #eb4b4b 85%, var(--ink));font-size:1.6rem;line-height:1;animation:.7s ease-in-out infinite alternate chjack}@keyframes chjack{0%{transform:rotate(-3deg)scale(1)}to{transform:rotate(3deg)scale(1.08)}}.chrefund{color:var(--muted);max-width:20em;font-size:.85rem;line-height:1.25}#chestPop[data-jackpot]{border-color:#eb4b4b;animation:.32s cubic-bezier(.2,1.3,.4,1) both chpopin,1.2s ease-in-out .3s infinite alternate chjackglow}#chestPop[data-jackpot] .chspark path{animation-iteration-count:infinite}#chestPop[data-jackpot] .chglow{animation-duration:4s}#chestPop[data-jackpot] .chray{fill:#eb4b4b8c}#chestPop[data-jackpot] .chgoldn{border-width:3px;font-size:2.3rem}@keyframes chjackglow{0%{box-shadow:0 10px 40px #00000073,0 0 0 2px #eb4b4b,0 0 18px 2px #eb4b4b80}to{box-shadow:0 10px 40px #00000073,0 0 0 3px #ff6b5e,0 0 44px 10px #ff6b5e99}}.chhero{align-items:center;gap:12px;animation:.7s cubic-bezier(.2,1.4,.4,1) both chflip;display:flex}@keyframes chflip{0%{opacity:0;transform:perspective(400px)rotateY(80deg)scale(.6)}to{opacity:1;transform:none}}.chheroart{box-shadow:0 0 0 3px color-mix(in srgb, var(--cc) 55%, transparent), 0 0 22px color-mix(in srgb, var(--el-light) 55%, transparent);flex:none}.chheroart canvas{aspect-ratio:100/130;width:96px;height:auto;display:block}.chherotxt{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.chherotag{color:var(--p2);font-size:1rem;line-height:1}.chheroname{color:var(--cc);font-size:1.8rem;font-weight:400;line-height:1.05}.chheronote{color:var(--muted);max-width:15em;font-size:.88rem;line-height:1.25}.shoppanel [data-el=dark] .chheroname,.chhero[data-el=dark]{--cc:var(--el-dark-ui)}.chpop .chhero[data-el=dark]{--cc:color-mix(in srgb, var(--el-dark) 15%, #8b5cf6)}.chesterr{font-size:.95rem}#chestPop[data-grid] .chres{max-width:74%}#chestPop[data-grid][data-phase=reveal] .chpmid .chartwrap{height:52%}.chgrid{flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;display:flex}.chgridl{grid-template-columns:repeat(5, minmax(0, var(--gw,60px)));gap:4px;margin:0;padding:0;list-style:none;display:grid}#chestPop[data-phase=reveal] .chgt{opacity:1;width:auto;height:var(--gh,48px);animation:chgtin .42s cubic-bezier(.2,1.5,.4,1) calc(var(--i) * 90ms) both;gap:1px;padding:0 2px;font-size:.9rem}.chgt .coin{width:18px;height:18px}.chgt .chglyph{width:20px;height:24px}.chgt small{text-overflow:ellipsis;white-space:nowrap;color:#c9d1db;max-width:100%;font-size:.68rem;line-height:1.05;display:block;overflow:hidden}.chgt.hero small,.chgt[data-prize^=t] small{color:color-mix(in srgb, var(--cc) 55%, #fff)}#chestPop[data-phase=reveal] .chgt.hero{border-color:var(--tc);box-shadow:0 0 0 2px var(--tc), 0 0 14px 3px var(--tc)}#chestPop[data-phase=reveal] .chgt.star{animation:chgtin .42s cubic-bezier(.2,1.5,.4,1) calc(var(--i) * 90ms) both, chgtstar 1s ease-in-out calc(var(--i) * 90ms + .45s) infinite alternate;border-color:#ff6b5e}@keyframes chgtin{0%{opacity:0;transform:perspective(300px)rotateY(80deg)scale(.6)}to{opacity:1;transform:none}}@keyframes chgtstar{0%{box-shadow:0 0 0 2px #eb4b4b,0 0 10px 2px #eb4b4b99}to{transform:scale(1.06);box-shadow:0 0 0 3px #ff6b5e,0 0 22px 6px #ff6b5eb3}}.chgridsum{color:var(--ink);align-items:center;gap:6px;font-size:1.15rem;line-height:1.1;display:inline-flex}.chglyph .chgem.sp{fill:color-mix(in srgb, #eb4b4b 70%, var(--paper));stroke-width:1.5px}@media (min-height:560px){body:not(.short) .chgridl{--gw:84px}body:not(.short) #chestPop[data-phase=reveal] .chgt{--gh:64px;font-size:1.05rem}body:not(.short) .chgridsum{font-size:1.4rem}}@media (max-height:420px){.chgrid>.chwintag{display:none}#chestPop[data-phase=reveal] .chgt{--gh:40px}.chgridsum{font-size:.95rem}}body.short .chgrid>.chwintag{display:none}body.short #chestPop[data-phase=reveal] .chgt{--gh:40px}body.short .chgridsum{font-size:.95rem}.chcoin{z-index:6;pointer-events:none;border:2px solid var(--ink);background:radial-gradient(circle at 35% 35%, #fff6c4, var(--el-light) 62%, color-mix(in srgb, var(--el-light) 60%, var(--ink)));border-radius:50%;width:18px;height:18px;position:absolute}.chside h3{margin:0 0 4px;font-size:1.15rem;font-weight:400;line-height:1.1}#chestOdds{border-collapse:collapse;width:100%;color:var(--ink);font-size:.95rem}#chestOdds th{color:var(--muted);text-align:left;padding:0 6px 2px;font-size:.8rem;font-weight:400}#chestOdds th:not(:first-child),#chestOdds .chpct{text-align:right}#chestOdds td{border-bottom:1.5px dashed var(--grid);padding:2px 6px;line-height:1.15}#chestOdds td:first-child{border-left:4px solid var(--tc);align-items:center;gap:6px;display:flex}#chestOdds td:first-child .chglyph{color:var(--tc)}#chestOdds .chpct{font-variant-numeric:tabular-nums;white-space:nowrap}#chestOdds tr[data-tier=j] td,#chestOdds tr[data-tier=e] td{background:color-mix(in srgb, var(--tc) 8%, transparent)}.overlay .chside p.chnote{text-align:left;color:var(--muted);max-width:none;margin:4px 0 0;font-size:.8rem;line-height:1.3}#chestHistory{gap:0;margin:0;padding:0;list-style:none;display:grid}#chestHistory li{color:var(--ink);border-bottom:1.5px dashed var(--grid);align-items:center;gap:8px;padding:2px 4px;font-size:.92rem;display:flex}#chestHistory li:first-child{animation:.4s both chslide}@keyframes chslide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}#chestHistory .chht{width:3.3em;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}#chestHistory .chhv{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex;overflow:hidden}#chestHistory .chhv.hero{color:var(--cc)}#chestHistory .chhv .chglyph{color:var(--tc)}@media (prefers-reduced-motion:reduce){.chshow:before,.chshow .chartwrap,.chshow .chglow,.chshow .chlid,#chestPop,#chestPop .chart,#chestPop .chlid,#chestPop .chglow,#chestPop .chspark path,#chestPop .chartwrap,#chestPop .chres p.chhint,.chgold,.chhero,.chjack,#chestHistory li:first-child,#chestPop .chtile{transition:none!important;animation:none!important}}@media (min-height:640px){body:not(.short) .chstage{flex-direction:column;gap:14px;padding:18px 20px}body:not(.short) .chshow{flex:1 1 0;height:auto;min-height:120px;max-height:290px}body:not(.short) .chinfo{align-items:center;gap:10px}body:not(.short) .chinfo .chact{justify-content:center}body:not(.short) .chname{font-size:2.4rem}body:not(.short) .overlay .chinfo p.chhint{text-align:center;max-width:26em;font-size:1.05rem}body:not(.short) .chopen{padding:7px 42px;font-size:1.45rem}body:not(.short) .chpop{gap:14px;padding:16px 22px 18px}body:not(.short) .chphead h2{font-size:1.9rem}body:not(.short) .chreel{--th:116px;--tw:108px}body:not(.short) .chtile{gap:6px;font-size:1.2rem}body:not(.short) .chtile .coin{width:30px;height:30px}body:not(.short) .chtile .chglyph{width:34px;height:44px}body:not(.short) .chpmid{height:clamp(224px,36vh,340px)}body:not(.short) .chgoldn{padding:5px 22px;font-size:2.4rem}body:not(.short) .chgoldn .coin{width:42px;height:42px}body:not(.short) #chestPop[data-jackpot] .chgoldn{font-size:2.8rem}body:not(.short) .chtokwin .chgoldn{font-size:1.8rem}body:not(.short) .chjack{font-size:2rem}body:not(.short) .chwintag{font-size:1.15rem}body:not(.short) .chheroart canvas{width:124px}body:not(.short) .chheroname{font-size:2.1rem}body:not(.short) .chherotag{font-size:1.15rem}body:not(.short) .chheronote{font-size:1rem}body:not(.short) .chpop .chres p.chhint{font-size:1.1rem}}@media (max-height:420px){.chstage{gap:8px 22px;padding:6px 12px}.chshow{min-height:60px;max-height:150px}.chname{font-size:1.5rem}.overlay .chinfo p.chhint{font-size:.85rem}.chinfo{gap:6px}.chopen{padding:3px 20px;font-size:1.05rem}.choddsbtn{padding:2px 12px;font-size:.9rem}.chclose{padding:2px 16px;font-size:.95rem}.chpop{gap:6px;padding:7px 12px 9px}.chphead h2{font-size:1.25rem}.chphead .shopgold{font-size:1.05rem}.chreel{--th:62px;--tw:58px}.chtile{gap:2px;font-size:.82rem}.chtile .coin{width:17px;height:17px}.chtile .chglyph{width:19px;height:24px}.chpmid{gap:14px;height:126px}.chpop .chres p.chhint{font-size:.85rem}.chwintag{font-size:.8rem}.chgoldn{padding:2px 12px;font-size:1.45rem}.chgoldn .coin{width:24px;height:24px}#chestPop[data-jackpot] .chgoldn{font-size:1.6rem}.chtokwin .chgoldn{font-size:1.1rem}.chjack{font-size:1.2rem}.chrefund,.chheronote{font-size:.72rem}.chheroart canvas{width:62px}.chheroname{font-size:1.3rem}.chherotag{font-size:.8rem}.chside{gap:6px}.chside h3{margin-bottom:2px;font-size:.95rem}#chestOdds{font-size:.8rem}#chestOdds th{font-size:.7rem}#chestOdds td{padding:1px 5px}.overlay .chside p.chnote{font-size:.7rem}#chestHistory li{padding:1px 4px;font-size:.8rem}#chestOdds thead{display:none}}body.short .chstage{gap:8px 22px;padding:6px 12px}body.short .chshow{min-height:60px;max-height:150px}body.short .chname{font-size:1.5rem}body.short .overlay .chinfo p.chhint{font-size:.85rem}body.short .chinfo{gap:6px}body.short .chopen{padding:3px 20px;font-size:1.05rem}body.short .choddsbtn{padding:2px 12px;font-size:.9rem}body.short .chclose{padding:2px 16px;font-size:.95rem}body.short .chpop{gap:6px;padding:7px 12px 9px}body.short .chphead h2{font-size:1.25rem}body.short .chphead .shopgold{font-size:1.05rem}body.short .chreel{--th:62px;--tw:58px}body.short .chtile{gap:2px;font-size:.82rem}body.short .chtile .coin{width:17px;height:17px}body.short .chtile .chglyph{width:19px;height:24px}body.short .chpmid{gap:14px;height:126px}body.short .chpop .chres p.chhint{font-size:.85rem}body.short .chwintag{font-size:.8rem}body.short .chgoldn{padding:2px 12px;font-size:1.45rem}body.short .chgoldn .coin{width:24px;height:24px}body.short #chestPop[data-jackpot] .chgoldn{font-size:1.6rem}body.short .chtokwin .chgoldn{font-size:1.1rem}body.short .chjack{font-size:1.2rem}body.short .chrefund,body.short .chheronote{font-size:.72rem}body.short .chheroart canvas{width:62px}body.short .chheroname{font-size:1.3rem}body.short .chherotag{font-size:.8rem}body.short .chside{gap:6px}body.short .chside h3{margin-bottom:2px;font-size:.95rem}body.short #chestOdds{font-size:.8rem}body.short #chestOdds th{font-size:.7rem}body.short #chestOdds td{padding:1px 5px}body.short .overlay .chside p.chnote{font-size:.7rem}body.short #chestHistory li{padding:1px 4px;font-size:.8rem}body.short #chestOdds thead{display:none}@container (max-width:600px){.chstage{flex-direction:column}.chinfo{align-items:center}.chinfo .chact{justify-content:center}.overlay .chinfo p.chhint{text-align:center}.chres{max-width:62%}}.ndot{border:2px solid var(--paper);pointer-events:none;background:#e5383b;border-radius:50%;width:11px;height:11px;animation:1.6s ease-in-out infinite ndot;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 1px #e5383b66}@keyframes ndot{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}#shopTabDaily{align-items:center;gap:5px;display:inline-flex;position:relative}.qico{flex:none}.qico .qicofill{fill:color-mix(in srgb, var(--el-light) 30%, var(--paper))}.shopbody.dailybody{box-sizing:border-box;flex-direction:row;flex:0 auto;align-items:stretch;gap:14px;padding:7px 7px 2px}.shopbody.dailybody[data-part=quests]>section{flex:0 auto;width:min(100%,640px);margin:0 auto}.shopbody.dailybody[data-part=checkin]{width:min(100%,1000px);margin:0 auto}.dcheck,.dquests,.dmonth{box-sizing:border-box;border:2.5px solid var(--ink);background:var(--paper);border-radius:18px 7px 16px 8px/8px 16px 7px 18px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.dcheck{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:18px 18px;flex:1 1 0;justify-content:space-between;min-width:0}.dquests{flex:1.25 1 0;min-width:0}.dhead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dhead h3{color:var(--ink);margin:0;font-size:1.3rem;font-weight:400;line-height:1.1}.dsub{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.9rem}.overlay .dailybody p.dnote{color:var(--muted);text-align:left;max-width:none;margin:0;font-size:.82rem;line-height:1.25}.dgrid{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.dgrid li{border:2px solid color-mix(in srgb, var(--ink) 55%, var(--paper));background:var(--paper);min-height:58px;color:var(--ink);border-radius:12px 5px 11px 6px/6px 11px 5px 12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;line-height:1.05;transition:transform .2s;display:flex;position:relative}.dgrid li.big{background:radial-gradient(120% 120% at 50% 100%, color-mix(in srgb, var(--el-light) 22%, transparent), transparent 70%), var(--paper);flex-flow:wrap;grid-column:span 2;gap:2px 10px}.dgrid li.big .dday{text-align:center;width:100%}.dday{color:var(--muted);font-size:.8rem}.dval{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:1.1rem;display:inline-flex}.dchest{color:color-mix(in srgb, #c47e3c 70%, var(--ink));align-items:center;gap:3px;font-size:.82rem;display:inline-flex}.dgrid li[data-state=done]{background:color-mix(in srgb, var(--p1) 6%, var(--paper));border-style:dashed}.dgrid li[data-state=done]>:not(.dstamp){opacity:.5}.dstamp{z-index:1;color:#fff;background:var(--p1);border:2px solid var(--paper);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;display:flex;position:absolute;top:-7px;right:-7px}.dgrid li[data-state=today]{border:3px solid var(--p1);background:color-mix(in srgb, var(--p1) 12%, var(--paper));box-shadow:0 0 0 3px color-mix(in srgb, var(--p1) 22%, transparent), 0 0 14px color-mix(in srgb, var(--p1) 45%, transparent);animation:1.8s ease-in-out infinite dtoday;transform:translateY(-2px)}.dgrid li[data-state=today] .dday{color:var(--p1)}@keyframes dtoday{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--p1) 22%, transparent), 0 0 10px color-mix(in srgb, var(--p1) 35%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--p1) 30%, transparent), 0 0 20px color-mix(in srgb, var(--p1) 60%, transparent)}}.dact{justify-content:center;align-items:center;gap:10px;min-height:38px;display:flex;position:relative}.dclaim{align-items:center;gap:6px;padding:4px 26px;font-size:1.2rem;display:inline-flex}.dclaim:disabled{opacity:.6;cursor:default;transform:none}.qlist{gap:4px;margin:0;padding:0;list-style:none;display:grid}.qlist li{border-bottom:1.5px dashed var(--grid);color:var(--ink);grid-template-columns:1fr auto auto;grid-template-areas:"txt gold act""prog prog act";align-items:center;gap:2px 10px;padding:5px 4px 6px;display:grid}.qtxt{grid-area:txt;font-size:1.05rem;line-height:1.15}.qprog{grid-area:prog;align-items:center;gap:8px;display:flex}.qprog .mbar{flex:auto;height:10px}.qn{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:2.4em;font-size:.85rem}.qgold{font-variant-numeric:tabular-nums;grid-area:gold;align-items:center;gap:3px;font-size:1rem;display:inline-flex}.qact{grid-area:act;justify-content:center;align-items:center;min-width:76px;display:flex;position:relative}.qclaim{justify-content:center;align-items:center;gap:4px;min-width:72px;min-height:34px;padding:2px 12px;font-size:1rem;display:inline-flex}.qclaim:disabled{opacity:.5;cursor:default;transform:none}.qlist li[data-state=done]{background:color-mix(in srgb, var(--p1) 7%, transparent)}.qlist li[data-state=done] .qclaim{animation:1.4s ease-in-out infinite qready}.qlist li[data-state=done] .mbar>span,.qlist li[data-state=claimed] .mbar>span{background:color-mix(in srgb, var(--p1) 80%, var(--paper))}.qlist li[data-state=claimed] .qtxt,.qlist li[data-state=claimed] .qgold{opacity:.55}.qlist li[data-state=claimed] .qtxt{text-decoration:line-through;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 45%, transparent)}.qlist li[data-state=claimed] .qclaim{opacity:1;color:var(--p1);border-style:dashed}.qlist li.qbonus{border-bottom:0;border:2px dashed color-mix(in srgb, var(--el-light) 70%, var(--ink));background:color-mix(in srgb, var(--el-light) 10%, var(--paper));border-radius:12px 5px 11px 6px/6px 11px 5px 12px;margin-top:2px;padding:6px 8px}.qlist li.qbonus .qtxt:before{content:"★ ";color:color-mix(in srgb, var(--el-light) 80%, var(--ink))}@keyframes qready{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--p1) 0%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--p1) 30%, transparent), 0 0 12px color-mix(in srgb, var(--p1) 45%, transparent)}}.derr{margin:0;font-size:.95rem}.dpop{z-index:4;pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:2px;animation:2.2s ease-out forwards dpop;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.dpop b{color:color-mix(in srgb, var(--el-light) 75%, var(--ink));text-shadow:0 1px 0 var(--paper), 0 0 6px var(--paper);font-size:1.35rem;font-weight:400}.dpop.small b{font-size:1.05rem}.overlay .dailybody p.dchestwin{color:var(--ink);border:2px solid color-mix(in srgb, #c47e3c 70%, var(--ink));background:color-mix(in srgb, #c47e3c 10%, var(--paper));border-radius:10px 4px 9px 5px/5px 9px 4px 10px;align-self:center;align-items:center;gap:6px;max-width:none;margin:0;padding:2px 12px;font-size:1rem;animation:.5s cubic-bezier(.2,1.6,.4,1) both dpopstay;display:inline-flex}.dchestwin b{color:var(--cc,color-mix(in srgb, var(--el-light) 75%, var(--ink)));font-weight:400}.overlay .dailybody p.dchestwin.jackpot{border-color:#eb4b4b;box-shadow:0 0 12px #eb4b4b}@keyframes dpop{0%{opacity:0;transform:translate(-50%,8px)scale(.6)}15%{opacity:1;transform:translate(-50%,-2px)scale(1.1)}30%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-18px)}}@keyframes dpopstay{0%{opacity:0;transform:translateY(6px)scale(.7)}to{opacity:1;transform:none}}.dpop.still{animation:none}@media (prefers-reduced-motion:reduce){.ndot,.dgrid li[data-state=today],.qlist li[data-state=done] .qclaim,.dpop,.overlay .dailybody p.dchestwin{animation:none}}@media (max-height:400px){.shopbody.dailybody{gap:8px}.dcheck,.dquests,.dmonth{gap:4px;padding:5px 8px}.dhead h3{font-size:1.02rem}.dsub{font-size:.75rem}.overlay .dailybody p.dnote{font-size:.7rem}.dgrid{gap:4px}.dgrid li{min-height:42px;padding:2px 1px}.dday{font-size:.68rem}.dval{font-size:.9rem}.dval .coin{width:13px;height:13px}.dchest{font-size:.68rem}.dact{min-height:30px}.dclaim{padding:1px 18px;font-size:.98rem}.qlist{gap:0}.qlist li{gap:1px 8px;padding:2px 2px 3px}.qtxt,.qgold{font-size:.85rem}.qn{font-size:.72rem}.qprog .mbar{height:7px}.qact{min-width:60px}.qclaim{min-width:58px;min-height:28px;padding:0 8px;font-size:.85rem}.qlist li.qbonus{padding:3px 6px}.dpop b{font-size:1.1rem}}body.short .shopbody.dailybody{gap:8px}body.short .dcheck,body.short .dquests,body.short .dmonth{gap:4px;padding:5px 8px}body.short .dhead h3{font-size:1.02rem}body.short .dsub{font-size:.75rem}body.short .overlay .dailybody p.dnote{font-size:.7rem}body.short .dgrid{gap:4px}body.short .dgrid li{min-height:42px;padding:2px 1px}body.short .dday{font-size:.68rem}body.short .dval{font-size:.9rem}body.short .dval .coin{width:13px;height:13px}body.short .dchest{font-size:.68rem}body.short .dact{min-height:30px}body.short .dclaim{padding:1px 18px;font-size:.98rem}body.short .qlist{gap:0}body.short .qlist li{gap:1px 8px;padding:2px 2px 3px}body.short .qtxt,body.short .qgold{font-size:.85rem}body.short .qn{font-size:.72rem}body.short .qprog .mbar{height:7px}body.short .qact{min-width:60px}body.short .qclaim{min-width:58px;min-height:28px;padding:0 8px;font-size:.85rem}body.short .qlist li.qbonus{padding:3px 6px}@container (max-width:600px){.shopbody.dailybody{flex-direction:column;align-items:stretch}.dcheck,.dquests,.dmonth{flex:none}}@media (max-height:400px){.dstamp{width:17px;height:17px;top:-5px;right:-5px}.dstamp .dtick{width:11px;height:11px}.overlay .dailybody p.dchestwin{padding:0 8px;font-size:.8rem}}body.short .dstamp{width:17px;height:17px;top:-5px;right:-5px}body.short .dstamp .dtick{width:11px;height:11px}body.short .overlay .dailybody p.dchestwin{padding:0 8px;font-size:.8rem}.dmonth{flex:1.45 1 0;min-width:0}.mbody{align-items:flex-start;gap:12px;min-height:0;display:flex}.mcal{flex:none;grid-template-columns:repeat(7,30px);grid-auto-rows:28px;align-content:start;gap:3px;display:grid}.mcal .mwd{color:var(--muted);justify-content:center;align-items:flex-end;font-size:.72rem;line-height:1;display:flex}.mcal>[data-day]{color:var(--ink);font-variant-numeric:tabular-nums;border:1.5px solid #0000;border-radius:9px 4px 8px 5px/5px 8px 4px 9px;justify-content:center;align-items:center;font-size:.9rem;line-height:1;display:flex;position:relative}.mcal>[data-state=later]{color:color-mix(in srgb, var(--ink) 55%, var(--paper))}.mcal>[data-state=miss]{color:color-mix(in srgb, var(--ink) 30%, var(--paper));text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 22%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 22%, transparent)}.mcal>[data-state=done]{background:color-mix(in srgb, var(--p1) 16%, var(--paper));border-color:color-mix(in srgb, var(--p1) 55%, var(--paper))}.mcal>[data-state=done] i{opacity:.75;font-style:normal}.mcal>[data-state=done] .dtick{box-sizing:border-box;color:#fff;background:var(--p1);border:1.5px solid var(--paper);border-radius:50%;width:13px;height:13px;padding:1px;position:absolute;top:-4px;right:-3px}.mcal>.now{border:2.5px solid var(--p1);color:var(--p1);box-shadow:0 0 0 2px color-mix(in srgb, var(--p1) 22%, transparent), 0 0 10px color-mix(in srgb, var(--p1) 40%, transparent);font-weight:700}.mcal>.now[data-state=today]{animation:1.8s ease-in-out infinite dtoday}.mmiles{flex:auto;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.mmiles li{box-sizing:border-box;border:1.5px solid color-mix(in srgb, var(--ink) 30%, var(--paper));min-height:34px;color:var(--ink);background:linear-gradient(90deg, color-mix(in srgb, var(--p1) 13%, transparent) calc(var(--f,0) * 100%), transparent 0);border-radius:11px 5px 10px 6px/6px 10px 5px 11px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:3px 4px 3px 8px;display:grid}.mneed{white-space:nowrap;min-width:3.6em;font-size:1rem}.mrew{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;font-size:.95rem;display:flex}.mr{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.mr .chico .chicofill{fill:color-mix(in srgb, #c47e3c 30%, var(--paper))}.mr .chico{color:color-mix(in srgb, #c47e3c 75%, var(--ink))}.mrtok .chglyph{color:color-mix(in srgb, var(--el-light) 80%, var(--ink))}.mrhero,.mrhero .chglyph{color:var(--p1)}.mleft{text-align:center;min-width:72px;color:var(--muted);white-space:nowrap;font-size:.8rem;display:inline-block}.mmiles .qact{grid-area:auto;min-width:72px}.mmiles .qclaim{min-height:28px}.mmiles li[data-state=done]{border:2px solid var(--p1);background:color-mix(in srgb, var(--p1) 12%, var(--paper))}.mmiles li[data-state=done] .qclaim{animation:1.4s ease-in-out infinite qready}.mmiles li[data-state=claimed]{background:color-mix(in srgb, var(--p1) 6%, var(--paper));border-style:dashed}.mmiles li[data-state=claimed] .mneed,.mmiles li[data-state=claimed] .mrew{opacity:.5}.mmiles li[data-state=claimed] .qclaim{opacity:1;color:var(--p1);border-style:dashed}.mmiles li[data-state=gone]>:not(.qact){opacity:.45}.mmiles li[data-state=gone]{background:0 0;border-style:dashed}.mmiles li:last-child:not([data-state=claimed]):not([data-state=gone]){border-color:color-mix(in srgb, #e4ae39 70%, var(--ink))}.overlay .dailybody p.mgot{text-align:center;flex-wrap:wrap;justify-content:center;align-self:stretch}@media (prefers-reduced-motion:reduce){.mcal>.now[data-state=today],.mmiles li[data-state=done] .qclaim{animation:none}}@media (max-height:400px){.shopbody.dailybody[data-part=checkin]{gap:6px}.mbody{gap:7px}.mcal{grid-template-columns:repeat(7,21px);grid-auto-rows:18px;gap:2px}.mcal .mwd{font-size:.58rem}.mcal>[data-day]{border-width:1px;font-size:.68rem}.mcal>.now{border-width:2px}.mcal>[data-state=done] .dtick{border-width:1px;width:10px;height:10px;top:-3px;right:-3px}.mmiles{gap:2px}.mmiles li{gap:5px;min-height:22px;padding:0 2px 0 5px}.mneed{min-width:3.3em;font-size:.75rem}.mrew{gap:0 5px;font-size:.72rem}.mr .coin{width:12px;height:12px}.mr .chico,.mrtok .chglyph{width:13px;height:13px}.mrhero .chglyph{width:11px;height:14px}.mleft{min-width:52px;font-size:.64rem}.mmiles .qact{min-width:52px}.mmiles .qclaim{min-width:50px;min-height:20px;padding:0 6px;font-size:.72rem}.overlay .dailybody p.mgot{font-size:.7rem}}body.short .shopbody.dailybody[data-part=checkin]{gap:6px}body.short .mbody{gap:7px}body.short .mcal{grid-template-columns:repeat(7,21px);grid-auto-rows:18px;gap:2px}body.short .mcal .mwd{font-size:.58rem}body.short .mcal>[data-day]{border-width:1px;font-size:.68rem}body.short .mcal>.now{border-width:2px}body.short .mcal>[data-state=done] .dtick{border-width:1px;width:10px;height:10px;top:-3px;right:-3px}body.short .mmiles{gap:2px}body.short .mmiles li{gap:5px;min-height:22px;padding:0 2px 0 5px}body.short .mneed{min-width:3.3em;font-size:.75rem}body.short .mrew{gap:0 5px;font-size:.72rem}body.short .mr .coin{width:12px;height:12px}body.short .mr .chico,body.short .mrtok .chglyph{width:13px;height:13px}body.short .mrhero .chglyph{width:11px;height:14px}body.short .mleft{min-width:52px;font-size:.64rem}body.short .mmiles .qact{min-width:52px}body.short .mmiles .qclaim{min-width:50px;min-height:20px;padding:0 6px;font-size:.72rem}body.short .overlay .dailybody p.mgot{font-size:.7rem}@container (max-width:600px){.mbody{flex-direction:column;align-items:stretch}.mcal{align-self:center}}body{--trial:color-mix(in srgb, #8b5fd6 78%, var(--ink))}.trialico .trialfill{fill:color-mix(in srgb, #8b5fd6 22%, var(--paper))}.giftico .giftfill{fill:color-mix(in srgb, #e9b949 55%, var(--paper))}.giftico .giftbow{stroke:#d8433a}.trialbtn{align-self:flex-start;align-items:center;gap:5px;padding:2px 14px;font-size:1.05rem;display:inline-flex}.trialbtn:disabled{cursor:default;transform:none}.eldetail .elbuybtns,.f1trial{flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.trialbtn{color:var(--trial);border-color:var(--trial);background:color-mix(in srgb, #8b5fd6 8%, var(--paper))}.trialbtn.red{color:var(--p2);border-color:var(--p2);background:color-mix(in srgb, var(--p2) 10%, var(--paper))}.trialbtn:disabled{opacity:.45;border-style:dashed}.trialhint{color:var(--muted);flex-basis:100%;font-size:.82rem;line-height:1.15}.eldetail .elbuy .trialbtn{padding:1px 12px;font-size:.95rem}.eldetail.compact .elbuy .trialbtn{padding:0 10px;font-size:.85rem}body.short .eldetail .elbuy .trialbtn{padding:0 9px;font-size:.82rem}body.short .trialhint{font-size:.72rem}.trialtag{color:var(--trial);border:1.5px solid var(--trial);background:color-mix(in srgb, #8b5fd6 9%, var(--paper));white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:1px 10px 1px 7px;font-size:.9rem;line-height:1.1;display:inline-flex}.eldetail.compact .trialtag,body.short .trialtag{padding:0 8px 0 5px;font-size:.78rem}.eldetail .elbuy[data-trial]{border-color:var(--trial);background:color-mix(in srgb, #8b5fd6 6%, var(--paper))}.f1trial{margin-top:2px}.elsel .ecard .ectrial{z-index:2;line-height:1.05;font-size:max(8px, calc(var(--cw) * .105));color:#f3ecff;pointer-events:none;font-variant-numeric:tabular-nums;text-align:left;background:#5b3aa6e0;border:1px solid #c2a8ff;border-radius:7px;align-items:center;gap:2px;padding:2px 4px 2px 3px;display:flex;position:absolute;top:3px;left:3px;right:3px}.elsel .ecard .ectrial .trialico{color:#f3ecff;flex:none}.elsel .ecard .ectrial .trialico .trialfill{fill:#5b3aa6}.elsel .ecard .ectrial>span{white-space:nowrap;flex-direction:column;min-width:0;display:flex;overflow:hidden}.elsel .ecard .ectrial b{font-weight:inherit}.elsel .ecard .ectrial i{display:none}.elsel .ecard.etrial{box-shadow:0 0 0 2px #8b5fd6b3}.elsel .ecard.etrial .ecico{display:none}body.short .elsel .ecard .ectrial{padding:1px 3px 1px 2px;top:2px;left:2px;right:auto}body.short .elsel .ecard .ectrial>span{display:none}.overlay.rkresult .rrrow p.rrbox{color:var(--ink);white-space:nowrap;background:color-mix(in srgb, #e9b949 18%, var(--paper));border:2px solid #d8433a;border-radius:7px 16px 6px 14px/14px 6px 16px 7px;flex-direction:row;flex:none;align-items:center;gap:6px;margin:0;padding:2px 14px 2px 10px;font-size:1.25rem;animation:.6s cubic-bezier(.2,1.6,.4,1) .6s both goldpop;display:inline-flex}.overlay.rkresult .rrrow p.rrbox.card{border-color:var(--trial);background:color-mix(in srgb, #8b5fd6 10%, var(--paper))}@media (prefers-reduced-motion:reduce){.rkresult p.rrbox{animation:none}}@container (max-width:600px){.overlay.rkresult .rrrow p.rrbox{padding:1px 10px 1px 8px;font-size:1.05rem}}body.short .overlay.rkresult .rrrow p.rrbox{padding:0 10px 0 7px;font-size:1rem;line-height:1.1}body.short .overlay.rkresult .rrrow p.rrbox svg{width:16px;height:16px}.dcard{color:var(--trial);align-items:center;gap:3px;font-size:.78rem;display:inline-flex}.mrcard{color:var(--trial)}body.short .dcard{font-size:.66rem}.oswitch{cursor:pointer;color:var(--ink);white-space:nowrap;-webkit-user-select:none;user-select:none;border:2px solid color-mix(in srgb, var(--ink) 35%, transparent);background:var(--paper);border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:3px 12px 3px 6px;font-size:1.05rem;line-height:1.1;transition:border-color .15s,background-color .15s;display:inline-flex;position:relative}.oswitch[hidden]{visibility:hidden;display:inline-flex}.oswitch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.oswtrack{box-sizing:border-box;border:2px solid var(--ink);background:color-mix(in srgb, var(--ink) 8%, var(--paper));border-radius:12px 11px 13px 10px/11px 13px 10px 12px;flex:none;width:40px;height:22px;transition:background-color .18s,border-color .18s;position:relative}.oswthumb{background:var(--ink);border-radius:50%;width:14px;height:14px;transition:transform .18s,background-color .18s;position:absolute;top:2px;left:2px}.oswitch[data-on="1"]{border-color:color-mix(in srgb, var(--el-wood) 70%, var(--ink));background:color-mix(in srgb, var(--el-wood) 9%, var(--paper))}.oswitch[data-on="1"] .oswtrack{border-color:color-mix(in srgb, var(--el-wood) 80%, var(--ink));background:color-mix(in srgb, var(--el-wood) 38%, var(--paper))}.oswitch[data-on="1"] .oswthumb{background:color-mix(in srgb, var(--el-wood) 70%, var(--ink));transform:translate(18px)}.oswitch:hover{border-color:color-mix(in srgb, var(--ink) 60%, transparent)}.oswitch:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--p1) 70%, transparent);outline-offset:2px}.shophead .oswitch+.popx{margin-left:10px}@media (prefers-reduced-motion:reduce){.oswtrack,.oswthumb,.oswitch{transition:none}}.overlay .shopempty{text-align:center;max-width:30em;color:var(--muted);border:2px dashed color-mix(in srgb, var(--ink) 25%, transparent);border-radius:var(--r-box);margin:18px auto;padding:22px 18px;font-size:1.15rem;line-height:1.35}.shopdet{z-index:6;box-sizing:border-box;background:color-mix(in srgb, var(--paper) 62%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:14px;animation:.16s ease-out both shopdetin;display:flex;position:absolute;inset:0}.shopdetbox{box-sizing:border-box;overscroll-behavior:contain;background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-box);width:min(760px,100%);max-height:100%;box-shadow:var(--shadow-card);padding:14px 16px 14px 14px;position:relative;overflow:auto}.shopdetx{z-index:2;position:absolute;top:8px;right:8px}.shopdetbox .eldetail{gap:6px 16px}.shopdetbox .eldetail .edhead{padding-right:40px}.shopdetbox .eldetail .edart canvas{width:132px}.shopdetbox .eldetail .edhead .hn{font-size:1.5rem}.shopdetbox .eldetail .edpas,.shopdetbox .eldetail .edsk .hsk{font-size:.98rem}.shopdetbox .eldetail .edsk .hsk{cursor:pointer;padding:2px 4px}@keyframes shopdetin{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.shopdet{animation:none}}.eldetail .elbuy.shopbuy{flex-direction:column;align-items:flex-start;gap:6px;margin:4px 0 2px;padding:7px 10px}.shopbuyrow{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.eldetail .shopbuy .f2buy,.eldetail .shopbuy .f2tok{align-self:auto;padding:2px 14px;font-size:1rem}.shopbuy .f2prog{width:min(380px,100%)}.eldetail .elbuy.shopbuy[data-state=owned]{border-style:solid;border-color:color-mix(in srgb, var(--el-wood) 70%, var(--ink));background:color-mix(in srgb, var(--el-wood) 9%, var(--paper));flex-direction:row}.shopbuy .shopowned{color:color-mix(in srgb, var(--el-wood) 85%, var(--ink));background:color-mix(in srgb, var(--el-wood) 12%, var(--paper));padding:3px 10px;font-size:.95rem}.shopbuy .f2err{margin:0}@media (max-height:520px){.shopdet{padding:4px 6px}.shopdetbox{width:min(820px,100%);padding:6px 8px 6px 6px}.shopdetx{top:5px;right:5px}.shopdetbox .eldetail{gap:3px 10px}.shopdetbox .eldetail .edhead{padding-right:34px}.shopdetbox .eldetail .edart canvas{width:70px}.shopdetbox .eldetail .edhead .hn{font-size:1.1rem}.shopdetbox .eldetail .edhead .ico{width:20px;height:20px}.shopdetbox .eldetail .edtag{font-size:.8rem}.shopdetbox .eldetail .edpas,.shopdetbox .eldetail .edsk .hsk{font-size:.78rem;line-height:1.2}.shopdetbox .eldetail .edsk .hsk{padding:1px 2px}.shopdetbox .eldetail .edsk .hsk .ico{width:18px;height:18px}.eldetail .elbuy.shopbuy{flex-flow:wrap;align-items:center;gap:4px 10px;margin:2px 0 1px;padding:3px 8px}.eldetail .shopbuy .f2buy,.eldetail .shopbuy .f2tok{padding:0 10px;font-size:.82rem}.shopbuy .f2prog{width:min(300px,100%)}.shopbuy .f2prog li{font-size:.72rem}.oswitch{gap:6px;padding:1px 9px 1px 4px;font-size:.9rem}.oswtrack{width:34px;height:19px}.oswthumb{width:11px;height:11px}.oswitch[data-on="1"] .oswthumb{transform:translate(15px)}.overlay .shopempty{margin:8px auto;padding:12px 14px;font-size:.95rem}}body.short.scrt .shoppanel:not(.popcard):not([data-mode]) .shoptabs{padding-right:190px}.masteryscr{--el-dark-ui:color-mix(in srgb, var(--el-dark) 15%, #8b5cf6)}.masteryscr [data-el=dark]{--c:var(--el-dark-ui)!important}.scr-body.msbody{justify-content:flex-start;gap:var(--sp-2);padding:2px 2px 6px}.overlay p.mshint{font-size:var(--fs-sub);color:var(--muted);align-items:center;gap:6px;margin:0;line-height:1.2;display:inline-flex}.mshint .mico{color:var(--muted)}.msgroups{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px 14px;width:min(1040px,100%);display:grid}.msgrp{flex-direction:column;gap:6px;min-width:0;display:flex}.msgroups>.msgrp{grid-column:span 2}.msgroups>.msgrp>.msgrid{column-gap:inherit;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.msgname{text-align:left;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-bottom:2px solid color-mix(in srgb, var(--ink) 16%, transparent);margin:0;padding:0 2px 3px;font-size:1rem;font-weight:400;line-height:1.15;overflow:hidden}.msgrid{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.msgrid>li{min-width:0;display:block}.overlay button.mscard{box-sizing:border-box;text-align:left;width:100%;min-height:0;font:inherit;color:var(--ink);background:color-mix(in srgb, var(--c) 7%, var(--paper));border:2px solid color-mix(in srgb, var(--c) 55%, var(--ink));border-radius:var(--r-card);box-shadow:none;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"art name lv""art bar bar""art xp tok";align-items:center;gap:3px 8px;margin:0;padding:4px 9px 4px 4px;transition:transform .15s,box-shadow .15s;display:grid}.overlay button.mscard:hover{background:color-mix(in srgb, var(--c) 12%, var(--paper));box-shadow:0 4px 0 -1px color-mix(in srgb, var(--ink) 18%, transparent);transform:translateY(-2px)}.overlay button.mscard:focus-visible{outline:3px solid var(--p1);outline-offset:2px}@media (prefers-reduced-motion:reduce){.overlay button.mscard{transition:none}.overlay button.mscard:hover{transform:none}}.msart{border:1.5px solid var(--card-bd);background-color:var(--card-bg);background-image:linear-gradient(var(--card-line) 1px, transparent 1px), linear-gradient(90deg, var(--card-line) 1px, transparent 1px);background-size:8px 8px;border-radius:7px;grid-area:art;align-self:center;padding:1px;line-height:0}.msart canvas{aspect-ratio:100/130;width:46px;height:auto;display:block}.msstat{border:1.5px solid color-mix(in srgb, var(--c) 55%, var(--ink));background:color-mix(in srgb, var(--c) 8%, var(--paper));box-sizing:border-box;border-radius:10px 4px 11px 5px/5px 11px 4px 10px;grid-template-columns:auto minmax(120px,260px) auto auto;align-items:center;gap:4px 12px;width:max-content;max-width:100%;margin:4px 0 2px;padding:6px 10px;display:grid}.msstat>.mslv,.msstat>.mbar.msbar,.msstat>.msxp,.msstat>.mstok{grid-area:auto}.msstat .mslvn{font-size:1rem}.msstat .msxp{font-size:.92rem}.msstat .mstok{font-size:.95rem}.masteryscr [data-el=dark].msstat,.masteryscr .msstat[data-el=dark]{--c:var(--el-dark-ui)}.msname{min-width:0;color:var(--c);white-space:nowrap;text-overflow:ellipsis;grid-area:name;font-size:1.12rem;line-height:1.1;overflow:hidden}.mslv{flex-direction:column;grid-area:lv;align-items:flex-end;gap:4px;display:flex}.mslvn{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.82rem;line-height:1}.mspips{gap:3px;display:flex}.mspips i{box-sizing:border-box;border:1.4px solid color-mix(in srgb, var(--c) 60%, var(--ink));background:var(--paper);width:6px;height:6px;display:block;transform:rotate(45deg)}.mspips i[data-on]{background:var(--c)}.mbar.msbar{grid-area:bar;height:9px}.msxp{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:xp;font-size:.82rem;line-height:1.1}.mstok{color:var(--c);white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:tok;justify-self:end;align-items:center;gap:3px;font-size:.85rem;line-height:1.1;display:inline-flex}.mstok .mico{color:var(--c)}.overlay button.mscard[data-lv="5"]{border-color:color-mix(in srgb, var(--el-light) 75%, var(--ink));box-shadow:0 0 0 2px color-mix(in srgb, var(--el-light) 35%, transparent)}.mscard[data-lv="5"] .mslvn{color:color-mix(in srgb, var(--el-light) 75%, var(--ink))}@media (max-height:520px){.scr-body.msbody{gap:3px;padding:0 0 2px}.overlay p.mshint{font-size:.78rem}.msgroups{gap:4px 8px}.msgrp{gap:3px}.msgname{border-bottom-width:1.5px;padding-bottom:1px;font-size:.78rem}.msgrid{gap:2px}.overlay button.mscard{border-width:1.5px;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"art name tok lv""art bar bar xp";gap:0 5px;padding:1px 6px 1px 2px}.msart{border-width:1px;border-radius:5px;padding:0}.msart canvas{width:21px}.msstat{grid-template-columns:auto minmax(90px,200px) auto auto;gap:2px 8px;margin:2px 0 1px;padding:2px 8px}.msstat .mslvn{font-size:.8rem}.msstat .msxp,.msstat .mstok{font-size:.75rem}.msname{font-size:.84rem;line-height:1.05}.mspips{display:none}.mslvn{font-size:.7rem}.mbar.msbar{border-width:1px;height:6px}.msxp,.mstok{font-size:.66rem}.mstok .mico{width:11px;height:11px}}@container (max-width:600px){.msgroups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:520px){.shopdetbox .eldetail .edpas:not(.full){-webkit-line-clamp:3;line-clamp:3;cursor:pointer;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.chcoin.chcoin-page{z-index:80;position:fixed}.shophead>.popx{margin-left:auto}.shophead>.backbtn{font-size:var(--fs-btn-s,1rem);flex:none;position:static}.shophead>.oswitch+.popx{margin-left:10px}.flame{flex:none}.flame .flfill{fill:color-mix(in srgb, var(--el-fire) 28%, var(--paper))}.flame .flcore{fill:color-mix(in srgb, var(--el-light) 55%, var(--paper))}.overlay p.rrstreak{white-space:nowrap;color:var(--el-fire);border:2px solid color-mix(in srgb, var(--el-fire) 75%, var(--ink));background:color-mix(in srgb, var(--el-fire) 11%, var(--paper));border-radius:7px 16px 6px 14px/14px 6px 16px 7px;align-items:center;gap:5px;margin:0;padding:2px 12px 2px 9px;font-size:1.25rem;line-height:1.25;animation:.6s cubic-bezier(.2,1.6,.4,1) .25s both goldpop;display:inline-flex}@container (max-width:600px){.overlay p.rrstreak{padding:1px 10px 1px 7px;font-size:1.05rem}}body.short .overlay p.rrstreak{padding-block:0;font-size:1.05rem;line-height:1.1}body.short .overlay p.rrstreak .flame{width:17px;height:17px}@media (max-height:400px){.overlay p.rrstreak{padding:0 10px 0 7px;font-size:1rem}}.overlay p.rkstreak{color:var(--el-fire);border:1.5px solid color-mix(in srgb, var(--el-fire) 60%, transparent);background:color-mix(in srgb, var(--el-fire) 9%, var(--paper));border-radius:12px 5px 13px 6px/6px 13px 5px 12px;align-items:center;gap:4px;margin:2px 0 0;padding:1px 9px 1px 11px;font-size:1.1rem;line-height:1.2;display:inline-flex}@media (max-height:400px){body .stage .overlay p.rkstreak{margin:0;padding:0 8px 0 10px;font-size:1rem}}@media (prefers-reduced-motion:reduce){.overlay p.rrstreak{animation:none}}.popback.page.buyaskback{z-index:42}.framelayer>.popback.buyaskback{z-index:9}.popback>.overlay.popcard.buyask{border-color:color-mix(in srgb, var(--cc) 70%, var(--ink));flex-direction:row;align-items:center;gap:16px;width:min(460px,100%);padding:16px 18px 16px 16px;overflow:auto}.buyask:focus{outline:none}.buyaskart{flex-direction:column;flex:none;align-items:center;gap:4px;margin:0;display:flex}.buyaskart canvas{aspect-ratio:100/130;border:2px solid color-mix(in srgb, var(--cc) 75%, var(--ink));background-color:var(--card-bg,var(--paper));background-image:linear-gradient(var(--card-line,transparent) 1px, transparent 1px), linear-gradient(90deg, var(--card-line,transparent) 1px, transparent 1px);background-size:10px 10px;border-radius:10px 4px 9px 5px/5px 9px 4px 10px;width:84px;height:auto;padding:2px;display:block}.buyaskart figcaption{text-align:center;max-width:96px;color:var(--cc);overflow-wrap:anywhere;font-size:1rem;line-height:1.1}.buyaskbody{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.overlay.buyask h2{text-align:left;font-size:1.65rem;line-height:1.1}.overlay.buyask p{text-align:left;max-width:none;margin:0}.overlay p.buyaskprice{color:var(--ink);flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:1.3rem;line-height:1.2;display:flex}.buyaskprice b{font-weight:400}.buyaskprice .coin,.buyaskprice .mico,.buyaskprice .trialico{width:22px;height:22px}.buyaskprice .trialico{color:var(--trial,var(--ink))}.overlay p.buyaskleft{color:var(--muted);font-size:1rem}.buyask .btns{justify-content:flex-end;align-self:stretch;gap:10px;margin-top:4px}.buyask .btns button{min-width:5.2em;padding:3px 16px;font-size:1.15rem}@media (max-height:440px){.popback>.overlay.popcard.buyask{gap:12px;padding:10px 14px 10px 12px}.buyaskart canvas{width:64px}.buyaskart figcaption{font-size:.9rem}.buyaskbody{gap:5px}.overlay.buyask h2{font-size:1.35rem}.overlay p.buyaskprice{font-size:1.1rem}.buyaskprice .coin,.buyaskprice .mico,.buyaskprice .trialico{width:19px;height:19px}.overlay p.buyaskleft{font-size:.92rem}.buyask .btns{margin-top:2px}.buyask .btns button{padding:1px 14px;font-size:1.02rem}}.storewrap{flex:auto;align-items:stretch;gap:14px;width:min(900px,100%);min-height:0;display:flex}.storewrap>.shopbody.storebody{flex:auto;gap:6px;width:auto;min-width:0}.shopfilter{box-sizing:border-box;overscroll-behavior:contain;border-right:1.5px dashed color-mix(in srgb, var(--ink) 25%, transparent);flex-direction:column;flex:none;gap:7px;width:216px;min-height:0;padding:2px 8px 6px 2px;display:flex;overflow:auto}.shopfilter .sfsearch{width:100%}.shopfilter .sfh{color:var(--muted);margin:3px 0 0;font-size:.95rem;font-weight:400;line-height:1.1}.sfels{grid-template-columns:1fr 1fr;gap:4px;display:grid}.shopfilter button{min-height:0;margin:0}.sfel{text-align:left;min-width:0;color:var(--ink);border-width:1.5px;border-color:color-mix(in srgb, var(--c) 40%, var(--grid));border-radius:9px 4px 8px/4px 8px 4px 9px;align-items:center;gap:4px;padding:1px 6px 1px 2px;font-size:.9rem;line-height:1.15;display:flex}.sfel:hover{border-color:var(--c);transform:none}.sfel[aria-pressed=true]{color:color-mix(in srgb, var(--c) 80%, var(--ink));border:2px solid var(--c);background:color-mix(in srgb, var(--c) 15%, var(--paper));padding:0 5px 0 1px}.sfico{width:22px;height:22px;color:var(--c);flex:none;line-height:0;display:inline-flex}.sfico svg{width:100%;height:100%}.sfdot{background:var(--c);border-radius:50%;flex:none;width:12px;height:12px;margin:0 4px}.sfname{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sfkinds{flex-wrap:wrap;gap:4px;display:flex}.sfkind{border-width:1.5px;padding:1px 10px;font-size:.95rem}.sfkind:hover{transform:none}.sfkind[aria-pressed=true]{color:var(--p1);border:2px solid var(--p1);background:color-mix(in srgb, var(--p1) 12%, var(--paper));padding:0 9px}.sfclear{align-self:flex-start;padding:1px 12px;font-size:.92rem;margin-top:2px!important}.sfclear:disabled{opacity:.4;cursor:default;transform:none}.overlay p.storecount{color:var(--muted);text-align:left;margin:0;font-size:.95rem;line-height:1.2}.storesec{flex-direction:column;gap:6px;display:flex}.storesec+.storesec{margin-top:6px}.storeh{flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;font-size:1.2rem;font-weight:400;line-height:1.2;display:flex}.storeh .shopnote{font-size:.88rem}@container (max-width:700px){.shopfilter{width:150px}.sfels{grid-template-columns:1fr}}body.short .storewrap{gap:8px}body.short .shopfilter{gap:4px;width:122px;padding:1px 6px 4px 1px}body.short .shopfilter .sfh{margin:0;font-size:.8rem}body.short .sfels{grid-template-columns:repeat(4,1fr);gap:3px}body.short .sfel{justify-content:center;padding:2px 0}body.short .sfel[aria-pressed=true]{padding:1px 0}body.short .sfname{display:none}body.short .sfico{width:20px;height:20px}body.short .sfkinds{flex-direction:column;gap:3px}body.short .sfkind,body.short .sfclear{padding:0 6px;font-size:.82rem}body.short .sfkind[aria-pressed=true]{padding:0 5px}body.short .shopfilter .elsearch .elsin{padding:1px 22px 1px 26px}body.short .shopfilter .elsearch .elsico{left:6px}body.short .shopfilter .elsearch .elsclr{right:2px}body.short .storeh{font-size:1rem}body.short .storeh .shopnote{display:none}body.short .overlay p.storecount{font-size:.82rem}.shopcards.elsel{--shopcw:128px;grid-template-columns:repeat(4,minmax(0,1fr));place-items:start stretch;gap:12px 8px;width:100%;padding:6px 2px 8px;display:grid}.shopcell{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex;position:relative;container-type:inline-size}.shopcell .ecard.shopec{--cw:min(100cqw, var(--shopcw));cursor:pointer}.shopcell.focus .ecard.shopec{outline:3px solid color-mix(in srgb, var(--cc) 80%, var(--ink));outline-offset:3px}.shopcell .ecard.shopec:focus-visible{outline:3px solid var(--p1);outline-offset:3px}.shopcell .ecard.soon{cursor:pointer}body.short .shopcards.elsel .ecname{max-width:100%;font-size:inherit;line-height:inherit;text-shadow:var(--card-glow);background:0 0;border-radius:0;padding:0 2px 1px;display:block;position:relative;bottom:auto;left:auto;overflow:hidden;transform:none}.shopact{width:min(100%, var(--shopcw));flex-direction:column;align-items:stretch;gap:4px;display:flex}.shopact .f2buy{justify-content:center;align-self:stretch;min-width:0;padding:1px 6px;font-size:1rem}.shopact .f1trial{margin:0;display:flex}.shopact .trialbtn{text-align:center;white-space:nowrap;flex:auto;justify-content:center;align-self:stretch;gap:4px;min-width:0;max-width:100%;padding:0 6px;font-size:.8rem}.shopact .trialbtn .trialico,.shopact .trialhint{display:none}.shopact .f2err{text-align:center;font-size:.8rem;line-height:1.15}.elsel .ecribwrap{z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.elsel .ecribbon{left:calc(var(--cw) * -.25);top:calc(var(--cw) * .15);width:calc(var(--cw) * .98);box-sizing:border-box;padding:calc(var(--cw) * .018) 0 calc(var(--cw) * .026);text-align:center;white-space:nowrap;line-height:1.15;font-size:max(10px, calc(var(--cw) * .118));color:#fff;text-shadow:0 1px #00000059;background:linear-gradient(#45a853,#2f8a3d);border:1.5px solid #1b5a26;border-radius:3px 6px 4px 5px/5px 3px 6px 4px;position:absolute;transform:rotate(-45deg);box-shadow:0 2px #00000047,inset 0 0 0 1px #ffffff2e}.elsel .ecribbon:before{content:"";pointer-events:none;border-top:1px dashed #fff9;border-bottom:1px dashed #fff9;position:absolute;inset:2px 3px}.elsel .ecard.ribboned .ecfuse{top:calc(var(--cw) * .52)}@container (max-width:600px){.shopcards.elsel{--shopcw:112px;gap:8px 6px}}body.short .shopcards.elsel{--shopcw:116px;gap:8px 6px;padding:3px 1px 6px}body.short .shopact{gap:3px}body.short .shopact .f2buy{padding:0 4px;font-size:.85rem}body.short .shopact .trialbtn{padding:0 3px;font-size:.72rem}.overlay.setcard,.overlay.setscr{gap:var(--sp-2)}.popback>.overlay.popcard.setcard{justify-content:flex-start;height:min(620px,100%)}.settabs{border-bottom:2px solid var(--ink);scrollbar-width:none;flex:none;align-self:stretch;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.settabs::-webkit-scrollbar{display:none}.settabs [role=tab]{color:var(--ink);white-space:nowrap;border-radius:12px 12px 4px 4px/10px 10px 4px 4px;flex:none;align-items:center;gap:7px;padding:3px 16px 3px 12px;font-size:1.15rem;display:inline-flex}.settabs [role=tab] .settabico{opacity:.85;flex:none}.settabs [role=tab][aria-selected=true]{color:var(--p1);border-color:var(--p1);background:color-mix(in srgb, var(--p1) 12%, var(--paper));border-width:3px;padding:2px 15px 2px 11px}.settabs [role=tab][aria-selected=true] .settabico{opacity:1}.overlay .scr-body.setbody{overscroll-behavior:contain;flex:auto;justify-content:flex-start;align-self:stretch;align-items:stretch;min-height:0;padding:2px 4px 6px 2px;overflow:auto;container-type:inline-size}.setpanel{text-align:left;align-content:start;gap:14px;width:min(860px,100%);margin:0 auto;display:grid}.setpanel[hidden]{display:none}.setpanel .setsec+.setsec,.setpanel .ctlgroup+.setsec{border-top:1.5px dashed var(--grid);padding-top:12px}.setpanel .ctlgroup,.setpanel .ctlset{width:100%}.setpanel .audioset{gap:12px;width:min(600px,100%)}.setdisp{gap:14px}.setdisp>.seta2hs{justify-self:start}@container (min-width:620px){.setdisp{grid-template-columns:1fr 1fr;align-items:start;gap:16px 40px}.setdisp>.setrow{grid-column:1/-1;grid-template-columns:auto auto;justify-self:start;gap:12px}.setdisp>.seta2hs{grid-column:1/-1}}.setfoot{border-top:1.5px dashed var(--grid);flex-wrap:wrap;flex:none;justify-content:space-between;align-self:stretch;align-items:center;gap:6px 14px;padding-top:8px;display:flex}.setfoot .setinfo{flex:14em;gap:2px;min-width:0;display:grid}.overlay .setfoot p{text-align:left;max-width:none;margin:0}.overlay .setfoot #setNote{min-height:0;font-size:1rem}.overlay .setfoot #setNote:empty{display:none}.overlay .setfoot p.setabout{margin:0}.setfoot #setLobby{flex:none;padding:3px 18px;font-size:1.1rem}body.short .overlay.setscr{gap:6px}body.short.scrback .overlay.setscr{padding-top:8px}body.short .settabs{gap:6px;padding-bottom:6px}body.short .settabs [role=tab]{gap:5px;padding:1px 12px 1px 9px;font-size:1rem}body.short .settabs [role=tab][aria-selected=true]{padding:0 11px 0 8px}body.short .settabs .settabico{width:17px;height:17px}body.short .setfoot{padding-top:5px}body.short .setfoot #setLobby{padding:1px 12px;font-size:.95rem}body.short .overlay .setfoot p.setabout{font-size:.75rem}@media (max-width:480px){.settabs [role=tab]{gap:5px;padding:2px 11px 2px 8px;font-size:1rem}.settabs [role=tab][aria-selected=true]{padding:1px 10px 1px 7px}}.popback>.overlay.popcard.bugcard{justify-content:flex-start;align-items:stretch;gap:10px;width:min(760px,100%);overflow:auto}.bugcard .helphead h2{align-items:center;gap:8px;display:flex}.bugcard .bugico{flex:none;display:block}.bugform{grid-template-columns:minmax(0,1fr);gap:10px 18px;margin:0;display:grid}.bugcol{flex-direction:column;gap:8px;min-width:0;display:flex}.buglab{color:var(--muted);font-size:var(--fs-sub)}.bugcats{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bugcats .buglab{flex-basis:100%}.bugcats>button{min-height:var(--btn-h-s);border-width:var(--bw-s);padding:1px 12px;font-size:1.05rem;line-height:1.2}.bugcats>button.on{background:color-mix(in srgb, var(--p1) 16%, var(--paper));color:var(--p1);border-color:var(--p1);border-width:var(--bw)}.bugfield{flex-direction:column;gap:4px;margin:0;display:flex}.bugdesc{box-sizing:border-box;resize:vertical;width:100%;min-height:6.2em;font:inherit;color:var(--ink);background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r-box);margin:0;padding:6px 10px;font-size:1.1rem;line-height:1.35;display:block}.bugdesc::placeholder{color:var(--muted);opacity:.85}.bugdesc:focus-visible{outline:3px dashed var(--p1);outline-offset:3px}.bugdesc[aria-invalid=true]{border-color:var(--p2)}.bugcard p.bugcount{max-width:none;font-size:var(--fs-sub);color:var(--muted);text-align:left;gap:8px;margin:-2px 0 0;display:flex}.bugcard p.bugcount .bugn{font-variant-numeric:tabular-nums;margin-left:auto}.bugcard p.bugcount.bad{color:var(--p2)}.bugshot{cursor:pointer;align-items:center;gap:8px;font-size:1.05rem;display:flex}.bugshot input{width:20px;height:20px;accent-color:var(--ink);flex:none;margin:0}.bugshot.off{color:var(--muted);cursor:default}.bugthumb{box-sizing:border-box;aspect-ratio:16/9;object-fit:cover;background:var(--grid);border:var(--bw-s) solid var(--ink);border-radius:8px 4px 9px 3px/3px 9px 4px 8px;width:100%;max-width:340px;display:block;transform:rotate(-.6deg)}.bugattach{border:var(--bw-thin) dashed color-mix(in srgb, var(--ink) 45%, transparent);border-radius:var(--r-box);padding:3px 10px}.bugattach summary{cursor:pointer;font-size:1.02rem}.bugattach summary:focus-visible{outline:3px dashed var(--p1);outline-offset:3px}.bugattach dl{grid-template-columns:auto minmax(0,1fr);gap:2px 10px;margin:6px 0 4px;font-size:.92rem;line-height:1.3;display:grid}.bugattach dt{color:var(--muted)}.bugattach dd{overflow-wrap:anywhere;margin:0}.bugattach dd.bugua{font-size:.8rem}.bugcard p.bughint{max-width:none;font-size:var(--fs-sub);color:var(--muted);text-align:left;margin:2px 0}.bugcard p.bugmatch{max-width:none;color:var(--ink);text-align:left;overflow-wrap:anywhere;background:color-mix(in srgb, var(--p1) 7%, var(--paper));border:var(--bw-thin) dashed color-mix(in srgb, var(--p1) 55%, transparent);border-radius:var(--r-box);flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:2px 10px;margin:0;padding:4px 12px;font-size:1.05rem;display:flex}.bugcard p.bugmatch b{font-weight:400}.bugcard .bugmid{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85em}.bugcard p.bugerr{max-width:none;color:var(--p2);text-align:left;margin:0}.bugcard .bugside .btns{justify-content:flex-end;gap:10px;margin-top:auto}.bugdone{flex-direction:column;align-items:center;gap:8px;padding:10px 0 4px;display:flex}.bugdone p.bugthanks{font-size:var(--fs-lead);color:var(--ink)}.bugdone p.bugcode{color:var(--ink)}.bugdone #bugCode{letter-spacing:.06em;color:var(--p1);font-size:1.5rem;font-weight:400}.bugdone p.bughint{text-align:center}@container (min-width:620px){.bugform{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@media (max-height:520px){.popback>.overlay.popcard.bugcard{gap:6px;padding:8px 14px 10px}.bugform{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:6px 14px}.bugcol{gap:5px}.bugcats{gap:4px}.bugcats>button{min-height:26px;padding:0 8px;font-size:.92rem}.bugcats .buglab{display:none}.bugcard p.bugmatch{padding:2px 10px;font-size:.95rem}.bugdesc{min-height:4.4em;padding:4px 8px;font-size:1rem}.bugthumb{width:auto;max-width:100%;max-height:84px}.bugshot{font-size:.98rem}.bugattach summary{font-size:.95rem}}.overlay>.bugmatchbtn{right:var(--sp-3);bottom:var(--sp-2);z-index:2;box-sizing:border-box;min-height:var(--btn-h-s);font-size:var(--fs-btn-s);color:var(--muted);background:var(--paper);border-width:var(--bw-s);border-color:color-mix(in srgb, var(--ink) 45%, transparent);align-items:center;gap:6px;padding:1px 12px 1px 9px;line-height:1.1;display:inline-flex;position:absolute}.overlay>.bugmatchbtn:hover,.overlay>.bugmatchbtn:focus-visible{color:var(--ink);border-color:var(--ink)}.overlay>.bugmatchbtn .bugico{flex:none;display:block}body.mob.lay-l.playing.inmatch .overlay>.bugmatchbtn{right:calc(var(--sp-3) + env(safe-area-inset-right,0px));bottom:calc(var(--sp-2) + env(safe-area-inset-bottom,0px))}.dclaim.claiming,.qclaim.claiming{filter:brightness(1.12);animation:.6s ease-in-out infinite alternate claimPulse;transform:translateY(1px)scale(.98);opacity:1!important}@keyframes claimPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--p1) 45%, transparent)}to{box-shadow:0 0 0 6px color-mix(in srgb, var(--p1) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.dclaim.claiming,.qclaim.claiming{animation:none}}.popback.page.skillback{z-index:41}.framelayer>.popback.skillback{z-index:9}.skillcard{--c:var(--ink);box-sizing:border-box;overscroll-behavior:contain;background:var(--paper);width:min(460px,100%);min-height:0;max-height:100%;color:var(--ink);border:2.5px solid color-mix(in srgb, var(--c) 72%, var(--ink));box-shadow:5px 6px 0 color-mix(in srgb, var(--ink) 16%, transparent);text-align:left;border-radius:18px 6px 16px 7px/7px 16px 6px 18px;padding:14px 16px;font-size:1rem;line-height:1.3;animation:.14s ease-out both skillin;position:relative;overflow:auto}.skillcard:focus{outline:none}.skillx{z-index:2;position:absolute;top:8px;right:8px}.skillgrip{box-sizing:border-box;cursor:grab;touch-action:none;justify-content:center;gap:4px;height:14px;margin:-6px 40px 2px 0;padding-top:2px;display:flex}.skillgrip i{background:color-mix(in srgb, var(--ink) 38%, transparent);border-radius:50%;width:5px;height:5px}.skillcard:hover .skillgrip i{background:color-mix(in srgb, var(--c) 70%, var(--ink))}.skillbody .tph{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.skillcard.dragging,.skillcard.dragging .skillgrip,.skillcard.dragging .tph{cursor:grabbing}.skillbody .tph{padding-right:40px}.skillbody .tph .ico{width:40px;height:40px}.skillbody .tpd,.skillbody .tps{font-size:inherit;color:var(--ink)}@keyframes skillin{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.skillcard{animation:none}}@media (max-height:520px){.skillcard{width:min(640px,100%);padding:8px 12px 9px;font-size:.82rem;line-height:1.25}.skillx{top:5px;right:5px}.skillgrip{height:10px;margin:-3px 34px 0 0;padding-top:0}.skillbody .tph{gap:8px;padding-right:34px}.skillbody .tph .ico{width:28px;height:28px}.skillbody .tph b{font-size:1.1rem}.skillbody .tpd{margin:4px 0 5px}.skillbody .tpb{gap:2px 8px;margin-bottom:5px;font-size:.8rem}.skillbody .tps{grid-template-columns:auto 1fr auto 1fr;gap:1px 10px;padding-top:4px;font-size:.8rem}}.csmain:has(>.elwrap)>.csdetail[data-side=left]{grid-area:dl}.csmain:has(>.elwrap)>.csdetail[data-side=right]{grid-area:dr}.spanel.me{background:color-mix(in srgb, var(--sc) 15%, var(--paper));box-shadow:0 0 0 3px color-mix(in srgb, var(--sc) 26%, transparent), 0 0 16px color-mix(in srgb, var(--sc) 45%, transparent);border-width:4px}.csel:has(.spanel.me) .spanel:not(.me){opacity:.8;background:color-mix(in srgb, var(--sc) 3%, var(--paper));border-width:2px}.spanel .sptag{align-items:center;gap:6px;display:flex}.spanel.mirror .sptag{flex-direction:row-reverse}.spanel .spme{letter-spacing:.04em;text-transform:uppercase;color:var(--paper);background:var(--sc);border-radius:9px 4px 9px 5px/5px 9px 4px;padding:0 7px;font-size:.72rem;font-style:normal;line-height:1.25}body.short .spanel .spme{padding:0 5px;font-size:.62rem}@media (prefers-reduced-motion:no-preference){.spanel.me{transition:box-shadow .2s}}.qlist li .qtier{color:var(--muted);font-variant-numeric:tabular-nums;border:1.5px solid color-mix(in srgb, var(--ink) 40%, transparent);white-space:nowrap;vertical-align:2px;border-radius:9px 4px 8px 5px/5px 8px 4px 9px;margin-left:8px;padding:0 7px;font-size:.74rem;line-height:1.35;display:inline-block}.qlist li[data-state=done] .qtier{color:var(--p1);border-color:var(--p1)}.tdots{flex:none;justify-content:flex-end;align-items:center;gap:3px;min-width:88px;display:inline-flex}.qlist .qn{text-align:right;min-width:2.6em}.tdots>i{box-sizing:border-box;border:1.5px solid color-mix(in srgb, var(--ink) 50%, var(--paper));background:var(--paper);border-radius:50%;width:8px;height:8px;display:block}.tdots>i[data-s=past]{background:var(--p1);border-color:var(--p1)}.tdots>i[data-s=now]{border:2px solid var(--p1);background:color-mix(in srgb, var(--p1) 18%, var(--paper));width:10px;height:10px}.qlist li[data-state=done] .tdots>i[data-s=now]{background:var(--p1)}.qgold .qx{align-items:center;gap:3px;display:inline-flex}.qgold{gap:7px}.qlist li[data-state=all]{background:color-mix(in srgb, var(--p1) 5%, transparent)}.qlist li[data-state=all] .qtxt{opacity:.6}.qlist li[data-state=all] .qgold{opacity:.45}.qlist li[data-state=all] .mbar>span{background:color-mix(in srgb, var(--p1) 80%, var(--paper))}.qlist li[data-state=all] .qclaim{opacity:1;color:var(--p1);border-style:dashed}.qlist li[data-state=all] .qtxt .qtier{border-style:dashed}@media (max-height:400px){.shopbody.dailybody[data-part=quests]>section.dquests{width:min(100%,840px)}.dquests .qlist{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row;column-gap:12px}.qlist li .qtier{margin-left:5px;padding:0 5px;font-size:.64rem}.tdots>i{border-width:1px;width:6px;height:6px}.tdots>i[data-s=now]{border-width:1.5px;width:8px;height:8px}.tdots{gap:2px;min-width:62px}.qgold{gap:4px}.qgold .chico{width:14px;height:14px}}body.short .shopbody.dailybody[data-part=quests]>section.dquests{width:min(100%,840px)}body.short .dquests .qlist{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row;column-gap:12px}body.short .qlist li .qtier{margin-left:5px;padding:0 5px;font-size:.64rem}body.short .tdots>i{border-width:1px;width:6px;height:6px}body.short .tdots>i[data-s=now]{border-width:1.5px;width:8px;height:8px}body.short .tdots{gap:2px;min-width:62px}body.short .qgold{gap:4px}body.short .qgold .chico{width:14px;height:14px}.csdetail.opp{opacity:.88}.elsel .ecard[data-el=diva]{background-image:linear-gradient(var(--card-line) 1px, transparent 1px), linear-gradient(90deg, var(--card-line) 1px, transparent 1px), linear-gradient(var(--card-bg), var(--card-bg)), linear-gradient(135deg, #ff3b6b, #ff9a1f, #ffe14a, #4bd66a, #3ab8ff, #8a6bff, #ff3bd0, #ff3b6b);background-origin:padding-box,padding-box,padding-box,border-box;background-clip:padding-box,padding-box,padding-box,border-box;background-size:calc(var(--cw) / 6) calc(var(--cw) / 6), calc(var(--cw) / 6) calc(var(--cw) / 6), 100% 100%, 300% 300%;border:3px solid #0000;animation:3s linear infinite spcard,1.6s ease-in-out infinite alternate spglow}@keyframes spcard{to{background-position:0 0,0 0,0 0,300% 300%}}@keyframes spglow{0%{box-shadow:0 0 6px 1px #ff2d958c}to{box-shadow:0 0 14px 4px #ff2d95e6}}@media (prefers-reduced-motion:reduce){.elsel .ecard[data-el=diva]{animation:none}}.eldetail .edfavrow{margin:2px 0 4px;display:flex}.favbtn{font:inherit;cursor:pointer;color:var(--ink);border:1.5px solid var(--ink);opacity:.85;background:0 0;border-radius:10px 13px 9px 12px;align-items:center;gap:5px;padding:3px 10px;font-size:.9em;display:inline-flex}.favbtn .favico{fill:none;stroke:currentColor}.favbtn:hover{opacity:1}.favbtn.on{color:#b8860b;opacity:1;background:#ffd23a38;border-color:#d8a520}.favbtn.on .favico{fill:#ffd23a;stroke:#b8860b}body.short .overlay.csban>.csmain.bangrid{--cw:clamp(44px, calc((100cqw - 130px) / 10), 72px);align-items:stretch;display:flex}body.short .overlay.csban>.csmain.bangrid>.csgrid.elwrap{width:auto;max-width:100%}body.short .overlay.csban .elgroups{grid-template-columns:repeat(2,max-content)}
