:root{--paper: #f1e8d6;--paper2: #e8dcc3;--paper3: #fbf6ec;--ink: #1d1a17;--ink2: #4a4239;--ink3: #8a7f70;--red: #c8372d;--red2: #9a241c;--gold: #c9a13b;--line: #cbbd9f;--f-blade: #b8322c;--f-shrine: #3a7a40;--f-street: #d8a818;--f-gear: #2a8a90;--f-moon: #4a3f9a;--f-idol: #e0508a;--f-neutral: #7a6e5c;--disp: "Dela Gothic One", "Zen Kaku Gothic New", system-ui, sans-serif;--body: "Zen Kaku Gothic New", system-ui, sans-serif;--cw: 168px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;overflow-x:hidden;background-image:radial-gradient(#0000 0 1px,#0000 1px),repeating-linear-gradient(0deg,#00000005 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#0000000a 0 1px,#0000 1px 7px)}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{font-family:var(--disp);font-weight:400;margin:0;letter-spacing:.02em}a{color:var(--red)}#app{min-height:100%}.hidden{display:none!important}.btn{border:2px solid var(--ink);background:var(--paper3);padding:9px 18px;font-weight:700;border-radius:3px;box-shadow:3px 3px 0 var(--ink);transition:transform .08s,box-shadow .08s}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn.red{background:var(--red);color:#fff}.btn.ink{background:var(--ink);color:var(--paper3);box-shadow:3px 3px 0 var(--red)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--ink)}.btn.small{padding:5px 10px;font-size:13px;box-shadow:2px 2px 0 var(--ink)}.stamp{display:inline-grid;place-items:center;background:var(--red);color:#fff;font-family:var(--disp);border-radius:4px;padding:2px 8px;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #fff5}.coins{font-family:var(--disp);display:inline-flex;gap:6px;align-items:center}.coins:before{content:"";width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f7dc8a,var(--gold) 60%,#8a6a20);border:2px solid var(--ink);box-sizing:border-box}.topbar{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:2px solid var(--ink);background:var(--paper3);position:sticky;top:0;z-index:20}.topbar h2{font-size:22px}.topbar .sp{flex:1}.back{border:0;background:none;font-weight:700;font-size:15px;padding:4px 6px}.back:before{content:"← "}.page{max-width:1180px;margin:0 auto;padding:22px 18px 60px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--ink);color:var(--paper3);padding:10px 18px;border-radius:3px;z-index:200;box-shadow:3px 3px 0 var(--red);animation:toastIn .2s}@keyframes toastIn{0%{transform:translate(-50%,20px);opacity:0}}.modal{position:fixed;inset:0;background:#1d1a17bb;display:grid;place-items:center;z-index:100;padding:16px}.modal .sheet{background:var(--paper3);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:22px;max-width:560px;width:100%;max-height:90vh;overflow:auto}.card{--fc: var(--f-neutral);--fcd: color-mix(in srgb, var(--fc) 70%, #000);--fcl: color-mix(in srgb, var(--fc) 14%, #fff);width:var(--cw);aspect-ratio:5 / 7;position:relative;font-size:calc(var(--cw) / 14);flex:none;user-select:none;transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .15s;filter:drop-shadow(2px 3px 0 #1d1a1740)}.card.fac-blade{--fc: var(--f-blade)}.card.fac-shrine{--fc: var(--f-shrine)}.card.fac-street{--fc: var(--f-street);--fcd: #6a5410}.card.fac-gear{--fc: var(--f-gear)}.card.fac-moon{--fc: var(--f-moon)}.card.fac-idol{--fc: var(--f-idol)}.cframe{position:absolute;inset:0;background:#fffdf8;border:.32em solid var(--fc);display:flex;flex-direction:column;padding:.4em;gap:.3em;border-radius:.5em;overflow:hidden}.ctop{display:flex;align-items:center;gap:.35em;height:1.9em}.pow{font-family:var(--disp);background:var(--fc);color:#fff;min-width:1.9em;height:1.9em;border-radius:50%;display:grid;place-items:center;font-size:1.05em;line-height:1;box-shadow:inset 0 0 0 .12em #fff6}.boostpow{border-radius:.35em;min-width:2.2em;font-size:.9em}.boostpow.tag{font-size:.95em}.cname{font-weight:900;font-size:.92em;line-height:1.05;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ki{display:flex;gap:.15em}.ki i{width:.62em;height:.62em;background:#3fa0e0;border:.1em solid var(--ink);transform:rotate(45deg);border-radius:.1em}.cart{position:relative;aspect-ratio:1;border:.14em solid var(--ink);overflow:hidden;background:var(--fcl)}.cart img{width:100%;height:100%;image-rendering:pixelated;display:block}.csub{font-size:.66em;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--fcd);display:flex;align-items:center;gap:.4em}.fdot{width:.8em;height:.8em;background:var(--fc);transform:rotate(45deg)}.ctext{font-size:.74em;line-height:1.22;flex:1;color:var(--ink2);overflow:hidden}.ctext b{color:var(--ink)}.cfoot{display:flex;justify-content:space-between;align-items:center;font-size:.55em;color:var(--ink3);font-weight:700;letter-spacing:.06em}.gem{width:1.9em;height:1.9em;display:grid;place-items:center;color:#fff;font-family:var(--disp);background:#8a8378;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);font-size:.95em}.rar-R .gem{background:#7c8ea0}.rar-E .gem{background:#8a4ad0}.rar-L .gem{background:var(--gold)}.rar-S .gem{background:linear-gradient(135deg,#f06,#fc0,#0cf,#c3f)}.count{position:absolute;right:-.4em;top:-.5em;background:var(--ink);color:#fff;font-family:var(--disp);font-size:.8em;padding:.15em .45em;border-radius:1em;z-index:3}.card.dim{filter:grayscale(1) opacity(.42)}.fac-blade .cframe{border-radius:0;clip-path:polygon(9% 0,100% 0,100% 93%,91% 100%,0 100%,0 7%)}.fac-blade .cframe:after{content:"";position:absolute;left:0;top:0;width:1.6em;height:1.6em;background:linear-gradient(135deg,var(--fc) 50%,#0000 50%)}.fac-shrine .cframe{border-radius:1.4em .4em}.fac-street .cframe{border-radius:.2em;clip-path:polygon(0 0,100% 0,100% 96%,94% 100%,88% 97%,80% 100%,72% 97%,64% 100%,56% 97%,48% 100%,40% 97%,32% 100%,24% 97%,16% 100%,8% 97%,0 100%)}.fac-gear .cframe{border-radius:0;clip-path:polygon(7% 0,93% 0,100% 5%,100% 95%,93% 100%,7% 100%,0 95%,0 5%)}.fac-gear .cframe:before{content:"";position:absolute;inset:.25em;pointer-events:none;background:radial-gradient(circle,var(--fc) .18em,#0000 .22em) 0 0 / 100% 100% no-repeat,radial-gradient(circle at .5em .5em,var(--fc) .18em,#0000 .22em),radial-gradient(circle at calc(100% - .5em) .5em,var(--fc) .18em,#0000 .22em),radial-gradient(circle at .5em calc(100% - .5em),var(--fc) .18em,#0000 .22em),radial-gradient(circle at calc(100% - .5em) calc(100% - .5em),var(--fc) .18em,#0000 .22em)}.fac-moon .cframe{border-radius:0;-webkit-mask:radial-gradient(circle 1.1em at 0 0,#0000 98%,#000) top left,radial-gradient(circle 1.1em at 100% 0,#0000 98%,#000) top right,radial-gradient(circle 1.1em at 0 100%,#0000 98%,#000) bottom left,radial-gradient(circle 1.1em at 100% 100%,#0000 98%,#000) bottom right;-webkit-mask-size:51% 51%;-webkit-mask-repeat:no-repeat;mask:radial-gradient(circle 1.1em at 0 0,#0000 98%,#000) top left,radial-gradient(circle 1.1em at 100% 0,#0000 98%,#000) top right,radial-gradient(circle 1.1em at 0 100%,#0000 98%,#000) bottom left,radial-gradient(circle 1.1em at 100% 100%,#0000 98%,#000) bottom right;mask-size:51% 51%;mask-repeat:no-repeat}.fac-idol .cframe{border-radius:.4em;-webkit-mask:radial-gradient(circle .45em at 50% 0,#0000 96%,#000) 0 0 / 1.2em 100% repeat-x;mask:radial-gradient(circle .45em at 50% 0,#0000 96%,#000) 0 0 / 1.2em 100% repeat-x;padding-top:.7em}.fac-idol .ctop{margin-top:-.1em}.fac-neutral .cframe{border-radius:.5em}.fac-moon .cframe{background:#fbfaff}.fac-street .cframe{background:#fffcf0}.fac-shrine .cframe{background:#fbfff6}.rar-R .cframe{border-image:linear-gradient(135deg,#e8edf2,#8a9aaa,#f4f7fa,#7a8a9a) 1}.rar-R.fac-shrine .cframe,.rar-R.fac-neutral .cframe,.rar-R.fac-idol .cframe{border-image:none;border-color:#9aa8b6;outline:.14em solid var(--fc);outline-offset:-.46em}.rar-E .cart:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#0000 35%,#fff8,#0000 55%);background-size:300% 100%;animation:shimmer 3.2s infinite linear;mix-blend-mode:soft-light}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}.rar-L .cframe{border-color:var(--gold);box-shadow:inset 0 0 0 .14em var(--fc)}.foil{position:absolute;inset:0;pointer-events:none;border-radius:.5em;opacity:0}.rar-L .foil,.rar-S .foil{opacity:.55;mix-blend-mode:color-dodge;background:repeating-linear-gradient(115deg,#ff7aa880,#ffd36a80,#6affc880,#6ac8ff80,#c87aff80,#ff7aa880 30%) var(--mx, 50%) var(--my, 50%) / 220% 220%,radial-gradient(circle at var(--mx, 50%) var(--my, 30%),#ffffff70,#0000 45%);clip-path:inherit}.rar-L .foil{opacity:.32}.rar-S .cframe{border-color:transparent;background:linear-gradient(#fffdf6,#fffdf6) padding-box,linear-gradient(135deg,#f7d774,#b8862b,#fff1b8,#c9952f,#f7d774) border-box}.rar-S .pow{background:linear-gradient(135deg,#e0a830,#8a5a10)}.rar-S .cname{background:linear-gradient(90deg,#8a5a10,#c88a20,#8a5a10);-webkit-background-clip:text;color:transparent}.rar-S{filter:drop-shadow(0 0 6px #f7d77499) drop-shadow(2px 3px 0 #1d1a1740)}.card.back .cback{position:absolute;inset:0;border-radius:.5em;border:.32em solid var(--ink);background:var(--red) repeating-linear-gradient(45deg,#0000 0 .5em,#ffffff14 .5em 1em);display:grid;place-items:center;align-content:center;gap:.2em;color:#fff}.cback span{font-family:var(--disp);font-size:2.8em;line-height:1;border:.1em solid #fff;padding:.15em;border-radius:.2em}.cback b{font-family:var(--disp);font-weight:400;letter-spacing:.3em;font-size:1em}.gallery{display:flex;flex-wrap:wrap;gap:14px;padding:20px}.lead{font-size:16px;color:var(--ink2);max-width:720px}.hint{color:var(--ink3);font-size:13px}.fbadge{display:inline-block;font-style:normal;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:2px 7px;border-radius:2px;background:var(--f-neutral);margin-right:4px}.fb-blade{background:var(--f-blade)}.fb-shrine{background:var(--f-shrine)}.fb-street{background:var(--f-street);color:var(--ink)}.fb-gear{background:var(--f-gear)}.fb-moon{background:var(--f-moon)}.fb-idol{background:var(--f-idol)}.stamp.big{font-size:40px;padding:8px 12px}.stamp.huge{font-size:44px;padding:10px 22px;letter-spacing:.04em}.stamp.lose{background:var(--ink)}.bad{color:var(--red);font-style:normal;font-weight:900}.good{color:#2a8a40;font-style:normal;font-weight:900}.panel{background:var(--paper3);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:20px}.ob-head{display:flex;gap:20px;align-items:center;margin-bottom:18px}.ob-head h1{font-size:30px}.namefield{display:flex;gap:10px;align-items:center;font-weight:700;margin:10px 0 18px}.namefield input,.online input,.dname,.search{font:inherit;padding:8px 10px;border:2px solid var(--ink);background:#fff;border-radius:2px}.ob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ob-fac{display:flex;gap:14px;align-items:flex-start;text-align:left;background:var(--paper3);border:2px solid var(--line);padding:14px;border-radius:4px;--cw: 130px}.ob-fac.on{border-color:var(--ink);box-shadow:4px 4px 0 var(--red);background:#fff}.ob-info h3{font-size:18px;margin-bottom:4px}.ob-info p{font-size:13px;color:var(--ink2);margin:8px 0 0}.ob-go{margin-top:22px}.home{min-height:100vh;display:flex;flex-direction:column}.home-top{display:flex;justify-content:space-between;align-items:center;padding:22px 34px;border-bottom:3px double var(--ink)}.logo{display:flex;gap:16px;align-items:center}.logo .kanji{font-family:var(--disp);font-size:54px;background:var(--red);color:#fff;padding:4px 12px;line-height:1.1;transform:rotate(-3deg);box-shadow:4px 4px 0 var(--ink)}.logo h1{font-size:56px;line-height:.9;letter-spacing:.08em}.logo p{margin:4px 0 0;font-weight:700;color:var(--ink2);letter-spacing:.2em;text-transform:uppercase;font-size:12px}.who{display:flex;gap:14px;align-items:center}.home-main{flex:1;display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:40px;padding:30px 34px;max-width:1240px;width:100%;margin:0 auto}.menu{display:flex;flex-direction:column;gap:10px}.entry{position:relative;text-align:left;background:var(--paper3);border:2px solid var(--ink);padding:12px 18px 12px 26px;box-shadow:4px 4px 0 var(--ink);display:flex;flex-direction:column;transition:transform .1s}.entry:before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:6px;background:var(--red)}.entry:hover{transform:translate(6px)}.entry span{font-family:var(--disp);font-size:22px}.entry small{color:var(--ink3);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.entry em{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:var(--disp);font-style:normal;font-size:22px;color:var(--red)}.entry.big{background:var(--ink);color:var(--paper3);box-shadow:4px 4px 0 var(--red);padding:20px 18px 20px 26px}.entry.big span{font-size:30px}.entry.big small{color:#d8cbb0}.entry.thin{padding:8px 18px 8px 26px}.entry.thin span{font-size:16px}.showcase{position:relative;min-height:440px;--cw: 220px}.sc{position:absolute;top:20px}.sc0{left:4%;transform:rotate(-8deg);z-index:1}.sc1{left:30%;top:0;z-index:3}.sc2{left:56%;transform:rotate(7deg);z-index:2}.record{position:absolute;right:0;bottom:0;display:grid;grid-template-columns:auto auto;gap:4px 16px;background:var(--paper3);border:2px solid var(--ink);padding:12px 16px;font-size:13px}.record b{font-family:var(--disp);text-align:right}.home-foot{padding:14px 34px;font-size:13px;color:var(--ink3);border-top:1px solid var(--line)}.howto .rule{display:flex;gap:18px;margin-bottom:18px;background:var(--paper3);border:2px solid var(--ink);padding:16px 18px}.howto .num{font-family:var(--disp);font-size:32px;color:var(--red);width:40px;flex:none}.howto h3{font-size:19px;margin-bottom:4px}.howto p{margin:0;line-height:1.5}.example{margin-top:10px;background:#fff;border:1px dashed var(--ink3);padding:10px 12px;font-size:14px;display:grid;gap:4px}.bracket{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;counter-reset:r}.rung{display:flex;align-items:center;gap:16px;background:var(--paper3);border:2px solid var(--ink);padding:10px 16px;position:relative}.rung:before{counter-increment:r;content:counter(r);font-family:var(--disp);font-size:22px;width:30px;color:var(--ink3)}.rung .face{width:64px;height:64px;image-rendering:pixelated;border:2px solid var(--ink)}.rinfo{flex:1;display:flex;flex-direction:column}.rinfo small{color:var(--ink3);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.rinfo b{font-size:19px}.rung.locked{opacity:.55}.rung.locked .face{filter:brightness(0) opacity(.5)}.rung.next{box-shadow:5px 5px 0 var(--red)}.rung.final{border-width:3px;background:#fff8e6}.rung .stamp{position:absolute;right:130px}.lock{font-weight:700;color:var(--ink3)}.talk{display:flex;gap:18px;align-items:flex-start}.talk img{width:128px;height:128px;image-rendering:pixelated;border:3px solid var(--ink);flex:none}.talk b{font-family:var(--disp);font-size:20px}.talk p{font-size:18px;min-height:54px;line-height:1.4}.duel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.duel-op{background:var(--paper3);border:2px solid var(--ink);padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:3px 3px 0 var(--ink)}.duel-op img{width:96px;height:96px;image-rendering:pixelated;border:2px solid var(--ink)}.duel-op small{color:var(--ink3);font-weight:700}.duel-op.locked img{filter:brightness(0) opacity(.4)}.duel-op:disabled{cursor:not-allowed;opacity:.6}.online-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.online input{width:140px;font-family:var(--disp);font-size:22px;letter-spacing:.2em;text-transform:uppercase;margin-right:10px}.lobby{max-width:460px;margin:40px auto;text-align:center}.bigcode{font-family:var(--disp);font-size:64px;letter-spacing:.2em;color:var(--red);margin:10px 0}.battle{--cw: 112px;min-height:100vh;display:grid;grid-template-columns:250px 1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"top top" "rv arena" "me arena" "hand hand";position:relative;overflow:hidden}.bt-top{grid-area:top;display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:2px solid var(--ink);background:var(--ink);color:var(--paper3)}.bt-title{font-weight:900;flex:1}.bt-round{font-family:var(--disp);font-size:18px;display:flex;gap:16px}.bt-round span{color:#f6c840}.timer{font-family:var(--disp);background:var(--paper3);color:var(--ink);padding:2px 10px;border-radius:3px;min-width:52px;text-align:center}.timer.low{background:var(--red);color:#fff}.bt-side{padding:14px;display:flex;flex-direction:column;gap:10px;border-right:2px solid var(--ink);background:var(--paper2)}.rvside{grid-area:rv;border-bottom:2px dashed var(--ink3)}.meside{grid-area:me;justify-content:flex-end}.avatar{width:96px;height:96px;image-rendering:pixelated;border:3px solid var(--ink);align-self:flex-start}.who b{font-family:var(--disp);font-size:17px}.hp{position:relative;height:22px;background:#fff;border:2px solid var(--ink);margin-top:4px}.hpfill{position:absolute;inset:0 auto 0 0;background:linear-gradient(#58b860,#3a9040);transition:width .45s cubic-bezier(.3,1.4,.5,1)}.hp.low .hpfill{background:linear-gradient(#e85a4a,var(--red))}.hp span{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:12px}.hp.hit{animation:hpHit .45s}@keyframes hpHit{30%{transform:translate(-6px);background:#ffd0c8}60%{transform:translate(5px)}}.kipips{display:flex;gap:4px;align-items:center;margin-top:6px}.kipips i{width:13px;height:13px;transform:rotate(45deg);border:2px solid var(--ink);background:#fff}.kipips i.on{background:#3fa0e0}.kipips i.spend{background:#a8d6f4;outline:2px dashed #3fa0e0}.kipips small{margin-left:8px;font-weight:900}.piles{display:flex;gap:14px;font-size:13px;color:var(--ink2)}.rvhand{display:flex;gap:3px}.rvhand i{width:16px;height:22px;background:var(--red);border:2px solid var(--ink);border-radius:2px}.commit{display:flex;flex-direction:column;gap:8px}.preview{font-size:14px;background:#fff;border:2px solid var(--ink);padding:8px 10px;min-height:52px}.preview small{display:block;color:var(--ink3);font-size:11px}#go{font-family:var(--disp);font-size:22px;padding:10px}.arena{grid-area:arena;display:grid;grid-template-rows:1fr auto 1fr;padding:14px 24px;gap:6px;background:radial-gradient(ellipse at center,#fffaf0 0,#0000 70%)}.lane{display:flex;align-items:center;gap:22px;padding:8px 14px;border:2px solid transparent;border-radius:4px;transition:background .3s}.lane.overload{background:repeating-linear-gradient(-45deg,#c8372d22 0 10px,#0000 10px 20px);border-color:var(--red)}.slots{display:flex;gap:10px}.slot{width:var(--cw);aspect-ratio:5 / 7;border:2px dashed var(--ink3);border-radius:6px;display:grid;place-items:center;color:var(--ink3);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.slot.f{width:calc(var(--cw) * 1.12);--cw: 126px}.slot.filled{border-color:transparent}.slot .card{cursor:pointer}.slot.clear .card{transition:transform .25s,opacity .25s;transform:translateY(-20px) scale(.9);opacity:0}.rvlane .slot.f,.melane .slot.f{order:-1}.card.slam{animation:slam .35s cubic-bezier(.2,1.6,.4,1) both}@keyframes slam{0%{transform:translateY(-80px) scale(1.3) rotate(-6deg);opacity:0}}.card.flipin{animation:flipin .45s both}@keyframes flipin{0%{transform:rotateY(90deg)}}.card.pulse{animation:pulse .35s}@keyframes pulse{40%{transform:scale(1.12) translateY(-6px);filter:drop-shadow(0 0 10px #f6c840)}}.meter{flex:1;min-width:220px}.mval{font-family:var(--disp);font-size:40px;line-height:1}.mval span{font-size:20px;color:var(--ink3)}.mval i{font-style:normal}.mtrack{position:relative;height:22px;background:#fff;border:2px solid var(--ink);margin-top:8px}.mfill{position:absolute;inset:0 auto 0 0;width:0;background:var(--ink2);transition:width .25s}.mlimit{position:absolute;top:-8px;bottom:-8px;width:4px;background:var(--red);transition:left .3s;margin-left:-2px}.mlimit em{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:10px;font-style:normal;font-weight:900;color:var(--red);letter-spacing:.1em}.meter.near .mfill{background:#d89020}.meter.exact .mfill{background:linear-gradient(90deg,#f6c840,#e08a10)}.meter.exact .mval b{color:#c07a00}.meter.over .mfill{background:var(--red)}.meter.over .mval b{color:var(--red)}.meter.over .mtrack{animation:buzz .15s 4}@keyframes buzz{50%{transform:translate(3px)}}.mid{display:grid;place-items:center;min-height:40px}.clashword .clash{font-family:var(--disp);font-size:56px;color:var(--red);-webkit-text-stroke:2px var(--ink);animation:pop .5s;display:inline-block}.clashword .wait{font-weight:900;color:var(--ink3);letter-spacing:.1em;text-transform:uppercase}@keyframes pop{0%{transform:scale(2.4);opacity:0}60%{transform:scale(.9)}}.hand{grid-area:hand;display:flex;justify-content:center;gap:8px;padding:14px 16px 18px;background:var(--paper2);border-top:2px solid var(--ink);min-height:calc(var(--cw) * 1.4 + 40px);--cw: 124px;overflow-x:auto}.hcard{position:relative;cursor:pointer;transition:transform .15s}.hcard:hover{transform:translateY(-10px)}.hcard.sel{transform:translateY(-18px)}.hcard.sel .card{outline:4px solid var(--red);outline-offset:2px;border-radius:6px}.hcard.cant .card{filter:grayscale(.8) opacity(.6)}.hcard .need{position:absolute;left:50%;bottom:8px;transform:translate(-50%);background:var(--ink);color:#fff;font-size:11px;font-weight:900;padding:2px 6px;white-space:nowrap}.hcard.fresh{animation:dealIn .45s both;animation-delay:calc(var(--i) * 60ms)}@keyframes dealIn{0%{transform:translateY(80px) rotate(8deg);opacity:0}}.battle.locked .hand{opacity:.55;pointer-events:none}.battle.shake{animation:shake .4s}.battle.shake.big{animation:shake .6s}@keyframes shake{20%{transform:translate(-8px,4px)}40%{transform:translate(7px,-5px)}60%{transform:translate(-5px,3px)}80%{transform:translate(3px,-2px)}}.floater{position:absolute;z-index:40;pointer-events:none;font-family:var(--disp);font-size:28px;transform:translate(-50%);animation:floatUp 1.1s forwards;-webkit-text-stroke:1.5px var(--ink);color:#fff;white-space:nowrap}.floater.add{color:#f6c840}.floater.sub{color:#b0a8ff}.floater.mult{color:#ff9a3a;font-size:40px}.floater.dmg{color:var(--red);font-size:40px}.floater.heal{color:#58c860;font-size:34px}.floater.lim{font-size:20px;color:#fff;background:var(--red);-webkit-text-stroke:0;padding:2px 8px}.floater.lim.up{background:var(--f-shrine)}.floater.over{font-size:46px;color:var(--red)}.floater.note{font-size:16px;-webkit-text-stroke:0;color:var(--ink);background:#fff;border:2px solid var(--ink);padding:2px 8px}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50px)}}.log{position:absolute;right:0;top:46px;bottom:0;width:330px;background:var(--paper3);border-left:2px solid var(--ink);padding:14px;overflow-y:auto;z-index:30}.log ol{list-style:none;padding:0}.log li{border-bottom:1px solid var(--line);padding:8px 0;display:flex;flex-direction:column;font-size:13px;gap:2px}.log em{color:var(--ink3);font-style:normal}.fx{position:absolute;inset:0;pointer-events:none;z-index:50}.impact{position:absolute;inset:0;display:grid;place-items:center;background:#fff;animation:impIn .18s;overflow:hidden}.impact .lines{position:absolute;inset:-50%;background:repeating-conic-gradient(from 0deg at 50% 50%,var(--ink) 0deg 1.4deg,#0000 1.4deg 7deg);animation:spin 1.2s linear;opacity:.9}.impact.mine .lines{background:repeating-conic-gradient(from 0deg at 50% 50%,var(--ink) 0deg 1.4deg,#0000 1.4deg 7deg),radial-gradient(#fff 22%,#0000 23%)}.impact img{position:relative;width:300px;height:300px;image-rendering:pixelated;border:6px solid var(--ink);background:#fff;animation:zoomIn .5s cubic-bezier(.2,1.4,.4,1);box-shadow:10px 10px 0 var(--red)}.impact .kw{position:absolute;font-family:var(--disp);font-size:120px;line-height:.95;color:var(--red);-webkit-text-stroke:4px var(--ink);text-align:center;transform:rotate(-8deg);animation:pop .5s .1s both;text-shadow:6px 6px 0 var(--ink)}.impact.perfect .kw{color:#f6c840;font-size:104px}.impact.theirs{background:var(--ink)}.impact.theirs .lines{background:repeating-conic-gradient(#fff 0deg 1.2deg,#0000 1.2deg 7deg);opacity:.5}.impact .who{position:absolute;bottom:8%;background:var(--ink);color:#fff;font-weight:900;padding:6px 16px;letter-spacing:.1em;text-transform:uppercase}.impact.draw .kw{color:#fff}@keyframes impIn{0%{opacity:0}}@keyframes spin{to{transform:rotate(12deg) scale(1.05)}}@keyframes zoomIn{0%{transform:scale(.3) rotate(-10deg)}}.endscreen{position:absolute;inset:0;background:#1d1a17cc;display:grid;place-items:center;pointer-events:auto;animation:impIn .3s}.endcard{background:var(--paper3);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--red);padding:28px 34px;display:flex;flex-direction:column;gap:16px;align-items:center;max-width:520px}.endtalk{display:flex;gap:14px;align-items:center}.endtalk img{width:88px;height:88px;image-rendering:pixelated;border:2px solid var(--ink)}.endtalk p{font-size:17px;font-style:italic}.endstats{display:grid;grid-template-columns:auto auto auto auto;gap:4px 14px;font-size:14px}.endstats b{font-family:var(--disp)}.reward .coins{font-size:30px}.endbtns{display:flex;gap:10px}.filters{display:flex;flex-direction:column;gap:8px;margin:14px 0}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{border:2px solid var(--ink);background:var(--paper3);padding:4px 10px;font-weight:700;font-size:13px;border-radius:2px}.chip.on{background:var(--ink);color:#fff}.chip.fc-blade.on{background:var(--f-blade)}.chip.fc-shrine.on{background:var(--f-shrine)}.chip.fc-street.on{background:var(--f-street);color:var(--ink)}.chip.fc-gear.on{background:var(--f-gear)}.chip.fc-moon.on{background:var(--f-moon)}.chip.fc-idol.on{background:var(--f-idol)}.search{margin-left:auto;min-width:220px}.grid{display:flex;flex-wrap:wrap;gap:14px}.grid .card{cursor:pointer}.grid.small{--cw: 128px;gap:10px}.builder{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start}.pc{position:relative;cursor:pointer}.pc.out{opacity:.4}.pc:hover .card{transform:translateY(-4px)}.avail{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);background:var(--ink);color:#fff;font-size:10px;font-weight:900;padding:1px 6px;white-space:nowrap}.deckpanel{position:sticky;top:70px;background:var(--paper3);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:14px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 90px);overflow-y:auto}.dname{font-family:var(--disp);font-size:18px;width:100%}.dcount{font-size:15px}.dcount b{font-family:var(--disp);font-size:26px;color:var(--red)}.dcount.ok b{color:#2a8a40}.dsplit{display:flex;justify-content:space-between;font-size:14px}.curve small,.kibar small{display:block;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3)}.bars{display:flex;gap:3px;height:60px;align-items:flex-end;margin-top:4px}.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.bar i{background:var(--ink);min-height:1px}.bar span{font-size:10px;text-align:center;color:var(--ink3)}.kibar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.kibar small{width:100%}.kibar span{display:flex;gap:4px;align-items:center;font-size:13px}.kibar i{font-style:normal;background:#3fa0e0;color:#fff;font-weight:900;font-size:11px;padding:0 5px}.dlist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.dl{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--f-neutral);padding:4px 8px;font-size:13px;cursor:pointer}.dl:hover{background:#fff0ec;text-decoration:line-through}.dl.fc-blade{border-left-color:var(--f-blade)}.dl.fc-shrine{border-left-color:var(--f-shrine)}.dl.fc-street{border-left-color:var(--f-street)}.dl.fc-gear{border-left-color:var(--f-gear)}.dl.fc-moon{border-left-color:var(--f-moon)}.dl.fc-idol{border-left-color:var(--f-idol)}.dp{font-family:var(--disp);width:26px}.dnm{flex:1;font-weight:700}.dk{background:#3fa0e0;color:#fff;font-size:10px;padding:0 4px;font-weight:900}.dx{color:var(--ink3);font-weight:900}.derr{color:var(--red);font-size:13px;font-weight:700}.dok{color:#2a8a40;font-weight:900;font-size:14px}.dbtns,.decktabs{display:flex;flex-wrap:wrap;gap:6px}.dtab{border:2px solid var(--ink);background:var(--paper3);padding:6px 12px;font-weight:700}.dtab.on{background:var(--ink);color:#fff}.dtab i{font-style:normal;font-size:10px;background:var(--red);color:#fff;padding:1px 4px;margin-left:4px}.dtab.add{border-style:dashed}.zoom{display:flex;gap:22px;align-items:flex-start}.zoom .card.big{--cw: 250px}.zinfo h3{font-size:24px}.ztitle{color:var(--ink3);margin-top:0}.owned b{font-family:var(--disp)}.modal .sheet:has(.zoom){max-width:680px}.shelf{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin:24px 0}.shelfitem{display:flex;flex-direction:column;align-items:center;gap:10px}.pack{--pc: var(--red);width:130px;aspect-ratio:5 / 8;position:relative;border:3px solid var(--ink);background:linear-gradient(160deg,color-mix(in srgb,var(--pc) 70%,#fff),var(--pc) 45%,color-mix(in srgb,var(--pc) 70%,#000));box-shadow:4px 4px 0 var(--ink);display:flex;flex-direction:column;overflow:hidden;transition:transform .15s}.pack:hover{transform:rotate(-2deg) translateY(-4px)}.pk-blade{--pc: var(--f-blade)}.pk-shrine{--pc: var(--f-shrine)}.pk-street{--pc: var(--f-street)}.pk-gear{--pc: var(--f-gear)}.pk-moon{--pc: var(--f-moon)}.pk-idol{--pc: var(--f-idol)}.pk-all{background:linear-gradient(160deg,#f0d880,#c9a13b 40%,#c8372d 41%,#9a241c)}.pk-top{height:10%;background:repeating-linear-gradient(90deg,#0000 0 6px,#00000030 6px 8px),#ffffff40;border-bottom:2px dashed #ffffffaa;transition:transform .5s,opacity .5s}.pk-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;text-align:center;padding:6px}.pk-k{font-family:var(--disp);font-size:24px;background:#fff;color:var(--ink);padding:0 6px;transform:rotate(-4deg)}.pk-body img{width:70%;image-rendering:pixelated;border:2px solid var(--ink)}.pk-body b{font-family:var(--disp);font-weight:400;font-size:13px;text-shadow:1px 1px 0 var(--ink);line-height:1.1}.pk-body small{font-size:10px;font-weight:700}.odds{font-size:13px;color:var(--ink2);background:var(--paper3);border:1px solid var(--line);padding:10px 14px}.opening{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle,#fffaf0,var(--paper) 60%,var(--paper2));transition:background .3s}.opening.flash.legend{animation:flashL .9s}.opening.flash.secret{animation:flashS .9s}@keyframes flashL{10%{background:#fff6c0}}@keyframes flashS{10%{background:#ffe9a0}30%{background:#ffd0f0}50%{background:#c0f0ff}}.op-stage{display:flex;flex-direction:column;align-items:center;gap:22px}.pack.big{width:230px;cursor:pointer;animation:bob 2s infinite ease-in-out}.pack.big .pk-body b{font-size:20px}.pack.big .pk-k{font-size:40px}@keyframes bob{50%{transform:translateY(-8px) rotate(1deg)}}.pack.torn{animation:none}.pack.torn .pk-top{transform:translate(60px,-60px) rotate(25deg);opacity:0}.pack.torn{transform:scale(1.05);transition:transform .6s,opacity .6s .2s;opacity:0}.op-hint{font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}.op-row{display:flex;gap:18px;--cw: 190px;perspective:1000px}.op-card{width:var(--cw);aspect-ratio:5 / 7;position:relative;cursor:pointer;opacity:0;transform:translateY(60px);transition:opacity .3s,transform .4s cubic-bezier(.2,1.4,.4,1)}.op-card.dealt{opacity:1;transform:none}.op-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.3,.5,1)}.op-card.flipped .op-inner{transform:rotateY(180deg)}.op-back,.op-front{position:absolute;inset:0;backface-visibility:hidden}.op-front{transform:rotateY(180deg)}.op-card:not(.flipped).r-R .op-back{filter:drop-shadow(0 0 8px #9ab0c8)}.op-card:not(.flipped).r-E .op-back{filter:drop-shadow(0 0 12px #a060f0);animation:glow 1.2s infinite}.op-card:not(.flipped).r-L .op-back,.op-card:not(.flipped).r-S .op-back{filter:drop-shadow(0 0 16px #f6c840);animation:glow .6s infinite}@keyframes glow{50%{transform:translateY(-4px) rotate(-1deg)}}.op-label{position:absolute;bottom:-28px;width:100%;text-align:center;font-weight:900;opacity:0;transition:opacity .3s .4s;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.op-card.flipped .op-label{opacity:1}.r-L .op-label{color:#b8860b}.r-S .op-label{color:#c8372d}.r-E .op-label{color:#8a4ad0}.newtag{position:absolute;top:-10px;left:-10px;background:var(--red);color:#fff;font-family:var(--disp);font-size:14px;padding:2px 8px;transform:rotate(-10deg);z-index:5;border:2px solid var(--ink)}.op-btns{margin-top:30px;display:flex;gap:10px}