:root{--paper:#efe5cf;--paper-2:#e5d6b6;--paper-3:#d6c29a;--ink:#17140f;--ink-2:#2b261e;--ink-soft:#17140f9e;--verm:#d5402b;--verm-2:#a92c1c;--indigo:#2e4a8c;--indigo-2:#1f3466;--gold:#d9ab45;--jade:#3fbf8f;--frost:#bfe6f2;--f-display:"Yuji Syuku", "Shippori Mincho B1", serif;--f-serif:"Shippori Mincho B1", "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--fibers:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .25' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .2 0 0 0 .35 -.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--plaque:polygon(50% 0, 100% 21%, 100% 100%, 0 100%, 0 21%);--brush:polygon(0 22%, 3% 4%, 28% 10%, 55% 0, 82% 7%, 97% 0, 100% 30%, 98% 78%, 74% 100%, 46% 90%, 20% 100%, 2% 86%)}*{box-sizing:border-box}html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#0d0806;height:100%;margin:0;overflow:hidden}#viewport{background:radial-gradient(at 50% 40%,#2a1b12 0%,#0d0806 75%);position:fixed;inset:0}#stage{transform-origin:50%;width:1600px;height:900px;font-family:var(--f-serif);color:var(--ink);background:var(--paper);position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 0 0 1px #000,0 30px 80px #0009}button{font:inherit;color:inherit}.world{transform-origin:50%;position:absolute;inset:0}.table{background:radial-gradient(72% 70% at 50% 48%,#0000 52%,#5f3a1852 100%),linear-gradient(#f1e7d1,#e9dcbf);position:absolute;inset:0}.table:before{content:"";background-image:var(--fibers), var(--grain);opacity:.55;mix-blend-mode:multiply;position:absolute;inset:0}.table:after{content:"";background-image:linear-gradient(#d5402b12 1px,#0000 1px),linear-gradient(90deg,#d5402b12 1px,#0000 1px);background-position:0 2px;background-size:68px 68px;height:356px;position:absolute;top:248px;left:250px;right:250px;-webkit-mask-image:radial-gradient(#000 40%,#0000 75%);mask-image:radial-gradient(#000 40%,#0000 75%)}.scenery{width:100%;height:100%;position:absolute;inset:0}.scenery .divider{fill:var(--ink);opacity:.32}.layer{pointer-events:none;position:absolute;inset:0}.decals,.fx{pointer-events:none;width:1600px;height:900px;position:absolute;inset:0}.decals{z-index:1;mix-blend-mode:multiply}.hud{z-index:2}.ents{z-index:3}.fx{z-index:4}.float{z-index:5}.overlay{z-index:10}.sun{background:radial-gradient(circle at 38% 34%, #ffffff59, transparent 45%), var(--hue);opacity:.9;border-radius:50%;width:96px;height:96px;margin:-48px 0 0 -48px;position:absolute;top:52%;left:50%}.glyph{filter:brightness(0)drop-shadow(3px 2px #d5402b80);font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;font-size:84px;line-height:1;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.glyph.wash{filter:grayscale()contrast(1.9)brightness(.72)drop-shadow(3px 2px #d5402b73)}.ent{pointer-events:auto;will-change:transform;transition:transform .42s cubic-bezier(.18,.9,.24,1.06);position:absolute;top:0;left:0}.ent .body{transform-style:preserve-3d;position:absolute;inset:0}.card{width:200px;height:280px;margin:-140px 0 0 -100px}.card .body{transition:transform .3s}.card.playable{cursor:grab}.card.dragging,.card.dragging .body{pointer-events:none;cursor:grabbing;transition:none;z-index:500!important}.face{background:var(--fibers), var(--grain), linear-gradient(170deg, #f5ecda, #e8dabd);border:3px solid var(--ink);border-radius:16px;transition:box-shadow .25s;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff59,0 10px 22px -6px #1e0f058c}.face:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff47,#0000 38%);border-radius:13px;position:absolute;inset:0}.face .art{border:2.5px solid var(--ink);background:radial-gradient(ellipse at 50% 130%, #17140f29, transparent 60%), var(--grain), var(--paper-2);border-radius:86px 86px 10px 10px;height:128px;position:absolute;top:14px;left:14px;right:14px;overflow:hidden}.face.t-spell .art{height:134px;box-shadow:0 0 0 4px var(--paper), 0 0 0 6.5px var(--verm);border-radius:50%;top:10px;left:33px;right:33px}.face .art .glyph{font-size:80px}.face .name{background:var(--ink);height:38px;color:var(--paper);clip-path:var(--brush);font:800 17px/1 var(--f-serif);letter-spacing:.02em;white-space:nowrap;place-items:center;display:grid;position:absolute;top:134px;left:-9px;right:-9px}.face .name.long{font-size:14px}.face .gem{width:13px;height:13px;margin-left:-6.5px;position:absolute;top:168px;left:50%;transform:rotate(45deg)}.r-rare .gem{background:var(--indigo);border:2px solid var(--ink)}.r-epic .gem{border:2px solid var(--ink);background:#8b4a8b}.r-legendary .gem{background:var(--gold);border:2px solid var(--ink)}.face.r-legendary{box-shadow:inset 0 0 0 3px var(--gold), 0 0 0 2px var(--gold), 0 10px 22px -6px #1e0f058c;border-color:#6e5214}.face .text{text-align:center;font:700 15px/1.22 var(--f-serif);color:var(--ink);justify-content:center;align-items:center;display:flex;position:absolute;inset:182px 16px 30px}.face .text.long{font-size:13.5px;line-height:1.17}.face .text.xlong{font-size:12.5px;line-height:1.13}.face .text b{color:var(--verm-2);font-weight:800}.face .text i{color:var(--ink-soft);font-size:13.5px;font-weight:500}.face .kind{text-align:center;font:800 10px/1 var(--f-serif);letter-spacing:.32em;text-transform:uppercase;color:var(--verm-2);position:absolute;bottom:9px;left:0;right:0}.cost{border:3px solid var(--ink);background:radial-gradient(circle at 40% 62%, #6f8fd6, var(--indigo) 55%, var(--indigo-2));border-radius:50% 0 50% 50%;width:54px;height:54px;position:absolute;top:-14px;left:-16px;transform:rotate(-45deg);box-shadow:0 3px #00000040}.cost span{color:#fff9ea;font:800 27px/1 var(--f-serif);text-shadow:0 2px 0 var(--indigo-2);place-items:center;display:grid;position:absolute;inset:0;transform:rotate(45deg)translateY(2px)}.stat{border:3px solid var(--ink);color:#fff9ea;width:50px;height:50px;font:800 26px/1 var(--f-serif);place-items:center;display:grid;position:absolute}.stat span{transition:color .2s;transform:translateY(1px)}.face .stat{bottom:-12px}.stat.atk{background:radial-gradient(circle at 35% 30%, #5a5246, var(--ink) 62%);border-radius:50%;left:-12px}.stat.hp{background:radial-gradient(circle at 35% 30%, #ef7058, var(--verm) 55%, var(--verm-2));border-radius:12px;right:-12px;transform:rotate(-5deg)}.stat.hp span{transform:rotate(5deg)translateY(1px)}.stat.up span{color:#8ef0bf}.stat.hp.down span{color:#ffe08a}.stat.bump{animation:.42s cubic-bezier(.3,1.8,.5,1) bump}.stat.hp.bump{animation-name:bumpHp}@keyframes bump{0%{scale:1}35%{scale:1.55}to{scale:1}}@keyframes bumpHp{0%{scale:1}35%{scale:1.55}to{scale:1}}.card.playable .face{box-shadow:0 0 0 3px #3fbf8ff2,0 0 24px 6px #3fbf8f99,0 10px 22px -6px #1e0f058c}.card.dragging .face{box-shadow:0 0 0 3px #3fbf8fe6,0 0 30px 8px #3fbf8f80,0 40px 50px -14px #140a0099}.card.dragging:not(.playable) .face{box-shadow:0 40px 50px -14px #140a0099}.card.aiming .face{box-shadow:0 0 0 3px #d5402bf2,0 0 30px 8px #d5402b8c,0 20px 40px -10px #140a0099}.cardback{border:3px solid var(--ink);background-color:var(--indigo-2);background-image:radial-gradient(circle at 100% 150%, var(--indigo-2) 24%, #3a5a9e 24%, #3a5a9e 28%, var(--indigo-2) 28%, var(--indigo-2) 36%, #3a5a9e 36%, #3a5a9e 40%, transparent 40%), radial-gradient(circle at 0 150%, var(--indigo-2) 24%, #3a5a9e 24%, #3a5a9e 28%, var(--indigo-2) 28%, var(--indigo-2) 36%, #3a5a9e 36%, #3a5a9e 40%, transparent 40%), radial-gradient(circle at 50% 100%, #3a5a9e 10%, var(--indigo-2) 10%, var(--indigo-2) 23%, #3a5a9e 23%, #3a5a9e 30%, var(--indigo-2) 30%, var(--indigo-2) 43%, #3a5a9e 43%, #3a5a9e 50%, var(--indigo-2) 50%, var(--indigo-2) 63%, #3a5a9e 63%, #3a5a9e 71%, transparent 71%), radial-gradient(circle at 100% 50%, #3a5a9e 5%, var(--indigo-2) 5%, var(--indigo-2) 15%, #3a5a9e 15%, #3a5a9e 20%, var(--indigo-2) 20%, var(--indigo-2) 29%, #3a5a9e 29%, #3a5a9e 34%, var(--indigo-2) 34%, var(--indigo-2) 44%, #3a5a9e 44%, #3a5a9e 49%, transparent 49%), radial-gradient(circle at 0 50%, #3a5a9e 5%, var(--indigo-2) 5%, var(--indigo-2) 15%, #3a5a9e 15%, #3a5a9e 20%, var(--indigo-2) 20%, var(--indigo-2) 29%, #3a5a9e 29%, #3a5a9e 34%, var(--indigo-2) 34%, var(--indigo-2) 44%, #3a5a9e 44%, #3a5a9e 49%, transparent 49%);box-shadow:inset 0 0 0 6px var(--indigo-2), inset 0 0 0 8px var(--gold), 0 8px 18px -6px #0000008c;background-size:50px 25px;border-radius:16px;position:absolute;inset:0}.cardback .seal{background:var(--verm);width:78px;height:78px;color:var(--paper);font:46px/1 var(--f-display);border:3px solid var(--ink);box-shadow:0 0 0 4px var(--paper), 0 0 0 6px var(--ink);border-radius:12px;place-items:center;margin:-39px 0 0 -39px;display:grid;position:absolute;top:50%;left:50%;transform:rotate(-6deg)}.minion{width:120px;height:140px;margin:-70px 0 0 -60px}.minion .shape{filter:drop-shadow(0 9px 6px #1e0f0573);transition:filter .25s;position:absolute;inset:0}.minion .plaque{clip-path:var(--plaque);background:var(--ink);position:absolute;inset:0}.minion .plaque:before{content:"";clip-path:var(--plaque);background:radial-gradient(ellipse at 50% 120%, #17140f2e, transparent 60%), var(--fibers), var(--grain), linear-gradient(170deg, #f5ecda, #e3d3b1);position:absolute;inset:4px}.minion .sun{width:82px;height:82px;margin:-41px 0 0 -41px;top:56%}.minion .glyph{font-size:60px;top:58%}.minion.taunt .shape:before{content:"";clip-path:var(--plaque);background:var(--grain), linear-gradient(160deg, #6d6457, #3a332a 60%, #2a241d);position:absolute;inset:-9px -10px -6px}.minion .rope{background:repeating-linear-gradient(-58deg,#e6cd8f 0 6px,#a8843f 6px 9px);border-radius:8px;height:15px;display:none;position:absolute;top:30px;left:-9px;right:-9px;box-shadow:0 3px #00000059,inset 0 -2px #00000040}.minion .rope i{clip-path:polygon(10% 0,90% 0,55% 34%,95% 34%,45% 68%,85% 68%,30% 100%,40% 72%,5% 72%,45% 38%,10% 38%);filter:drop-shadow(0 1px #0006);background:#fbf6ea;width:14px;height:26px;position:absolute;top:12px}.minion .rope i:first-child{left:10px}.minion .rope i:nth-child(2){left:62px}.minion .rope i:nth-child(3){left:114px}.minion.taunt .rope{display:block}.minion .ward{background:radial-gradient(ellipse at 50% 46%, transparent 56%, #ffde874d 74%, #ffd2648c 82%, transparent 83%), conic-gradient(from 0deg, transparent 0 20deg, #ffe6a066 30deg, transparent 50deg 160deg, #ffe6a059 175deg, transparent 195deg 290deg, #ffe6a066 300deg, transparent 320deg);pointer-events:none;border:2px solid #f6ce6ef2;border-radius:50%;animation:7s linear infinite spin;display:none;position:absolute;inset:-16px -18px -12px;box-shadow:0 0 22px #f0be50bf,inset 0 0 16px #ffdc8c99}.minion.warded .ward{display:block}@keyframes spin{to{rotate:360deg}}.frost{background:linear-gradient(115deg,#0000 30%,#ffffffb3 31%,#0000 33%),linear-gradient(65deg,#0000 55%,#fff9 56%,#0000 58%),linear-gradient(160deg,#e1f6ffd9,#96d2eb8c);display:none;position:absolute;inset:0}.frozen .frost{display:block}.frozen .glyph{filter:brightness(0)opacity(.55)}.minion .zz{font:800 22px var(--f-serif);color:var(--ink-soft);animation:2.4s ease-in-out infinite zz;display:none;position:absolute;top:-14px;right:2px}.minion .zz span{vertical-align:super;font-size:15px}.minion.sleeping .zz{display:block}@keyframes zz{0%,to{opacity:.4;translate:0}50%{opacity:.9;translate:4px -6px}}.minion .badges{gap:2px;display:flex;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.minion .badges i{background:var(--ink);width:22px;height:22px;color:var(--paper);border:2px solid var(--paper-2);border-radius:50%;place-items:center;font:13px/1 Segoe UI Symbol,sans-serif;display:grid}.minion .badges .b-vn{color:#8fe36f}.minion .badges .b-ls{color:#ff7a63}.minion .badges .b-tr{color:var(--gold)}.minion .stat{width:42px;height:42px;font-size:22px;bottom:-10px}.minion .stat.atk{left:-10px}.minion .stat.hp{border-radius:10px;right:-10px}.flash{opacity:0;pointer-events:none;mix-blend-mode:screen;background:#fff;position:absolute;inset:0}.minion .flash{clip-path:var(--plaque)}.minion.ready .shape{filter:drop-shadow(0 0 3px #3fbf8f)drop-shadow(0 0 12px #3fbf8fe6)drop-shadow(0 9px 6px #1e0f0573);animation:1.6s ease-in-out infinite breathe}.minion.ready{cursor:pointer}@keyframes breathe{50%{scale:1.03}}.ent.targetable .shape,.ent.targetable .portrait{filter:drop-shadow(0 0 3px #d5402be6)drop-shadow(0 0 12px #d5402b99)}.ent.targetable .body{transition:transform .15s}.ent.hot .body{transform:scale(1.08)}.ent.hot .shape,.ent.hot .portrait{filter:drop-shadow(0 0 4px #ff6a4d)drop-shadow(0 0 20px #d5402bf2)}.ent.aim-source .body{transition:transform .15s;transform:scale(1.06)}.ent.dying .body{filter:grayscale()contrast(1.4)}.hero{width:150px;height:150px;margin:-75px 0 0 -75px}.hero .portrait{background:radial-gradient(circle at 50% 120%, #17140f33, transparent 60%), var(--grain), var(--paper-2);box-shadow:inset 0 0 0 3px var(--ink), 0 12px 18px -4px #1e0f0580;border-radius:50%;position:absolute;inset:0;overflow:hidden}.hero .sun{width:112px;height:112px;margin:-56px 0 0 -56px;top:48%}.hero .glyph{font-size:98px;top:60%}.hero .enso{border-style:solid;border-width:9px 7px 12px 10px;border-color:var(--ink) var(--ink) var(--ink) transparent;opacity:.88;border-radius:50%;position:absolute;inset:-13px;transform:rotate(-28deg)}.hero.enemy .enso{transform:rotate(152deg)}.hero .stat.hp{width:58px;height:58px;font-size:29px;bottom:-6px;right:-8px}.hero .armor{color:#fff9ea;width:46px;height:52px;font:800 22px/1 var(--f-serif);clip-path:polygon(50% 0,100% 14%,94% 62%,50% 100%,6% 62%,0 14%);background:linear-gradient(160deg,#9aa3ad,#59626e);place-items:center;display:none;position:absolute;top:34px;right:-14px}.hero.armored .armor{display:grid}.hero .flash{border-radius:50%}.power{pointer-events:auto;perspective:600px;width:86px;height:86px;margin:-43px 0 0 -43px;position:absolute;top:0;left:0}.power .pf,.power .pb{border:3px solid var(--ink);backface-visibility:hidden;border-radius:50%;transition:transform .55s cubic-bezier(.3,1.4,.5,1),box-shadow .25s;position:absolute;inset:0}.power .pf{background:var(--grain), var(--paper-2);overflow:visible}.power .pf .glyph{font-size:44px;top:54%}.power .pc{border:2.5px solid var(--ink);background:radial-gradient(circle at 40% 62%, #6f8fd6, var(--indigo) 55%, var(--indigo-2));border-radius:50% 0 50% 50%;width:34px;height:34px;margin-left:-17px;position:absolute;top:-18px;left:50%;transform:rotate(-45deg)}.power .pc span{color:#fff9ea;font:800 17px/1 var(--f-serif);place-items:center;display:grid;position:absolute;inset:0;transform:rotate(45deg)translateY(1px)}.power .pb{background:var(--ink-2);color:var(--paper-3);font:40px/1 var(--f-display);place-items:center;display:grid;transform:rotateY(180deg)}.power.used .pf{transform:rotateY(180deg)}.power.used .pb{transform:rotateY(0)}.power.usable{cursor:pointer}.power.usable .pf{box-shadow:0 0 0 3px #3fbf8ff2,0 0 20px 4px #3fbf8f99}.mana{align-items:center;gap:7px;display:flex;position:absolute}.mana.me{top:834px;left:1150px}.mana.opp{top:30px;left:1150px}.mana .drop{border:2px solid var(--indigo-2);background:#2e4a8c14;border-radius:50% 0 50% 50%;width:21px;height:21px;transform:rotate(-45deg)}.mana .drop.full{background:radial-gradient(circle at 40% 62%, #7d9be0, var(--indigo) 55%, var(--indigo-2));box-shadow:0 0 10px #466ec88c}.mana .drop.locked{opacity:.16}.mana .drop.pop{animation:.5s cubic-bezier(.3,1.8,.5,1) both dropPop}@keyframes dropPop{0%{filter:brightness(2.5);scale:.2}to{filter:brightness();scale:1}}.mana .txt{font:800 25px/1 var(--f-serif);color:var(--indigo-2);min-width:60px;margin-left:8px}.deck{width:200px;height:280px;margin:-140px 0 0 -100px;position:absolute;top:0;left:0}.deck .cb{position:absolute;inset:0}.deck .cb:nth-child(2){translate:-4px -5px}.deck .cb:nth-child(3){translate:-8px -10px}.deck .count{background:var(--ink);color:var(--paper);font:800 14px/1.2 var(--f-serif);border-radius:10px;padding:3px 10px 2px;position:absolute;bottom:-30px;left:50%;translate:-50%;scale:2}.deck.opp .count{rotate:180deg}.deck.empty .cb{opacity:.12}.nameplate{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute;left:706px;translate:-100% -50%}.nameplate.me{top:700px}.nameplate.opp{top:150px}.nameplate b{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 18px/1 var(--f-serif);padding:6px 16px 5px}.nameplate span{font:700 13px/1 var(--f-serif);color:var(--ink-soft);letter-spacing:.06em}.endturn{pointer-events:auto;cursor:pointer;color:#fff6e6;background:radial-gradient(circle at 40% 35%, #ea5f45, var(--verm) 55%, var(--verm-2));width:140px;height:140px;box-shadow:0 0 0 4px var(--ink), 0 0 0 10px var(--paper), 0 0 0 13px var(--ink), 0 16px 26px -6px #00000080;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:-70px 0 0 -70px;transition:transform .15s,filter .3s,background .3s;display:flex;position:absolute;top:425px;left:1418px}.endturn .k{font:66px/1 var(--f-display);text-shadow:0 3px #00000040}.endturn .l{font:800 12px/1 var(--f-serif);letter-spacing:.18em}.endturn:hover:not(.theirs){transform:scale(1.05)rotate(-3deg)}.endturn:active:not(.theirs){transform:scale(.92)}.endturn.theirs,.endturn.busy{cursor:default;background:radial-gradient(circle at 40% 35%,#8a8276,#5e574d 60%,#403a32)}.endturn.done{animation:1.3s ease-in-out infinite endPulse}@keyframes endPulse{0%,to{box-shadow:0 0 0 4px var(--ink), 0 0 0 10px var(--paper), 0 0 0 13px var(--ink), 0 16px 26px -6px #00000080}50%{box-shadow:0 0 0 4px var(--ink), 0 0 0 10px var(--paper), 0 0 0 13px var(--ink), 0 0 30px 14px #3fbf8fbf}}.mute{z-index:20;border:2.5px solid var(--ink);background:var(--paper-2);width:42px;height:42px;font:22px/1 var(--f-serif);cursor:pointer;border-radius:50%;position:absolute;top:16px;left:18px}.mute.off{opacity:.45;text-decoration:line-through}.arrow{z-index:6;pointer-events:none;opacity:0;width:1600px;height:900px;transition:opacity .12s;position:absolute;inset:0}.arrow.on{opacity:1}.arrow .under{fill:none;stroke:#17140f29;stroke-width:26px;stroke-linecap:round}.arrow .shaft{fill:none;stroke:var(--ink);stroke-width:15px;stroke-linecap:round;stroke-dasharray:1 25;animation:.5s linear infinite march}.arrow .head{fill:var(--ink)}.arrow.hot .shaft{stroke:var(--verm)}.arrow.hot .head{fill:var(--verm)}.arrow .reticle{opacity:0}.arrow.hot .reticle{opacity:1}.arrow .reticle circle{fill:none;stroke:var(--verm)}.arrow .reticle .r1{stroke-width:5px;stroke-dasharray:60 18;animation:2.4s linear infinite spinr}.arrow .reticle .r2{stroke-width:2px;opacity:.5;stroke-dasharray:4 10;animation:4s linear infinite reverse spinr}@keyframes march{to{stroke-dashoffset:-26px}}@keyframes spinr{to{rotate:360deg}}.num{pointer-events:none;width:0;height:0;animation:1.15s cubic-bezier(.2,1.4,.4,1) forwards numPop;position:absolute}.num span{translate:-50% -50%;rotate:var(--rot);white-space:nowrap;font:800 38px/1 var(--f-serif);place-items:center;display:grid;position:absolute;top:0;left:0}.num.dmg span{color:#fff6e6;background:var(--verm);width:92px;height:92px;clip-path:var(--burst);text-shadow:0 3px 0 var(--verm-2)}.num.heal span{color:#1d7a56;text-shadow:0 0 8px #fff,0 0 3px #fff,0 0 2px #fff;font-size:42px}.num.buff span,.num.armor span{color:var(--ink);text-shadow:0 0 8px #fff8e6,0 0 3px #fff8e6;font-size:30px}.num.info span{background:var(--ink);color:var(--paper);clip-path:var(--brush);padding:8px 18px;font-size:22px}@keyframes numPop{0%{opacity:0;scale:2.4}12%{opacity:1;scale:.88}24%{scale:1.06}70%{opacity:1;translate:0;scale:1}to{opacity:0;translate:0 -36px;scale:.9}}.sweep{background:linear-gradient(90deg, transparent 0%, transparent 25%, var(--wc) 62%, #17140fb3 84%, transparent 100%);mix-blend-mode:multiply;filter:blur(8px);pointer-events:none;width:1600px;position:absolute;left:0}.vignette{pointer-events:none;background:radial-gradient(ellipse at center, transparent 45%, var(--vc));position:absolute;inset:0}.toast{pointer-events:none;animation:1.5s forwards toast;position:absolute;top:600px;left:800px;translate:-50% -50%}.toast span{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 22px/1 var(--f-serif);white-space:nowrap;padding:12px 28px 10px;display:block}@keyframes toast{0%{opacity:0;scale:.7}10%{opacity:1;scale:1.06}18%{scale:1}80%{opacity:1;translate:-50% -50%}to{opacity:0;translate:-50% -80%}}.preview{transform-origin:0 0;pointer-events:none;opacity:0;width:200px;height:280px;transition:opacity .15s,translate .2s;position:absolute;top:236px;left:46px;translate:-12px;scale:1.3}.preview.show{opacity:1;translate:0}.glossary{flex-direction:column;gap:4px;width:200px;display:flex;position:absolute;top:296px;left:0}.glossary div{background:var(--ink);color:var(--paper);font:600 10.5px/1.3 var(--f-serif);border-radius:6px;padding:6px 9px}.glossary b{color:var(--gold)}.reveal{perspective:1000px;pointer-events:none;filter:drop-shadow(0 24px 30px #00000073);width:200px;height:280px;margin:-140px 0 0 -100px;position:absolute;top:0;left:0}.reveal .flip{transform-style:preserve-3d;position:absolute;inset:0}.reveal .face,.reveal .flip-back{backface-visibility:hidden}.reveal .flip-back{transform:rotateY(180deg)}.banner{pointer-events:none;place-items:center;height:126px;display:grid;position:absolute;top:362px;left:0;right:0}.banner .bw{animation:.45s cubic-bezier(.7,0,.2,1) both brushIn;position:absolute;inset:8px 24%}.banner .stroke{background:var(--ink);clip-path:polygon(0 30%,2% 8%,14% 14%,30% 2%,52% 9%,74% 0,90% 8%,100% 2%,99% 40%,100% 82%,86% 94%,66% 86%,44% 100%,24% 90%,8% 98%,1% 74%);position:absolute;inset:0;box-shadow:0 20px 40px #0000004d}.banner .txt{color:var(--paper);font:62px/1 var(--f-display);letter-spacing:.04em;align-items:center;gap:22px;animation:.5s cubic-bezier(.2,1.4,.4,1) .18s both txtIn;display:flex;position:relative}.banner .seal{background:var(--verm);border-radius:10px;place-items:center;width:62px;height:62px;font-size:40px;display:grid;rotate:-8deg}.banner.out{animation:.5s forwards fadeOut}@keyframes brushIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes txtIn{0%{opacity:0;filter:blur(6px);scale:1.5}to{opacity:1;filter:blur();scale:1}}@keyframes fadeOut{to{opacity:0;translate:0 -10px}}.title-screen{pointer-events:auto;background:radial-gradient(70% 70% at 50% 45%,#f1e7d1f7,#e1d0acfc);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .45s;display:flex;position:absolute;inset:0}.title-screen.out{opacity:0;pointer-events:none}.title-block{text-align:center;position:relative}.title-seal{writing-mode:vertical-rl;background:var(--verm);width:84px;height:84px;color:var(--paper);border:3px solid var(--ink);font:34px/1 var(--f-display);border-radius:10px;place-items:center;display:grid;position:absolute;top:-12px;left:50%;translate:230px;rotate:8deg;box-shadow:0 6px 14px #00000040}.title-screen h1{font:136px/1 var(--f-display);letter-spacing:.02em;color:var(--ink);margin:0;animation:.9s cubic-bezier(.2,1,.3,1) both txtIn}.title-screen .tag{font:700 20px/1 var(--f-serif);letter-spacing:.32em;text-transform:uppercase;color:var(--verm-2);margin:10px 0 0}.title-screen .pick{font:800 16px/1 var(--f-serif);letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);margin:18px 0 0}.deck-choices{gap:40px;display:flex}.deck-choice{border:3px solid var(--ink);background:var(--fibers), var(--grain), linear-gradient(170deg, #f7efde, #eadcbf);cursor:pointer;text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:8px;width:330px;padding:26px 26px 22px;transition:transform .25s cubic-bezier(.2,1.4,.4,1),box-shadow .25s;display:flex;position:relative;box-shadow:0 14px 30px -10px #1e0f0580}.deck-choice:hover{transform:translateY(-8px)rotate(-1deg);box-shadow:0 0 0 3px #3fbf8fe6,0 26px 40px -12px #1e0f058c}.deck-choice:active{transform:translateY(-2px)scale(.98)}.dc-portrait{background:var(--grain), var(--paper-2);width:132px;height:132px;box-shadow:inset 0 0 0 3px var(--ink);border-radius:50%;position:relative;overflow:hidden}.dc-portrait .glyph{font-size:88px;top:60%}.dc-name{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 22px/1 var(--f-serif);margin-top:6px;padding:7px 20px 6px}.dc-hero{font:700 14px/1 var(--f-serif);color:var(--verm-2);letter-spacing:.04em}.dc-blurb{font:600 15px/1.35 var(--f-serif);color:var(--ink)}.dc-power{font:600 13px/1.3 var(--f-serif);color:var(--ink-soft);margin-top:4px}.title-screen .hint{font:600 14px/1 var(--f-serif);color:var(--ink-soft);margin:8px 0 0}.gameover{pointer-events:auto;background:radial-gradient(#efe5cfd9,#c8b48ceb);flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.6s both goIn;display:flex;position:absolute;inset:0}.go-kanji{width:210px;height:210px;font:150px/1 var(--f-display);color:var(--paper);background:var(--verm);border:5px solid var(--ink);box-shadow:0 0 0 8px var(--paper), 0 0 0 11px var(--ink), 0 30px 50px #00000059;border-radius:22px;place-items:center;animation:.55s cubic-bezier(.5,0,.6,1.6) .1s both stampIn;display:grid;rotate:-6deg}.gameover.lose .go-kanji{background:var(--ink-2)}.go-word{font:86px/1 var(--f-display);color:var(--ink);margin-top:22px;animation:.6s .4s both txtIn}.go-again{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 22px/1 var(--f-serif);letter-spacing:.06em;cursor:pointer;border:none;margin-top:12px;padding:14px 40px 12px;animation:.6s .7s both txtIn}.go-again:hover{background:var(--verm-2)}@keyframes goIn{0%{opacity:0}}@keyframes stampIn{0%{opacity:0;scale:1.8}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.minion.ready .shape,.minion .ward,.endturn.done{animation:none}}.mute.concede{font:20px/1 var(--f-display);display:none;left:70px}#stage.in-match .mute.concede{display:block}.weather{pointer-events:none;z-index:2;width:1600px;height:900px;position:absolute;inset:0}.table .tint{mix-blend-mode:multiply;background-color:#0000;transition:background-color 1.6s;position:absolute;inset:0}.world[data-season=spring] .tint{background-color:#eca0b424}.world[data-season=summer] .tint{background-color:#f0c45a24}.world[data-season=autumn] .tint{background-color:#d6783c29}.world[data-season=winter] .tint{background-color:#82aad233}.season-dial{pointer-events:auto;width:0;height:0;position:absolute;top:425px;left:130px}.season-dial .ring,.season-dial .wheel,.season-dial .hub{border-radius:50%;position:absolute;top:50%;left:50%}.season-dial .ring{background:var(--ink);width:160px;height:160px;box-shadow:0 10px 18px -6px #1e0f0580, 0 0 0 5px var(--paper), 0 0 0 7px var(--ink);margin:-80px}.season-dial .wheel{background:radial-gradient(circle, transparent 38%, #17140f1f 39%, transparent 41%), conic-gradient(from -45deg, #f0c3cd 0 90deg, #f2d891 90deg 180deg, #e9b48c 180deg 270deg, #c5d8ea 270deg 360deg);width:150px;height:150px;margin:-75px;transition:rotate 1.1s cubic-bezier(.3,1.5,.45,1)}.season-dial .wheel:after{content:"";background:var(--grain);opacity:.6;mix-blend-mode:multiply;border-radius:50%;position:absolute;inset:0}.season-dial .sk{width:46px;height:46px;transform:rotate(var(--a)) translateY(-50px);z-index:1;place-items:center;margin:-23px;display:grid;position:absolute;top:50%;left:50%}.season-dial .sk b{font:30px/1 var(--f-display);color:#17140f73;transition:color .6s,scale .6s}.season-dial .sk.on b{color:var(--ink);scale:1.18}.season-dial .hub{background:radial-gradient(circle at 40% 35%, #4a4339, var(--ink));border:3px solid var(--paper);width:40px;height:40px;margin:-20px}.season-dial .pointer{background:var(--sc,var(--verm));clip-path:polygon(0 0,100% 0,50% 100%);width:26px;height:22px;filter:drop-shadow(0 2px 0 var(--ink));transition:background .8s;position:absolute;top:-94px;left:-13px}.season-dial .pips{justify-content:center;gap:7px;width:80px;display:flex;position:absolute;top:92px;left:-40px}.season-dial .pips i{border:2px solid var(--ink);background:0 0;border-radius:50%;width:11px;height:11px;transition:background .4s}.season-dial .pips i.lit{background:var(--sc,var(--ink))}.season-dial .rule{text-align:center;width:192px;position:absolute;top:114px;left:-96px}.season-dial .rule b{background:var(--sc,var(--ink));color:#fff;clip-path:var(--brush);font:800 16px/1.1 var(--f-serif);padding:4px 14px 3px;transition:background .8s;display:inline-block}.season-dial .rule span{font:700 13px/1.25 var(--f-serif);color:var(--ink-2);margin-top:5px;display:block}.banner .seal{background:var(--seal,var(--verm))}.banner .sub{background:var(--paper);border:2.5px solid var(--ink);white-space:nowrap;font:700 19px/1 var(--f-serif);color:var(--ink);border-radius:8px;padding:8px 22px 7px;animation:.45s cubic-bezier(.2,1.4,.4,1) .35s both txtIn;position:absolute;top:132px;left:50%;translate:-50%;box-shadow:0 8px 18px #0003}.banner.small{scale:.82}.card.kigo-live .body:after{content:"";border:3px solid var(--kc);box-shadow:0 0 18px 2px var(--kc);pointer-events:none;border-radius:21px;animation:1.5s ease-in-out infinite kigoPulse;position:absolute;inset:-7px}@keyframes kigoPulse{50%{opacity:.45}}.card.cheaper .cost{background:radial-gradient(circle at 40% 62%,#8fe0b7,#2f9a6c 55%,#1d6b4a)}.card.pricier .cost{background:radial-gradient(circle at 40% 62%, #f08a74, var(--verm) 55%, var(--verm-2))}.minion .guardmark,.minion .facemark{font-family:var(--f-display);pointer-events:none;place-items:center;display:none;position:absolute;left:50%}.minion .guardmark{background:var(--verm);color:#fff6e6;border:2.5px solid var(--ink);border-radius:50%;width:34px;height:34px;margin-left:-17px;font-size:19px;top:-20px;box-shadow:0 3px #0000004d}.minion.guard .guardmark{display:grid}.minion.guard .plaque{background:linear-gradient(180deg, var(--verm), var(--verm-2))}.minion.taunt.guard .guardmark{top:-30px}.minion .facemark{background:var(--ink);width:30px;height:30px;color:var(--paper);border-radius:6px;margin-left:-15px;font-size:18px;top:-46px;rotate:-6deg}.minion.facing .body:after{content:"";pointer-events:none;border:2.5px dashed #d5402bbf;border-radius:20px;animation:1.2s ease-in-out infinite faceSpin;position:absolute;inset:-10px -12px -8px}@keyframes faceSpin{50%{opacity:.4;scale:1.04}}#stage.facing-strong .minion.facing .facemark{animation:1s ease-in-out infinite zz;display:grid}#stage.facing-strong .minion.facing .body:after{border:3.5px solid var(--verm);box-shadow:0 0 22px #d5402b99}.minion.ambushing .shape{filter:drop-shadow(0 0 4px #ff3b1f)drop-shadow(0 0 18px #d5402bf2);animation:.5s ease-in-out infinite ambushTwitch}@keyframes ambushTwitch{25%{translate:-2px}75%{translate:2px}}.minion.erased .glyph{opacity:.45}.minion.erased .plaque:before{filter:grayscale(.85)brightness(1.05)}.minion .badges .b-k{font:13px/1 var(--f-display)}.minion .badges .b-se{color:#8ef0bf}.minion .badges .b-am{color:#ff8a73}.minion .badges .b-bl{color:#9fb8ff}.stat.atk.down span{color:#ffb3a3}.safe-probe{top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px);visibility:hidden;pointer-events:none;position:fixed}.inspect{z-index:60;pointer-events:none;opacity:0;background:radial-gradient(#17140f80,#17140f38 75%);justify-content:center;align-items:center;gap:54px;transition:opacity .14s;display:flex;position:absolute;inset:0}.inspect.show{opacity:1}.ins-card{filter:drop-shadow(0 34px 40px #00000080);flex:none;width:450px;height:630px;transition:scale .22s cubic-bezier(.3,1.5,.5,1),translate .22s cubic-bezier(.3,1.5,.5,1);position:relative;translate:0 18px;scale:.86}.inspect.show .ins-card{translate:0;scale:1}.ins-card>.face{transform-origin:0 0;width:200px;height:280px;bottom:auto;right:auto;transform:scale(2.25)}.ins-side{flex-direction:column;gap:12px;width:470px;transition:translate .25s;display:flex;translate:-14px}.inspect.show .ins-side{translate:0}.ins-side div{background:var(--ink);color:var(--paper);font:600 26px/1.32 var(--f-serif);border-radius:12px;padding:15px 22px 14px;box-shadow:0 10px 24px #00000059}.ins-side b{color:var(--gold)}.face.erased .text{opacity:.45;text-decoration:line-through}.rotate{z-index:1000;background:var(--grain), radial-gradient(ellipse at 50% 40%, #f5ecda, var(--paper-2));color:var(--ink);text-align:center;font-family:var(--f-serif);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){.rotate{display:flex}}.rot-phone{border:5px solid var(--ink);background:var(--paper);border-radius:16px;width:74px;height:128px;margin-bottom:18px;animation:2.6s cubic-bezier(.6,0,.3,1) infinite rotPhone;position:relative;box-shadow:6px 8px #17140f2e}.rot-phone i{background:var(--ink);border-radius:2px;width:22px;height:4px;margin-left:-11px;position:absolute;bottom:9px;left:50%}.rot-phone:before{content:"";background:var(--verm);opacity:.85;border-radius:5px;position:absolute;inset:12px 9px 22px}@keyframes rotPhone{0%,18%{rotate:0deg}48%,78%{rotate:-90deg}to{rotate:0deg}}.rot-k{font:64px/1 var(--f-display);color:var(--verm)}.rotate p{font:700 22px/1.3 var(--f-serif);letter-spacing:.04em;margin:0}.rot-fs{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 18px/1 var(--f-serif);letter-spacing:.06em;border:none;margin-top:10px;padding:14px 30px 12px}.mute.fs{place-items:center;display:grid;top:68px}.mute.fs svg{fill:none;width:22px;height:22px;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}@media (pointer:coarse){.mute:after,.topbar .back:after{content:"";position:absolute;inset:-14px}.topbar .back{position:relative}}.art.painted{background:#f4ead3}.painted>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.painted .uk-t,.art-pop .uk-t{font:9px/1 var(--f-display);writing-mode:vertical-rl;fill:var(--ink)}.painted:after{content:"";z-index:2;background:var(--fibers), var(--grain);mix-blend-mode:multiply;opacity:.6;pointer-events:none;position:absolute;inset:0}.face .art-pop{pointer-events:none;border:2.5px solid #0000;height:128px;position:absolute;top:14px;left:14px;right:14px}.face .art-pop svg{filter:drop-shadow(0 3px 2px #17140f59);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.minion .plaque .pa{clip-path:var(--plaque);position:absolute;inset:4px}.pp{background:#f4ead3;border-radius:50%;position:absolute;inset:0;overflow:hidden}.hero .portrait .pp{inset:3px}.painted .sfx{z-index:1;pointer-events:none;opacity:0;transition:opacity .8s;position:absolute;inset:0}[data-season=winter] .painted .sfx{opacity:1;background:var(--fx-snow-a) 0 0 / 120px 120px, var(--fx-snow-b) 30px 10px / 90px 90px, linear-gradient(#d6e4f433, #d6e4f433 80%, #ffffffd9 97%);animation:10s linear infinite sfxSnow}@keyframes sfxSnow{to{background-position:0 120px,30px 190px,0 0}}[data-season=spring] .painted .sfx{opacity:1;background:var(--fx-petal-a) 0 0 / 120px 120px, var(--fx-petal-b) 20px 30px / 90px 90px, linear-gradient(#f4beca14, #f4beca14);animation:12s linear infinite sfxDrift}@keyframes sfxDrift{to{background-position:120px 120px,110px 210px,0 0}}[data-season=autumn] .painted .sfx{opacity:1;background:var(--fx-leaf-a) 0 0 / 120px 120px, var(--fx-leaf-b) 40px 20px / 90px 90px, linear-gradient(#c4601e21, #c4601e21);animation:13s linear infinite sfxFallLeft}@keyframes sfxFallLeft{to{background-position:-120px 120px,-50px 200px,0 0}}[data-season=summer] .painted .sfx{opacity:1;background:var(--fx-fly-a) 0 0 / 120px 120px, var(--fx-fly-b) 50px 40px / 90px 90px, radial-gradient(ellipse at 50% -10%, #ffd2784d, transparent 60%);animation:16s ease-in-out infinite alternate sfxFlies}@keyframes sfxFlies{to{background-position:12px -20px,34px 58px,0 0}}@media (prefers-reduced-motion:reduce){.painted .sfx{animation:none!important}}.screens{z-index:15;transition:opacity .45s;position:absolute;inset:0}.screens.hidden{opacity:0;pointer-events:none}.screens.hidden *{pointer-events:none!important}.screen-host{position:absolute;inset:0}.screens .decals{z-index:2}.screens .fx{z-index:3}.screens .float{z-index:4}.screens .overlay{z-index:5}.screen{opacity:0;background:radial-gradient(ellipse 80% 75% at 50% 45%, transparent 55%, #5f3a1847 100%), var(--fibers), var(--grain), linear-gradient(180deg, #f1e7d1, #e6d7b8);pointer-events:auto;transition:opacity .38s,transform .45s cubic-bezier(.2,.9,.3,1);position:absolute;inset:0;overflow:hidden;transform:translateY(12px)scale(.995)}.screen.in{opacity:1;transform:none}.screen.out{opacity:0;transform:scale(1.01)}.topbar{z-index:5;align-items:center;gap:18px;height:92px;padding:0 34px 0 78px;display:flex;position:absolute;top:0;left:0;right:0}.topbar .back{border:3px solid var(--ink);background:var(--paper);width:56px;height:56px;font:800 28px/1 var(--f-serif);cursor:pointer;border-radius:50%;flex:none;transition:transform .15s,background .2s;box-shadow:0 5px #17140f40}.topbar .back:hover{background:var(--paper-2);transform:translate(-3px)rotate(-6deg)}.topbar .back:active{transform:scale(.92)}.topbar .title{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:36px/1 var(--f-display);letter-spacing:.03em;padding:10px 34px 9px 26px}.chips{gap:12px;margin-left:auto;display:flex}.chip{border:2.5px solid var(--ink);background:#fffaeebf;border-radius:23px;align-items:center;gap:9px;height:46px;padding:0 18px 0 10px;display:flex;box-shadow:0 4px #17140f2e}.chip b{min-width:34px;font:800 22px/1 var(--f-serif);font-variant-numeric:tabular-nums}.chip b.bump{animation:.5s cubic-bezier(.3,1.8,.5,1) chipBump}.chip b.gain{color:#1d7a56}.chip b.spend{color:var(--verm-2)}@keyframes chipBump{35%{scale:1.35}}.ico{flex:none;display:inline-block;position:relative}.ico.ryo{background:repeating-linear-gradient(0deg,#0000 0 3px,#7a551259 3px 4px),radial-gradient(at 35% 30%,#fff1b8,#e8bd52 45%,#b98a26);border:2px solid #7a5512;border-radius:50%/46%;width:22px;height:30px;box-shadow:inset 0 0 0 2px #fff0b480}.ico.sumi{background:linear-gradient(90deg,#ffffff1f,#0000 40%),linear-gradient(#0000 30%,#c9a24a 30% 34%,#0000 34% 62%,#c9a24a 62% 64%,#0000 64%),#1c1915;border-radius:3px;width:14px;height:32px;rotate:18deg;box-shadow:1px 2px #00000040}.ico.pack{border:2px solid var(--ink);background:radial-gradient(circle at 50% 56%, var(--verm) 0 5px, transparent 5.5px), linear-gradient(180deg, transparent 52%, var(--ink) 52% 60%, transparent 60%), var(--paper);border-radius:3px;width:26px;height:32px}.btn{cursor:pointer;filter:drop-shadow(0 6px #17140f38);background:0 0;border:none;padding:0;transition:transform .18s cubic-bezier(.3,1.6,.5,1),filter .2s;position:relative}.btn span{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 22px/1 var(--f-serif);letter-spacing:.05em;white-space:nowrap;padding:15px 38px 13px;display:block}.btn.primary span{background:var(--verm);color:#fff6e6}.btn.ghost span{color:var(--ink);background:#17140f1f}.btn.gold span{color:var(--ink);background:linear-gradient(170deg,#f2cf6e,#c99a2e)}.btn:hover:not(:disabled){transform:translateY(-3px)rotate(-1deg)}.btn:active:not(:disabled){filter:drop-shadow(0 2px #17140f38);transform:translateY(1px)scale(.96)}.btn:disabled{cursor:default;opacity:.4}.btn.small span{padding:10px 22px 9px;font-size:16px}.modal-back{pointer-events:auto;background:#17140f59;place-items:center;animation:.2s both goIn;display:grid;position:absolute;inset:0}.modal-back.out{opacity:0;transition:opacity .2s}.modal{border:3px solid var(--ink);background:var(--fibers), var(--grain), linear-gradient(170deg, #f7efde, #eadcbf);text-align:center;border-radius:18px;min-width:440px;max-width:640px;padding:34px 40px 28px;animation:.35s cubic-bezier(.2,1.3,.4,1) both modalIn;box-shadow:0 30px 60px #0006}.modal-body{font:600 19px/1.4 var(--f-serif)}.modal-body h2{font:40px/1 var(--f-display);margin:0 0 12px}.modal .link-code{font:800 54px/1 var(--f-serif);letter-spacing:.16em;color:var(--verm-2);margin:14px 0 16px}.modal .link-input{border:3px solid var(--ink);width:300px;font:800 36px/1 var(--f-serif);letter-spacing:.16em;text-align:center;text-transform:uppercase;color:var(--ink);-webkit-user-select:text;user-select:text;background:#fbf6ea;border-radius:10px;margin:18px auto 10px;padding:12px 16px 10px;display:block}.modal .link-warn{max-width:460px;color:var(--ink-soft);margin:8px auto 0;font-size:15px}.modal-btns{flex-wrap:wrap;justify-content:center;gap:14px 18px;margin-top:26px;display:flex}.modal .acct-intro{max-width:470px;color:var(--ink-soft);margin:0 auto 6px;font-size:17px;font-weight:600}.modal .acct-form{flex-direction:column;gap:12px;width:380px;margin:18px auto 0;display:flex}.modal .acct-input{border:3px solid var(--ink);width:100%;font:700 21px/1 var(--f-serif);color:var(--ink);-webkit-user-select:text;user-select:text;background:#fbf6ea;border-radius:10px;padding:13px 16px 11px}.modal .acct-input:focus{outline-offset:2px;outline:3px solid #d5402b59}.modal .acct-input[name=code]{letter-spacing:.24em;text-align:center;text-transform:uppercase;font-size:30px}.modal .acct-err{max-width:440px;color:var(--verm-2);background:#d5402b1f;border-radius:8px;margin:12px auto 0;padding:8px 14px;font-size:16px}.modal .acct-note{max-width:460px;color:var(--ink-soft);margin:12px auto 0;font-size:14px}.modal .acct-email{font:800 24px/1.2 var(--f-serif);word-break:break-all;margin:4px 0 8px}.modal .acct-ok{color:#2f7a5c;margin:0}.modal .acct-warn{color:var(--verm-2);margin:0}@keyframes modalIn{0%{opacity:0;translate:0 20px;scale:.85}}.face .school{border:2px solid var(--ink);background:var(--paper);width:28px;height:28px;font:17px/1 var(--f-display);z-index:2;border-radius:6px;place-items:center;display:grid;position:absolute;top:10px;right:10px;rotate:6deg}.face.s-brush .school{background:#dbe3f3}.face.s-oni .school{background:#f6d4cc}.face.s-kami .school{background:#d4eee2}.face.s-blade .school{background:#ddd8cf}.face .text.long{font-size:13.5px}.kigo{border-radius:4px;padding:0 3px}.face .text b.kigo{color:#fff}.k-spring{background:#d9708a}.k-summer{background:#d39a1c}.k-autumn{background:#c0581f}.k-winter{background:#4f7fa8}u.opp{border-bottom:2px dashed var(--verm);text-decoration:none}.face.gilded{background:radial-gradient(circle at 18% 22%, #e6b4468c 0 2px, transparent 3px), radial-gradient(circle at 72% 64%, #e6b44680 0 3px, transparent 4px), radial-gradient(circle at 40% 82%, #e6b44673 0 2px, transparent 3px), radial-gradient(circle at 86% 30%, #e6b44680 0 1.5px, transparent 2.5px), var(--fibers), var(--grain), linear-gradient(160deg, #f6e3a8, #e9c870 45%, #f3dc98 70%, #d9b45a);border-color:#6e5214;box-shadow:inset 0 0 0 2px #f8e7a8,0 0 0 2px #b88a2a,0 10px 22px -6px #1e0f058c}.face.gilded .name{color:#f6dc8c;background:linear-gradient(90deg,#2a1d06,#4a3410 50%,#2a1d06)}.face .leaf{pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(115deg,#0000 30%,#fff7d2bf 45%,#0000 60%) 0 0/260% 100%;border-radius:13px;animation:3.2s ease-in-out infinite leaf;position:absolute;inset:0}@keyframes leaf{0%{background-position:130% 0}60%,to{background-position:-130% 0}}@media (prefers-reduced-motion:reduce){.face .leaf{animation:none}}:root{--fuji:#7258b0;--fuji-2:#4f3c86;--slate:#66717e}.own-me{--own:var(--verm)}.own-ally{--own:var(--fuji)}.own-opp{--own:var(--ink)}.own-foe2{--own:var(--slate)}.hud .off{display:none!important}.minion .ownmark,.minion .owline{display:none}.minion[class*=own-] .ownmark,.minion[class*=own-] .owline{display:block}.minion .ownmark{border:2.5px solid var(--ink);background:radial-gradient(circle at 35% 30%, #ffffff73, transparent 50%), var(--own);pointer-events:none;border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;top:-12px;left:50%;box-shadow:0 2px #0000004d}.minion .ownmark:before{content:"";background:var(--own);width:3px;height:14px;margin-left:-1.5px;position:absolute;bottom:100%;left:50%}.minion.guard .ownmark{width:14px;height:14px;margin-left:-7px;top:-38px}.minion .owline{background:var(--own);height:7px;clip-path:var(--brush);opacity:.9;pointer-events:none;position:absolute;bottom:-19px;left:30px;right:30px}.hero.teamed .enso{border-color:var(--own) var(--own) var(--own) transparent}.hero.teamed .stat.hp,.hero.teamed .armor{display:none!important}.threads{pointer-events:none;position:absolute;inset:0}.threads svg{width:1600px;height:900px}.threads g{display:none}.threads g.on{display:inline}.threads path{fill:none;stroke:var(--verm);stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 2px 1px #00000040)}.threads path.twist{stroke:#ffd9cc;stroke-width:1.8px;stroke-dasharray:4 6;filter:none}.team-life{width:76px;height:76px;margin:-38px 0 0 -38px;display:none;position:absolute;top:0;left:0}.team-life.on{display:block}.team-life .seal{border:3px solid var(--ink);background:radial-gradient(circle at 35% 30%, #ef7058, var(--verm) 55%, var(--verm-2));color:#fff9ea;font:800 36px/1 var(--f-serif);border-radius:14px;place-items:center;display:grid;position:absolute;inset:0;rotate:-5deg;box-shadow:0 10px 16px -6px #00000080,0 0 0 5px #efe5cfe6}.team-life .seal span{translate:0 1px;rotate:5deg}.team-life .seal.down span{color:#ffe08a}.team-life .seal.bump{animation:.42s cubic-bezier(.3,1.8,.5,1) bumpHp}.team-life .armor{color:#fff9ea;width:40px;height:46px;font:800 19px/1 var(--f-serif);clip-path:polygon(50% 0,100% 14%,94% 62%,50% 100%,6% 62%,0 14%);background:linear-gradient(160deg,#9aa3ad,#59626e);place-items:center;display:none;position:absolute;top:-14px;right:-22px}.team-life.armored .armor{display:grid}.team-life small{white-space:nowrap;font:22px/1 var(--f-display);color:var(--verm-2);position:absolute;left:50%;translate:-50%}.team-life.mine small{top:-32px}.team-life:not(.mine) small{bottom:-30px}.world[data-team^="2"] .nameplate.me{text-align:left;align-items:flex-start;top:692px;left:1130px;translate:0 -50%}.nameplate.ally{top:692px;left:472px}.nameplate .seal{background:var(--own);width:12px;height:12px;box-shadow:0 0 0 2px var(--paper);vertical-align:1px;border-radius:50%;margin-right:8px;display:inline-block}.mana.ally{transform-origin:0;gap:5px;top:752px;left:56px;scale:.72}.deck.ally,.deck.foe2,.mana.foe2{display:none}.tray-label{--own:var(--fuji);font:800 15px/1 var(--f-serif);align-items:center;gap:8px;display:none;position:absolute;top:722px;left:56px}.tray-label.on{display:flex}.tray-label span{color:var(--ink-soft);font-weight:600}.tray-label .seal{background:var(--own);width:12px;height:12px;box-shadow:0 0 0 2px var(--paper);border-radius:50%}.card.mini{pointer-events:auto}.card.mini .face{box-shadow:0 0 0 3px #7258b0bf,0 8px 16px -4px #1e0f0580}.world[data-team$="2"] .nameplate.opp{left:472px}.nameplate.foe2{text-align:left;align-items:flex-start;top:150px;left:1130px;translate:0 -50%}.team-ready{gap:10px;display:none;position:absolute;top:529px;left:1418px;translate:-50%}.team-ready.on{display:flex}.team-ready .chip{box-shadow:0 0 0 2px var(--ink);font:800 14px/1 var(--f-serif);white-space:nowrap;background:#efe5cfeb;border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 4px;transition:box-shadow .25s;display:flex}.team-ready .chip.acting{box-shadow:0 0 0 2px var(--ink), 0 0 0 5px color-mix(in srgb, var(--own) 45%, transparent)}.team-ready .chip i{border:2px dashed var(--own);width:28px;height:28px;font:19px/1 var(--f-display);border-radius:7px;grid-auto-flow:column;place-items:center;gap:3px;font-style:normal;display:grid}.team-ready .chip.ready i{border:2px solid var(--ink);background:var(--own);color:#fff9ea;animation:.32s cubic-bezier(.3,1.8,.5,1) stampIn;rotate:-8deg}.team-ready .chip u{background:var(--own);opacity:.35;border-radius:50%;width:4px;height:4px}.team-ready .chip.acting u{animation:1.2s ease-in-out infinite think}.team-ready .chip u:nth-child(2){animation-delay:.15s}.team-ready .chip u:nth-child(3){animation-delay:.3s}@keyframes think{0%,to{opacity:.25}40%{opacity:1}}.endturn.long .l{letter-spacing:.08em;font-size:10px}.hero.boss .stat.hp{width:64px;height:64px;font-size:31px;bottom:-10px;right:-14px}.hero.boss .phase-ring{opacity:.88;border-radius:50%;transition:background .3s;position:absolute;inset:-27px;-webkit-mask:radial-gradient(circle,#0000 66.5%,#000 67.5% 76%,#0000 77%);mask:radial-gradient(circle,#0000 66.5%,#000 67.5% 76%,#0000 77%)}.world.boss-fight .nameplate.opp{top:128px;left:662px}.intent{filter:drop-shadow(0 12px 14px #1e0f0559);transform-origin:50% 0;flex-direction:column;width:300px;animation:4s ease-in-out infinite intentSway;display:none;position:absolute;top:74px;left:958px}.intent.on{display:flex}.intent.turned .paper{transform-origin:50% 0;animation:.5s cubic-bezier(.2,.9,.3,1.1) unroll}@keyframes unroll{0%{opacity:.3;scale:1 .1}to{opacity:1;scale:1}}@keyframes intentSway{0%,to{rotate:-.8deg}50%{rotate:.8deg}}.intent .rod{background:linear-gradient(#6b4527,#2c1a0e);border-radius:6px;height:11px;margin:0 -12px}.intent .paper{background:var(--grain), linear-gradient(#f8f0de, #eadcbc);border-left:3px solid #8a5a2c;border-right:3px solid #8a5a2c;align-items:center;gap:12px;padding:10px 14px 12px;display:flex}.intent .k{border:2.5px solid var(--ink);background:radial-gradient(circle at 35% 30%, #ef7058, var(--verm) 55%, var(--verm-2));color:#fff6e6;min-width:50px;height:50px;font:28px/1 var(--f-display);border-radius:8px;flex:none;place-items:center;padding:0 4px;font-style:normal;display:grid;rotate:-4deg}.intent small{font:800 10.5px/1 var(--f-serif);letter-spacing:.16em;color:var(--verm-2);display:block}.intent em{font:800 19px/1.1 var(--f-serif);margin-top:3px;font-style:normal;display:block}.intent span{font:600 13px/1.3 var(--f-serif);color:var(--ink-soft);margin-top:4px;display:block}.threat{pointer-events:none;width:40px;height:46px;margin:-23px 0 0 -20px;transition:transform .42s cubic-bezier(.18,.9,.24,1.06);position:absolute;top:0;left:0}.threat b{color:#fff6e6;font:20px/1 var(--f-display);background:radial-gradient(circle at 35% 30%, #ef7058, var(--verm) 55%, var(--verm-2));clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);place-items:center;padding-bottom:6px;animation:1.5s ease-in-out infinite threatBob;display:grid;position:absolute;inset:0}.threat .silk{background:linear-gradient(#17140f00,#17140f8c);width:1.5px;height:120px;position:absolute;bottom:100%;left:50%}@keyframes threatBob{0%,to{translate:0}50%{translate:0 -5px}}@media (prefers-reduced-motion:reduce){.intent,.threat b,.team-ready .chip u{animation:none}}.scr-collection{isolation:isolate}.scr-collection .album{border:3px solid var(--ink);background:linear-gradient(90deg, #17140f1f, transparent 7%), linear-gradient(#d5402b0f 1px, transparent 1px) 0 0 / 100% 34px, var(--fibers), var(--grain), linear-gradient(170deg, #faf4e6, #efe3c8);width:1124px;height:714px;box-shadow:6px 6px 0 -1px #e6d6b4, 6px 6px 0 2px var(--ink), 12px 12px 0 -1px #dccaa2, 12px 12px 0 2px var(--ink), 0 30px 40px -18px #1e0f058c;border-radius:8px 18px 18px 8px;position:absolute;top:152px;left:36px}.scr-collection .album .spine{border:3px solid var(--ink);background:repeating-linear-gradient(0deg,#ffffff0d 0 2px,#0000 2px 5px),linear-gradient(90deg,#1f3466,#2e4a8c 70%,#1a2b55);border-radius:8px 0 0 8px;width:52px;position:absolute;top:-3px;bottom:-3px;left:-3px}.scr-collection .album .spine:before{content:"";opacity:.9;background:repeating-linear-gradient(#f2ead6 0 136px,#0000 136px 176px) 0 38px;width:2px;position:absolute;top:0;bottom:0;left:32px}.scr-collection .album .spine i{background:#0f1a33;border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;left:27px;box-shadow:0 0 0 2px #f2ead6}.scr-collection .album .spine i:first-child{top:9%}.scr-collection .album .spine i:nth-child(2){top:36%}.scr-collection .album .spine i:nth-child(3){top:64%}.scr-collection .album .spine i:nth-child(4){top:91%}.scr-collection .tabs{gap:8px;display:flex;position:absolute;top:-50px;left:70px}.scr-collection .tab{border:3px solid var(--ink);background:color-mix(in srgb, var(--tc) 22%, #e8dcc0);cursor:pointer;border-bottom:none;border-radius:10px 10px 0 0;flex-direction:column;align-items:center;gap:1px;width:76px;height:58px;padding:6px 0 0;transition:translate .22s cubic-bezier(.3,1.6,.5,1),background .2s;display:flex;position:relative;translate:0 10px}.scr-collection .tab b{font:26px/1 var(--f-display);color:var(--tc)}.scr-collection .tab span{font:700 10px/1 var(--f-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.scr-collection .tab:hover{translate:0 4px}.scr-collection .tab.on{background:var(--tc);z-index:2;translate:0}.scr-collection .tab.on b,.scr-collection .tab.on span{color:var(--paper)}.scr-collection .tab .dot{background:var(--verm);width:11px;height:11px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;animation:1.4s ease-in-out infinite coPulse;position:absolute;top:6px;right:6px}.scr-collection .page-wrap{perspective:1500px;height:592px;position:absolute;top:18px;left:66px;right:12px}.scr-collection .page{transform-style:preserve-3d;grid-template-rows:repeat(2,276px);grid-template-columns:repeat(5,172px);place-content:center;gap:22px 32px;display:grid;position:absolute;inset:0}.scr-collection .page .empty{font:34px/1 var(--f-display);color:var(--ink-soft);grid-area:1/1/-1/-1;place-self:center}.scr-collection .ctile{cursor:pointer;width:172px;height:276px;position:relative}.scr-collection .ctile .cwrap{transform-origin:0 0;width:200px;height:280px;transition:transform .22s cubic-bezier(.3,1.5,.5,1),filter .25s;position:absolute;top:0;left:0;transform:scale(.86)}.scr-collection .ctile:hover .cwrap{filter:drop-shadow(0 14px 10px #1e0f0559);transform:translateY(-9px)rotate(-1.2deg)scale(.88)}.scr-collection .ctile:active .cwrap{transform:translateY(-2px)scale(.85)}.scr-collection .ctile.unowned .cwrap{filter:grayscale()contrast(.85)brightness(1.08)opacity(.5)}.scr-collection .ctile.unowned:hover .cwrap{filter:grayscale(.6)contrast(.9)opacity(.8)}.scr-collection .ctile.spent .cwrap{filter:grayscale(.8)brightness(.92)opacity(.55)}.scr-collection .ctile.addable:not(.spent):hover .cwrap{filter:drop-shadow(0 0 3px #3fbf8ff2)drop-shadow(0 0 14px #3fbf8f99)}.scr-collection .ctile.addable:not(.spent):after{content:"+";border:3px solid var(--ink);background:var(--jade);color:#fff;width:54px;height:54px;font:800 34px/1 var(--f-serif);opacity:0;pointer-events:none;border-radius:50%;place-items:center;margin-left:-27px;transition:opacity .15s,scale .25s cubic-bezier(.3,1.8,.5,1);display:grid;position:absolute;top:104px;left:50%;scale:.6}.scr-collection .ctile.addable:not(.spent):hover:after{opacity:.92;scale:1}.scr-collection .tbadges{pointer-events:none;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;top:248px;left:0;right:0}.scr-collection .tbadges span{font:800 13px/1 var(--f-serif);white-space:nowrap;border-radius:10px;padding:4px 10px 3px}.scr-collection .tbadges .count{background:var(--ink);color:var(--paper)}.scr-collection .tbadges .count.zero{color:var(--ink-soft);background:#17140f26}.scr-collection .tbadges .gold{color:var(--ink);background:linear-gradient(170deg,#f2cf6e,#c99a2e);border:1.5px solid #7a5512}.scr-collection .tbadges .indeck{background:var(--jade);color:#fff}.scr-collection .newseal{background:var(--verm);width:42px;height:42px;color:var(--paper);border:2.5px solid var(--ink);font:24px/1 var(--f-display);z-index:3;pointer-events:none;border-radius:8px;place-items:center;animation:.5s cubic-bezier(.5,0,.6,1.8) .3s both coNewSeal;display:grid;position:absolute;top:-10px;left:-10px;rotate:-10deg;box-shadow:0 4px 8px #00000040}@keyframes coNewSeal{0%{opacity:0;scale:2.6}}.scr-collection .album-foot{align-items:center;gap:18px;height:58px;display:flex;position:absolute;bottom:16px;left:70px;right:72px}.scr-collection .costs{gap:5px;display:flex}.scr-collection .cdrop{border:2.5px solid var(--indigo-2);cursor:pointer;background:#2e4a8c14;border-radius:50% 0 50% 50%;width:38px;height:38px;padding:0;transition:background .2s,transform .2s cubic-bezier(.3,1.8,.5,1);position:relative;rotate:-45deg}.scr-collection .cdrop span{font:800 14px/1 var(--f-serif);color:var(--indigo-2);display:block;rotate:45deg}.scr-collection .cdrop:hover{transform:scale(1.1)}.scr-collection .cdrop.on{background:radial-gradient(circle at 40% 62%, #7d9be0, var(--indigo) 55%, var(--indigo-2));box-shadow:0 0 12px #466ec899}.scr-collection .cdrop.on span{color:#fff9ea}.scr-collection .pager{align-items:center;gap:14px;margin:0 auto;display:flex}.scr-collection .pg{border:3px solid var(--ink);background:var(--paper);width:46px;height:46px;font:800 30px/1 var(--f-serif);cursor:pointer;border-radius:50%;padding-bottom:5px;transition:transform .15s,opacity .2s;box-shadow:0 4px #17140f38}.scr-collection .pg:hover:not(:disabled){transform:scale(1.1)}.scr-collection .pg:active:not(:disabled){transform:scale(.92)}.scr-collection .pg:disabled{opacity:.3;cursor:default}.scr-collection .pg-text{text-align:center;min-width:86px;font:700 18px/1 var(--f-serif);color:var(--ink-soft)}.scr-collection .pg-text b{color:var(--ink);font-size:26px}.scr-collection .search{border:2.5px solid var(--ink);width:168px;height:42px;font:700 16px/1 var(--f-serif);color:var(--ink);-webkit-user-select:text;user-select:text;background:#fffcf4d9;border-radius:21px;outline:none;padding:0 14px}.scr-collection .search:focus{box-shadow:0 0 0 3px #d5402b59}.scr-collection .owned-toggle{cursor:pointer;font:700 15px/1 var(--f-serif);color:var(--ink-soft);background:0 0;border:none;align-items:center;gap:7px;padding:0;display:flex}.scr-collection .owned-toggle i{border:2.5px solid var(--ink);background:var(--paper);width:24px;height:24px;font:800 16px/1 var(--f-serif);border-radius:5px;place-items:center;font-style:normal;display:grid}.scr-collection .owned-toggle.on{color:var(--ink)}.scr-collection .owned-toggle.on i{background:var(--verm)}.scr-collection .owned-toggle.on i:after{content:"✓";color:#fff}.scr-collection .dogear{cursor:pointer;filter:drop-shadow(-3px -3px 2px #1e0f0533);background:linear-gradient(315deg,#0000 50%,#e2d2ad 50%,#f4ead2 78%);border:none;border-radius:0 0 18px;width:54px;height:54px;padding:0;transition:width .25s cubic-bezier(.3,1.6,.5,1),height .25s cubic-bezier(.3,1.6,.5,1);position:absolute;bottom:-3px;right:-3px}.scr-collection .dogear:hover{width:82px;height:82px}.scr-collection .dogear.gone{opacity:0;pointer-events:none}.scr-collection .deck-panel{border:3px solid var(--ink);background:var(--fibers), var(--grain), linear-gradient(175deg, #f7efde, #ebdcbd);border-radius:16px;flex-direction:column;gap:12px;width:378px;height:776px;padding:20px 18px 18px;display:flex;position:absolute;top:104px;left:1190px;box-shadow:0 20px 34px -18px #1e0f058c}.scr-collection .deck-panel.editing{background:linear-gradient(180deg, color-mix(in srgb, var(--sc) 20%, transparent), transparent 30%), var(--fibers), var(--grain), linear-gradient(175deg, #f7efde, #ebdcbd)}.scr-collection .dp-title{margin:0}.scr-collection .dp-title span{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:30px/1 var(--f-display);padding:6px 22px 5px 14px;display:inline-block}.scr-collection .dp-view,:is(.scr-collection,.scr-draft,.scr-road) .crows-view{flex:1;min-height:0;margin:0 -6px;padding:0 6px;position:relative;overflow:hidden}.scr-collection .dp-view:before,.scr-collection .dp-view:after,:is(.scr-collection,.scr-draft,.scr-road) .crows-view:before,:is(.scr-collection,.scr-draft,.scr-road) .crows-view:after{content:"";z-index:2;pointer-events:none;opacity:0;height:22px;transition:opacity .2s;position:absolute;left:0;right:0}.scr-collection .dp-view:before,:is(.scr-collection,.scr-draft,.scr-road) .crows-view:before{background:linear-gradient(#17140f38,#0000);top:0}.scr-collection .dp-view:after,:is(.scr-collection,.scr-draft,.scr-road) .crows-view:after{background:linear-gradient(#0000,#17140f38);bottom:0}:is(.scr-collection,.scr-draft,.scr-road) .more-up:before,:is(.scr-collection,.scr-draft,.scr-road) .more-down:after{opacity:1}.scr-collection .dp-list,:is(.scr-collection,.scr-draft,.scr-road) .crows{will-change:transform;flex-direction:column;gap:8px;padding:4px 0;display:flex}.scr-collection .drow{border:2.5px solid var(--ink);background:linear-gradient(90deg, color-mix(in srgb, var(--sc) 22%, transparent), transparent 60%), #fffcf4b3;cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:8px 12px 8px 8px;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s;display:flex;position:relative}.scr-collection .drow:hover{transform:translate(-5px);box-shadow:5px 5px #17140f2e}.scr-collection .dr-portrait{background:var(--grain), var(--paper-2);width:58px;height:58px;box-shadow:inset 0 0 0 2.5px var(--ink);border-radius:50%;flex:none;position:relative;overflow:hidden}.scr-collection .dr-portrait .sun{width:42px;height:42px;margin:-21px 0 0 -21px}.scr-collection .dr-portrait .glyph{font-size:40px;top:60%}.scr-collection .dr-portrait.big{width:112px;height:112px;box-shadow:inset 0 0 0 3px var(--ink)}.scr-collection .dr-portrait.big .sun{width:82px;height:82px;margin:-41px 0 0 -41px}.scr-collection .dr-portrait.big .glyph{font-size:76px}.scr-collection .dr-text{flex:1;min-width:0}.scr-collection .dr-name{font:800 19px/1.1 var(--f-serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scr-collection .dr-sub{font:700 13px/1 var(--f-serif);color:var(--ink-soft);margin-top:4px}.scr-collection .dr-sub b{font:15px/1 var(--f-display);color:var(--sc);margin-right:5px}.scr-collection .dr-state{font:700 12px/1.1 var(--f-serif);color:#1d7a56;margin-top:5px}.scr-collection .drow.bad .dr-state{color:var(--verm-2)}.scr-collection .dp-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.scr-collection .dp-btns .trash{border:2.5px solid var(--ink);background:var(--paper);width:46px;height:46px;font:800 18px/1 var(--f-serif);color:var(--verm-2);cursor:pointer;border-radius:50%;transition:transform .15s,background .2s}.scr-collection .dp-btns .trash:hover{background:var(--verm);color:#fff;transform:rotate(-8deg)}.scr-collection .de-head{grid-template-rows:auto auto;grid-template-columns:58px 1fr;align-items:center;gap:4px 12px;display:grid}.scr-collection .de-head .dr-portrait{grid-row:1/span 2}.scr-collection .de-name{width:100%;min-width:0;font:26px/1.1 var(--f-display);color:var(--ink);-webkit-user-select:text;user-select:text;background:0 0;border:none;border-bottom:2.5px dashed #17140f59;outline:none;padding:6px 10px 5px}.scr-collection .de-name:focus{border-bottom-color:var(--verm);background:#fffcf4b3}.scr-collection .de-sub{font:700 13px/1 var(--f-serif);color:var(--ink-soft)}.scr-collection .de-sub b{font:15px/1 var(--f-display);color:var(--sc);margin-right:5px}.scr-collection .de-stats{border-bottom:2px solid #17140f26;align-items:flex-end;gap:14px;padding:10px 4px 12px;display:flex}:is(.scr-collection,.scr-draft,.scr-road) .curve{flex:1;align-items:flex-end;gap:4px;height:92px;display:flex}:is(.scr-collection,.scr-draft,.scr-road) .cv{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}:is(.scr-collection,.scr-draft,.scr-road) .cv em{font:800 11px/1 var(--f-serif);color:var(--ink-soft);height:13px;font-style:normal}:is(.scr-collection,.scr-draft,.scr-road) .cv i{background:linear-gradient(180deg, var(--indigo), var(--indigo-2));border-radius:4px 4px 0 0;width:100%;min-height:2px;max-height:62px;transition:height .3s cubic-bezier(.3,1.6,.5,1)}:is(.scr-collection,.scr-draft,.scr-road) .cv span{font:800 11px/1 var(--f-serif);color:var(--indigo-2);margin-top:4px}.scr-collection .de-cnt{text-align:right;width:112px}.scr-collection .de-count{font:700 20px/1 var(--f-serif);color:var(--ink-soft)}.scr-collection .de-count b{font:800 44px/1 var(--f-serif);color:var(--ink)}.scr-collection .de-count.full b{color:#1d7a56}.scr-collection .de-state{font:700 12px/1.15 var(--f-serif);color:#1d7a56;margin-top:6px}.scr-collection .de-state.bad{color:var(--verm-2)}:is(.scr-collection,.scr-draft,.scr-road) .crows{gap:4px}:is(.scr-collection,.scr-draft,.scr-road) .crow{border:2px solid var(--ink);cursor:pointer;background:#fbf6ea;border-left-width:6px;border-radius:6px;align-items:center;height:34px;transition:transform .15s;display:flex;position:relative;overflow:hidden}:is(.scr-collection,.scr-draft,.scr-road) .crow.r-common{border-left-color:#8f877a}:is(.scr-collection,.scr-draft,.scr-road) .crow.r-rare{border-left-color:var(--indigo)}:is(.scr-collection,.scr-draft,.scr-road) .crow.r-epic{border-left-color:#8b4a8b}:is(.scr-collection,.scr-draft,.scr-road) .crow.r-legendary{border-left-color:var(--gold)}.scr-collection .crow:hover{transform:translate(-4px)}.scr-collection .crow:hover .cr-name{text-decoration:line-through;-webkit-text-decoration-color:var(--verm);text-decoration-color:var(--verm);text-decoration-thickness:2px}:is(.scr-collection,.scr-draft,.scr-road) .crow.arriving{opacity:0}:is(.scr-collection,.scr-draft,.scr-road) .cr-cost{border:2px solid var(--ink);background:radial-gradient(circle at 40% 62%, #6f8fd6, var(--indigo) 55%, var(--indigo-2));z-index:1;border-radius:50% 0 50% 50%;flex:none;width:28px;height:28px;margin:0 8px 0 4px;position:relative;rotate:-45deg}:is(.scr-collection,.scr-draft,.scr-road) .cr-cost span{color:#fff9ea;font:800 14px/1 var(--f-serif);place-items:center;display:grid;position:absolute;inset:0;rotate:45deg}:is(.scr-collection,.scr-draft,.scr-road) .cr-name{z-index:1;min-width:0;font:800 14px/1 var(--f-serif);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 4px #fbf6ea,0 0 2px #fbf6ea,0 0 2px #fbf6ea;flex:1;position:relative;overflow:hidden}:is(.scr-collection,.scr-draft,.scr-road) .cr-art{background:linear-gradient(90deg, #fbf6ea 0%, transparent 55%), var(--hue);opacity:.9;width:130px;position:absolute;top:0;bottom:0;right:0;overflow:hidden}:is(.scr-collection,.scr-draft,.scr-road) .cr-art.painted{opacity:1;background:0 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 55%);mask-image:linear-gradient(90deg,#0000,#000 55%)}:is(.scr-collection,.scr-draft,.scr-road) .cr-art.painted:after{opacity:.35}:is(.scr-collection,.scr-draft,.scr-road) .cr-art .glyph{filter:brightness(0)opacity(.55);font-size:34px;top:50%;left:72%}:is(.scr-collection,.scr-draft,.scr-road) .cr-n{z-index:1;text-align:center;min-width:34px;font:800 14px/1 var(--f-serif);color:var(--paper);border-radius:6px;flex:none;margin-right:4px;padding:3px 5px;position:relative}:is(.scr-collection,.scr-draft,.scr-road) .cr-n:not(:empty){background:var(--ink)}:is(.scr-collection,.scr-draft,.scr-road) .r-legendary .cr-n{background:var(--gold);color:var(--ink)}:is(.scr-collection,.scr-draft,.scr-road) .crows-empty{text-align:center;font:600 15px/1.4 var(--f-serif);color:var(--ink-soft);padding:30px 10px}.scr-collection .row-preview{z-index:8;pointer-events:none;opacity:0;filter:drop-shadow(0 20px 24px #00000059);width:200px;height:280px;transition:opacity .15s,translate .2s;position:absolute;top:300px;left:960px;translate:20px}.scr-collection .row-preview.show{opacity:1;translate:0}.scr-collection .flycard{z-index:40;pointer-events:none;filter:drop-shadow(0 18px 18px #00000059);width:200px;height:280px;margin:-140px 0 0 -100px;position:absolute;top:0;left:0}.co-toast{z-index:50;top:470px}.scr-collection .detail,.scr-collection .picker{z-index:20;animation:.2s both coFade;position:absolute;inset:0}.scr-collection .detail.closing,.scr-collection .picker.closing{opacity:0;pointer-events:none;transition:opacity .2s}.scr-collection .d-back,.scr-collection .pk-back{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 45%,#17140f80,#17140fd1);position:absolute;inset:0}.scr-collection .d-stage{perspective:1200px;place-items:center;width:440px;height:600px;display:grid;position:absolute;top:150px;left:230px}.scr-collection .d-card{width:200px;height:280px;transform-style:preserve-3d;filter:drop-shadow(0 30px 30px #00000073);transition:transform .18s ease-out;animation:.45s cubic-bezier(.2,1.3,.4,1) both coDIn;position:relative;scale:1.55}@keyframes coDIn{0%{opacity:0;translate:0 40px;rotate:-6deg}}.scr-collection .d-card.unowned>.face{filter:grayscale(.85)contrast(.9)}.scr-collection .d-card .wash-layer{filter:grayscale()sepia(.35)brightness(1.18)contrast(.6)blur(.6px);z-index:2;position:absolute;inset:0}.scr-collection .d-card .ghost-layer{z-index:3;position:absolute;inset:0}.scr-collection .d-flash{mix-blend-mode:screen;z-index:4;pointer-events:none;background:#fff;border-radius:18px;position:absolute;inset:-4px}.scr-collection .d-info{border:3px solid var(--ink);background:var(--fibers), var(--grain), linear-gradient(170deg, #f7efde, #eadcbf);border-radius:18px;width:560px;padding:30px 34px 28px;animation:.38s cubic-bezier(.2,1.3,.4,1) 50ms both coRise;position:absolute;top:50%;left:740px;translate:0 -50%;box-shadow:0 30px 60px #00000073}.scr-collection .d-x{border:2.5px solid var(--ink);background:var(--paper);width:42px;height:42px;font:800 26px/1 var(--f-serif);cursor:pointer;border-radius:50%;padding-bottom:4px;position:absolute;top:12px;right:14px}.scr-collection .d-x:hover{background:var(--verm);color:#fff}.scr-collection .d-rarity{font:800 13px/1 var(--f-serif);letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;display:inline-flex}.scr-collection .d-rarity i{border:2px solid var(--ink);background:#b5ab9a;width:14px;height:14px;rotate:45deg}.scr-collection .d-rarity.r-rare i{background:var(--indigo)}.scr-collection .d-rarity.r-epic i{background:#8b4a8b}.scr-collection .d-rarity.r-legendary i{background:var(--gold)}.scr-collection .d-rarity.r-legendary{color:#8a6418}.scr-collection .d-info h2{font:46px/1.05 var(--f-display);margin:10px 0 8px}.scr-collection .d-meta{font:700 15px/1 var(--f-serif);color:var(--ink-soft);align-items:center;gap:8px;display:flex}.scr-collection .d-meta b{border:2px solid var(--ink);background:var(--sc);width:30px;height:30px;color:var(--paper);font:18px/1 var(--f-display);border-radius:6px;place-items:center;display:grid;rotate:-5deg}.scr-collection .d-flavor{font:italic 500 16px/1.35 var(--f-serif);color:var(--ink-soft);margin-top:14px}.scr-collection .d-gloss{flex-direction:column;gap:5px;margin-top:14px;display:flex}.scr-collection .d-gloss:empty{display:none}.scr-collection .d-gloss div{background:var(--ink);color:var(--paper);font:600 13px/1.3 var(--f-serif);border-radius:7px;padding:7px 11px}.scr-collection .d-gloss b{color:var(--gold)}.scr-collection .d-own{border-top:2px dashed #17140f40;flex-direction:column;gap:12px;margin-top:20px;padding-top:16px;display:flex}.scr-collection .d-head{font:700 15px/1.3 var(--f-serif);color:var(--ink-soft)}.scr-collection .d-head b{color:var(--ink);font-size:20px}.scr-collection .d-row{align-items:center;gap:12px;display:flex}.scr-collection .d-kind{width:118px;font:800 16px/1 var(--f-serif);align-items:center;gap:8px;display:flex}.scr-collection .d-kind b{margin-left:auto;font-size:20px}.scr-collection .leafdot{background:radial-gradient(circle at 35% 30%,#fff1b8,#e8bd52 50%,#b98a26);border:1.5px solid #7a5512;border-radius:50%;width:14px;height:14px}.scr-collection .d-row .btn span{align-items:center;gap:6px;display:flex}.scr-collection .d-row .btn .ico.sumi{width:10px;height:22px}.scr-collection .peek{font:700 13px/1 var(--f-serif);color:#8a6418;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;text-decoration:underline}.co-grind-list{text-align:left;max-width:360px;font:600 15px/1.5 var(--f-serif);margin:14px auto 6px;padding:0;list-style:none}.co-grind-list li{border-bottom:1px dotted #17140f40;gap:8px;display:flex}.co-grind-list b{margin-left:auto}.co-grind-list .more{color:var(--ink-soft);border:none}.co-grind-total{font:800 30px/1 var(--f-serif);align-items:center;gap:8px;margin-top:10px;display:inline-flex}.scr-collection .pk-box{flex-direction:column;align-items:center;gap:26px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.scr-collection .pk-box h2{background:var(--paper);clip-path:var(--brush);font:46px/1 var(--f-display);margin:0;padding:10px 40px 9px 30px}.scr-collection .pk-heroes{gap:22px;display:flex}.scr-collection .pk-hero{border:3px solid var(--ink);background:linear-gradient(180deg, color-mix(in srgb, var(--sc) 26%, transparent), transparent 50%), var(--fibers), var(--grain), linear-gradient(170deg, #f7efde, #eadcbf);cursor:pointer;text-align:center;width:260px;height:400px;animation:coPkIn .5s var(--d) cubic-bezier(.2, 1.3, .4, 1) both;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:28px 18px 20px;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .2s;display:flex;position:relative;box-shadow:0 24px 40px -14px #0000008c}@keyframes coPkIn{0%{opacity:0;translate:0 60px;rotate:3deg}}.scr-collection .pk-hero:hover{box-shadow:0 0 0 4px var(--jade), 0 0 30px 6px #3fbf8f80, 0 30px 44px -14px #0009;transform:translateY(-12px)rotate(-1deg)}.scr-collection .pk-kanji{background:var(--sc);width:46px;height:46px;color:var(--paper);border:2.5px solid var(--ink);font:28px/1 var(--f-display);border-radius:8px;place-items:center;display:grid;position:absolute;top:14px;right:14px;rotate:7deg}.scr-collection .pk-name{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 22px/1 var(--f-serif);margin-top:6px;padding:7px 18px 6px}.scr-collection .pk-title{font:700 14px/1 var(--f-serif);color:var(--verm-2)}.scr-collection .pk-school{font:600 14px/1.35 var(--f-serif);margin-top:4px}.scr-collection .pk-power{font:600 13px/1.35 var(--f-serif);color:var(--ink-soft);border-top:2px dashed #17140f33;margin-top:auto;padding-top:10px}.scr-collection .pk-power b{color:var(--ink)}.scr-collection .pk-box>.btn span{background:var(--paper);color:var(--ink)}@media (prefers-reduced-motion:reduce){.scr-collection .tab .dot,.scr-collection .newseal{animation:none}}@keyframes coPulse{50%{scale:1.2}}@keyframes coFade{0%{opacity:0}}@keyframes coRise{0%{opacity:0;translate:0 24px;scale:.88}}.dr-body{position:absolute;inset:92px 0 0}.dr-body.schools{flex-direction:column;align-items:center;display:flex}.dr-h{margin:14px 0 0}.dr-h span{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 34px/1 var(--f-serif);letter-spacing:.05em;padding:10px 44px 9px;display:inline-block}.dr-sub{font:600 18px/1.4 var(--f-serif);color:var(--ink-soft);margin:14px 0 0}.dr-heroes{gap:46px;margin-top:34px;display:flex}.dr-hero{border:3px solid var(--ink);background:linear-gradient(180deg, color-mix(in srgb, var(--sc) 18%, transparent), transparent 46%), var(--fibers), var(--grain), linear-gradient(175deg, #f7efde, #ebdcbd);text-align:center;cursor:pointer;width:310px;height:540px;animation:drRise .6s var(--d) cubic-bezier(.3, 1.4, .5, 1) both;border-radius:18px;padding:34px 26px 0;transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .35s,filter .35s,box-shadow .25s;position:relative;box-shadow:0 22px 34px -18px #1e0f0599}@keyframes drRise{0%{opacity:0;transform:translateY(70px)rotate(2deg)}}.dr-hero:hover{box-shadow:0 30px 40px -18px #1e0f0599, 0 0 0 3px var(--sc);transform:translateY(-10px)rotate(-.6deg)}.dr-hero.dim{opacity:.35;filter:grayscale(.7);pointer-events:none;transform:scale(.95)}.dr-hero.chosen{box-shadow:0 30px 40px -18px #1e0f0599, 0 0 0 5px var(--sc);pointer-events:none;transform:translateY(-14px)scale(1.04)}.dh-kanji{background:var(--sc);width:54px;height:54px;color:var(--paper);border:2.5px solid var(--ink);font:34px/1 var(--f-display);border-radius:8px;place-items:center;display:grid;position:absolute;top:16px;right:16px;rotate:6deg}.dh-portrait{background:var(--grain), var(--paper-2);width:168px;height:168px;box-shadow:inset 0 0 0 3.5px var(--ink), 0 0 0 6px var(--paper), 0 0 0 8.5px var(--sc);border-radius:50%;margin:0 auto;position:relative;overflow:hidden}.dh-portrait .sun{width:120px;height:120px;margin:-60px 0 0 -60px}.dh-portrait .glyph{font-size:110px;top:60%}.dh-name{font:800 32px/1 var(--f-serif);margin-top:26px}.dh-title{font:600 16px/1 var(--f-serif);color:var(--ink-soft);margin-top:6px}.dh-school{font:600 16px/1.35 var(--f-serif);margin-top:22px}.dh-school b{color:var(--sc)}.dh-power{font:600 15px/1.35 var(--f-serif);background:#17140f12;border-radius:10px;margin-top:16px;padding:12px 14px}.dr-left{text-align:center;width:236px;position:absolute;top:18px;left:40px}.dl-portrait{background:var(--grain), var(--paper-2);width:132px;height:132px;box-shadow:inset 0 0 0 3px var(--ink), 0 0 0 5px var(--paper), 0 0 0 7.5px var(--sc);border-radius:50%;margin:0 auto;position:relative;overflow:hidden}.dl-portrait .sun{width:94px;height:94px;margin:-47px 0 0 -47px}.dl-portrait .glyph{font-size:86px;top:60%}.dl-name{font:800 26px/1 var(--f-serif);margin-top:16px}.dl-school{font:700 15px/1 var(--f-serif);color:var(--ink-soft);margin-top:6px}.dl-school b{color:var(--sc);font:20px/1 var(--f-display);margin-right:6px}.dl-power{font:600 14px/1.35 var(--f-serif);background:#17140f12;border-radius:10px;margin-top:14px;padding:10px 12px}.dl-count{font:700 22px/1 var(--f-serif);color:var(--ink-soft);margin-top:28px}.dl-count small{font:700 14px/1 var(--f-serif);letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px;display:block}.dl-count b{font:76px/1 var(--f-display);color:var(--ink)}.dl-ticks{grid-template-columns:repeat(10,1fr);gap:7px 6px;width:200px;margin:18px auto 0;display:grid}.dl-ticks i{background:#17140f1f;border-radius:3px 6px;height:14px;transition:background .3s,scale .3s cubic-bezier(.3,1.8,.5,1)}.dl-ticks i.on{background:var(--sc);scale:1.08;box-shadow:inset 0 0 0 1.5px #17140f80}.dr-mid{position:absolute;inset:0 372px 0 288px}.dr-prompt{text-align:center;margin-top:14px}.dr-prompt span{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 26px/1 var(--f-serif);letter-spacing:.04em;padding:10px 40px 9px;animation:.4s cubic-bezier(.3,1.5,.5,1) both drPrompt;display:inline-block}@keyframes drPrompt{0%{opacity:0;scale:.8}}.dr-prompt.p-rare span{background:var(--indigo)}.dr-prompt.p-epic span{background:#7a3f7a}.dr-prompt.p-legendary span,.dr-prompt.p-done span{color:var(--ink);background:linear-gradient(170deg,#f2cf6e,#c99a2e)}.dr-offer{justify-content:center;gap:32px;display:flex;position:absolute;top:92px;left:0;right:0}.dr-card{cursor:pointer;opacity:0;width:290px;height:406px;transition:opacity .3s calc(var(--i) * 90ms), transform .45s calc(var(--i) * 90ms) cubic-bezier(.3, 1.4, .5, 1), filter .4s;position:relative;transform:translateY(-60px)rotate(-5deg)}.dr-offer.dealt .dr-card{opacity:1;transform:none}.dr-lift{filter:drop-shadow(0 16px 16px #1e0f054d);transition:transform .22s cubic-bezier(.3,1.6,.5,1),filter .22s;position:absolute;inset:0}.dr-size{transform-origin:0 0;width:200px;height:280px;position:absolute;top:0;left:0;transform:scale(1.45)}.dr-flip{position:absolute;inset:0}.dr-card.open:hover .dr-lift,.dr-card.open.sel .dr-lift{filter:drop-shadow(0 26px 22px #1e0f055c);transform:translateY(-16px)rotate(-1deg)}.dr-card.chosen .dr-lift{filter:drop-shadow(0 0 18px #d5402bb3)drop-shadow(0 26px 22px #1e0f055c);transform:translateY(-26px)scale(1.04)}.dr-offer.dealt .dr-card.passed{opacity:0;filter:blur(3px)grayscale();pointer-events:none;transition:opacity .4s,transform .5s ease-in,filter .4s;transform:translateY(70px)rotate(7deg)scale(.92)}.dr-offer.dealt .dr-card.passed:first-child{transform:translateY(70px)rotate(-7deg)scale(.92)}.dr-card.r-epic.open .dr-lift:before,.dr-card.r-legendary.open .dr-lift:before{content:"";border-radius:22px;animation:2.2s ease-in-out infinite drGlow;position:absolute;inset:6px;box-shadow:0 0 34px 14px #b07ab0cc}.dr-card.r-legendary.open .dr-lift:before{box-shadow:0 0 40px 18px #f2c85ae6}@keyframes drGlow{50%{opacity:.5}}.dr-gloss{font:600 13.5px/1.35 var(--f-serif);color:var(--ink-2);opacity:0;pointer-events:none;transition:opacity .2s,translate .2s;position:absolute;top:424px;left:-8px;right:-8px;translate:0 -6px}.dr-gloss div{background:#fbf6eaeb;border-radius:8px;margin-bottom:5px;padding:6px 10px;box-shadow:inset 0 0 0 1.5px #17140f40}.dr-card.open:hover .dr-gloss,.dr-card.open.sel .dr-gloss{opacity:1;translate:0}.dr-fly{z-index:40;pointer-events:none;filter:drop-shadow(0 18px 18px #00000059);width:200px;height:280px;margin:-140px 0 0 -100px;position:absolute;top:0;left:0}.dr-done{text-align:center;margin-top:30px;animation:.5s cubic-bezier(.3,1.5,.5,1) both drPrompt}.dd-seal{border:4px solid var(--ink);background:var(--verm);color:#fff6e6;width:130px;height:130px;font:92px/1 var(--f-display);border-radius:14px;place-items:center;margin:0 auto;animation:.5s cubic-bezier(.3,1.6,.5,1) .1s both ddStamp;display:grid;rotate:-5deg;box-shadow:0 16px 24px -12px #1e0f0599}@keyframes ddStamp{0%{opacity:0;scale:2.6}}.dd-text{font:600 22px/1.5 var(--f-serif);margin:26px 0 28px}.dr-panel{border:3px solid var(--ink);background:var(--fibers), var(--grain), linear-gradient(175deg, #f7efde, #ebdcbd);border-radius:16px;flex-direction:column;gap:12px;width:330px;padding:18px 16px 16px;display:flex;position:absolute;top:12px;bottom:24px;right:30px;box-shadow:0 20px 34px -18px #1e0f058c}.dp-head{font:700 18px/1 var(--f-serif);color:var(--ink-soft);align-items:baseline;gap:6px;display:flex}.dp-head span{font:800 22px/1 var(--f-serif);color:var(--ink);flex:1}.dp-head b{font:800 30px/1 var(--f-serif);color:var(--ink)}.dr-panel .curve,.rd-deck .curve{border-bottom:2px solid #17140f26;flex:none;height:84px;padding-bottom:10px}.dr-panel .crow,.rd-deck .crow{cursor:default}.dr-preview{z-index:8;pointer-events:none;opacity:0;filter:drop-shadow(0 20px 24px #00000059);width:200px;height:280px;transition:opacity .15s,translate .2s;position:absolute;top:300px;left:960px;translate:20px}.dr-preview.show{opacity:1;translate:0}.dr-toast{background:var(--ink);color:var(--paper);font:700 17px/1 var(--f-serif);z-index:30;border-radius:10px;padding:12px 26px;animation:.25s both drPrompt;position:absolute;bottom:40px;left:50%;translate:-50%}.rd-scroll{width:1520px;height:446px;position:absolute;top:100px;left:40px}.rd-rod{border:3px solid var(--ink);z-index:3;background:repeating-linear-gradient(0deg,#0000 0 22px,#00000024 22px 24px),linear-gradient(90deg,#5d3f1f,#9a6c3b 45%,#5d3f1f);border-radius:13px;width:26px;position:absolute;top:-12px;bottom:-12px;box-shadow:0 12px 18px -8px #1e0f0580}.rd-rod.l{left:-16px}.rd-rod.r{right:-16px}.rd-rod:before,.rd-rod:after{content:"";border:2px solid var(--ink);background:linear-gradient(90deg,#8a6418,#f2cf6e 50%,#8a6418);border-radius:7px;height:14px;margin:0 -3px;position:absolute;left:1px;right:1px}.rd-rod:before{top:-10px}.rd-rod:after{bottom:-10px}.rd-paper{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--fibers), var(--grain), linear-gradient(180deg, #f6eedb, #ecdfc2);animation:.9s cubic-bezier(.5,0,.2,1) both rdUnroll;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 34px -20px #1e0f058c}@keyframes rdUnroll{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.rd-scene,.rd-way{width:100%;height:100%;position:absolute;inset:0}.rd-road{fill:none;stroke:#d6bf91;stroke-width:17px;stroke-linecap:round}.rd-dash{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-dasharray:3 10;stroke-linecap:round;opacity:.5}.rd-trail{fill:none;stroke:var(--verm);stroke-width:5px;stroke-linecap:round;opacity:.9}.rd-season{text-align:center;pointer-events:none;position:absolute;top:10px;translate:-50%}.rd-season b{font:40px/1 var(--f-display);color:var(--c);text-shadow:2px 2px #17140f26;display:block}.rd-season span{font:700 12px/1 var(--f-serif);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2)}.rd-st{width:0;height:0;position:absolute}.rd-seal{border:3px solid var(--ink);background:var(--grain), #fbf6ea;width:54px;height:54px;color:var(--ink);font:24px/1 var(--f-display);border-radius:50%;place-items:center;transition:background .3s,color .3s,border-radius .3s,rotate .3s;display:grid;position:absolute;top:-27px;left:-27px;box-shadow:0 6px 10px -4px #1e0f0573}.rd-seal.k1{font-size:30px}.rd-seal.k3{letter-spacing:-.06em;font-size:15px}.rd-name{white-space:nowrap;font:800 13px/1 var(--f-serif);color:var(--ink-2);text-shadow:0 0 4px #f6eedb,0 0 3px #f6eedb,0 0 2px #f6eedb;position:absolute;top:32px;left:0;translate:-50%}.rd-st.start .rd-seal{background:var(--ink);color:var(--paper)}.rd-st.goal .rd-seal{width:72px;height:72px;box-shadow:0 0 0 4px var(--paper), 0 0 0 7px var(--gold), 0 8px 14px -4px #1e0f0580;font-size:40px;top:-36px;left:-36px}.rd-st.goal .rd-name{font-size:15px;top:44px}.rd-st.reached .rd-seal{background:var(--verm);color:#fff6e6;border-radius:9px;rotate:-6deg}.rd-st.goal.reached .rd-seal{color:var(--ink);background:linear-gradient(160deg,#f2cf6e,#c99a2e)}.rd-st.next .rd-seal{animation:1.6s ease-in-out infinite rdNext}@keyframes rdNext{50%{box-shadow:0 0 0 7px #d5402b59,0 6px 10px -4px #1e0f0573}}.rd-st.stamp .rd-seal{animation:.42s cubic-bezier(.3,1.4,.5,1) both rdStamp}@keyframes rdStamp{0%{opacity:0;rotate:-20deg;scale:2.4}}.rd-st.fell .rd-seal{color:var(--paper);background:#6b6358}.rd-walker{z-index:2;pointer-events:none;filter:drop-shadow(0 4px 3px #1e0f054d);width:56px;height:62px;margin:-60px 0 0 -28px;position:absolute;top:0;left:0}.rd-walker svg{width:100%;height:100%;animation:2.4s ease-in-out infinite rdBob}.rd-walker.walking svg{animation:.36s ease-in-out infinite rdStep}@keyframes rdBob{50%{translate:0 -2px}}@keyframes rdStep{25%{rotate:-5deg}75%{rotate:5deg}}.rd-walker.drop svg{animation:.6s cubic-bezier(.3,1.5,.5,1) both rdDrop}@keyframes rdDrop{0%{opacity:0;translate:0 -120px}}.rd-low{grid-template-columns:410px 1fr 410px;gap:24px;display:grid;position:absolute;inset:570px 40px 20px}.rd-card{border:3px solid var(--ink);background:var(--fibers), var(--grain), linear-gradient(175deg, #f7efde, #ebdcbd);border-radius:16px;padding:18px 22px;animation:.5s cubic-bezier(.3,1.3,.5,1) .25s both rdRise;position:relative;box-shadow:0 20px 34px -18px #1e0f058c}.rd-card:nth-child(2){animation-delay:.32s}.rd-card:nth-child(3){animation-delay:.39s}@keyframes rdRise{0%{opacity:0;translate:0 40px}}.rd-next{text-align:center;flex-direction:column;align-items:center;transition:opacity .4s;display:flex}.rd-next.hidden{opacity:0;pointer-events:none}.rc-h{font:800 13px/1 var(--f-serif);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px}.rr-wins{align-items:baseline;gap:10px;display:flex}.rr-wins b{font:92px/.9 var(--f-display);color:var(--verm)}.rr-wins span{font:800 28px/1 var(--f-serif)}.rr-wins small{font:700 16px/1 var(--f-serif);color:var(--ink-soft)}.rr-sandals{gap:26px;margin-top:18px;display:flex}.rr-pair{gap:3px;transition:filter .4s,opacity .4s;display:flex;position:relative}.rr-pair svg{width:26px;height:52px}.rr-pair svg:first-child{rotate:-9deg}.rr-pair svg:last-child{rotate:9deg}.rr-pair.worn{filter:grayscale()brightness(.8);opacity:.45}.rr-pair.worn:after{content:"";background:var(--verm-2);height:7px;clip-path:var(--brush);margin-top:-3px;position:absolute;top:50%;left:-8px;right:-8px;rotate:-28deg}.rr-pair.tearing{animation:.38s ease-in-out rdTear}@keyframes rdTear{20%{translate:-5px;rotate:-6deg}40%{translate:5px;rotate:6deg}60%{translate:-4px;rotate:-3deg}80%{translate:3px}}.rr-note{font:600 14px/1.35 var(--f-serif);color:var(--ink-soft);margin-top:14px}.rr-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rr-stats b{font:54px/1 var(--f-display);color:var(--verm);display:block}.rr-stats span{font:700 13px/1.2 var(--f-serif);color:var(--ink-soft)}.rr-hist{flex-direction:column;gap:6px;margin-top:14px;display:flex}.rh{font:600 14px/1 var(--f-serif);align-items:center;gap:10px;display:flex}.rh i{background:var(--sc);width:26px;height:26px;color:var(--paper);font:16px/1 var(--f-display);border-radius:6px;place-items:center;font-style:normal;display:grid}.rh b{font:800 16px/1 var(--f-serif);min-width:42px}.rh span{color:var(--ink-soft)}.rh.none{color:var(--ink-soft);line-height:1.35}.rn-label{font:800 13px/1 var(--f-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.rn-name{font:800 38px/1 var(--f-serif);align-items:center;gap:14px;margin-top:10px;display:flex}.rn-name b{background:var(--ink);color:var(--paper);font:34px/1 var(--f-display);border-radius:8px;padding:6px 10px 4px}.rn-title{font:800 30px/1.15 var(--f-serif);margin-top:10px}.rn-season{font:600 16px/1.3 var(--f-serif);align-items:center;gap:10px;margin:12px 0 16px;display:flex}.rn-season b{background:var(--c);color:#fff6e6;width:34px;height:34px;font:20px/1 var(--f-display);border-radius:50%;flex:none;place-items:center;display:grid}.rn-rules{text-align:left;max-width:600px;font:600 15.5px/1.4 var(--f-serif);margin:12px 0 14px;padding-left:22px}.rn-rules li{margin-bottom:4px}.rn-reward{margin:14px 0 18px}.rn-hint{font:600 13.5px/1.3 var(--f-serif);color:var(--ink-soft);margin-top:10px}.rd-next .btn .ico{vertical-align:-6px;margin:0 4px 0 2px;scale:.8}.rw{font:800 18px/1 var(--f-serif);align-items:center;gap:6px;margin:0 8px;font-style:normal;display:inline-flex}.rw .ico{scale:.8}.rw.leg{color:#9a6f12}.rs-hero{align-items:center;gap:16px;display:flex}.rs-portrait{background:var(--grain), var(--paper-2);width:92px;height:92px;box-shadow:inset 0 0 0 3px var(--ink), 0 0 0 4px var(--paper), 0 0 0 6.5px var(--sc);border-radius:50%;flex:none;position:relative;overflow:hidden}.rs-portrait .sun{width:66px;height:66px;margin:-33px 0 0 -33px}.rs-portrait .glyph{font-size:60px;top:60%}.rs-name{font:800 26px/1 var(--f-serif)}.rs-school{font:700 15px/1 var(--f-serif);color:var(--ink-soft);margin-top:6px}.rs-school b{color:var(--sc);font:20px/1 var(--f-display);margin-right:6px}.rs-btns{align-items:center;gap:12px;margin-top:22px;display:flex}.rs-table{flex-direction:column;gap:7px;display:flex}.rs-row{align-items:center;gap:8px;display:flex}.rs-row>b{background:var(--ink);width:34px;height:34px;color:var(--paper);font:800 16px/1 var(--f-serif);border-radius:50%;flex:none;place-items:center;display:grid}.rs-row.top>b{color:var(--ink);background:linear-gradient(160deg,#f2cf6e,#c99a2e)}.rs-row .rw{margin:0 5px;font-size:15px}.rd-over{z-index:20;background:#17140f73;place-items:center;animation:.2s both goIn;display:grid;position:absolute;inset:0}.rd-deck{border:3px solid var(--ink);background:var(--fibers), var(--grain), linear-gradient(170deg, #f7efde, #eadcbf);border-radius:18px;flex-direction:column;gap:12px;width:430px;height:740px;padding:20px 18px 18px;animation:.35s cubic-bezier(.2,1.3,.4,1) both modalIn;display:flex;position:relative;box-shadow:0 30px 60px #0006}.rd-deck .dp-head{padding-right:40px}.rd-x{border:2.5px solid var(--ink);background:var(--paper);width:38px;height:38px;font:800 16px/1 var(--f-serif);cursor:pointer;border-radius:50%;position:absolute;top:12px;right:14px}.rd-x:hover{background:var(--ink);color:var(--paper)}.rd-preview{z-index:30}.rd-claim{border:3px solid var(--ink);background:var(--fibers), var(--grain), linear-gradient(170deg, #f7efde, #eadcbf);text-align:center;border-radius:20px;width:820px;padding:34px 40px 30px;animation:.35s cubic-bezier(.2,1.3,.4,1) both modalIn;box-shadow:0 30px 60px #0006}.rc-title{font:800 38px/1 var(--f-serif)}.rc-sub{font:600 18px/1 var(--f-serif);color:var(--ink-soft);margin-top:8px}.rc-items{justify-content:center;align-items:center;gap:22px;min-height:300px;margin:18px 0 8px;display:flex}.rc-item{border:3px solid var(--ink);background:#fbf6ea;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:132px;height:150px;animation:.45s cubic-bezier(.3,1.6,.5,1) both rcPop;display:flex;box-shadow:0 14px 20px -10px #1e0f0580}.rc-item .ico{margin-bottom:8px;scale:1.5}.rc-item b{font:800 38px/1 var(--f-serif)}.rc-item span{font:700 14px/1 var(--f-serif);color:var(--ink-soft);letter-spacing:.08em}.rc-item.card{width:200px;height:280px;box-shadow:none;background:0 0;border:none;animation:.7s cubic-bezier(.3,1.4,.5,1) both rcCard;position:relative}@keyframes rcPop{0%{opacity:0;rotate:-10deg;scale:.3}}@keyframes rcCard{0%{opacity:0;filter:brightness(3);scale:2}}.rc-btns{opacity:0;justify-content:center;gap:14px;transition:opacity .3s;display:flex}.rc-btns.in{opacity:1}.rd-banner{z-index:25;text-align:center;background:var(--ink);color:var(--paper);clip-path:var(--brush);pointer-events:none;padding:26px 80px 24px;transition:opacity .5s;animation:.5s cubic-bezier(.3,1.4,.5,1) both rdBanner;position:absolute;top:330px;left:50%;translate:-50% -50%}.rd-banner.out{opacity:0}@keyframes rdBanner{0%{opacity:0;scale:.6}}.rb-seal{background:var(--verm);color:#fff6e6;width:70px;height:70px;font:50px/1 var(--f-display);border-radius:10px;place-items:center;display:inline-grid;rotate:-6deg}.rb-text{font:800 46px/1 var(--f-serif);margin-top:12px}.rb-sub{font:600 18px/1.2 var(--f-serif);color:#efe5cfcc;margin-top:10px}.scene{z-index:60;pointer-events:auto;cursor:pointer;opacity:0;background:radial-gradient(80% 70% at 50% 45%,#0d080659,#0d0806c7),#0d080640;transition:opacity .4s;position:absolute;inset:0}.scene.in{opacity:1}.scene.out{opacity:0;pointer-events:none}.sc-title{color:var(--paper);text-shadow:0 2px 12px #0009;align-items:center;gap:16px;display:flex;position:absolute;top:70px;left:50%;translate:-50%}.sc-title b{border:3px solid var(--paper);background:var(--verm);width:64px;height:64px;font:40px/1 var(--f-display);border-radius:10px;place-items:center;font-weight:400;display:grid;rotate:-5deg}.sc-title span{font:400 44px/1 var(--f-display);letter-spacing:.04em}.sc-who{opacity:0;filter:brightness(.55)saturate(.6);width:300px;height:300px;transition:opacity .35s,filter .35s,scale .35s;position:absolute;top:190px;scale:.94}.sc-who.l{left:150px}.sc-who.r{right:150px}.sc-who.enter{opacity:1}.sc-who.speaking{filter:none;scale:1}.sc-who.enter.l{animation:.5s cubic-bezier(.2,.9,.3,1.1) scInL}.sc-who.enter.r{animation:.5s cubic-bezier(.2,.9,.3,1.1) scInR}@keyframes scInL{0%{opacity:0;translate:-60px}}@keyframes scInR{0%{opacity:0;translate:60px}}.sc-face{background:var(--grain), var(--paper-2);box-shadow:inset 0 0 0 5px var(--ink), 0 24px 40px -10px #000000b3;border-radius:50%;position:absolute;inset:0;overflow:hidden}.sc-face .sun{width:220px;height:220px;margin:-110px 0 0 -110px}.sc-face .glyph{font-size:190px}.sc-enso{border-style:solid;border-width:16px 12px 20px 16px;border-color:var(--paper) var(--paper) var(--paper) transparent;opacity:.9;border-radius:50%;position:absolute;inset:-22px;rotate:-28deg}.sc-who.r .sc-enso{border-color:var(--verm) var(--verm) var(--verm) transparent;rotate:152deg}.sc-box{background:var(--fibers), var(--grain), linear-gradient(180deg, #f6eedb, #ecdfc2);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);min-height:190px;padding:46px 64px 36px;position:absolute;bottom:64px;left:140px;right:140px;box-shadow:0 30px 50px -20px #000000b3}.sc-box:before,.sc-box:after{content:"";border:3px solid var(--ink);background:linear-gradient(90deg,#5d3f1f,#9a6c3b 45%,#5d3f1f);border-radius:11px;width:22px;position:absolute;top:-10px;bottom:-10px}.sc-box:before{left:-14px}.sc-box:after{right:-14px}.sc-name{position:absolute;top:-24px;left:52px}.sc-name b{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 24px/1 var(--f-serif);padding:9px 26px 8px;display:block}.sc-name.boss{left:auto;right:52px}.sc-name.boss b{background:var(--verm)}.sc-text{font:600 29px/1.45 var(--f-serif);color:var(--ink);text-wrap:pretty;min-height:84px}.sc-box.narrator .sc-text{color:var(--ink-2);text-align:center;font-style:italic;font-weight:500}.sc-more{color:var(--verm);opacity:0;font-size:20px;position:absolute;bottom:14px;right:40px}.sc-box.done .sc-more{animation:1s ease-in-out infinite scMore}@keyframes scMore{0%,to{opacity:.2;translate:0}50%{opacity:1;translate:0 4px}}.sc-skip{color:var(--paper);font:700 18px/1 var(--f-serif);letter-spacing:.06em;cursor:pointer;background:#0d080666;border:2px solid #efe5cf99;border-radius:22px;padding:10px 22px;position:absolute;top:100px;right:36px}.sc-skip:hover{background:#0d0806b3}.tl-scroll{width:1520px;height:380px;position:absolute;top:100px;left:40px}.tl-rod{border:3px solid var(--ink);z-index:3;background:repeating-linear-gradient(0deg,#0000 0 22px,#00000024 22px 24px),linear-gradient(90deg,#2c2140,#5a4a78 45%,#2c2140);border-radius:13px;width:26px;position:absolute;top:-12px;bottom:-12px;box-shadow:0 12px 18px -8px #1e0f0580}.tl-rod.l{left:-16px}.tl-rod.r{right:-16px}.tl-paper{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--fibers), var(--grain), linear-gradient(180deg, #1b2442 0%, #3b4a74 26%, #b9b3a0 62%, #ecdfc2 100%);animation:.9s cubic-bezier(.5,0,.2,1) both tlUnroll;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 34px -20px #1e0f058c}@keyframes tlUnroll{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.tl-scene{width:100%;height:100%;position:absolute;inset:0}.tl-road{fill:none;stroke:#d6bf91;stroke-width:15px;stroke-linecap:round;opacity:.8}.tl-dash{fill:none;stroke:var(--ink);stroke-width:3px;stroke-dasharray:2 14;stroke-linecap:round;opacity:.45}.tl-node{cursor:pointer;width:132px;height:132px;animation:tlDrop .6s var(--delay) cubic-bezier(.3, 1.5, .5, 1) both;background:0 0;border:none;margin:-66px 0 0 -66px;padding:0;position:absolute}@keyframes tlDrop{0%{opacity:0;translate:0 -40px}}.tl-face{background:var(--grain), var(--paper-2);box-shadow:inset 0 0 0 4px var(--ink), 0 12px 20px -6px #0009;border-radius:50%;transition:transform .2s,box-shadow .25s;position:absolute;inset:0;overflow:hidden}.tl-face .sun{width:96px;height:96px;margin:-48px 0 0 -48px}.tl-face .glyph{font-size:84px}.tl-node:hover .tl-face{transform:translateY(-4px)rotate(-2deg)}.tl-node.chosen .tl-face{box-shadow:inset 0 0 0 4px var(--ink), 0 0 0 5px var(--paper), 0 0 0 9px var(--verm), 0 16px 26px -6px #0009}.tl-node.locked{cursor:not-allowed}.tl-node.locked .tl-face>:not(.tl-q){filter:brightness(0)opacity(.75)}.tl-q{color:var(--paper);font:60px/1 var(--f-display);place-items:center;display:grid;position:absolute;inset:0}.tl-num{border:2.5px solid var(--ink);background:var(--paper);width:38px;height:38px;font:22px/1 var(--f-display);color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;left:-14px}.tl-seal{border:3px solid var(--ink);background:radial-gradient(circle at 35% 30%, #ef7058, var(--verm) 55%, var(--verm-2));color:#fff6e6;width:52px;height:52px;font:34px/1 var(--f-display);border-radius:9px;place-items:center;display:grid;position:absolute;top:-10px;right:-16px;rotate:10deg;box-shadow:0 6px 10px -3px #00000073}.tl-label{white-space:nowrap;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:calc(100% + 12px);left:50%;translate:-50%}.tl-label b{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 16px/1 var(--f-serif);padding:5px 14px 4px}.tl-node.chosen .tl-label b{background:var(--verm)}.tl-label span{font:800 12.5px/1 var(--f-serif);color:var(--ink-2);text-shadow:0 0 6px #efe5cfe6,0 0 2px #efe5cfe6}.tl-pips{gap:5px;display:flex;position:absolute;top:calc(100% + 64px);left:50%;translate:-50%}.tl-pips i{border:1.5px solid var(--ink);background:#17140f14;border-radius:2px;width:10px;height:10px;rotate:45deg}.tl-pips i.on{background:var(--verm)}.tl-node.locked .tl-pips{display:none}.tl-low{grid-template-columns:1fr 1.25fr .85fr;gap:24px;display:grid;position:absolute;inset:530px 40px 30px}.tl-card{background:var(--fibers), var(--grain), linear-gradient(180deg, #f4ebd6, #e9dbbd);border:3px solid var(--ink);border-radius:8px;flex-direction:column;gap:10px;min-width:0;padding:20px 24px;display:flex;position:relative;box-shadow:0 16px 26px -14px #1e0f0580}.tl-h{font:800 12px/1 var(--f-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.tl-title{font:800 27px/1.1 var(--f-serif);align-items:center;gap:12px;display:flex}.tl-title b{border:2.5px solid var(--ink);background:var(--verm);color:#fff6e6;width:46px;height:46px;font:30px/1 var(--f-display);border-radius:8px;flex:none;place-items:center;font-weight:400;display:grid;rotate:-5deg}.tl-open{font:italic 500 16px/1.45 var(--f-serif);color:var(--ink-2);margin:0}.tl-boss{align-items:center;gap:12px;margin-top:auto;display:flex}.tl-boss b{font:800 18px/1.1 var(--f-serif);display:block}.tl-boss span{font:600 13.5px/1.3 var(--f-serif);color:var(--ink-soft)}.tl-boss-face,.tl-mini{background:var(--grain), var(--paper-2);width:52px;height:52px;box-shadow:inset 0 0 0 2.5px var(--ink);border-radius:50%;flex:none;position:relative;overflow:hidden}.tl-boss-face .sun,.tl-mini .sun{width:40px;height:40px;margin:-20px 0 0 -20px}.tl-boss-face .glyph,.tl-mini .glyph{font-size:34px}.tl-mini.alone{font:28px/1 var(--f-display);color:var(--ink);place-items:center;display:grid}.tl-link{font:700 14px/1 var(--f-serif);color:var(--indigo-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:underline}.tl-who{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tl-opt{text-align:left;cursor:pointer;background:#ffffff40;border:2.5px solid #17140f40;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:52px 1fr;align-items:center;gap:4px 10px;padding:10px 12px;transition:border-color .2s,background .2s;display:grid}.tl-opt .tl-mini{grid-row:1/span 2}.tl-opt b{font:800 16px/1.1 var(--f-serif)}.tl-opt span{font:600 12px/1.3 var(--f-serif);color:var(--ink-soft)}.tl-opt.on{border-color:var(--verm);background:#d5402b14}.tl-opt.with.on{border-color:var(--fuji);background:#7258b01a}.tl-tiers{gap:10px;display:flex}.tl-tier{cursor:pointer;background:#ffffff40;border:2.5px solid #17140f40;border-radius:22px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 8px;display:flex}.tl-tier b{font:20px/1 var(--f-display)}.tl-tier span{font:800 14px/1 var(--f-serif)}.tl-tier.on{border-color:var(--ink);background:var(--ink);color:var(--paper)}.tl-tier.sealed:not(.on){border-color:var(--verm)}.tl-tier.locked{opacity:.4;cursor:not-allowed}.tl-deck{align-items:center;gap:8px;display:flex}.tl-deck .none{font:600 14px/1.3 var(--f-serif);color:var(--verm-2)}.tl-deck-body{border:2.5px solid var(--sc,var(--ink));background:#ffffff4d;border-radius:30px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 12px 6px 6px;display:flex}.tl-deck-body .tl-mini{width:40px;height:40px}.tl-deck-body b{font:800 16px/1.1 var(--f-serif);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.tl-deck-body span{font:600 12.5px/1.2 var(--f-serif);color:var(--ink-soft)}.tl-cycle{border:2.5px solid var(--ink);background:var(--paper);width:34px;height:34px;font:800 20px/1 var(--f-serif);cursor:pointer;border-radius:50%;flex:none}.tl-cycle:disabled{opacity:.3;cursor:default}.tl-go{text-align:center;justify-content:center;align-items:center}.tl-reward{font:600 17px/1 var(--f-serif);flex-wrap:wrap;justify-content:center;gap:8px 16px;display:flex}.tl-reward span{align-items:center;gap:5px;display:flex}.tl-done{text-align:left;font:600 14px/1.35 var(--f-serif);color:var(--ink-soft);align-items:center;gap:12px;display:flex}.tl-done b{border:2.5px solid var(--ink);background:var(--verm);color:#fff6e6;width:44px;height:44px;font:28px/1 var(--f-display);border-radius:8px;flex:none;place-items:center;font-weight:400;display:grid;rotate:8deg}.tl-go .btn{margin-top:8px}.tl-hint{font:600 13px/1.35 var(--f-serif);color:var(--ink-soft)}.hub{position:absolute;inset:0}.hub-scenery{width:100%;height:100%;position:absolute;inset:0}.hub-sun{transform-origin:1180px 330px;animation:9s ease-in-out infinite sunPulse}@keyframes sunPulse{50%{scale:1.04}}.hub .mist{animation:18s ease-in-out infinite alternate mist}@keyframes mist{to{translate:-60px 6px}}.hub-chips{z-index:3;position:absolute;top:22px;right:34px}.hub-title{animation:.9s cubic-bezier(.2,1,.3,1) both txtIn;position:absolute;top:64px;left:92px}.hub-title h1{font:114px/1 var(--f-display);letter-spacing:.02em;margin:0}.hub-title .tag{font:700 18px/1 var(--f-serif);letter-spacing:.32em;text-transform:uppercase;color:var(--verm-2);margin:6px 0 0 6px}.hub-title .title-seal{width:72px;height:72px;font-size:29px;top:112px;left:auto;right:-6px;translate:0}.hub-profile{align-items:center;gap:18px;animation:.7s .2s both txtIn;display:flex;position:absolute;top:300px;left:92px}.hub-profile .lv{text-align:center;background:var(--verm);color:#fff6e6;border:3px solid var(--ink);width:78px;height:78px;font:800 36px/.9 var(--f-serif);box-shadow:0 0 0 4px var(--paper), 0 0 0 6px var(--ink), 0 8px 14px #0003;border-radius:12px;place-content:center;display:grid;rotate:-5deg}.hub-profile .lv small{letter-spacing:.1em;font-size:14px;display:block}.hub-profile .who b{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 24px/1 var(--f-serif);padding:7px 22px 6px 16px;display:inline-block}.hub-profile .xp{border:2px solid var(--ink);background:#fffaee99;border-radius:6px;width:300px;height:12px;margin:10px 0 7px;overflow:hidden}.hub-profile .xp i{background:linear-gradient(90deg, var(--indigo-2), var(--indigo));height:100%;display:block}.hub-profile .who span{font:700 14px/1 var(--f-serif);color:var(--ink-soft)}.hub-quests{width:520px;animation:.7s .3s both txtIn;position:absolute;top:440px;left:92px}.hub-quests h3{margin:0 0 12px}.hub-quests h3 span{background:var(--verm);color:#fff6e6;clip-path:var(--brush);font:26px/1 var(--f-display);padding:6px 20px 5px 14px;display:inline-block}.qlist{flex-direction:column;gap:12px;display:flex}.quest{border:2.5px solid var(--ink);background:var(--grain), #f8f1e0;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:8px 16px;padding:13px 54px 13px 20px;display:grid;position:relative;box-shadow:0 5px #17140f29}.quest:before,.quest:after{content:"";border:2px solid var(--ink);background:linear-gradient(90deg,#6b4c2a,#a77c48,#6b4c2a);border-radius:5px;width:9px;position:absolute;top:-4px;bottom:-4px}.quest:before{left:-8px}.quest:after{right:-8px}.quest .qt{font:700 17px/1.2 var(--f-serif)}.quest .qbar{border:2px solid var(--ink);background:#17140f0f;border-radius:9px;grid-column:1;height:18px;position:relative;overflow:hidden}.quest .qbar i{background:linear-gradient(90deg, var(--verm-2), var(--verm));height:100%;display:block}.quest .qbar span{font:800 12px/1 var(--f-serif);color:var(--ink);text-shadow:0 0 4px #fff,0 0 2px #fff;place-items:center;display:grid;position:absolute;inset:0}.quest .qr{font:800 20px/1 var(--f-serif);grid-area:1/2/span 2;align-items:center;gap:6px;display:flex}.quest .reroll{border:2px solid var(--ink);background:var(--paper);width:32px;height:32px;font:800 18px/1 var(--f-serif);cursor:pointer;opacity:.55;border-radius:50%;transition:opacity .2s,rotate .4s;position:absolute;top:50%;right:12px;translate:0 -50%}.quest .reroll:hover{opacity:1;rotate:180deg}.quest.empty{opacity:.5;box-shadow:none;font:600 15px/1 var(--f-serif);border-style:dashed;padding:16px 20px;display:block}.quest.empty:before,.quest.empty:after{display:none}.beam{border:3px solid var(--ink);background:repeating-linear-gradient(90deg,#0000 0 40px,#0000001f 40px 42px),linear-gradient(#8a6236,#5d3f1f);border-radius:11px;height:22px;position:absolute;top:128px;left:760px;right:60px;box-shadow:0 8px 12px -4px #00000059}.hub-emas{justify-content:space-between;display:flex;position:absolute;top:136px;left:772px;right:72px}.hub-ema{cursor:pointer;width:180px;height:400px;animation:plaqueDrop .8s var(--delay) cubic-bezier(.3, 1.5, .5, 1) both;background:0 0;border:none;padding:0;position:relative}@keyframes plaqueDrop{0%{opacity:0;translate:0 -160px}}.hub-ema .cord{background:var(--verm);width:4px;height:70px;box-shadow:0 0 0 1px var(--verm-2);margin-left:-2px;position:absolute;top:0;left:50%}.hub-ema .ema{transform-origin:50% -60px;filter:drop-shadow(0 14px 12px #1e0f0566);height:300px;transition:translate .25s cubic-bezier(.3,1.6,.5,1);position:absolute;top:60px;left:0;right:0}.hub-ema .wood{clip-path:var(--plaque);background:var(--ink);position:absolute;inset:0}.hub-ema .wood:before{content:"";clip-path:var(--plaque);background:repeating-linear-gradient(94deg, transparent 0 18px, #6e461e14 18px 20px, transparent 20px 37px), var(--grain), linear-gradient(170deg, #f0d9ad, #d9b47c 60%, #c99d63);position:absolute;inset:5px}.hub-ema .k{text-align:center;font:104px/1 var(--f-display);color:var(--ph);text-shadow:3px 3px #17140f40;position:absolute;top:58px;left:0;right:0}.hub-ema .l{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 21px/1 var(--f-serif);letter-spacing:.04em;padding:8px 0 7px;position:absolute;top:186px;left:12px;right:12px}.hub-ema .s{font:700 13.5px/1.2 var(--f-serif);color:var(--ink-2);position:absolute;top:234px;left:8px;right:8px}.hub-ema:hover .ema{translate:0 8px}.hub-ema:hover .wood:before{filter:brightness(1.06)}.hub-ema:active .ema{translate:0 14px;scale:.97}.hub-ema .badge{border:3px solid var(--ink);background:var(--verm);color:#fff6e6;min-width:42px;height:42px;font:800 20px/1 var(--f-serif);border-radius:21px;place-items:center;padding:0 8px;font-style:normal;animation:1.6s ease-in-out infinite badgePulse;display:grid;position:absolute;top:64px;right:10px}@keyframes badgePulse{50%{scale:1.12}}.hub-foot{font:600 14px/1 var(--f-serif);color:var(--ink-soft);letter-spacing:.04em;align-items:center;gap:16px;display:flex;position:absolute;bottom:18px;right:34px}.hub-foot .sync:before{content:"";background:var(--ink-soft);vertical-align:1px;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.hub-foot .s-saved:before{background:#3f8f6e}.hub-foot .s-saving:before{background:var(--gold)}.hub-foot .s-offline:before{background:var(--verm)}.hub-foot .acct-btn{border:2px solid var(--ink);font:700 14px/1 var(--f-serif);color:var(--ink);cursor:pointer;background:#fffaeeb3;border-radius:999px;padding:8px 14px 7px}.hub-foot .acct-btn:hover{background:var(--paper)}.hub-foot .acct-btn[hidden]{display:none}.hub-foot .acct-btn.nudge{border-color:var(--verm-2);color:var(--verm-2)}.hub-emas.five .hub-ema{width:146px}.hub-emas.five .hub-ema .ema{scale:.84}.hub-emas.five .hub-ema .l{letter-spacing:0;font-size:19px}.pk-glow{pointer-events:none;background:radial-gradient(at 50% 55%,#fff4d6bf,#fff4d600 62%);width:1100px;height:720px;position:absolute;top:150px;left:250px}.pk-enso{border-style:solid;border-width:22px 16px 28px 20px;border-color:var(--ink) var(--ink) var(--ink) transparent;opacity:.06;pointer-events:none;border-radius:50%;width:640px;height:640px;margin:-320px 0 0 -320px;position:absolute;top:470px;left:800px;rotate:-32deg}.pk-altar{z-index:1;width:0;height:0;position:absolute;top:600px;left:800px}.pk-shadow{filter:blur(6px);background:radial-gradient(#28160873,#0000 68%);border-radius:50%;width:540px;height:200px;position:absolute;top:-40px;left:-270px}.pk-stone{background:radial-gradient(ellipse at 38% 26%, #ffffff1a, transparent 45%), var(--grain), linear-gradient(170deg, #45434b, #26252a 55%, #151417);transform-origin:50% 70%;border-radius:150px 150px 36px 36px/120px 120px 36px 36px;width:470px;height:330px;position:absolute;top:-175px;left:-235px;transform:perspective(900px)rotateX(48deg);box-shadow:inset 0 0 0 4px #0b0a0c,inset 0 10px 0 6px #ffffff0d,inset 0 -14px 20px #00000080,0 22px 0 -2px #0d0c0e,0 40px 40px -10px #0000008c}.pk-umi{background:radial-gradient(at 50% 38%,#232a4a,#0a0b12 62%,#040406);border-radius:50% 50% 44% 44%/64% 64% 36% 36%;height:104px;position:absolute;top:22px;left:70px;right:70px;overflow:hidden;box-shadow:inset 0 10px 18px #000000d9,0 2px #ffffff1f}.pk-umi i{background:radial-gradient(#aabeff59,#0000 70%);border-radius:50%;width:46%;height:22%;animation:6s ease-in-out infinite pkShimmer;position:absolute;top:30%;left:18%}@keyframes pkShimmer{50%{opacity:.5;translate:60% 18%}}.pk-oka{background:linear-gradient(100deg,#0000 30%,#ffffff12 48%,#0000 62%),radial-gradient(at 50% 20%,#0a0a0ee6,#34323a 80%);border-radius:22px;position:absolute;inset:140px 46px 28px;box-shadow:inset 0 3px 8px #000000b3,inset 0 -1px #ffffff14}.pk-altar.lit .pk-oka{box-shadow:inset 0 3px 8px #000000b3,inset 0 0 40px #ffe6aa40}.pk-stick{background:linear-gradient(90deg, #ffffff1f, transparent 30%, transparent 70%, #0000004d), var(--grain), #1b1916;border-radius:6px;place-items:center;width:50px;height:196px;display:grid;position:absolute;top:-96px;left:262px;rotate:26deg;box-shadow:6px 10px 12px #00000059}.pk-stick:after{content:"";background:linear-gradient(#0000,#0009);border-radius:0 0 6px 6px;height:12px;position:absolute;bottom:0;left:4px;right:4px}.pk-stick span{font:30px/1 var(--f-display);color:#d4ad55;text-shadow:0 1px #0009}.pk-target{border:5px dashed var(--verm);opacity:0;pointer-events:none;border-radius:50%;width:300px;height:300px;transition:opacity .25s,scale .3s cubic-bezier(.3,1.6,.5,1),border-color .2s;animation:14s linear infinite pkSpin;position:absolute;top:-245px;left:-150px;scale:.9}.pk-altar.armed .pk-target{opacity:.45;scale:1}.pk-altar.hot .pk-target{opacity:1;border-style:solid;scale:1.1;box-shadow:0 0 30px #d5402b80,inset 0 0 30px #d5402b59}@keyframes pkSpin{to{rotate:360deg}}.pk-hint{z-index:2;text-align:center;font:700 18px/1 var(--f-serif);letter-spacing:.1em;color:var(--ink-soft);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;top:784px;left:0;right:0}.pk-hint.show{opacity:1}.pk-pile{z-index:3;pointer-events:none;position:absolute;inset:0}.pk-pile .pk-pack{pointer-events:auto;cursor:pointer}.pk-pile .pk-pack.top{cursor:grab}.pk-fly{z-index:7;pointer-events:none;position:absolute;inset:0}.pk-pack{will-change:transform;--leak:0;--lc:#fff3cf;width:180px;height:250px;margin:-125px 0 0 -90px;position:absolute;top:0;left:0}.pk-pack.leak-rare{--lc:#8fb0ff}.pk-pack.leak-epic{--lc:#e08ad6}.pk-pack.leak-legendary{--lc:#ffd56b}.pk-body{filter:drop-shadow(0 10px 9px #1e0f056b);transition:transform .25s cubic-bezier(.3,1.6,.5,1);position:absolute;inset:0}.pk-pile .pk-pack.top:hover .pk-body{transform:translateY(-12px)rotate(-2deg)scale(1.03)}.pk-pile .pk-pack.top.invite .pk-paper{animation:2.2s ease-in-out infinite pkInvite}@keyframes pkInvite{0%,to{box-shadow:inset 0 0 0 2px #fff6}50%{box-shadow:inset 0 0 0 2px #fff6,0 0 22px 4px #d5402b59}}.pk-pack.held .pk-body,.pk-pack.charging .pk-body{transition:none}.pk-pack.held .pk-body{filter:drop-shadow(0 34px 26px #1e0f0573)}.pk-paper{border:3px solid var(--ink);background:var(--fibers), var(--grain), linear-gradient(165deg, #fbf5e6, #ecdcba);border-radius:9px;position:absolute;inset:0;overflow:hidden}.pk-mark{text-align:center;font:82px/1 var(--f-display);color:var(--ink);opacity:.13;pointer-events:none;position:absolute;top:22px;left:0;right:0}.pk-flap{filter:drop-shadow(0 3px #17140f38);pointer-events:none;border-radius:7px;position:absolute;inset:3px}.pk-flap:before{content:"";clip-path:polygon(0 0,100% 0,100% 30%,0 64%);background:var(--fibers), linear-gradient(170deg, #f4e8cd, #e3d0a7);border-radius:7px;position:absolute;inset:0}.pk-cords{flex-direction:column;gap:1px;display:flex;position:absolute;top:142px;left:3px;right:3px}.pk-cords i{background:repeating-linear-gradient(-62deg, var(--verm) 0 4px, var(--verm-2) 4px 6px);height:6px;box-shadow:0 1px #00000040}.pk-cords i:nth-child(2){background:repeating-linear-gradient(-62deg,#fffaf0 0 4px,#d8ccb4 4px 6px)}.pk-cords i:nth-child(3){background:repeating-linear-gradient(-62deg,#e2b54f 0 4px,#a8822c 4px 6px)}.pk-knot{width:0;height:0;position:absolute;top:151px;left:50%}.pk-knot:before,.pk-knot:after{content:"";border:5px solid var(--verm);border-radius:50%;width:44px;height:30px;position:absolute;top:-15px;box-shadow:0 2px #00000040}.pk-knot:before{right:6px;rotate:20deg}.pk-knot:after{left:6px;rotate:-20deg}.pk-seal{background:radial-gradient(circle at 35% 30%, #ea5f45, var(--verm) 55%, var(--verm-2));border:3px solid var(--ink);border-radius:9px;place-items:center;width:58px;height:58px;margin-left:-29px;display:grid;position:absolute;top:120px;left:50%;overflow:hidden;rotate:-5deg;box-shadow:0 3px #0000004d}.pk-seal span{writing-mode:vertical-rl;font:21px/1 var(--f-display);color:var(--paper);letter-spacing:-.06em}.pk-seal .crack{fill:none;stroke:#fff4d6;stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:70;stroke-dashoffset:70px;width:100%;height:100%;filter:drop-shadow(0 0 3px var(--lc));transition:stroke-dashoffset .12s ease-out;position:absolute;inset:0}.pk-pack.cracked .pk-seal .crack path:nth-child(-n+2),.pk-pack.cracked2 .pk-seal .crack path{stroke-dashoffset:0}.pk-label{text-align:center;font:800 11px/1 var(--f-serif);letter-spacing:.42em;color:var(--ink-soft);position:absolute;bottom:16px;left:0;right:0}.pk-leak{pointer-events:none;opacity:var(--leak);box-shadow:0 0 calc(var(--leak) * 34px) calc(var(--leak) * 8px) var(--lc), inset 0 0 calc(var(--leak) * 26px) var(--lc);border-radius:9px;position:absolute;inset:0}.pk-rays{pointer-events:none;width:640px;height:640px;opacity:calc(var(--leak) * .9);scale:calc(.4 + var(--leak) * .8);background:repeating-conic-gradient(from 0deg, var(--lc) 0 4deg, transparent 4deg 14deg);border-radius:50%;margin:-320px 0 0 -320px;animation:5s linear infinite pkSpin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 12%,#0000 64%);mask:radial-gradient(circle,#000 12%,#0000 64%)}.pk-pile .pk-rays,.pk-pack.half .pk-rays{display:none}.pk-pack.half.left .pk-body{clip-path:polygon(0 0,54% 0,47% 14%,55% 29%,45% 44%,54% 58%,46% 73%,53% 87%,48% 100%,0 100%)}.pk-pack.half.right .pk-body{clip-path:polygon(54% 0,100% 0,100% 100%,48% 100%,53% 87%,46% 73%,54% 58%,45% 44%,55% 29%,47% 14%)}.pk-count{z-index:3;opacity:0;transition:opacity .3s;position:absolute;top:532px;left:150px;translate:-50%}.pk-count.show{opacity:1}.pk-count span{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 24px/1 var(--f-serif);padding:7px 20px 6px;display:block}.pk-empty{width:180px;height:250px;font:700 17px/1 var(--f-serif);color:var(--ink-soft);border:3px dashed #17140f59;border-radius:10px;place-items:center;display:grid;position:absolute;top:247px;left:60px}.pk-coin{filter:drop-shadow(0 4px 3px #0000004d);margin:-15px 0 0 -11px;position:absolute;top:0;left:0}.pk-coin .ico{display:block}.pk-shop,.pk-info{z-index:4;position:absolute}.pk-shop{width:280px;top:600px;left:40px}.pk-info{width:270px;top:640px;right:36px}.pk-shop h3,.pk-info h3{margin:0 0 12px}.pk-shop h3 span,.pk-info h3 span{background:var(--verm);color:#fff6e6;clip-path:var(--brush);font:25px/1 var(--f-display);padding:6px 20px 5px 14px;display:inline-block}.pk-buy{flex-direction:column;align-items:stretch;gap:12px;display:flex}.pk-buy .btn span{align-items:center;gap:10px;padding:12px 22px 11px 18px;font-size:19px;display:flex}.pk-buy .btn em{font-style:normal}.pk-buy .btn span>i{align-items:center;gap:6px;margin-left:auto;font-style:normal;display:flex}.pk-buy .ico.ryo{width:17px;height:23px}.pk-buy .ico.pack{width:22px;height:27px}.pk-earn{font:600 14px/1.3 var(--f-serif);color:var(--ink-soft);margin:10px 0 0}.pk-info ul{font:600 15px/1.25 var(--f-serif);flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.pk-info li:before{content:"◆";vertical-align:2px;color:var(--verm);margin-right:8px;font-size:10px}.pk-info em,.pk-sum em{font-style:normal;font-weight:800}.pk-t-common{color:var(--ink-2)}.pk-t-rare{color:#2f56b8}.pk-t-epic{color:#8f3486}.pk-t-legendary{color:#a3751a}.pk-prog{font:700 13px/1 var(--f-serif);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:16px;display:grid}.pk-prog .bar{border:2px solid var(--ink);background:#17140f0f;border-radius:5px;height:10px;overflow:hidden}.pk-prog .bar i{background:linear-gradient(90deg, var(--indigo-2), var(--indigo));height:100%;display:block}.pk-cards{z-index:6;pointer-events:none;position:absolute;inset:0}.pk-card{pointer-events:auto;cursor:pointer;will-change:transform;width:200px;height:280px;margin:-140px 0 0 -100px;transition:filter .35s;position:absolute;top:0;left:0}.pk-card.revealed{cursor:default}.pk-cards.spot .pk-card:not(.star){filter:brightness(.55)saturate(.5)}.pk-lift{perspective:1100px;transition:transform .25s cubic-bezier(.3,1.5,.5,1);position:absolute;inset:0}.pk-card.hover .pk-lift{transform:translateY(-18px)scale(1.07)}.pk-card.revealed.hover .pk-lift{transform:translateY(-14px)scale(1.16)}.pk-flip{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateY(180deg)}.pk-flip>.face,.pk-flip>.cardback{backface-visibility:hidden}.pk-flip>.cardback{transition:box-shadow .3s;transform:rotateY(180deg)}.pk-card.r-common .cardback{box-shadow:inset 0 0 0 6px var(--indigo-2), inset 0 0 0 8px var(--gold), 0 10px 20px -6px #00000080}.pk-card.r-rare .cardback{box-shadow:inset 0 0 0 6px var(--indigo-2), inset 0 0 0 8px var(--gold), 0 0 0 3px #7c9cec, 0 0 26px 8px #5b82dcbf}.pk-card.r-epic .cardback{box-shadow:inset 0 0 0 6px var(--indigo-2), inset 0 0 0 8px var(--gold), 0 0 0 3px #d27ac8, 0 0 30px 10px #b04fa4cc}.pk-card.r-legendary .cardback{box-shadow:inset 0 0 0 6px var(--indigo-2), inset 0 0 0 8px var(--gold), 0 0 0 4px #ffd56b, 0 0 40px 14px #f0be46e6}.pk-card.hover.r-rare .cardback{box-shadow:inset 0 0 0 6px var(--indigo-2), inset 0 0 0 8px var(--gold), 0 0 0 4px #a5bdf5, 0 0 40px 14px #5b82dce6}.pk-card.hover.r-epic .cardback{box-shadow:inset 0 0 0 6px var(--indigo-2), inset 0 0 0 8px var(--gold), 0 0 0 4px #ea9fe0, 0 0 46px 16px #b04fa4f2}.pk-card.hover.r-legendary .cardback{box-shadow:inset 0 0 0 6px var(--indigo-2), inset 0 0 0 8px var(--gold), 0 0 0 5px #fff0b8, 0 0 60px 22px #ffcd50}.pk-aura{pointer-events:none;opacity:0;border-radius:50%;width:380px;height:380px;margin:-190px 0 0 -190px;transition:opacity .5s,scale .4s cubic-bezier(.3,1.5,.5,1);position:absolute;top:50%;left:50%}.pk-card.landed .pk-aura{opacity:.4}.pk-card.r-common .pk-aura{background:radial-gradient(circle,#17140f29,#0000 58%)}.pk-card.r-rare .pk-aura{background:radial-gradient(circle,#6f8fdc99,#0000 60%)}.pk-card.r-epic .pk-aura{background:radial-gradient(circle,#c860beb3,#d5402b38 42%,#0000 62%)}.pk-card.r-legendary .pk-aura{background:radial-gradient(circle,#ffde82d9,#e2b54f47 38%,#0000 64%);width:560px;height:560px;margin:-280px 0 0 -280px}.pk-card.r-legendary .pk-aura:before{content:"";background:repeating-conic-gradient(from 0deg, #ffe6a099 0 5deg, transparent 5deg 16deg);border-radius:50%;animation:10s linear infinite pkSpin;position:absolute;inset:-10%;-webkit-mask:radial-gradient(circle,#000 14%,#0000 62%);mask:radial-gradient(circle,#000 14%,#0000 62%)}.pk-card.landed:not(.revealed).r-rare .pk-aura,.pk-card.landed:not(.revealed).r-epic .pk-aura,.pk-card.landed:not(.revealed).r-legendary .pk-aura{opacity:1;animation:1.6s ease-in-out infinite pkPulse}.pk-card.landed:not(.revealed).r-epic .pk-aura{animation-duration:1.15s}.pk-card.landed:not(.revealed).r-legendary .pk-aura{animation-duration:.9s}@keyframes pkPulse{50%{scale:1.1}}.pk-card.hover .pk-aura{scale:1.15}.pk-card.anticipate .pk-aura{opacity:1;scale:1.45}.pk-card.revealed.r-common .pk-aura,.pk-card.revealed.r-rare .pk-aura{opacity:.25}.pk-card.revealed.r-epic .pk-aura{opacity:.55}.pk-card.revealed.r-legendary .pk-aura{opacity:.9;scale:1.1}.pk-card.revealed.r-legendary .pk-aura:before{animation-duration:18s}.pk-card.revealed.is-gilded .face{animation:2.4s ease-in-out infinite pkGild}@keyframes pkGild{50%{filter:brightness(1.08)drop-shadow(0 0 10px #f0c85ab3)}}.pk-new{background:radial-gradient(circle at 35% 30%, #ea5f45, var(--verm) 55%, var(--verm-2));border:3px solid var(--ink);color:#fff6e6;width:66px;height:66px;box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--ink), 0 8px 12px #0000004d;z-index:3;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;animation:.38s cubic-bezier(.5,0,.6,1.6) both pkStamp;display:flex;position:absolute;top:-24px;right:-22px;rotate:12deg}.pk-new b{font:30px/1 var(--f-display)}.pk-new i{font:800 10px/1 var(--f-serif);letter-spacing:.18em;font-style:normal}@keyframes pkStamp{0%{opacity:0;scale:3}to{opacity:1;scale:1}}.pk-flash{z-index:9;pointer-events:none;background:radial-gradient(circle at 800px 505px, var(--fc), transparent 58%);position:absolute;inset:0}.pk-banner-host{z-index:8;pointer-events:none;position:absolute;inset:0}.pk-banner{place-items:center;height:104px;display:grid;position:absolute;top:648px;left:0;right:0}.pk-banner .bw{animation:.45s cubic-bezier(.7,0,.2,1) both pkBrush;position:absolute;inset:6px 22%}.pk-banner .stroke{clip-path:polygon(0 30%,2% 8%,14% 14%,30% 2%,52% 9%,74% 0,90% 8%,100% 2%,99% 40%,100% 82%,86% 94%,66% 86%,44% 100%,24% 90%,8% 98%,1% 74%);background:linear-gradient(#2a1d06,#17140f 60%);position:absolute;inset:0}.pk-banner .txt{align-items:center;gap:18px;animation:.55s cubic-bezier(.2,1.4,.4,1) .16s both pkTxt;display:flex;position:relative}.pk-banner .seal{background:var(--verm);width:56px;height:56px;font:34px/1 var(--f-display);color:var(--paper);border:2px solid #f6dc8c;border-radius:10px;place-items:center;display:grid;rotate:-8deg}.pk-banner .nm{font:46px/1 var(--f-display);color:#f6dc8c;text-shadow:0 0 18px #f0be4699}.pk-banner .rl{font:800 12px/1 var(--f-serif);letter-spacing:.4em;text-transform:uppercase;color:#c9a24a}.pk-banner.out{animation:.55s forwards pkOut}@keyframes pkBrush{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes pkTxt{0%{opacity:0;filter:blur(6px);scale:1.5}to{opacity:1;filter:blur();scale:1}}@keyframes pkOut{to{opacity:0;translate:0 -12px}}.pk-actions{z-index:8;opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:22px;transition:opacity .3s,translate .35s cubic-bezier(.3,1.4,.5,1);display:flex;position:absolute;top:768px;left:0;right:0;translate:0 10px}.pk-actions.show{opacity:1;translate:0}.pk-actions.show>*{pointer-events:auto}.pk-actions small{opacity:.8;font-size:.75em}.pk-key kbd{font:700 13px/1 var(--f-serif);color:var(--ink-soft);border:2px solid #17140f66;border-radius:6px;padding:4px 9px 3px}.pk-sum{font:700 18px/1 var(--f-serif);align-items:center;gap:10px;margin-right:10px;display:flex}.pk-sum i{color:var(--ink-soft);font-style:normal}@media (prefers-reduced-motion:reduce){.pk-rays,.pk-target,.pk-card.r-legendary .pk-aura:before,.pk-umi i{animation:none}.pk-card.landed .pk-aura,.pk-pile .pk-pack.top.invite .pk-paper,.pk-card.revealed.is-gilded .face{animation:none!important}}.play{position:absolute;inset:0}.deck-grid{grid-template-columns:repeat(4,1fr);align-content:start;gap:22px;width:1040px;max-height:750px;padding:10px 14px 30px 10px;display:grid;position:absolute;top:120px;left:50px;overflow-y:auto}.deck-tile{border:3px solid var(--ink);background:linear-gradient(180deg, color-mix(in srgb, var(--sc,#888) 18%, transparent), transparent 55%), var(--fibers), var(--grain), linear-gradient(170deg, #f7efde, #eadcbf);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;height:330px;padding:22px 14px 16px;transition:transform .22s cubic-bezier(.2,1.4,.4,1),box-shadow .2s;animation:.5s cubic-bezier(.2,1.2,.4,1) both tileIn;display:flex;position:relative;box-shadow:0 10px 22px -10px #1e0f0580}.deck-tile:nth-child(2){animation-delay:40ms}.deck-tile:nth-child(3){animation-delay:80ms}.deck-tile:nth-child(4){animation-delay:.12s}.deck-tile:nth-child(5){animation-delay:.16s}.deck-tile:nth-child(6){animation-delay:.2s}@keyframes tileIn{0%{opacity:0;translate:0 24px}}.deck-tile:hover{transform:translateY(-6px)rotate(-.6deg)}.deck-tile.chosen{box-shadow:0 0 0 4px var(--jade), 0 0 26px 6px #3fbf8f8c, 0 16px 26px -10px #1e0f058c;transform:translateY(-6px)}.deck-tile.broken{opacity:.55;cursor:not-allowed}.dt-portrait{background:var(--grain), var(--paper-2);width:118px;height:118px;box-shadow:inset 0 0 0 3px var(--ink);border-radius:50%;position:relative;overflow:hidden}.dt-portrait .sun{width:84px;height:84px;margin:-42px 0 0 -42px}.dt-portrait .glyph{font-size:76px;top:60%}.dt-kanji{background:var(--sc);width:42px;height:42px;color:var(--paper);border:2.5px solid var(--ink);font:26px/1 var(--f-display);border-radius:8px;place-items:center;display:grid;position:absolute;top:14px;right:14px;rotate:7deg}.dt-name{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 19px/1 var(--f-serif);margin-top:6px;padding:7px 16px 6px}.dt-hero{font:700 13px/1 var(--f-serif);color:var(--verm-2)}.dt-state{font:700 13px/1.2 var(--f-serif);color:var(--ink-soft);margin-top:auto}.deck-tile.chosen .dt-state{color:#1d7a56}.deck-tile.new{box-shadow:none;background:#fffaee59;border-style:dashed;justify-content:center}.deck-tile.new .plus{font:90px/1 var(--f-serif);color:var(--ink-soft)}.play-side{flex-direction:column;align-items:stretch;gap:18px;width:400px;display:flex;position:absolute;top:130px;right:50px}.play-side h3{margin:0}.play-side h3 span{background:var(--verm);color:#fff6e6;clip-path:var(--brush);font:28px/1 var(--f-display);padding:6px 20px 5px 14px;display:inline-block}.rivals{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.rival{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.rival b{border:3px solid var(--ink);background:var(--sc,#6b6255);width:64px;height:64px;color:var(--paper);font:36px/1 var(--f-display);opacity:.45;border-radius:10px;place-items:center;transition:opacity .2s,transform .25s cubic-bezier(.3,1.8,.5,1);display:grid;rotate:-4deg}.rival span{font:700 12px/1 var(--f-serif);color:var(--ink-soft)}.rival:hover b{opacity:.8}.rival.on b{opacity:1;box-shadow:0 0 0 4px var(--paper), 0 0 0 6px var(--ink);transform:scale(1.12)rotate(4deg)}.rival.on span{color:var(--ink)}.chosen-sum{border:2.5px solid var(--ink);background:#fffaee99;border-radius:12px;margin-top:16px;padding:18px 20px}.cs-label{font:800 12px/1 var(--f-serif);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft)}.cs-name{font:34px/1 var(--f-display);margin:8px 0 10px}.cs-power{font:600 15px/1.35 var(--f-serif)}.btn.big span{padding:22px 40px 20px;font-size:28px}.play-side .btn{margin-top:14px}.dt-curve{border-bottom:2px solid var(--ink);align-items:flex-end;gap:4px;width:150px;height:46px;margin-top:10px;padding-bottom:3px;display:flex}.dt-curve i{background:var(--sc,var(--indigo));opacity:.85;border-radius:3px 3px 0 0;flex:1;min-height:2px}.rewards{position:absolute;inset:0}.rw-stamp{width:260px;height:260px;font:190px/1 var(--f-display);color:var(--paper);background:var(--verm);border:6px solid var(--ink);box-shadow:0 0 0 9px var(--paper), 0 0 0 13px var(--ink), 0 30px 50px #0000004d;border-radius:28px;place-items:center;animation:.55s cubic-bezier(.5,0,.6,1.6) .4s both stampIn;display:grid;position:absolute;top:170px;left:180px;rotate:-7deg}.rewards.lost .rw-stamp{background:var(--ink-2)}.rw-col{flex-direction:column;gap:22px;width:820px;display:flex;position:absolute;top:150px;left:560px}.rw-row{align-items:center;gap:20px;animation:.5s .6s both txtIn;display:flex}.rw-label{background:var(--ink);color:var(--paper);clip-path:var(--brush);font:800 20px/1 var(--f-serif);padding:7px 20px 6px 14px}.rw-coins{font:800 44px/1 var(--f-serif);align-items:center;gap:10px;display:flex}.rw-coins .ico.ryo{scale:1.5}.rw-note{border:2px solid var(--ink);font:700 15px/1 var(--f-serif);background:#fff2c2;border-radius:8px;padding:6px 14px;rotate:-2deg}.rw-xp .rw-lv{text-align:center;background:var(--verm);color:#fff6e6;border:3px solid var(--ink);width:70px;height:70px;font:800 32px/.9 var(--f-serif);border-radius:12px;flex:none;place-content:center;display:grid;rotate:-5deg}.rw-xp .rw-lv small{font-size:13px;display:block}.rw-bar{border:3px solid var(--ink);background:#fffaeeb3;border-radius:15px;flex:1;height:30px;position:relative;overflow:hidden}.rw-bar i{background:repeating-linear-gradient(115deg, transparent 0 14px, #ffffff1f 14px 22px), linear-gradient(90deg, var(--indigo-2), var(--indigo));width:0;height:100%;transition:width .7s cubic-bezier(.3,.9,.3,1);display:block}.rw-bar span{font:800 14px/1 var(--f-serif);text-shadow:0 0 4px #fff,0 0 2px #fff;place-items:center;display:grid;position:absolute;inset:0}.rw-gain{font:800 22px/1 var(--f-serif);color:var(--indigo-2)}.rw-levels{gap:16px;display:flex}.rw-level{border:3px solid var(--ink);background:linear-gradient(170deg,#fff4cf,#f1d58a);border-radius:14px;align-items:center;gap:16px;padding:14px 22px;animation:.45s cubic-bezier(.2,1.4,.4,1) both modalIn;display:flex;box-shadow:0 0 0 4px #d9ab4566,0 12px 24px -8px #00000059}.lv-up{font:30px/1 var(--f-display)}.lv-what{font:800 19px/1 var(--f-serif);align-items:center;gap:8px;display:flex}.lv-card{width:100px;height:140px;position:relative}.lv-card .face{transform-origin:0 0;width:200px;height:280px;scale:.5}.rw-quests{flex-direction:column;gap:12px;display:flex}.rw-quest{border:2.5px solid var(--ink);background:var(--grain), #f8f1e0;border-radius:10px;grid-template-columns:1fr auto;gap:8px 18px;padding:12px 20px;animation:.4s both txtIn;display:grid;position:relative}.rw-quest .qt{font:700 17px/1.2 var(--f-serif)}.rw-quest .qbar{border:2px solid var(--ink);background:#17140f0f;border-radius:9px;height:18px;position:relative;overflow:hidden}.rw-quest .qbar i{background:linear-gradient(90deg, var(--verm-2), var(--verm));height:100%;transition:width .6s cubic-bezier(.3,.9,.3,1);display:block}.rw-quest .qbar span{font:800 12px/1 var(--f-serif);text-shadow:0 0 4px #fff,0 0 2px #fff;place-items:center;display:grid;position:absolute;inset:0}.rw-quest .qr{font:800 20px/1 var(--f-serif);grid-area:1/2/span 2;align-items:center;gap:6px;display:flex}.rw-quest .qdone{background:var(--verm);width:64px;height:64px;color:var(--paper);border:3px solid var(--ink);font:40px/1 var(--f-display);border-radius:10px;place-items:center;margin-top:-32px;animation:.4s cubic-bezier(.5,0,.6,1.6) both stampIn;display:grid;position:absolute;top:50%;right:90px;rotate:8deg}.rw-btns{opacity:0;gap:20px;margin-top:10px;display:flex}.rw-btns.in{opacity:1;animation:.5s both txtIn}.fly-coin{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.rw-seal{flex-direction:column;gap:12px;display:flex}.rw-sealed{background:linear-gradient(170deg,#fde3d6,#f0b49c);box-shadow:0 0 0 4px #d5402b59,0 12px 24px -8px #00000059}.rw-sealed .lv-what{flex-wrap:wrap;gap:6px 16px;display:flex}.rw-sealed .lv-what span{align-items:center;gap:5px;display:flex}.welcome{flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex;position:absolute;inset:0}.w-title{text-align:center;animation:.9s cubic-bezier(.2,1,.3,1) both txtIn;position:relative}.w-title h1{font:150px/1 var(--f-display);margin:0}.w-title .tag{font:700 20px/1 var(--f-serif);letter-spacing:.32em;text-transform:uppercase;color:var(--verm-2);margin:8px 0 0}.w-form{flex-direction:column;align-items:center;gap:18px;animation:.7s .3s both txtIn;display:flex}.w-form label{font:700 22px/1 var(--f-serif)}.w-strip{background:var(--ink);clip-path:var(--brush);padding:4px}.w-strip input{background:var(--fibers), var(--grain), #f8f1e0;width:440px;clip-path:var(--brush);font:34px/1 var(--f-display);text-align:center;color:var(--ink);-webkit-user-select:text;user-select:text;border:none;outline:none;padding:16px 26px 14px}.w-strip input::placeholder{color:#17140f4d}.w-gifts{font:700 17px/1 var(--f-serif);color:var(--ink-soft);gap:34px;animation:.7s .5s both txtIn;display:flex}.w-gifts div{align-items:center;gap:9px;display:flex}.w-gifts b{color:var(--ink);font-size:22px}.g-deck{border:2px solid var(--ink);background:var(--indigo-2);width:24px;height:32px;box-shadow:3px -3px 0 -1px var(--indigo), 3px -3px 0 1px var(--ink);border-radius:4px}.w-seal{background:var(--verm);width:220px;height:220px;color:var(--paper);border:5px solid var(--ink);font:110px/1 var(--f-display);box-shadow:0 0 0 8px var(--paper), 0 0 0 11px var(--ink), 0 30px 50px #00000059;border-radius:24px;place-items:center;margin:-110px 0 0 -110px;animation:.45s cubic-bezier(.5,0,.6,1.6) both stampIn;display:grid;position:absolute;top:470px;left:800px;rotate:-6deg}.w-title .title-seal{translate:384px -58px}.w-signin{font:600 17px/1 var(--f-serif);color:var(--ink-soft);margin:4px 0 0}.w-signin[hidden]{display:none}.w-signin button{border:none;border-bottom:2px solid var(--verm-2);font:800 17px/1.2 var(--f-serif);color:var(--verm-2);cursor:pointer;background:0 0;padding:0 2px}