:root{--k:1;--cab:#101817;--cab-2:#0b1211;--glass:#14201ebd;--glass-edge:#ffffff24;--glass-shadow:0 8px 24px #00000073;--ink:#e8f0ec;--ink-2:#9fb3aa;--ink-on:#bff0da;--go:#2fb98a;--go-2:#1e8a67;--go-ink:#06221a;--coin:#e9c46a;--bad:#e5606b;--r-btn:calc(8px * var(--k));--r-panel:calc(14px * var(--k));--drawer:calc(66px * var(--k));--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;height:100%;margin:0}body{color:var(--ink);background:var(--cab);-webkit-user-select:none;user-select:none;font-family:Zen Kaku Gothic New,Hiragino Sans,Noto Sans JP,system-ui,sans-serif}html:not(:lang(ja)) body{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}html:lang(zh-Hant) body,html:lang(zh-Hant) .sheet-box,html:lang(zh-Hant) .notices,html:lang(zh-Hant) .aq-tip{font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}#app{position:fixed;inset:0}#app canvas{touch-action:none;width:100%;height:100%;display:block}#app canvas.cab-light,#app canvas.cab-dust{pointer-events:none;position:absolute;inset:0}.ui{pointer-events:none;font-size:calc(13px * var(--k));line-height:1.4;position:absolute;inset:0}.ui>*{pointer-events:auto}.pane{background:var(--glass);-webkit-backdrop-filter:blur(calc(10px * var(--k)));backdrop-filter:blur(calc(10px * var(--k)));border-radius:var(--r-panel);box-shadow:inset 0 1px 0 var(--glass-edge), var(--glass-shadow)}button{font:inherit;color:var(--ink);cursor:pointer;white-space:nowrap}.btn{justify-content:center;align-items:center;gap:calc(6px * var(--k));height:calc(36px * var(--k));padding:0 calc(12px * var(--k));border-radius:var(--r-btn);font-size:calc(13px * var(--k));box-shadow:inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #0006, 0 2px calc(6px * var(--k)) #00000059;background:linear-gradient(#233330,#182421);border:0;display:inline-flex}.btn:active{box-shadow:inset 0 2px calc(4px * var(--k)) #00000080;transform:translateY(1px)}.btn.on{box-shadow:inset 0 2px calc(4px * var(--k)) #00000080, 0 0 0 1px #2fb98a8c;color:var(--ink-on);background:linear-gradient(#1b3d33,#143229)}.btn.dim{opacity:.38;pointer-events:none}.btn.bad{color:#ffb3b9}.btn.go{background:linear-gradient(var(--go), var(--go-2));color:var(--go-ink);box-shadow:inset 0 1px 0 #ffffff59, inset 0 -1px 0 #0000004d, 0 calc(4px * var(--k)) calc(14px * var(--k)) #2fb98a59;font-weight:700;position:relative;overflow:hidden}.btn.go:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff59 50%,#0000 60%);animation:5s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes sheen{0%,70%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@property --trace{syntax:"<angle>";inherits:false;initial-value:0deg}.btn.go.trace:before{content:"";border-radius:inherit;padding:calc(2.5px * var(--k));pointer-events:none;background:conic-gradient(from var(--trace), transparent 0deg 210deg, #dcfff059 260deg, #fff 330deg, #fff 342deg, #dcfff0e6 352deg, transparent 360deg);-webkit-mask-composite:xor;filter:drop-shadow(0 0 calc(4px * var(--k)) #d2ffeb);animation:2.4s linear infinite trace;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes trace{to{--trace:360deg}}.ico{width:calc(16px * var(--k));height:calc(16px * var(--k));fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.btn:focus-visible,.chip:focus-visible,.sel:focus-visible{outline:2px solid var(--go);outline-offset:2px}.btn.switch:before{content:"";width:calc(26px * var(--k));height:calc(15px * var(--k));background:#0b1211 radial-gradient(circle at calc(7px * var(--k)) 50%, #5f7069 calc(5px * var(--k)), transparent calc(5.5px * var(--k)));border-radius:999px;flex:none;box-shadow:inset 0 1px 2px #0009}.btn.switch.on:before{background:var(--go-2) radial-gradient(circle at calc(19px * var(--k)) 50%, #e8f0ec calc(5px * var(--k)), transparent calc(5.5px * var(--k)))}.seg{border-radius:var(--r-btn);box-shadow:0 2px calc(6px * var(--k)) #00000059;flex:none;display:inline-flex;overflow:hidden}.seg .btn{border-radius:0;box-shadow:inset 0 1px #ffffff1a,inset -1px 0 #00000059}.seg .btn.on{box-shadow:inset 0 2px calc(4px * var(--k)) #00000080}.chip{height:calc(24px * var(--k));padding:0 calc(10px * var(--k));color:var(--ink-2);font-size:calc(12px * var(--k));background:0 0;border:0;border-radius:999px}.chip.on{color:var(--ink-on);background:#2fb98a29;box-shadow:inset 0 0 0 1px #2fb98a73}@media (prefers-reduced-motion:reduce){.btn.go:after{animation:none}.progress{background:var(--go);opacity:.85;height:3px}.progress:after{display:none}}.topbar{left:calc(var(--sal) + calc(12px * var(--k)));right:calc(var(--sar) + calc(12px * var(--k)));top:calc(var(--sat) + calc(10px * var(--k)));align-items:center;gap:calc(8px * var(--k));pointer-events:none;display:flex;position:absolute}.topbar>*{pointer-events:auto}.topbar .sp{pointer-events:none;flex:1}.tankname{height:calc(36px * var(--k));padding:0 calc(14px * var(--k)) 0 calc(4px * var(--k));align-items:center;gap:calc(2px * var(--k));border-radius:999px;font-weight:700;display:inline-flex}.tankname button{color:var(--ink);background:0 0;border:0;padding:0;font-weight:700}.tankname .back{width:calc(28px * var(--k));height:calc(28px * var(--k));background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tankname .back:active{background:#ffffff29}.btn.gear{left:calc(var(--sal) + calc(12px * var(--k)));top:calc(var(--sat) + calc(56px * var(--k)));height:calc(32px * var(--k));border-radius:999px;position:absolute}.settings{left:calc(var(--sal) + calc(12px * var(--k)));top:calc(var(--sat) + calc(94px * var(--k)));z-index:20;width:calc(260px * var(--k));padding:calc(12px * var(--k));gap:calc(8px * var(--k));max-height:calc(100% - var(--sat) - var(--sab) - calc(102px * var(--k)));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;position:absolute;overflow-y:auto}.settings>*{flex:none}.settings b{font-size:calc(12px * var(--k));color:var(--ink-2);font-weight:500}.settings .seg{align-self:flex-start}.settings .seg .btn{min-width:calc(56px * var(--k))}.settings .btn.switch{align-self:flex-start}.settings details summary{font-size:calc(12px * var(--k));color:var(--ink-2);cursor:pointer}.settings .row{gap:calc(6px * var(--k));margin-top:calc(6px * var(--k));flex-wrap:wrap;display:flex}.settings .row .btn{height:calc(32px * var(--k));padding:0 calc(10px * var(--k));font-size:calc(12px * var(--k))}.settings .note{font-size:calc(11px * var(--k));color:var(--ink-2);margin-top:calc(4px * var(--k))}.views{--views-a:calc(var(--sat) + calc(94px * var(--k)));--views-b:calc(100% - var(--drawer) - var(--sab) - calc(8px * var(--k)));left:calc(var(--sal) + calc(12px * var(--k)));top:clamp(var(--views-a), calc(var(--tank-mid,calc(var(--sat) + calc(180px * var(--k)))) - calc(91px * var(--k))), calc(var(--views-b) - calc(182px * var(--k))));max-height:calc(var(--views-b) - var(--views-a));box-sizing:border-box;gap:calc(4px * var(--k));padding:calc(6px * var(--k));flex-direction:column;display:flex;position:absolute}.views .btn{width:calc(76px * var(--k));height:calc(30px * var(--k));min-height:calc(20px * var(--k));padding:0 calc(10px * var(--k));flex:0 auto;justify-content:flex-start}.views .btn.gridbtn{margin-top:calc(4px * var(--k));position:relative}.views .btn.gridbtn:before{content:"";left:calc(8px * var(--k));right:calc(8px * var(--k));top:calc(-4.5px * var(--k));background:#ffffff1f;height:1px;position:absolute}.tallui .views{top:calc(var(--sat) + calc(56px * var(--k)));left:calc(var(--gear-r,calc(var(--sal) + calc(92px * var(--k)))) + calc(8px * var(--k)));height:calc(32px * var(--k));align-items:center;gap:calc(4px * var(--k));border-radius:calc(16px * var(--k));flex-direction:row;max-height:none;padding:0}.tallui .views .btn{width:auto;height:calc(32px * var(--k));min-height:0;padding:0 calc(12px * var(--k));border-radius:calc(16px * var(--k));justify-content:center;position:relative}.tallui .views .btn:after{content:"";left:calc(-2px * var(--k));right:calc(-2px * var(--k));top:min(calc(-6px * var(--k)), calc((32px * var(--k) - 44px) / 2));bottom:min(calc(-6px * var(--k)), calc((32px * var(--k) - 44px) / 2));position:absolute}.tallui .views .btn.gridbtn{margin-top:0;margin-left:calc(8px * var(--k))}.tallui .views .btn.gridbtn:before{left:calc(-6px * var(--k));right:auto;top:calc(8px * var(--k));bottom:calc(8px * var(--k));width:1px;height:auto}.drawer{height:calc(var(--drawer) + var(--sab));padding:0 calc(var(--sar) + calc(12px * var(--k))) var(--sab) calc(var(--sal) + calc(12px * var(--k)));border-radius:calc(16px * var(--k)) calc(16px * var(--k)) 0 0;box-shadow:inset 0 1px 0 var(--glass-edge), 0 -10px calc(30px * var(--k)) #00000080;background:linear-gradient(#101817eb,#0b1211fa);position:absolute;bottom:0;left:0;right:0}.drawer .part{height:var(--drawer);align-items:center;gap:calc(10px * var(--k));min-width:0;display:flex}.drawer .sp{flex:1}.sel{align-items:center;gap:calc(8px * var(--k));text-align:left;background:0 0;border:0;min-width:0;padding:0;display:flex}.sel .thumb{width:calc(40px * var(--k));height:calc(40px * var(--k));border-radius:calc(10px * var(--k));object-fit:cover;background:radial-gradient(ellipse at 50% 100%, #2fb98a59, #10181700 70%), var(--cab-2);flex:none;box-shadow:inset 0 1px #ffffff1a}.sel .thumb:not([src]){display:none}.sel .txt{flex-direction:column;min-width:0;display:flex}.sel b{font-size:calc(15px * var(--k));white-space:nowrap;text-overflow:ellipsis;max-width:calc(200px * var(--k));overflow:hidden}.sel b.pick:after{content:" ▼";font-size:calc(11px * var(--k));color:var(--ink-2)}.sel small{color:var(--ink-2);font-size:calc(12px * var(--k))}.sizes{gap:calc(6px * var(--k));display:flex}.btn.dot{width:calc(38px * var(--k));padding:0}.btn.dot i{background:var(--ink);border-radius:50%;display:block}.btn.dot.s i{width:calc(6px * var(--k));height:calc(6px * var(--k))}.btn.dot.m i{width:calc(11px * var(--k));height:calc(11px * var(--k))}.btn.dot.l i{width:calc(17px * var(--k));height:calc(17px * var(--k))}.btn.dot.on i{background:var(--ink-on)}.drawer .part.fit>.btn.ict,.drawer .part.fit>.seg>.btn.ict{padding:0 calc(10px * var(--k));gap:0;font-size:0}@media (max-width:760px){.drawer .part{gap:calc(6px * var(--k))}.drawer .part>.btn:not(.go):not(.dot){padding:0 calc(8px * var(--k))}.sel b{max-width:calc(120px * var(--k))}}.progress{left:calc(16px * var(--k));right:calc(16px * var(--k));border-radius:2px;height:2px;position:absolute;top:0;overflow:hidden}.progress:after{content:"";background:linear-gradient(90deg, transparent, var(--go), transparent);width:30%;animation:1.2s linear infinite run;position:absolute;top:0;bottom:0}@keyframes run{0%{left:-30%}to{left:100%}}.toast{left:50%;bottom:calc(var(--drawer) + var(--sab) + calc(10px * var(--k)));max-width:60%;padding:calc(6px * var(--k)) calc(14px * var(--k));font-size:calc(12px * var(--k));color:#ffd9dc;box-shadow:inset 0 1px 0 #ffffff1a, var(--glass-shadow);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#3c1418d9;border-radius:999px;position:absolute;overflow:hidden;transform:translate(-50%)}.drawer .shelf{gap:calc(8px * var(--k))}.tiles{align-items:center;gap:calc(8px * var(--k));scrollbar-width:none;flex:1;min-width:0;height:100%;padding:0 2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.tiles::-webkit-scrollbar{display:none}.tiles.end{-webkit-mask-image:none;mask-image:none}.it{width:calc(56px * var(--k));color:var(--ink-2);font-size:calc(10px * var(--k));background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:2px;padding:0;display:flex}.it .thumb,.it .swatch{width:calc(42px * var(--k));height:calc(42px * var(--k));border-radius:calc(10px * var(--k));object-fit:cover;background:radial-gradient(ellipse at 50% 100%, #2fb98a59, #10181700 70%), var(--cab-2);box-shadow:inset 0 1px 0 #ffffff1a, 0 calc(4px * var(--k)) calc(10px * var(--k)) #00000080;display:block}.it .nm{max-width:calc(56px * var(--k));white-space:nowrap;text-overflow:ellipsis;line-height:1.1;overflow:hidden}.it.on .thumb,.it.on .swatch{box-shadow:0 0 0 2px var(--go), 0 0 calc(18px * var(--k)) #2fb98a8c}.it.on .nm{color:var(--ink)}.btn.more{width:calc(28px * var(--k));box-shadow:none;color:var(--ink-2);background:0 0;flex:none;padding:0}.swatch{flex:none;display:inline-block}.swatch.moss{background:radial-gradient(circle at 30% 35%,#7fb24a 0 18%,#0000 19%),radial-gradient(circle at 65% 60%,#5d9a3a 0 22%,#0000 23%),radial-gradient(circle at 40% 75%,#4c8a31 0 16%,#0000 17%),linear-gradient(#2c4a26,#1c3219)!important}.swatch.carpet{background:repeating-linear-gradient(100deg, #6fb04a 0 calc(3px * var(--k)), #4f8f36 calc(3px * var(--k)) calc(6px * var(--k))), #3d7a2c!important}.swatch.gravel{background:radial-gradient(circle at 25% 30%,#c9bba2 0 12%,#0000 13%),radial-gradient(circle at 60% 40%,#a39682 0 14%,#0000 15%),radial-gradient(circle at 40% 70%,#8b7f6d 0 13%,#0000 14%),radial-gradient(circle at 78% 72%,#b8ab94 0 11%,#0000 12%),#5d554a!important}.sel .swatch{width:calc(40px * var(--k));height:calc(40px * var(--k));border-radius:calc(10px * var(--k));box-shadow:inset 0 1px #ffffff1a}.kinds{left:calc(var(--sal) + calc(12px * var(--k)));bottom:calc(var(--drawer) + var(--sab) + calc(8px * var(--k)));z-index:15;max-width:calc(420px * var(--k));padding:calc(8px * var(--k));gap:calc(4px * var(--k));max-height:calc(100% - var(--drawer) - var(--sab) - var(--sat) - calc(16px * var(--k)));overscroll-behavior:contain;flex-wrap:wrap;align-content:flex-start;display:flex;position:absolute;overflow-y:auto}.wknob{z-index:6;width:calc(40px * var(--k));height:calc(26px * var(--k));margin:calc(-13px * var(--k)) 0 0 calc(-20px * var(--k));justify-content:center;align-items:center;gap:calc(2px * var(--k));color:#e6fbff;box-shadow:inset 0 0 0 1.4px #8fdceae6, 0 2px calc(8px * var(--k)) #00000073;touch-action:none;cursor:ns-resize;background:#14302ceb;border:0;border-radius:999px;padding:0;display:inline-flex;position:absolute;top:0;left:0}.wknob .ico{width:calc(14px * var(--k));height:calc(14px * var(--k));stroke-width:2px}.wknob .ico.drop{width:calc(12px * var(--k));height:calc(12px * var(--k));color:#8fdcea}.wknob:active,.wknob.drag{box-shadow:inset 0 0 0 1.6px #bff4ff, 0 0 calc(14px * var(--k)) #8fdcea80}.wknob.stop{box-shadow:inset 0 0 0 1.6px #f0a35e, 0 0 calc(12px * var(--k)) #f0a35e73}.wknob.stop .ico.drop{color:#f0a35e}.wlbl{z-index:6;margin:calc(-12px * var(--k)) 0 0 calc(-30px * var(--k));height:calc(24px * var(--k));padding:0 calc(10px * var(--k));align-items:center;gap:calc(4px * var(--k));font-size:calc(13px * var(--k));font-variant-numeric:tabular-nums;color:#e6fbff;pointer-events:none;white-space:nowrap;background:#0b1211eb;border-radius:999px;font-weight:700;display:inline-flex;position:absolute;top:0;left:0;transform:translate(-100%);box-shadow:inset 0 0 0 1px #8fdceacc}.wlbl .ico{width:calc(14px * var(--k));height:calc(14px * var(--k));color:#f0a35e}.wlbl.stop{box-shadow:inset 0 0 0 1px #f0a35e}.it.deep .thumb{filter:saturate(.4)brightness(.6)}.it.deep .nm{opacity:.55}.it .tw .need{left:calc(-4px * var(--k));top:calc(-4px * var(--k));font-size:calc(8.5px * var(--k));font-variant-numeric:tabular-nums;color:#bfeaf2;padding:0 calc(4px * var(--k)) 0 calc(2px * var(--k));background:#0b1211e6;border-radius:999px;align-items:center;gap:1px;font-weight:700;display:inline-flex;position:absolute;box-shadow:inset 0 0 0 1px #8fdcea99}.it .tw .need .ico{width:calc(9px * var(--k));height:calc(9px * var(--k));color:#8fdcea}.side .count .need{margin-left:calc(6px * var(--k));font-size:calc(11px * var(--k));font-variant-numeric:tabular-nums;color:#bfeaf2;align-items:center;gap:2px;display:inline-flex}.side .count .need .ico{width:calc(12px * var(--k));height:calc(12px * var(--k));color:#8fdcea}.side{right:calc(var(--sar) + calc(12px * var(--k)));top:var(--tank-mid,calc(var(--sat) + calc(180px * var(--k))));width:calc(150px * var(--k));height:calc(227px * var(--k));padding:calc(8px * var(--k));justify-content:center;align-items:center;gap:calc(6px * var(--k));flex-direction:column;display:flex;position:absolute;transform:translateY(-50%)}.side .ph{width:100%;height:calc(118px * var(--k));min-height:calc(72px * var(--k));flex:0 auto;position:relative}.side .ph img.thumb{object-fit:contain;background:#050f0c}.side .ph img.thumb:is([src*=thumbs\/moss_],[src*=thumbs\/gravel],[src*=thumbs\/soil],[src*=thumbs\/paint],[src*=thumbs\/light],[src*="thumbs/tpl."]){object-fit:cover}.side .ph canvas.swatch{object-fit:contain}.side>.nm,.side>.acts,.side>.forms,.side>.count{flex:none}.side .ph .thumb,.side .ph .swatch{border-radius:calc(12px * var(--k));background:radial-gradient(ellipse at 50% 100%, #2fb98a66, #10181700 70%), var(--cab-2);width:100%;height:100%;box-shadow:inset 0 1px 0 #ffffff1a, 0 calc(10px * var(--k)) calc(24px * var(--k)) #00000080;display:block}.side .dims{pointer-events:none;stroke:#bff0dabf;stroke-width:1px;width:100%;height:100%;font-size:calc(9px * var(--k));fill:var(--ink-on);font-variant-numeric:tabular-nums;position:absolute;inset:0;overflow:visible}.side .dims text{stroke:none;paint-order:stroke}.side .dims .s{font-size:calc(8px * var(--k))}.side .dims .u{font-size:calc(7px * var(--k));fill:#bff0da99}.side .nm{font-size:calc(14px * var(--k));text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.25;display:-webkit-box;overflow:hidden}.side .forms{gap:calc(3px * var(--k));grid-template-columns:repeat(5,1fr);width:100%;display:grid}.side .forms button{height:calc(22px * var(--k));border-radius:calc(6px * var(--k));color:var(--ink-2);font-size:calc(11px * var(--k));background:#182421;border:0;box-shadow:inset 0 1px #ffffff14}.side .forms button.on{background:var(--go-2);color:var(--go-ink);font-weight:700}.side>.btn{width:100%;height:calc(32px * var(--k));flex:none}.side .count{align-items:center;gap:calc(8px * var(--k));display:flex}.side .count .btn{width:calc(34px * var(--k));font-size:calc(16px * var(--k));padding:0}.side .count .num{text-align:center;min-width:2ch;font-size:calc(16px * var(--k))}.side .count .max{font-size:calc(11px * var(--k));color:var(--ink-2)}.rot{width:calc(134px * var(--k));height:calc(134px * var(--k));flex:none;position:relative}.rot .thumb{left:calc(35px * var(--k));top:calc(35px * var(--k));width:calc(64px * var(--k));height:calc(64px * var(--k));object-fit:cover;pointer-events:none;background:radial-gradient(circle,#2fb98a4d,#0b121100 70%);border-radius:50%;position:absolute}.rot svg{width:calc(134px * var(--k));height:calc(134px * var(--k));filter:drop-shadow(0 2px calc(4px * var(--k)) #00000080);touch-action:none;position:absolute;inset:0}.rot .ring{fill:none;stroke-width:5px;transition:stroke-width .12s,opacity .12s}.rot .ring.on{stroke-width:8px}.rot .ring.off{opacity:.3}.angs{gap:calc(10px * var(--k));font-size:calc(11px * var(--k));font-variant-numeric:tabular-nums;display:flex}#app svg.guides{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.guides .tick{stroke:#a0f0cdb3;stroke-width:1px}.guides text{font-size:calc(8.5px * var(--k));fill:#bff0dacc;font-family:inherit}.guides .depth{stroke:#f4d03f;stroke-width:1.8px;stroke-linecap:round;filter:drop-shadow(0 0 2px #0000008c)}.guides .side{stroke:#a0f0cd80;stroke-width:1px;stroke-dasharray:3 5}.dim-txt{color:var(--ink-on);font-size:calc(11px * var(--k));line-height:calc(16px * var(--k));padding:0 calc(6px * var(--k));pointer-events:none;white-space:nowrap;background:#0b1211cc;border-radius:999px;position:absolute}.sel-halo{pointer-events:none;background:radial-gradient(circle,#2fb98a52,#2fb98a00 70%);border-radius:50%;position:absolute}.dknob{width:calc(36px * var(--k));height:calc(36px * var(--k));margin:calc(-18px * var(--k)) 0 0 calc(-18px * var(--k));touch-action:none;cursor:grab;background:radial-gradient(circle, #bff0da 0 calc(5px * var(--k)), var(--go) calc(5px * var(--k)) calc(7.5px * var(--k)), #2fb98a2e calc(7.5px * var(--k)) calc(11px * var(--k)), transparent calc(11.5px * var(--k)));border-radius:50%;position:absolute}.dknob.on{background:radial-gradient(circle, #bff0da 0 calc(6px * var(--k)), var(--go) calc(6px * var(--k)) calc(9px * var(--k)), #2fb98a47 calc(9px * var(--k)) calc(14px * var(--k)), transparent calc(14.5px * var(--k)))}html.land body{width:var(--vh,100vh);height:var(--vw,100vw);transform-origin:0 0;transform:translateX(var(--vw,100vw)) rotate(90deg);position:fixed;top:0;left:0;overflow:hidden}html.land{--sal:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-bottom,0px);--sat:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-left,0px)}.stats{white-space:pre;right:calc(12px * var(--k));top:calc(var(--sat) + calc(56px * var(--k)));z-index:50;font:calc(11px * var(--k))/1.3 ui-monospace, monospace;color:#fff;border-radius:calc(6px * var(--k));padding:2px calc(6px * var(--k));pointer-events:none;background:#0000008c;position:fixed}.drum{width:calc(118px * var(--k));height:var(--drawer);margin-left:calc(-12px * var(--k));touch-action:none;cursor:grab;z-index:3;outline:none;flex:none;align-self:flex-end;transition:height .22s cubic-bezier(.2,.8,.2,1);position:relative}.drum .well{perspective:calc(340px * var(--k));border-radius:16px 16px 0 0;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 26% 74%,#0000);mask-image:linear-gradient(#0000,#000 26% 74%,#0000)}.drum .cyl{height:0;transform-style:preserve-3d;position:absolute;top:50%;left:0;right:0}.drum .row{left:calc(8px * var(--k));right:calc(8px * var(--k));height:calc(30px * var(--k));margin-top:calc(-15px * var(--k));align-items:center;gap:calc(8px * var(--k));padding:0 calc(10px * var(--k));backface-visibility:hidden;font-size:calc(14px * var(--k));color:var(--ink-2);white-space:nowrap;font-weight:700;display:flex;position:absolute}.drum .row svg{width:calc(20px * var(--k));height:calc(20px * var(--k));fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none}.drum .row.cur{color:var(--ink)}.drum .band{left:calc(6px * var(--k));right:calc(6px * var(--k));height:calc(34px * var(--k));margin-top:calc(-17px * var(--k));border-radius:calc(10px * var(--k));pointer-events:none;box-shadow:inset 0 1px 0 #ffffff29, inset 0 0 0 1px color-mix(in srgb, var(--acc) 55%, transparent), 0 0 18px color-mix(in srgb, var(--acc) 35%, transparent);background:linear-gradient(#ffffff12,#ffffff05);transition:box-shadow .25s;position:absolute;top:50%}.drum .tick{width:3px;height:calc(18px * var(--k));margin-top:calc(-9px * var(--k));background:var(--acc);box-shadow:0 0 10px var(--acc);border-radius:0 3px 3px 0;transition:background .25s;position:absolute;top:50%;left:0}.drum .dots{right:calc(4px * var(--k));opacity:.6;flex-direction:column;gap:3px;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.drum .dots i{background:var(--ink-2);border-radius:50%;width:3px;height:3px}.drum .dots i.on{background:var(--acc);box-shadow:0 0 6px var(--acc)}.drum:focus-visible .band{outline:2px solid var(--go);outline-offset:2px}.drum-sep{width:1px;margin:calc(10px * var(--k)) 0;background:linear-gradient(#0000,#ffffff24,#0000);flex:none;align-self:stretch}.tiles.swap{animation:.28s cubic-bezier(.2,.8,.2,1) swap}@keyframes swap{0%{opacity:0;transform:translateY(calc(10px * var(--k)))}to{opacity:1;transform:none}}.it.soon{opacity:.42;cursor:default}.swatch.pic{background-position:50%;background-size:cover}.swatch.bgsw{outline-offset:-1px;outline:1px solid #ffffff38}.side .ph .favb{left:calc(6px * var(--k));top:calc(6px * var(--k));width:calc(28px * var(--k));height:calc(28px * var(--k));color:#ffffff8c;cursor:pointer;z-index:2;background:#0a100fb8;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;box-shadow:inset 0 0 0 1px #ffffff24}.favb .ico{width:calc(16px * var(--k));height:calc(16px * var(--k));fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.favb.on{color:#f2d27c}.favb.on .ico{fill:#f2d27c}.favb:active{transform:scale(.92)}.tiles>.none{padding:0 calc(12px * var(--k));color:var(--ink-2);font-size:calc(11px * var(--k));white-space:nowrap;flex:none;align-self:center}.swatch.tsw{display:block}.it .cur{left:calc(2px * var(--k));bottom:calc(2px * var(--k));font:700 calc(8px * var(--k)) / 1.35 "Zen Kaku Gothic New", system-ui, sans-serif;padding:0 calc(3px * var(--k));border-radius:calc(4px * var(--k));color:var(--go-ink);background:var(--go);font-style:normal;position:absolute}.swatch.soon{background:repeating-linear-gradient(135deg,#17221f 0 6px,#121b19 6px 12px)!important}@media (prefers-reduced-motion:reduce){.drum,.tiles.swap{transition:none;animation:none}}.vbar{height:calc(var(--drawer) + var(--sab));gap:calc(6px * var(--k));padding:calc(6px * var(--k)) calc(10px * var(--k)) calc(var(--sab) + calc(6px * var(--k)));border-radius:calc(20px * var(--k)) calc(20px * var(--k)) 0 0;-webkit-backdrop-filter:blur(calc(12px * var(--k)));backdrop-filter:blur(calc(12px * var(--k)));box-shadow:inset 0 1px 0 var(--glass-edge), 0 calc(-10px * var(--k)) calc(30px * var(--k)) #00000080;background:#0c1412d1;transition:opacity .35s,transform .35s;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.vb{width:calc(96px * var(--k));border-radius:calc(12px * var(--k));justify-content:center;align-items:center;gap:calc(3px * var(--k));height:100%;font-size:calc(11px * var(--k));color:var(--ink);box-shadow:inset 0 1px 0 #ffffff1f, 0 2px calc(6px * var(--k)) #00000059;background:linear-gradient(#233330,#182421);border:0;flex-direction:column;font-weight:700;display:flex;position:relative}.vb .ico{width:calc(18px * var(--k));height:calc(18px * var(--k))}.vb.go{background:linear-gradient(var(--go), var(--go-2));color:var(--go-ink);box-shadow:inset 0 1px 0 #ffffff59, 0 calc(6px * var(--k)) calc(18px * var(--k)) #2fb98a59}.vb.go:active{transform:translateY(1px)}.vb.making{pointer-events:none}.vb.making:after{content:"";left:12%;bottom:calc(6px * var(--k));height:3px;width:calc(76% * var(--p,0));background:var(--go-ink);opacity:.75;border-radius:2px;position:absolute}.vb.soon{color:var(--ink-2);opacity:.6;cursor:default}.vb.like .cnt{margin-left:calc(3px * var(--k));font-variant-numeric:tabular-nums}.vb.like.on{color:#ff8aa8}.vb.like.on .ico{fill:#ff8aa8;stroke:#ff8aa8}.vb.like:disabled{opacity:.7;cursor:default}.tankname .gtitle{margin:0 calc(10px * var(--k)) 0 calc(4px * var(--k));max-width:calc(220px * var(--k));flex-direction:column;line-height:1.15;display:inline-flex}.tankname .gtitle b{font-size:calc(12px * var(--k));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tankname .gtitle span{font-size:calc(9.5px * var(--k));color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vb em{right:calc(5px * var(--k));top:calc(3px * var(--k));font-style:normal;font-size:calc(8.5px * var(--k));font-weight:400;position:absolute}.vb:focus-visible{outline:2px solid var(--go);outline-offset:2px}.ui .topbar{transition:opacity .35s}.ui.calm .vbar{opacity:0;pointer-events:none;transform:translate(-50%,30%)}.ui.calm .topbar{opacity:0;pointer-events:none}.ui.snapping .topbar{opacity:.45;pointer-events:none}.ui.snapping .topbar>*{pointer-events:none}.ui.snapping .vbar .vb:not(.making){opacity:.45;pointer-events:none}.ui.calm .topbar>*{pointer-events:none}.ui.cropping .vbar,.ui.cropping .topbar{opacity:0;pointer-events:none}.ui.cropping .topbar>*{pointer-events:none}.ui>.wcrop{z-index:18;touch-action:none;position:absolute;inset:0;overflow:hidden}.wcrop-frame{box-sizing:border-box;border:2px solid var(--ink-on);box-shadow:0 0 0 100vmax #04080799, inset 0 0 calc(18px * var(--k)) #00000040;touch-action:none;cursor:move;position:absolute}.wcrop-frame.wall{border-color:#ffffffeb}.wcrop-bar{top:calc(var(--sat) + calc(8px * var(--k)));align-items:center;gap:calc(6px * var(--k));padding:calc(5px * var(--k)) calc(8px * var(--k)) calc(5px * var(--k)) calc(14px * var(--k));display:flex;position:absolute;left:50%;transform:translate(-50%)}.wcrop-bar b{font-size:calc(12px * var(--k));color:var(--ink-2);margin-right:calc(4px * var(--k));white-space:nowrap;font-weight:500}.wcrop-bar .chip{min-width:calc(34px * var(--k));height:calc(28px * var(--k));font-size:calc(13px * var(--k));font-weight:700}.wcrop-size{align-items:center;gap:calc(6px * var(--k));margin-left:calc(6px * var(--k));padding-left:calc(10px * var(--k));border-left:1px solid #ffffff1f;display:flex}.wcrop-size svg{width:calc(16px * var(--k));height:calc(16px * var(--k));fill:none;stroke:var(--ink-2);stroke-width:1.6px;flex:none}.wcrop-size .trk{width:calc(120px * var(--k));height:calc(32px * var(--k));margin:0 calc(11px * var(--k));touch-action:none;cursor:pointer;outline:none;position:relative}.wcrop-size .trk:before{content:"";height:calc(4px * var(--k));background:#ffffff24;border-radius:999px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.wcrop-size .trk i{height:calc(4px * var(--k));background:linear-gradient(90deg, var(--go-2), var(--go));border-radius:999px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.wcrop-size .trk b{width:calc(22px * var(--k));height:calc(22px * var(--k));background:var(--ink-on);box-shadow:0 2px calc(8px * var(--k)) #00000080, 0 0 0 calc(5px * var(--k)) #bff0da2e;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wcrop-size .trk:focus-visible b{outline:2px solid var(--go);outline-offset:2px}.wcrop-corner{width:calc(44px * var(--k));height:calc(44px * var(--k));touch-action:none;z-index:1;position:absolute}.wcrop-corner:after{content:"";width:calc(16px * var(--k));height:calc(16px * var(--k));background:var(--ink-on);box-shadow:0 2px calc(6px * var(--k)) #00000080, 0 0 0 calc(4px * var(--k)) #bff0da33;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wcrop-corner.nw{left:calc(var(--ci,0px) - 2px - calc(22px * var(--k)));top:calc(var(--ci,0px) - 2px - calc(22px * var(--k)));cursor:nwse-resize}.wcrop-corner.ne{right:calc(var(--ci,0px) - 2px - calc(22px * var(--k)));top:calc(var(--ci,0px) - 2px - calc(22px * var(--k)));cursor:nesw-resize}.wcrop-corner.sw{left:calc(var(--ci,0px) - 2px - calc(22px * var(--k)));bottom:calc(var(--ci,0px) - 2px - calc(22px * var(--k)));cursor:nesw-resize}.wcrop-corner.se{right:calc(var(--ci,0px) - 2px - calc(22px * var(--k)));bottom:calc(var(--ci,0px) - 2px - calc(22px * var(--k)));cursor:nwse-resize}.wcrop-bal{font-size:calc(11.5px * var(--k));color:var(--ink-2);padding:0 calc(4px * var(--k));white-space:nowrap;font-variant-numeric:tabular-nums}.wcrop-bal.short{color:#ffb4ba}.wcrop-act .btn.coin:disabled{opacity:.45;box-shadow:none}.wcrop-act{bottom:calc(var(--sab) + calc(8px * var(--k)));align-items:center;gap:calc(8px * var(--k));padding:calc(6px * var(--k));display:flex;position:absolute;left:50%;transform:translate(-50%)}.snapflash{pointer-events:none;background:#fff;animation:.5s ease-out forwards snapflash;position:absolute;inset:0}@keyframes snapflash{0%{opacity:.55}to{opacity:0}}.snap{left:calc(var(--sal) + calc(14px * var(--k)));bottom:calc(var(--sab) + calc(14px * var(--k)));z-index:5;align-items:center;gap:calc(10px * var(--k));padding:calc(8px * var(--k)) calc(12px * var(--k)) calc(8px * var(--k)) calc(8px * var(--k));border-radius:calc(16px * var(--k));box-shadow:inset 0 1px 0 var(--glass-edge), 0 calc(14px * var(--k)) calc(34px * var(--k)) #0009;background:#101a18f0;animation:.35s cubic-bezier(.2,.8,.2,1) snapin;display:flex;position:absolute}@keyframes snapin{0%{opacity:0;transform:translateY(20%)scale(.92)}to{opacity:1;transform:none}}.snap .pic{width:calc(118px * var(--k));aspect-ratio:16/8;border-radius:calc(8px * var(--k));background-position:50%;background-size:cover;border:0;transform:rotate(-3deg);box-shadow:0 0 0 2px #fff}.snap .sv{align-items:flex-start;gap:calc(6px * var(--k));flex-direction:column;display:flex}.snap .sv b{align-items:center;gap:calc(5px * var(--k));font-size:calc(12.5px * var(--k));color:var(--ink-on);display:flex}.chip2{align-items:center;gap:calc(5px * var(--k));height:calc(28px * var(--k));padding:0 calc(12px * var(--k));background:linear-gradient(var(--go), var(--go-2));color:var(--go-ink);font-weight:700;font-size:calc(12px * var(--k));border:0;border-radius:999px;display:inline-flex}.snapview{z-index:20;justify-content:center;align-items:center;gap:calc(10px * var(--k));background:#040807e6;flex-direction:column;display:flex;position:absolute;inset:0}.snapview img{border-radius:calc(6px * var(--k));max-width:92%;max-height:80%;box-shadow:0 calc(10px * var(--k)) calc(30px * var(--k)) #0009;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.snapview .hint{color:var(--ink-2);font-size:calc(12px * var(--k))}.snapview .btn{right:calc(var(--sar) + calc(14px * var(--k)));top:calc(var(--sat) + calc(12px * var(--k)));width:calc(40px * var(--k));border-radius:50%;padding:0;position:absolute}@media (prefers-reduced-motion:reduce){.vbar,.ui .topbar{transition:none}.snapflash,.snap{animation:none}.snapflash{opacity:0}}.cn{width:calc(9px * var(--k));height:calc(9px * var(--k));margin-right:calc(3px * var(--k));vertical-align:-1px;background:radial-gradient(circle at 35% 35%,#fff3c4,#e9c46a 45%,#a8842f);border-radius:50%;flex:none;display:inline-block;box-shadow:0 0 6px #e9c46a8c}.tankname{padding-right:calc(4px * var(--k))}.tiles .gh{width:calc(74px * var(--k));padding-left:calc(8px * var(--k));border-left:1px solid #ffffff1f;flex-direction:column;flex:none;gap:2px;line-height:1.25;display:flex}.tiles .gh:first-child{border-left:0;padding-left:0}.tiles .gh b{font-size:calc(11.5px * var(--k));color:var(--ink)}.tiles .gh span{font-size:calc(9.5px * var(--k));color:var(--ink-2)}.it .tw{display:block;position:relative}.it .tw em{right:calc(-5px * var(--k));bottom:calc(-4px * var(--k));font-style:normal;font-size:calc(8.5px * var(--k));padding:0 calc(4px * var(--k));font-weight:700;line-height:calc(14px * var(--k));white-space:nowrap;background:#0a100feb;border-radius:999px;align-items:center;display:inline-flex;position:absolute;box-shadow:inset 0 0 0 1px #ffffff26}.it .tw em .cn{width:calc(7px * var(--k));height:calc(7px * var(--k));margin-right:2px}.it .tw em.pr{color:var(--coin)}.it .tw em.ok,.it .tw em.fr{color:var(--ink-on)}.it.lock .thumb{filter:saturate(.75)}.it.trial .thumb,.it.trial .swatch{outline:1.5px dashed var(--coin);outline-offset:2px}.it.kind .tw .stk{border-radius:calc(10px * var(--k));box-shadow:inset 0 1px 0 #ffffff14, 0 calc(2px * var(--k)) calc(6px * var(--k)) #00000073;transform:translate(calc(4px * var(--k)), calc(-4px * var(--k))) rotate(4deg);background:#1b2a27;position:absolute;inset:0}.it.kind .tw .stk.s2{transform:translate(calc(7px * var(--k)), calc(-7px * var(--k))) rotate(8deg);z-index:-1;background:#152220}.it.kind .tw{isolation:isolate}.it.kind .tw .thumb{position:relative}.it.kind .nf{left:calc(2px * var(--k));top:calc(2px * var(--k));z-index:2;font:700 calc(8.5px * var(--k)) / 1.35 "Zen Kaku Gothic New", system-ui, sans-serif;padding:0 calc(4px * var(--k));border-radius:calc(4px * var(--k));color:var(--ink);background:#0a100fd1;font-style:normal;position:absolute;box-shadow:inset 0 0 0 1px #ffffff26}.it.kind:active .tw{transform:scale(.96)}.tiles .it.grp{position:relative}.tiles .it.grp:before{content:"";z-index:-1;top:calc(-6px * var(--k));bottom:calc(-4px * var(--k));left:calc(-4px * var(--k));right:calc(-4px * var(--k));background:#2fb98a12;position:absolute}.tiles .it.grp.g0:before{border-radius:calc(12px * var(--k)) 0 0 calc(12px * var(--k))}.tiles{isolation:isolate}.tiles .gh.open{border-radius:0 calc(12px * var(--k)) calc(12px * var(--k)) 0;margin-left:calc(-4px * var(--k));padding:calc(4px * var(--k)) calc(8px * var(--k));text-align:left;color:var(--ink);background:#2fb98a1a;border:0;flex:none;align-self:center;box-shadow:inset 0 0 0 1px #2fb98a59}.tiles .gh.open .fold{font-style:normal;font-size:calc(9.5px * var(--k));color:var(--go)}.tiles .it.unfold{animation:.24s cubic-bezier(.2,.8,.2,1) both unfold}@keyframes unfold{0%{opacity:0;transform:translateX(calc(-12px * var(--k)))}}@media (prefers-reduced-motion:reduce){.tiles .it.unfold{animation:none}}.it.placed .thumb,.it.placed .swatch{outline-offset:2px;outline:1.5px solid #7fd8e6e6}.it.placed.trial .thumb,.it.placed.trial .swatch{outline:1.5px dashed var(--coin)}.it .tw .pc{right:calc(-5px * var(--k));top:calc(-5px * var(--k));min-width:calc(9px * var(--k));height:calc(9px * var(--k));padding:0 calc(3px * var(--k));box-sizing:border-box;font:700 calc(8.5px * var(--k)) / calc(9px * var(--k)) "Zen Kaku Gothic New", system-ui, sans-serif;text-align:center;color:#06221a;box-shadow:0 0 0 1.5px var(--cab);z-index:2;background:#7fd8e6;border-radius:999px;font-style:normal;position:absolute}.it .tw .pc:not(:empty){height:calc(13px * var(--k));line-height:calc(13px * var(--k));top:calc(-6px * var(--k))}.btn.more.next{width:auto;padding:0 calc(10px * var(--k));height:calc(28px * var(--k));font-size:calc(11px * var(--k));color:var(--ink-on);white-space:nowrap;background:#2fb98a1f;border-radius:999px;font-weight:700;box-shadow:inset 0 0 0 1px #2fb98a66}.side .acts{align-items:stretch;gap:calc(5px * var(--k));flex-direction:column;width:100%;display:flex}.side .acts>.btn{width:100%;height:calc(30px * var(--k))}.side .acts .count{justify-content:center}.side .st{font-size:calc(10px * var(--k));padding:1px calc(8px * var(--k));color:var(--ink-2);background:#ffffff0f;border-radius:999px;align-self:center}.btn.coin,.sheet-btn.coin{color:#2a1f05;background:linear-gradient(#f0d07e,#c9a14a);justify-content:center;align-items:center;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff73,0 6px 18px #e9c46a4d}.btn.coin .cn,.sheet-btn.coin .cn{background:radial-gradient(circle at 35% 35%,#fffbe6,#fff0c0 45%,#d9b25a)}.side .lk{color:var(--ink-2);font-size:calc(10px * var(--k));text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline;position:relative}.side .lk:after{content:"";top:calc(-5px * var(--k));bottom:calc(-16px * var(--k));left:calc(-8px * var(--k));right:calc(-8px * var(--k));position:absolute}.trialpill,.coinpill{height:calc(34px * var(--k));padding:0 calc(12px * var(--k));font-weight:700;font-size:calc(12px * var(--k));white-space:nowrap;font-variant-numeric:tabular-nums;border:0;border-radius:999px;align-items:center;display:inline-flex}.trialpill{color:var(--coin);background:#28200ce6;box-shadow:inset 0 0 0 1.5px #e9c46a99,0 0 18px #e9c46a40}.coinpill{color:var(--coin);background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-edge), var(--glass-shadow)}.sheet-box.bundle .bhd{align-items:baseline;gap:10px;display:flex}.sheet-box.bundle .bhd>b{font-size:16px}.sheet-box.bundle .bhd span s{color:var(--ink-2);margin-left:6px;font-weight:400}.sheet-box.bundle .bhd span small{color:var(--ink-2);margin-left:4px;font-size:11px;font-weight:400}.sheet-box.bundle .bhd span{color:var(--coin);align-items:center;margin-left:auto;font-weight:700;display:inline-flex}.sheet-box.bundle .lines{gap:6px;max-height:40vh;display:grid;overflow-y:auto}.sheet-box.bundle .ln{background:#ffffff0a;border-radius:12px;grid-template-columns:38px 1fr auto auto;align-items:center;gap:12px;padding:5px 10px 5px 5px;display:grid}.sheet-box.bundle .ln .thumb{outline:1.5px dashed var(--coin);outline-offset:1px;object-fit:cover;background:#0b1211;border-radius:9px;width:38px;height:38px}.sheet-box.bundle .ln .swatch{outline:1.5px dashed var(--coin);outline-offset:1px;border-radius:9px;width:38px;height:38px}.sheet-box.bundle .ln b{font-size:13px;font-weight:500}.sheet-box.bundle .ln .p{color:var(--coin);align-items:center;font-weight:700;display:inline-flex}.sheet-box.bundle .ln .x{color:var(--ink-2);text-underline-offset:2px;background:0 0;border:0;font-size:11.5px;text-decoration:underline}.sheet-box.bundle .foot{align-items:center;gap:10px;display:flex}.sheet-box.bundle .bal{color:var(--ink-2);margin-right:auto;font-size:11.5px}.sheet-box.bundle .pair{gap:10px;display:flex}.sheet-box.bundle .pair .sheet-btn{flex:1}.sheet-box.bundle .foot .sheet-btn{flex:none;padding:0 16px}.guides .trial-box{fill:none;stroke:var(--coin);stroke-width:1.5px;stroke-dasharray:5 4;filter:drop-shadow(0 0 6px #e9c46a73)}.guides .trial-lead{stroke:var(--coin);stroke-width:1.4px;stroke-linecap:round;filter:drop-shadow(0 0 4px #e9c46a66)}.guides .trial-dot{fill:var(--coin)}.guides .trial-tag{fill:var(--coin);font-size:calc(10px * var(--k));paint-order:stroke;stroke:#141006d9;stroke-width:3px;font-weight:700}.drawer .seg.depth .btn{color:var(--ink-on);padding:0 calc(10px * var(--k))}.ui>.guide{z-index:50;pointer-events:none;position:absolute;inset:0}.guide .gd-dim{pointer-events:auto;touch-action:none;background:#0308079e;position:absolute;inset:0}.guide .gd-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.guide .gd-ring{fill:none;stroke:var(--ink-on);stroke-width:1.4px}.guide .gd-glow{fill:none;stroke:var(--go);stroke-width:4px;opacity:.9}.guide .gd-path{fill:none;stroke:var(--ink-on);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 5;animation:.9s linear infinite gd-dash}.guide .gd-path.solid,.guide .gd-path[d^=M][d*=L]{stroke-dasharray:none;animation:none}@keyframes gd-dash{to{stroke-dashoffset:-11px}}.guide .gd-finger .i{fill:var(--ink-on);opacity:.92}.guide .gd-finger .o{fill:none;stroke:var(--ink-on);stroke-width:1.6px;transform-box:fill-box;transform-origin:50%;animation:1.4s ease-out infinite gd-pulse}.guide .gd-finger.double .o2{animation-delay:.22s}@keyframes gd-pulse{0%{opacity:.95;transform:scale(.55)}to{opacity:0;transform:scale(1.6)}}.guide .gd-card{width:calc(336px * var(--k));max-width:calc(100% - calc(16px * var(--k)));padding:calc(12px * var(--k)) calc(16px * var(--k)) calc(10px * var(--k));border-radius:calc(14px * var(--k));box-shadow:inset 0 0 0 1px #bff0da59, var(--glass-shadow);pointer-events:auto;touch-action:none;background:#0b1211f2;transition:left .25s,top .25s;position:absolute;top:0;left:0}.guide .gd-body small{color:var(--go);letter-spacing:.08em;font-weight:700;font-size:calc(11px * var(--k));display:block}.guide .gd-body b{font-size:calc(16px * var(--k));margin:calc(2px * var(--k)) 0 calc(4px * var(--k));display:block}.guide .gd-body p{font-size:calc(12.5px * var(--k));color:#cfe3da;margin:0;line-height:1.5}.guide .gd-foot{align-items:center;gap:calc(8px * var(--k));margin-top:calc(8px * var(--k));display:flex}.guide .gd-dots{gap:calc(6px * var(--k));flex:1;display:flex}.guide .gd-dots i{width:calc(6px * var(--k));height:calc(6px * var(--k));background:#ffffff38;border-radius:50%}.guide .gd-dots i.on{background:var(--go)}.guide .gd-wait{font-size:calc(12px * var(--k));color:#bff0da;padding:0 calc(6px * var(--k));font-weight:700;animation:1.6s ease-in-out infinite gdwait}@keyframes gdwait{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.guide .gd-wait{animation:none}}.tiles .gh.rec{width:calc(54px * var(--k));justify-content:center}.tiles .gh.rec b{color:var(--ink-2);font-size:calc(11px * var(--k))}.it.tpl .thumb{width:calc(56px * var(--k))}.side .tpl-d{margin:calc(-2px * var(--k)) 0 0;font-size:calc(9.5px * var(--k));color:var(--ink-2);text-align:center;line-height:1.45}.guide .gd-skip{height:calc(30px * var(--k));padding:0 calc(8px * var(--k));color:var(--ink-2);font-size:calc(12px * var(--k));background:0 0;border:0}.guide .gd-next{height:calc(32px * var(--k));padding:0 calc(18px * var(--k));border-radius:999px}.guide .gd-rings{right:calc(14px * var(--k));top:calc(12px * var(--k));width:calc(56px * var(--k));height:calc(56px * var(--k));fill:none;stroke-width:3px;display:none;position:absolute}.guide .gd-card.rings .gd-rings{display:block}.guide .gd-card.rings .gd-body{padding-right:calc(62px * var(--k))}.guide .gd-depth{fill:none;stroke:#f4d03f;stroke-width:2.4px;stroke-linecap:round;filter:drop-shadow(0 0 3px #0009)}.guide .gd-depthpic{right:calc(14px * var(--k));top:calc(12px * var(--k));width:calc(56px * var(--k));height:calc(56px * var(--k));display:none;position:absolute}.guide .gd-card.depthpic .gd-depthpic{display:block}.guide .gd-card.depthpic .gd-body{padding-right:calc(62px * var(--k))}@media (prefers-reduced-motion:reduce){.guide .gd-path,.guide .gd-finger .o{animation:none}}.ui>.settings-scrim{z-index:19;background:0 0;position:absolute;inset:0}.it .tw{position:relative}.it .sz{left:calc(2px * var(--k));bottom:calc(2px * var(--k));font:700 calc(9px * var(--k)) / 1.35 "Zen Kaku Gothic New", system-ui, sans-serif;letter-spacing:.02em;padding:0 calc(3px * var(--k));border-radius:calc(4px * var(--k));color:#d8efe6;pointer-events:none;background:#080e0cb8;position:absolute}.paint .nm .coat,.pname .coat,em.coat{margin-left:calc(5px * var(--k));padding:0 calc(4px * var(--k));border-radius:calc(4px * var(--k));color:#c8ec9e;vertical-align:middle;background:#9bd36a38;font-size:.8em;font-style:normal;font-weight:700;display:inline-block}.chip .chip-im{width:calc(28px * var(--k));height:calc(28px * var(--k));border-radius:calc(6px * var(--k));object-fit:cover;margin-right:calc(6px * var(--k));vertical-align:middle}.part .btn.back{padding-inline:calc(8px * var(--k))}.btn.more.prev{display:none}@media (pointer:fine){.tiles{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;cursor:grab}.tiles::-webkit-scrollbar{height:4px;display:block}.tiles::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.btn.more.prev{justify-content:center;align-items:center;display:inline-flex}}.tiles.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.tiles.dragging *{pointer-events:none}.keys-list{grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;margin:4px 0 8px;font-size:13px;display:grid}.keys-list kbd{white-space:nowrap;background:#ffffff14;border-radius:6px;justify-self:start;padding:3px 7px;font:600 12px/1.2 ui-monospace,Menlo,Consolas,monospace;box-shadow:inset 0 0 0 1px #ffffff2e}.catgrid,.shelf-head,.pc-head,.pc-fields,.pc-hints,kbd.pck{display:none}.shelf-main{display:contents}.pc{--drawer:calc(150px * var(--k));--hints:calc(20px * var(--k))}.pc .drawer{height:calc(var(--drawer) + var(--hints) + var(--sab))}.pc .pc-hints{left:calc(var(--sal) + calc(16px * var(--k)));right:calc(var(--sar) + calc(16px * var(--k)));bottom:var(--sab);height:var(--hints);line-height:var(--hints);font-size:calc(10.5px * var(--k));color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;display:block;position:absolute;overflow:hidden}.pc .views{--views-b:calc(100% - var(--drawer) - var(--hints) - var(--sab) - calc(8px * var(--k)))}.pc .toast{bottom:calc(var(--drawer) + var(--hints) + var(--sab) + calc(10px * var(--k)))}.pc .drum,.pc .drum-sep{display:none}.pc .catgrid{grid-template-columns:repeat(3, calc(62px * var(--k)));grid-auto-rows:calc(27px * var(--k));gap:calc(4px * var(--k));flex:none;align-content:center;height:100%;display:grid}.pc .catgrid .cg{align-items:center;gap:calc(4px * var(--k));padding:0 calc(6px * var(--k));border-radius:calc(8px * var(--k));color:var(--ink-2);font:500 calc(10.5px * var(--k)) / 1 inherit;white-space:nowrap;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;display:flex;overflow:hidden}.pc .catgrid .cg svg{width:calc(14px * var(--k));height:calc(14px * var(--k));fill:none;stroke:var(--cc);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none}.pc .catgrid .cg:hover{color:var(--ink);background:#ffffff17}.pc .catgrid .cg.on{border-color:var(--cc);background:color-mix(in srgb, var(--cc) 18%, transparent);color:var(--ink)}.pc .shelf-main{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:calc(28px * var(--k)) minmax(0, 1fr);column-gap:calc(4px * var(--k));min-width:0;height:100%;padding-top:calc(6px * var(--k));flex:1;display:grid}.pc .shelf-head{align-items:center;gap:calc(8px * var(--k));grid-column:1/-1;min-width:0;display:flex}.pc .shelf-head .st{font-size:calc(13px * var(--k));color:var(--ink)}.pc .shelf-head .sc{font-size:calc(11px * var(--k));color:var(--ink-2)}.pc .shelf-head .sp{flex:1}.pc .shelf-head .search{width:calc(170px * var(--k));height:calc(24px * var(--k));padding:0 calc(10px * var(--k));color:var(--ink);font:inherit;font-size:calc(11.5px * var(--k));background:#00000040;border:1px solid #ffffff24;border-radius:999px;outline:none}.pc .shelf-head .search:focus-visible{border-color:var(--go);box-shadow:0 0 0 2px #2fb98a59}.pc .tiles{align-content:space-evenly;align-items:start;row-gap:calc(8px * var(--k));padding-bottom:calc(2px * var(--k));grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;grid-auto-flow:column;display:grid}.pc .tiles>.gh{grid-row:1/-1}.pc .tiles>.none{padding:0 calc(12px * var(--k));color:var(--ink-2);font-size:calc(12px * var(--k));grid-row:1/-1;align-self:center}.pc .it .thumb,.pc .it .swatch{width:calc(38px * var(--k));height:calc(38px * var(--k))}.pc .it:hover .thumb,.pc .it:hover .swatch{transition:transform .12s;transform:translateY(-2px)}.pc .btn.more{height:calc(40px * var(--k));width:auto;padding:0 calc(6px * var(--k));grid-area:2/3;align-self:center}.pc .btn.more.prev{grid-column:1}.pc .tiles{grid-area:2/2}.pc .side{width:calc(196px * var(--k));height:auto;max-height:calc(100% - var(--drawer) - var(--hints) - var(--sab) - calc(70px * var(--k)));overflow-y:auto}.pc .side .pc-head{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.pc .side .pc-head b{font-size:calc(12.5px * var(--k))}.pc .side .pc-head span{font-size:calc(10.5px * var(--k));color:var(--ink-2);font-variant-numeric:tabular-nums}.pc .side .rot,.pc .side .rot svg{width:calc(110px * var(--k));height:calc(110px * var(--k))}.pc .side .rot .thumb{left:calc(29px * var(--k));top:calc(29px * var(--k));width:calc(52px * var(--k));height:calc(52px * var(--k))}.pc .pc-fields{gap:calc(6px * var(--k));flex-direction:column;width:100%;display:flex}.pc .pfs{padding:calc(4px * var(--k)) calc(6px * var(--k)) calc(6px * var(--k));border-radius:calc(8px * var(--k));gap:calc(4px * var(--k));border:1px solid #ffffff1a;margin:0;display:grid}.pc .pfs legend{padding:0 calc(4px * var(--k));font-size:calc(10px * var(--k));color:var(--ink-2)}.pc .pf{grid-template-columns:calc(36px * var(--k)) minmax(0, 1fr) calc(34px * var(--k));align-items:center;gap:calc(6px * var(--k));font-size:calc(11px * var(--k));display:grid}.pc .pf input{min-width:0;height:calc(22px * var(--k));padding:0 calc(6px * var(--k));border-radius:calc(6px * var(--k));color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:#0000004d;border:1px solid #ffffff24;outline:none}.pc .pf input:focus-visible{border-color:var(--go);box-shadow:0 0 0 2px #2fb98a59}.pc .pf kbd,.pc kbd.pck{font:600 calc(9px * var(--k)) / 1.3 ui-monospace, Menlo, Consolas, monospace;padding:0 calc(4px * var(--k));border-radius:calc(4px * var(--k));color:var(--ink-2);white-space:nowrap;background:#ffffff14;justify-self:start}.pc kbd.pck{margin-left:calc(4px * var(--k));display:inline-block}.pc .btn:hover:not(:disabled){filter:brightness(1.15)}.pc .btn:focus-visible,.pc .it:focus-visible,.pc .catgrid .cg:focus-visible{outline:2px solid var(--go);outline-offset:3px}.sheet-dim{z-index:90;opacity:0;background:#040807b3;transition:opacity .2s;position:fixed;inset:0}.sheet-dim.in{opacity:1}.sheet-box{z-index:91;width:min(100%,520px);padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));color:#e8f0ec;background:linear-gradient(#16211f,#0e1615);border-radius:22px 22px 0 0;flex-direction:column;gap:12px;max-height:92%;font-family:Zen Kaku Gothic New,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%,100%);box-shadow:inset 0 1px #ffffff24,0 -16px 40px #0009}.sheet-box>.sheet-row:last-child,.sheet-box>.pair:last-child{bottom:calc(-18px - env(safe-area-inset-bottom,0px));z-index:2;margin:0 -16px calc(-18px - env(safe-area-inset-bottom,0px));padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));background:#0e1615;position:sticky;box-shadow:0 -10px 14px -8px #000000b3}.sheet-box>*{flex-shrink:0}.sheet-box.in{transform:translate(-50%)}.sheet-x{color:#dfeae5;cursor:pointer;z-index:3;background:#ffffff1a;border:0;border-radius:50%;width:34px;height:34px;padding:8px;position:absolute;top:10px;right:10px}.sheet-x:after{content:"";position:absolute;inset:-5px}.sheet-x svg{width:100%;height:100%;display:block}.sheet-x:focus-visible{outline-offset:2px;outline:2px solid #8fe0c0}.sheet-x:active{background:#fff3}.sheet-box.has-x>:is(.nt-hd,.cs-hd){padding-right:40px}.sheet-grab{background:#fff3;border-radius:2px;flex:none;width:40px;height:4px;margin:0 auto 2px}.sheet-title{font-size:17px}.sheet-body{color:#9fb3aa;white-space:pre-line;margin:0;font-size:14px;line-height:1.7}.sheet-progress{background:#ffffff1a;border-radius:999px;height:6px;overflow:hidden}.sheet-progress>i{border-radius:inherit;background:linear-gradient(90deg,#1e8a67,#2fb98a);width:0;height:100%;transition:width .2s linear;display:block}.sheet-input{height:44px;font:inherit;color:#e8f0ec;background:#ffffff0f;border:0;border-radius:12px;outline:none;padding:0 12px;font-size:16px;box-shadow:inset 0 0 0 1px #ffffff1f}.sheet-text{resize:none;color:#e8f0ec;word-break:break-all;background:#ffffff0f;border:0;border-radius:12px;outline:none;height:30vh;min-height:120px;padding:8px 10px;font:10px/1.35 ui-monospace,monospace;box-shadow:inset 0 0 0 1px #ffffff1f}.sheet-input:focus{box-shadow:inset 0 0 0 1.5px #2fb98a}.sheet-row{gap:10px;display:flex}.sheet-lab{color:#9fb3aa;margin:4px 0 -6px;font-size:12px}.sheet-body.note{font-size:11.5px;line-height:1.5}.sheet-row>.sheet-btn{flex:1}.sheet-btn{height:46px;font:inherit;color:#e8f0ec;cursor:pointer;background:linear-gradient(#233330,#182421);border:0;border-radius:12px;font-size:15px;font-weight:700;box-shadow:inset 0 1px #ffffff1f,0 2px 6px #00000059}a.sheet-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.sheet-btn.go{color:#06221a;background:linear-gradient(#2fb98a,#1e8a67);box-shadow:inset 0 1px #ffffff59,0 6px 18px #2fb98a59}.sheet-btn.bad{color:#fff;background:linear-gradient(#c94b57,#9b3540)}.sheet-btn:disabled{opacity:.45;cursor:default}.cnum{white-space:nowrap;align-items:center;display:inline-flex}.sheet-link{color:#2fb98a;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:center;padding:6px 4px;font-size:13px;font-weight:700;text-decoration:underline}.sheet-link[hidden]{display:none}.sheet-btn:focus-visible,.sheet-input:focus-visible{outline-offset:2px;outline:2px solid #2fb98a}.sheet-box.coin-sheet{gap:10px;width:min(100%,700px)}.cs-hd{align-items:center;gap:10px;display:flex}.cs-hd .sheet-title{flex:1}.cs-bal{color:#9fb3aa;font-variant-numeric:tabular-nums;font-size:13px}.cs-need{color:#f0d07e;margin:-4px 0 0;font-size:13.5px;font-weight:700}.cs-packs{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;display:grid}.cs-packs:has(.ad){grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.cs-pack.ad{background:#2fb98a24;box-shadow:inset 0 0 0 1.5px #2fb98a8c}.cs-pack{color:#e8f0ec;min-height:44px;font:inherit;cursor:pointer;background:#ffffff0d;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff17}.cs-pack:disabled{opacity:.55;cursor:default}.cs-pack.busy{opacity:1;box-shadow:inset 0 0 0 1.5px #2fb98a}.cs-pack.fit{background:#f0d07e1a;box-shadow:inset 0 0 0 1.5px #d9b25a}.cs-pack img{object-fit:cover;border-radius:10px;width:54px;height:54px}.cs-pack .n{font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:700}.cs-pack .bon{color:#f0d07e;font-size:10.5px;line-height:1.3}.cs-pack .pr{color:#9fb3aa;font-variant-numeric:tabular-nums;font-size:12.5px}.cs-pack .tag{color:#2a1f05;white-space:nowrap;background:#d9b25a;border-radius:0 0 8px 8px;padding:1px 8px;font-size:10.5px;font-weight:700;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.cs-msg{color:#9fb3aa;text-align:center;min-height:18px;margin:0;font-size:12.5px}.cs-msg.err{color:#ef8e8e}.cs-foot{gap:10px;display:flex}.cs-foot .sheet-btn{flex:1;min-width:0;padding:0 10px;font-size:14px}.sheet-box.nt-sheet{width:min(100%,700px);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:8px;overflow:hidden}.sheet-box.nt-sheet>.sizes{overscroll-behavior:contain;flex:auto;align-content:start;min-height:0;margin:-2px;padding:2px;overflow-y:auto}.nt-foot{flex-wrap:wrap;gap:10px;padding-top:2px;display:flex}.nt-foot .sheet-input{flex:160px;min-width:0;height:46px}.nt-foot .sheet-btn{flex:1.3 220px;padding:0 12px}@media (prefers-reduced-motion:reduce){.sheet-dim,.sheet-box{transition:none}}.app-toast{left:50%;bottom:calc(96px + var(--sab,0px));z-index:95;color:#eef5f2;text-align:center;white-space:pre-line;pointer-events:none;background:#101817f0;border-radius:14px;max-width:min(92vw,560px);padding:10px 16px;font:500 13px/1.5 Zen Kaku Gothic New,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000059,inset 0 1px #ffffff14}.app-toast[hidden]{display:none}.notices{z-index:93;opacity:0;padding:max(var(--sat,0px), env(safe-area-inset-top,0px)) max(var(--sar,0px), env(safe-area-inset-right,0px)) 0 max(var(--sal,0px), env(safe-area-inset-left,0px));color:#e8f0ec;background:#0e1615;flex-direction:column;font-family:Zen Kaku Gothic New,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;transition:opacity .18s;display:flex;position:fixed;inset:0}.notices.in{opacity:1}.notices-bar{flex:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.notices-bar b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;overflow:hidden}.notices-bar .sheet-btn{flex:none;height:38px;padding:0 14px;font-size:14px}.notices-frame{background:#f6fbf9;border:0;border-radius:12px 12px 0 0;flex:1;width:100%;min-height:0}@media (prefers-reduced-motion:reduce){.notices{transition:none}}.aq-load{z-index:120;opacity:1;background:#0b1210;transition:opacity .4s;position:fixed;inset:0;overflow:hidden}.aq-load.out{opacity:0;pointer-events:none}.aq-mark{aspect-ratio:900/269;will-change:transform;width:min(62vw,320px);animation:5.2s ease-in-out infinite aqbreathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aq-mark img{width:100%;height:100%;display:block;position:absolute;inset:0}.aq-mark .sh{filter:blur(8px)brightness(0);opacity:.6;transform:translateY(9px)scale(1.02)}.aq-mark .gl{position:absolute;inset:0;overflow:hidden;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.aq-mark .gl i{width:22%;animation:3.4s cubic-bezier(.5,0,.3,1) infinite aqsweep;animation-delay:var(--aq-glint,0s);will-change:transform;background:linear-gradient(100deg,#0000,#fffffff2 50%,#0000);position:absolute;top:-20%;bottom:-20%;left:-30%;transform:translate(-120%)skew(-18deg)}@keyframes aqsweep{0%{transform:translate(-120%)skew(-18deg)}58%,to{transform:translate(640%)skew(-18deg)}}@keyframes aqbreathe{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 5px))}}.aq-bub{pointer-events:none;position:absolute;inset:0}.aq-bub i{will-change:transform, opacity;background:radial-gradient(circle at 35% 35%,#ffffffbf,#c8ffeb40 45%,#a0f0cd0d 70%);border-radius:50%;animation:linear infinite aqrise;position:absolute;bottom:-24px;box-shadow:inset -1px -1px 2px #ffffff59}@keyframes aqrise{0%{opacity:0;transform:translate(0)scale(.6)}8%{opacity:1}to{transform:translate(var(--dx,8px), calc(-100vh - 40px)) scale(1);opacity:.4}}.aq-bub i:first-child{--dx:-12px;width:6px;height:6px;animation-duration:11s;animation-delay:-3s;left:14%}.aq-bub i:nth-child(2){--dx:16px;width:10px;height:10px;animation-duration:13s;animation-delay:-9s;left:27%}.aq-bub i:nth-child(3){--dx:6px;width:5px;height:5px;animation-duration:9.5s;animation-delay:-6s;left:46%}.aq-bub i:nth-child(4){--dx:-18px;width:12px;height:12px;animation-duration:14s;animation-delay:-1s;left:61%}.aq-bub i:nth-child(5){--dx:10px;width:7px;height:7px;animation-duration:10.5s;animation-delay:-12s;left:76%}.aq-bub i:nth-child(6){--dx:-8px;width:9px;height:9px;animation-duration:12.5s;animation-delay:-5s;left:88%}.aq-tip{text-align:center;color:#8fa39a;letter-spacing:.02em;width:min(82%,560px);min-height:1.6em;font-family:Zen Kaku Gothic New,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:clamp(11px,1.6vw,13.5px);line-height:1.6;animation:5.85s infinite aqtip;position:absolute;bottom:13%;left:50%;transform:translate(-50%)}.aq-tip:empty{animation:none}@keyframes aqtip{0%,6%{opacity:0;transform:translate(-50%,4px)}12%,88%{opacity:1;transform:translate(-50%)}95%,to{opacity:0;transform:translate(-50%,-4px)}}.aq-prog{opacity:0;background:#ffffff14;border-radius:2px;width:min(34%,220px);height:2px;transition:opacity .3s;position:absolute;bottom:8%;left:50%;overflow:hidden;transform:translate(-50%)}.aq-prog i{transform-origin:0;transform:scaleX(var(--p,0));background:#2fb98a;transition:transform .4s;position:absolute;inset:0}.aq-load.prog .aq-prog{opacity:1}@media (prefers-reduced-motion:reduce){.aq-load{transition:none}.aq-mark,.aq-bub i{animation:none}.aq-mark .gl i{animation-duration:6.8s}.aq-tip{animation:none}}.shellf{grid-template-columns:1fr 1fr;gap:8px;display:grid}.shellf>.sheet-btn{height:40px;padding:0 8px;font-size:13px}.fb-kinds{gap:8px;display:flex}.fb-kind{height:34px;font:inherit;color:#9fb3aa;cursor:pointer;background:#ffffff12;border:0;border-radius:999px;padding:0 14px;font-size:13px;box-shadow:inset 0 0 0 1px #ffffff1f}.fb-kind.on{color:#06221a;background:linear-gradient(#2fb98a,#1e8a67);font-weight:700;box-shadow:inset 0 1px #ffffff59}.fb-ta{resize:none;height:26vh;min-height:96px;max-height:220px;font:inherit;color:#e8f0ec;background:#ffffff0f;border:0;border-radius:12px;outline:none;padding:10px 12px;font-size:15px;line-height:1.5;box-shadow:inset 0 0 0 1px #ffffff1f}.fb-ta:focus{box-shadow:inset 0 0 0 1.5px #2fb98a}.fb-cnt{color:#9fb3aa;text-align:right;margin:-6px 2px 0;font-size:11px}.grecaptcha-badge{visibility:hidden!important}