@font-face{font-family:Bevan;font-weight:400;font-display:block;src:url(./bevan-latin-0TC0X-62.woff2)format("woff2")}@font-face{font-family:Lora;font-weight:500 800;font-display:block;src:url(./lora-latin-BiLcIKcI.woff2)format("woff2")}@font-face{font-family:Fredoka;font-weight:300 700;font-display:block;src:url(./fredoka-latin-DM6njrJ3.woff2)format("woff2")}@font-face{font-family:Lilita One;font-weight:400;font-display:block;src:url(./lilita-one-latin-CiZ7RRtu.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:200 1000;font-display:block;src:url(./nunito-latin-DqUjjPte.woff2)format("woff2")}:root{--ink:#3b2f2f;--paper:#fffaf0;--sky-top:#7fcdf6;--sky-bottom:#cdeeff;--grass-top:#7fc443;--grass-bottom:#5ea836;--wood:#c98b52;--wood-dark:#8a5a2f;--gold:#ffd84d;--atk:#9aa5b1;--atk-dark:#4f5964;--hp:#e5484d;--hp-dark:#8f1d21;--ice:#aadcff;--select:#ffd23f;--merge:#7ee081;--blue:#4fa3e0;--orange:#f28c28;--emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--display:"Bevan", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", Georgia, serif;--body:"Lora", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", Georgia, serif}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);font-weight:800;font-family:var(--body);background:#2b2016;margin:0;overflow:hidden}#app{background:linear-gradient(var(--sky-top) 0, var(--sky-bottom) var(--horizon,31%), var(--grass-top) var(--horizon,31%), var(--grass-bottom) 100%);position:fixed;inset:0;overflow:hidden}.stage{-webkit-user-select:none;user-select:none;width:1280px;height:720px;position:absolute;top:50%;left:50%}.screen-host,.tutorial-host,.tip-layer,.drag-layer{position:absolute;inset:0}.tutorial-host,.tip-layer,.drag-layer{pointer-events:none}.tip-layer{z-index:27}.drag-layer{z-index:20}.screen{position:absolute;inset:0}button{font-family:var(--display);font-weight:400}.hud-pill,.btn,.lvl,.stat b,.logo,.tip-name,.toast,.result,.menu-panel h2,.battle-caption,.dmg,.buff,.ctl-label,.ctl-btn{font-family:var(--display);letter-spacing:.5px;font-weight:400}.scenery{pointer-events:none;position:absolute;inset:0}.scenery svg{position:absolute}.mountains{top:-6px}.bushes{top:50px}.tufts{top:0}.lane{background:radial-gradient(circle at 12px 14px,#aa782d47 0 3px,#0000 4px) 0 0/46px 30px,radial-gradient(circle at 30px 22px,#fff0be80 0 2px,#0000 3px) 0 0/58px 34px,linear-gradient(#cf9d43 0 5px,#f0c869 5px calc(100% - 6px),#d6a446 calc(100% - 6px));width:3280px;position:absolute;left:-1000px}.cloud{opacity:.95;background:linear-gradient(#fff 55%,#e8f5ff);border-radius:52px;width:170px;height:52px;animation:30s ease-in-out infinite alternate cloud;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:64px;height:64px;top:-30px;left:22px}.cloud:after{width:86px;height:86px;top:-44px;right:22px}.cloud.c1{top:46px;left:150px}.cloud.c2{top:40px;left:960px;scale:.8}.cloud.c3{opacity:.85;top:18px;left:600px;scale:.55}@keyframes cloud{to{translate:40px}}.rotate{z-index:100;color:#fff;background:#2b2016;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:20px;font-weight:700;display:flex;position:fixed;inset:0}.rotate[hidden]{display:none}.phone-art{width:72px;height:72px}.phone{font-size:64px;font-family:var(--emoji);animation:1.6s ease-in-out infinite alternate rotate-phone}@keyframes rotate-phone{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.card{width:var(--s);height:calc(var(--s) * 1.3);touch-action:none;cursor:pointer;flex:none;transition:transform .1s;position:relative}.lvl{z-index:3;white-space:nowrap;color:var(--ink);grid-template-columns:auto auto;place-items:end center;column-gap:2px;line-height:.9;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.lvl-word{--o:calc(var(--s) * .03);font-size:calc(var(--s) * .13);color:#ffcf3a}.lvl-num{--o:calc(var(--s) * .04);font-size:calc(var(--s) * .25);color:#ffcf3a}.lvl.max .lvl-num{color:#ff9a2e}.ground{top:calc(var(--s) * .8);width:82%;height:calc(var(--s) * .22);box-shadow:0 calc(var(--s) * .025) 0 #00000024;background:linear-gradient(#dcd8cf,#bfbab0);border:3px solid #8e897f;border-radius:46%/50%;position:absolute;left:9%}.art{top:calc(var(--s) * .16);height:calc(var(--s) * .8);z-index:1;justify-content:center;align-items:center;width:100%;transition:transform .12s;display:flex;position:absolute}.emoji{width:calc(var(--s) * .76);height:calc(var(--s) * .76);object-fit:contain;font-size:calc(var(--s) * .6);text-align:center;line-height:1;font-family:var(--emoji);display:block}.face-right .emoji{transform:scaleX(-1)}.stat{top:calc(var(--s) * .9);width:calc(var(--s) * .38);height:calc(var(--s) * .38);z-index:2;transition:transform .12s;position:absolute}.stat.atk{left:calc(var(--s) * .08)}.stat.hp{right:calc(var(--s) * .08)}.stat svg{width:100%;height:100%;display:block;overflow:visible}.stat path{stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round}.stat.atk path{fill:#74777d}.stat.hp path{fill:#e8413e}.stat b{--o:calc(var(--s) * .04);padding-top:calc(var(--s) * .01);font-size:calc(var(--s) * .22);color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.selected .art{transform:translateY(-10px)}.selected .ground{background:linear-gradient(#fff2b3,#ffd84d);border-color:#f5b800;box-shadow:0 0 16px #ffd23f}@media (hover:hover){.card:hover{transform:scale(1.05)}}.card.lifted{opacity:.3}.empty .ground{opacity:.95}.target:after{content:"";left:50%;top:calc(var(--s) * -.3);width:calc(var(--s) * .3);height:calc(var(--s) * .3);z-index:5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M11 3 H21 V14 H28 L16 29 L4 14 H11 Z' fill='white' stroke='%233b2f2f' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;animation:.6s ease-in-out infinite alternate point;position:absolute;translate:-50%}.target.merge:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M11 3 H21 V14 H28 L16 29 L4 14 H11 Z' fill='%23ffcf3a' stroke='%233b2f2f' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E")}@keyframes point{to{translate:-50% 8px}}.card.drop-hover{transform:scale(1.06)}.drop-hover .ground{background:linear-gradient(#fff2b3,#ffd84d);border-color:#f5b800}.card.ghost{opacity:.95;filter:drop-shadow(0 12px 18px #0000004d);position:absolute;transform:scale(1.1)}.btn{--o:5px;border:4px solid var(--ink);height:70px;box-shadow:0 6px 0 var(--ink), inset 0 4px 0 #fff6, inset 0 -6px 0 #0000001f;cursor:pointer;white-space:nowrap;background-color:var(--cream);color:var(--ink);background-image:linear-gradient(#ffffff38,#fff0 55%);border-radius:20px;padding:0 24px;font-size:32px}.btn:active{box-shadow:0 2px 0 var(--ink), inset 0 4px 0 #fff6, inset 0 -6px 0 #0000001f;transform:translateY(4px)}.btn.blue{background-color:var(--blue);color:#fff}.btn.gold{background-color:var(--gold);color:var(--ink)}.btn.orange{background-color:var(--orange);color:#fff}.btn.pulse{animation:.8s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.06)}}.toast{z-index:30;pointer-events:none;color:#fff;background:#2b2016eb;border:3px solid #ffffff59;border-radius:999px;padding:12px 28px;font-size:26px;animation:.12s fadein;position:absolute;top:360px;left:50%;transform:translate(-50%)}.btn .icon{filter:drop-shadow(0 2px #00000040);width:34px;height:34px;margin:auto;display:block}.end-turn{justify-content:center;align-items:center;gap:6px;padding:0 10px;display:flex}.end-turn .icon{flex:none;width:28px;height:28px;margin:0}.tip{width:300px;padding:12px 14px;animation:.12s fadein;position:absolute}.tip:has(.compact){width:240px;padding:10px 12px}.tip-content{flex-direction:column;gap:8px;display:flex}.tip-head{align-items:baseline;gap:8px;display:flex}.tip-name{color:var(--ink);font-size:22px;line-height:1}.tip-lv{font:800 12px/1 var(--body);color:var(--ink);border:1.5px solid var(--ink);border-radius:4px;padding:2px 6px}.tip-stats{font:800 13px/1 var(--body);color:var(--ink2);margin-left:auto}.tip-effect{font:700 16px/1.4 var(--body)}.tip-effect strong{font:400 14px/1 var(--display);letter-spacing:.3px;color:var(--ink)}.tip-effect u{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px}.tip-effect.off{opacity:.45;filter:grayscale()}.tip-status{font:700 13px/1.3 var(--body);border-radius:8px;align-items:center;gap:7px;padding:5px 9px;display:flex}.tip-status svg{flex:none;width:15px;height:15px}.tip-status.no{background:var(--ink);color:#fdf5df}.tip-status.pump{background:var(--amber);color:var(--ink)}.tip-status.info{background:var(--cream2);color:var(--ink)}.tip-notes{border-top:1.5px solid var(--line);flex-direction:column;gap:4px;padding-top:7px;display:flex}.tip-notes:empty{display:none}.tip-keyword{font:500 12px/1.35 var(--body);color:var(--ink)}.tip-keyword b{font-weight:700}.tip-detail{font:700 12px/1.35 var(--body);color:var(--ink2)}.hud{z-index:5;gap:14px;display:flex;position:absolute;top:14px;left:22px}.hud-pill{border:3px solid var(--ink);min-width:100px;height:52px;color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:0 16px 0 8px;font-size:30px;display:flex;box-shadow:0 4px #0000002e}.hud-icon{object-fit:contain;width:40px;height:40px;font-size:32px;font-family:var(--emoji)}.square{border-radius:14px;width:60px;height:60px;padding:0;position:absolute;top:14px}.end-turn{left:1040px}h1,p{margin:0}.logo{--o:18px;text-align:center;color:var(--gold);filter:drop-shadow(0 10px 0 var(--ink));position:absolute;left:0;right:0;transform:rotate(-4deg)}.play{width:300px;height:96px;position:absolute;left:490px}.menu{z-index:31;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu:before{content:"";background:#00000073;position:absolute;inset:-3000px}.menu-panel{background:var(--paper);border:5px solid var(--ink);text-align:center;border-radius:28px;flex-direction:column;gap:18px;width:440px;padding:32px;display:flex;position:relative;box-shadow:0 10px #00000040}.menu-panel h2{--o:12px;color:var(--gold);margin:0 0 6px;font-size:64px}.menu-panel .btn{width:100%}.menu-panel p{font-family:var(--display);color:#8a7a6a;font-size:17px;line-height:1.35}.pile-panel{gap:14px;width:900px;padding:28px}.pile-panel h2{font-size:48px}.pile-panel .btn{align-self:center;width:240px}.pile-grid{flex-wrap:wrap;justify-content:center;gap:18px 14px;max-height:400px;padding:14px;display:flex;overflow-y:auto}.result{--o:6px;text-align:center;color:#fff;font-size:34px;position:absolute;top:200px;left:0;right:0}.over .play{font-size:44px;top:540px}.over .logo{font-size:64px;top:14px}.over .result{--o:5px;font-size:26px;top:96px}.over .result.result-level{font-size:22px;top:130px}.over .result.result-best{opacity:.9;font-size:18px;top:160px}.sum-panels{justify-content:center;gap:24px;display:flex;position:absolute;top:190px;left:0;right:0}.sum-card{box-sizing:border-box;border:4px solid var(--ink);height:296px;font-family:var(--display);letter-spacing:.3px;color:var(--ink);background:#fff8e8;border-radius:16px;padding:8px 18px;box-shadow:0 6px #0003}.sum-life{width:560px}.sum-stars{width:520px}.sum-card h2{color:#f0522a;text-align:center;margin:0;font-size:24px;font-weight:400}.life-chart{margin:0 auto;display:block}.life-chart .grid{stroke:#d8cdb5;stroke-width:1.5px}.life-chart .axis{stroke:var(--ink);stroke-width:2px}.life-chart .tick{font-family:var(--display);fill:#8a7a6a;font-size:14px}.life-chart .end-label{font-family:var(--display);font-size:17px}.sum-mvp{align-items:center;gap:14px;margin-top:6px;display:flex}.sum-mvp-art{object-fit:contain;flex:none;width:96px;height:96px}.sum-name{font-size:28px;line-height:1.1}.sum-stats{color:#f0522a;font-size:24px}.sum-facts{color:#8a7a6a;font-size:18px}.sum-rival{align-items:center;gap:8px;margin-top:6px;font-size:16px;display:flex}.sum-rival-label{white-space:nowrap;font-size:18px}.sum-rival-art{object-fit:contain;flex:none;width:48px;height:48px}.sum-highlight{margin:6px 0 0;font-size:19px}.sum-deck{justify-content:center;align-items:center;gap:12px;padding:0 60px;display:flex;position:absolute;top:500px;left:0;right:0}.sum-deck-label{color:#fff;font-family:var(--display);flex:none;font-size:22px}.sum-strip{flex-wrap:wrap;justify-content:center;gap:4px 6px;max-width:1000px;display:flex}.sum-card-pet{width:44px;height:48px;position:relative}.sum-deck-art{object-fit:contain;width:44px;height:44px}.sum-lv{font-family:var(--display);color:#ffcf3a;font-size:12px;line-height:1;position:absolute;bottom:-2px;left:-2px}.sum-buttons{justify-content:center;gap:24px;display:flex;position:absolute;top:630px;left:0;right:0}.sum-buttons .btn{height:64px;padding:0 28px;font-size:32px}.sum-fallback{width:760px;padding:4px 8px;font-size:16px;position:absolute;top:702px;left:50%;translate:-50%}.result.result-level{font-size:28px;top:270px}.result.result-best{font-size:26px;top:330px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.fx-layer{pointer-events:none;z-index:25;position:absolute;inset:0}.impact{font-family:var(--emoji)}.inline-art{vertical-align:-.28em;width:auto;height:1.25em;display:inline-block}.btn .inline-art{filter:drop-shadow(0 2px #0003);height:1.3em;margin-right:.2em}.help-panel{gap:14px;width:960px;max-height:740px;overflow-y:auto}.help-panel h2{margin:0}.help-lead{font:700 18px/1.35 var(--body);color:var(--ink2);text-align:center;margin:0}.help-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.help-card{box-shadow:inset 0 0 0 2px var(--line);background:#fff;border-radius:16px;padding:14px 16px}.help-card h3{font:400 19px var(--display);color:var(--ink);margin:0 0 6px}.help-card p{font:600 15px/1.4 var(--body);color:var(--ink2);margin:0}.help-styles{font:700 15px var(--body);color:var(--ink2);flex-wrap:wrap;justify-content:center;gap:8px 18px;display:flex}.help-style{align-items:center;gap:8px;display:inline-flex}.help-hint{font:600 14px var(--body);color:var(--ink3);margin:0}.help-panel>.btn{flex:none;align-self:center;width:260px}:root{--arch-aggro:#d9483b;--arch-tall:#2f9a58;--arch-control:#3b74d1;--arch-any:#8a7f72}.phase-enter.over .logo,.phase-enter.over .result,.phase-enter.over .play,.phase-enter .draft-panel,.phase-enter .duel-side{animation:.18s ease-out phase-arrive}@keyframes phase-arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}.btn{transition:transform .1s ease-out,box-shadow .1s ease-out}.btn:disabled,.btn[aria-disabled=true]{cursor:default}.btn:disabled:active,.btn[aria-disabled=true]:active{transform:none}button:focus-visible{outline:4px solid var(--select);outline-offset:5px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.sum-rewards{line-height:1;font-family:var(--display);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;display:flex;position:absolute;top:184px;left:60px;right:60px}.sum-reward-total{color:#fff;align-items:center;gap:4px;height:20px;font-size:20px;display:flex}.sum-reward{border:2px solid var(--ink);color:var(--ink);background:#fff8e8;border-radius:999px;padding:1px 9px;font-size:14px}.over .sum-panels{top:232px}.over .sum-deck{top:532px}.over .sum-buttons{top:642px}.den-house-art{width:240px;height:230px;position:absolute;top:40px;left:0}.background-paint{position:absolute;inset:-1000px}.scene-extras{top:0}.shop-top{align-items:center;gap:24px;display:flex;position:absolute;top:20px;left:40px;right:40px}.shop-top h1{font-family:var(--display);margin:0;font-size:48px;font-weight:400}.shop-top .hud-pill{margin-left:auto;position:static}.shop-top .btn{width:140px;height:56px;font-size:28px}.shop-top .inline-art{width:36px;height:36px}.sum-rewards .inline-art{height:20px}.online-panel{box-sizing:border-box;gap:18px;width:520px;position:absolute;top:136px;left:380px}.online-panel h2{font-size:48px}.online-panel p{color:var(--ink);margin:0;font-size:22px}.online-input{box-sizing:border-box;border:3px solid var(--ink);width:100%;font-family:var(--display);color:var(--ink);background:#fffdf5;border-radius:12px;padding:12px 16px;font-size:30px}.online-panel .small{height:48px;font-size:22px}.online-panel p.online-error,.online-error{color:#d8443a}.recovery-code{border:3px solid var(--ink);-webkit-user-select:text;user-select:text;cursor:text;background:#fff3c4;border-radius:12px;padding:18px 8px;font-size:34px}.online-lobby{align-items:flex-start;gap:32px;display:flex;position:absolute;top:110px;left:64px;right:64px}.online-you,.online-board{box-sizing:border-box;gap:16px;padding:24px}.online-you{flex:none;width:420px}.online-board{width:700px;height:550px}.online-you h3{margin:0;font-size:24px;font-weight:400}.online-you h2{font-size:46px}.online-you p{color:var(--ink);margin:0;font-size:21px}.online-you .online-hint{color:#8a7a6a;font-size:18px}.online-you .queue-window{font-size:18px}.online-rating{font-family:var(--display);font-size:68px}.online-name{justify-content:center;align-items:center;gap:12px;display:flex}.profile-badge{width:60px;height:60px}.online-board h2{font-size:44px}.online-tabs{gap:12px;display:flex}.online-tabs .btn{width:50%;height:56px;font-size:28px}.leaderboard-rows{text-align:left;font-family:var(--display);font-size:24px;overflow-y:auto}.leaderboard-row{border-radius:8px;grid-template-columns:46px 36px 1fr 76px 56px;align-items:center;gap:8px;padding:10px 8px;display:grid}.leaderboard-row.me{background:#fff3c4}.leaderboard-rating,.leaderboard-games{text-align:right}.board-badge{width:32px;height:32px;display:block}.match-badge{vertical-align:middle;width:20px;height:20px;margin-right:6px;display:inline-block}.online-board .board-empty{color:var(--ink);text-align:center;font-size:23px}.turn-timer{white-space:nowrap}.turn-timer.urgent{color:#d8443a;animation:1.5s ease-in-out infinite turn-urgent}@keyframes turn-urgent{50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.turn-timer.urgent{animation:none}}.reconnecting{z-index:40;position:absolute;top:84px;left:50%;transform:translate(-50%)}.online-result-panel{box-sizing:border-box;width:620px;position:absolute;top:208px;left:330px}.online-result-panel p{color:var(--ink);margin:0;font-size:26px}.online-result-panel .online-result-rating{font-size:34px}.online-over .logo{font-size:96px;top:64px}.drafting:has(.turn-timer) .hud{visibility:visible;z-index:25;top:4px}.drafting:has(.turn-timer) .hud-pill{height:38px;font-size:24px}.drafting:has(.turn-timer) .hud-icon{width:28px;height:28px}.drafting:has(.turn-timer) .tier-banner{top:44px}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition:none!important;animation:none!important}:root[data-motion=reduced] .turn-timer.urgent{animation:none}:root{--ink:#3a2e22;--ink2:#5f5042;--ink3:#8a7a68;--cream:#f8efd8;--cream2:#efe1bd;--line:#d8c79f;--amber:#f6b223;--amber2:#f6b223;--amber-edge:#2a2118;--select:#f7c548;--blue:#1f7f98;--blue-edge:#2a2118;--atk:#2f3d62;--hp:#cf3a1f;--aggro:#d4391e;--aggro-t:#f6cdb8;--stomp:#2e8a3c;--stomp-t:#cfe6b8;--ctrl:#1f6ca6;--ctrl-t:#c3dcee;--shadow-1:0 2px 0 #3b2f2f1f, 0 8px 18px #20180a38;--shadow-2:0 3px 0 #3b2f2f24, 0 20px 44px #20180a57;--paper-c:#f8efd8;--paper:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='220'%20viewBox='0%200%20220%20220'%3e%3cfilter%20id='n'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20seed='4'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.42%200%200%200%200%200.28%200%200%200%200%200.1%200.5%200%200%200%20-0.25'/%3e%3c/filter%3e%3crect%20width='220'%20height='220'%20fill='%23000'%20fill-opacity='0'%20filter='url(%23n)'/%3e%3c/svg%3e"), linear-gradient(#fdf5df, #f4e7c6);--dots:radial-gradient(#2a211833 1px, transparent 1.6px) 0 0 / 5px 5px;--hard:3px 3px 0 #3a2e2280;--halftone:radial-gradient(#3a2e2242 1px, transparent 1.7px) 0 0 / 5px 5px;--hatch:repeating-linear-gradient(135deg, #3a2e2221 0 1px, transparent 1px 4px);--teal:#2d6f86;--gold:var(--amber);--arch-aggro:var(--aggro);--arch-stomp:var(--stomp);--arch-control:var(--ctrl);--sky-top:#5fbfea;--sky-bottom:#c4ecfa;--grass-top:#8ecb48;--grass-bottom:#6cb73a}.sky{background:linear-gradient(#5fbfea,#c4ecfa 68%,#fff1c8);height:230px;top:0;left:0;right:0}.sun{border:3px solid var(--ink);background:radial-gradient(circle at 38% 34%,#fff0a0 0 18%,#ffb81f 19% 100%);border-radius:50%;width:96px;height:96px;top:30px;right:150px;box-shadow:0 0 0 10px #ffb81f6b,0 0 0 11.5px #3a2e224d}.cloud{width:150px;height:40px;box-shadow:none;filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink));background:linear-gradient(#fff 62%,#d7ebf5);border-radius:40px}.cloud:before{content:"";background:inherit;border-radius:50%;width:62px;height:52px;position:absolute;top:-22px;left:26px}.cloud:after{content:"";background:inherit;border-radius:50%;width:46px;height:40px;position:absolute;top:-14px;left:70px}.mtn{clip-path:polygon(0 100%,0 66%,7% 42%,14% 62%,23% 26%,33% 60%,43% 36%,53% 64%,63% 30%,73% 60%,83% 38%,92% 58%,100% 44%,100% 100%);opacity:1;background:repeating-linear-gradient(115deg,#28284633 0 1px,#0000 1px 6px),linear-gradient(#6aaed2,#4a8cb4);height:150px;top:70px;left:0;right:0}.hills{height:82px;filter:drop-shadow(0 -2px 0 var(--ink));background:radial-gradient(circle at 50% 100%,#3f9f3a 0 70%,#0000 71%) 0 0/130px 76px repeat-x,radial-gradient(circle at 50% 100%,#6cc247 0 70%,#0000 71%) 65px 18px/130px 70px repeat-x;top:150px;left:0;right:0}.sea{background:repeating-linear-gradient(0deg,#fff6 0 2px,#0000 2px 10px),#2e9ec8;width:52%;height:82px;top:150px;right:0}.grass{border-top:3px solid var(--ink);background:repeating-linear-gradient(90deg,#0a50141a 0 90px,#0000 90px 180px),linear-gradient(#8ecb48,#6cb73a);inset:214px 0 0}.grass:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='110'%20viewBox='0%200%20180%20110'%3e%3cg%20fill='none'%20stroke='%233f5a2c'%20stroke-linecap='round'%3e%3cg%20stroke-width='2.2'%20opacity='.5'%3e%3cpath%20d='M24%2036%2021%2022M29%2036%2031%2020M34%2036%2041%2025'/%3e%3cpath%20d='M118%2084%20115%2070M123%2084%20125%2068M128%2084%20135%2073'/%3e%3cpath%20d='M82%2020%2079%2010M87%2020%2090%208M92%2020%2099%2011'/%3e%3c/g%3e%3cg%20stroke-width='1.6'%20opacity='.4'%3e%3cpath%20d='M150%2046%20148%2036M154%2046%20157%2035'/%3e%3cpath%20d='M52%2092%2050%2083M56%2092%2059%2082M60%2092%2064%2085'/%3e%3cpath%20d='M8%2078%206%2070M12%2078%2015%2069'/%3e%3cpath%20d='M160%20100%20158%2092M164%20100%20167%2091'/%3e%3c/g%3e%3cg%20stroke='%233a2e22'%20stroke-width='1'%20opacity='.18'%3e%3cpath%20d='M70%2052h14M74%2056h10M100%2040h12M104%2044h8M20%2060h12M130%2020h12'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:180px 110px;position:absolute;inset:0}.sand{clip-path:polygon(7% 0,100% 0,100% 100%,0 100%,3% 78%,0 56%,4% 34%);border-top:3px solid var(--ink);background:repeating-linear-gradient(176deg,#78460a17 0 1px,#0000 1px 18px),radial-gradient(#78460a33 1px,#0000 1.6px) 0 0/7px 7px,#f7d985;width:52%;top:214px;bottom:0;right:0}.lane{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);height:104px;box-shadow:none;background:radial-gradient(#78460a33 1.2px,#0000 1.8px) 0 0/9px 9px,repeating-linear-gradient(0deg,#78460a0f 0 1px,#0000 1px 7px),#f3d78e;top:372px;left:0;right:0}.screen>.dim{background:#12305461;position:absolute;inset:0}.screen>.dim.soft{background:#12305412}.pill{height:44px;box-shadow:var(--shadow-1);font:400 20px var(--display);letter-spacing:.3px;color:var(--ink);white-space:nowrap;background:#fff9ecf2;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 10px;display:flex}.pill small{font:800 13px var(--body);color:var(--ink2);letter-spacing:0}.pill.dark{color:var(--cream);font:700 16px var(--body);background:#2b2016d1}.ibtn{width:44px;height:44px;box-shadow:var(--shadow-1);cursor:pointer;background:#fff9ecf2;border:0;border-radius:14px;place-items:center;display:grid}.i{--s:24px;width:var(--s);height:var(--s);background:url(./icons-DJ06LQ3X.svg) no-repeat 0 calc(var(--n) * var(--s) * -1) / var(--s) auto;flex:none;display:inline-block}.i-sword{--n:0}.i-heart{--n:1}.i-heartr{--n:2}.i-coin{--n:3}.i-menu{--n:4}.i-sound{--n:5}.i-rew{--n:6}.i-pause{--n:7}.i-skip{--n:8}.i-aggro{--n:9}.i-stomp{--n:10}.i-ctrl{--n:11}.i-lock{--n:12}.i-check{--n:13}.i-swap{--n:14}.img{flex:none;display:inline-block}.track{align-items:center;gap:3px;display:flex}.track i{background:var(--line);border-radius:3px;width:9px;height:8px}.track i.on{background:var(--amber2)}.track i.now{background:var(--ink);width:14px}.track b{width:5px}.btn{font:400 22px var(--display);letter-spacing:.4px;border:3px solid var(--ink);height:52px;color:var(--ink);cursor:pointer;white-space:nowrap;border-width:2.5px;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 28px;display:inline-flex}.btn.primary{box-shadow:0 4px 0 0 var(--ink);background:linear-gradient(#fcc532,#f2a413)}.btn.secondary{background:var(--paper);box-shadow:0 5px 0 0 var(--ink), 0 5px 0 3px var(--ink)}.btn.blue{color:var(--cream);box-shadow:0 4px 0 0 var(--ink);background:linear-gradient(#2c93ad,#1f7f98)}.btn.off{color:var(--ink2);box-shadow:none;cursor:default;background:#e2d4b0;border-style:dashed}.btn.ghost{color:var(--ink2);box-shadow:none;background:0 0;border-color:#0000}.btn.danger{background:var(--paper);color:#a63219;box-shadow:0 5px 0 0 var(--ink), 0 5px 0 3px var(--ink)}.btn.lg{border-radius:20px;height:64px;padding:0 40px;font-size:28px}.btn.sm{height:38px;box-shadow:0 3px 0 0 var(--ink);border-radius:12px;padding:0 16px;font-size:17px}.panel{background:var(--paper);border:4px solid var(--ink);box-shadow:inset 0 0 0 6px var(--cream), inset 0 0 0 7.5px #3a2e22bf, inset 0 0 46px #ce984e2e, 7px 7px 0 #3a2e226b;border-width:3px;border-radius:12px;position:absolute}.panel h1{font:400 34px/1 var(--display);letter-spacing:.3px;color:var(--ink);margin:0}.panel h2{font:400 22px/1 var(--display);letter-spacing:.3px;margin:0}.sub{font:700 14px/1.35 var(--body);color:var(--ink2)}.sheet{background:var(--paper);border:2px solid var(--ink);border-radius:6px;box-shadow:3px 3px #3a2e2233}.chip{height:28px;font:800 13px var(--body);background:var(--cream2);color:var(--ink);border:2px solid var(--ink);white-space:nowrap;box-shadow:none;font-family:var(--body);border-radius:6px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.chip.aggro{background:var(--aggro);border-color:var(--aggro);color:#fff}.chip.stomp{background:var(--stomp);border-color:var(--stomp);color:#fff}.chip.ctrl{background:var(--ctrl);border-color:var(--ctrl);color:#fff}.chip.easy{color:#fff;background:#1f7a43;border-color:#1f7a43}.chip.med{background:var(--blue);border-color:var(--blue);color:#fff}.chip.hard{color:#fff;background:#b83732;border-color:#b83732}.lbl{font:400 15px var(--display);letter-spacing:.4px;color:var(--cream);text-shadow:2px 2px #3a2e22b3}.total{background:var(--ink);height:30px;color:var(--cream);font:400 16px var(--display);letter-spacing:.3px;box-shadow:var(--hard);border-radius:6px;align-items:center;gap:10px;padding:0 12px;display:flex;position:absolute}.total span{align-items:center;gap:4px;display:inline-flex}.total .i{--s:15px}.life{width:140px;height:24px;box-shadow:var(--hard);background:#5a4636;border-radius:6px;padding:3px;position:relative}.life>i{height:100%;box-shadow:none;background:repeating-linear-gradient(45deg,#e0502a 0 5px,#cf3a1f 5px 10px);border-radius:3px;display:block}.life>b{font:400 15px var(--display);color:#fff;text-shadow:none;letter-spacing:.3px;justify-content:center;align-items:center;gap:4px;font-size:14px;display:flex;position:absolute;inset:0}.mix{background:var(--paper);box-shadow:2px 2px 0 var(--ink);border:2px solid var(--ink);border-radius:6px;gap:4px;padding:3px 6px;display:flex}.mix span{font:800 12px var(--body);color:var(--ink);align-items:center;gap:3px;display:inline-flex}.mix span:before{content:"";background:var(--c);border:1.5px solid var(--ink);border-radius:50%;width:10px;height:10px}.mix .a{--c:var(--aggro)}.mix .s{--c:var(--stomp)}.mix .c{--c:var(--ctrl)}.stamp{background:var(--dots), #b83a22;color:#fff;font:400 18px var(--display);white-space:nowrap;box-shadow:3px 3px 0 var(--ink);border:3px solid var(--ink);border-radius:4px;padding:6px 14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.ribbon{background:var(--dots), #2d6f80;color:#fff;font:800 11px var(--body);letter-spacing:.4px;text-transform:uppercase;box-shadow:2px 2px 0 var(--ink);border:2px solid var(--ink);border-radius:3px;padding:2px 10px;position:absolute;top:-12px;right:-6px}.tag{background:var(--paper);color:var(--ink);font:800 12px var(--body);box-shadow:2px 2px 0 var(--ink);border:2px solid var(--ink);border-radius:5px;padding:2px 10px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.tag.good{background:#b9d08a}.tag.now{background:#f0b92e}.pile{border-radius:14px;width:84px;height:112px;position:absolute}.pile.back{border:3px solid var(--ink);box-shadow:inset 0 0 0 4px var(--cream), 3px 3px 0 #3a2e228c, 6px 6px 0 #3a2e2259;background:repeating-linear-gradient(45deg,#1f6ca6 0 6px,#2c7bb8 6px 12px);border-radius:8px}.pile.empty{border:2.5px dashed var(--ink);background:#fff8e14d}.pile>b{background:var(--paper);min-width:30px;height:30px;color:var(--ink);font:400 17px var(--display);box-shadow:2px 2px 0 var(--ink);border:2.5px solid var(--ink);border-radius:15px;place-items:center;padding:0 6px;display:grid;position:absolute;top:-10px;right:-10px}.seg{box-shadow:var(--shadow-1);background:#fff9ecf2;border-radius:12px;gap:4px;padding:4px;display:flex}.seg>*{height:44px;font:400 18px var(--display);color:var(--ink2);letter-spacing:.3px;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 18px;display:inline-flex}.seg>.on{background:var(--dots), #e0a93b;color:var(--ink);box-shadow:2px 2px 0 var(--ink);border:2px solid var(--ink)}.bar{background:var(--cream2);border:2px solid var(--ink);height:8px;box-shadow:none;border-radius:4px;overflow:hidden}.bar>i{background:var(--dots), #e0a93b;height:100%;display:block}.i-gear{--n:15}.i-bag{--n:16}.i-home{--n:17}.i-play{--n:18}.i-playw{--n:19}.i-medal{--n:20}.pill,.ibtn,.seg{background:var(--paper);border:2.5px solid var(--ink);box-shadow:var(--hard);border-radius:10px}.pill.dark,.toast{background:var(--ink);color:var(--cream);border-color:var(--ink);box-shadow:var(--hard), inset 0 0 0 3px var(--ink), inset 0 0 0 4px #f4ead273;border-radius:10px}.btn:before{content:"";pointer-events:none;border:1.5px solid #2a211873;border-radius:4px;display:block;position:absolute;inset:6px}.btn.sm:before{inset:5px}.btn.blue:before{border-color:#f4ead280}.btn.ghost:before{display:none}.panel:after{content:"";pointer-events:none;background:radial-gradient(circle at 15px 15px, var(--aggro) 0 3px, transparent 3.6px), radial-gradient(circle at calc(100% - 15px) 15px, var(--aggro) 0 3px, transparent 3.6px), radial-gradient(circle at 15px calc(100% - 15px), var(--aggro) 0 3px, transparent 3.6px), radial-gradient(circle at calc(100% - 15px) calc(100% - 15px), var(--aggro) 0 3px, transparent 3.6px);display:none;position:absolute;inset:0}.chip.aggro,.chip.stomp,.chip.ctrl,.chip.easy,.chip.med,.chip.hard{color:var(--cream);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.panel h1,.panel h2{white-space:nowrap;text-shadow:2px 2px #c8432b33}.sky:after{content:"";background:var(--halftone);opacity:.3;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 35%,#000);mask-image:linear-gradient(#0000 35%,#000)}.pill.dark,.toast,.total{background:var(--hatch), var(--teal);color:#fdf5df;box-shadow:var(--hard), inset 0 0 0 3px var(--teal), inset 0 0 0 4px #f8efd873}.btn.secondary,.btn.danger{box-shadow:0 4px 0 0 var(--ink)}.ribbon,.stamp{box-shadow:2px 2px #3a2e2299}.panel.plain:after{display:none}.stamp.small{border-width:2px;padding:4px 10px;font-size:14px}.impact{z-index:3;filter:drop-shadow(3px 4px #3a2e224d);position:absolute;transform:rotate(-8deg)}.btn.lg:before{inset:7px}.btn.ghost:before,.btn.off:before,.btn:before,.btn.sm:before,.btn.lg:before{display:none}.life u{background:repeating-linear-gradient(45deg,#fff6d68c 0 3px,#0000 3px 6px);border-radius:3px;text-decoration:none;position:absolute;top:3px;bottom:3px;right:3px}.screen{color:var(--ink);background:#7cc443;font-weight:700}.screen:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:multiply;opacity:.12;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='220'%20viewBox='0%200%20220%20220'%3e%3cfilter%20id='n'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20seed='4'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.42%200%200%200%200%200.28%200%200%200%200%200.1%200.5%200%200%200%20-0.25'/%3e%3c/filter%3e%3crect%20width='220'%20height='220'%20fill='%23000'%20fill-opacity='0'%20filter='url(%23n)'/%3e%3c/svg%3e");position:absolute;inset:0 -1000px}.scenery>*{position:absolute}.scenery .lane{width:auto;left:-1000px;right:-1000px}.scenery .sky,.scenery .grass,.scenery .hills{left:-1000px;right:-1000px}.scenery .hills{background-position:1000px 0,1065px 18px}.scenery .grass{background-position:1000px 0,0 0;background-repeat:repeat-x,no-repeat;background-size:180px 100%,100% 100%}.scenery .grass:after{background-position:1000px 0}.scenery .sea{width:calc(52% + 1000px);right:-1000px}.scenery .sand{clip-path:polygon(46px 0,100% 0,100% 100%,0 100%,20px 78%,0 56%,27px 34%);width:calc(52% + 1000px);right:-1000px}.scenery .mtn{clip-path:none;-webkit-mask:var(--peaks) 1000px 0 / 2560px 100% repeat-x;-webkit-mask:var(--peaks) 1000px 0 / 2560px 100% repeat-x;mask:var(--peaks) 1000px 0 / 2560px 100% repeat-x;--peaks:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 0,66 7,42 14,62 23,26 33,60 43,36 53,64 63,30 73,60 83,38 92,58 100,44 100,100'/%3E%3Cpolygon points='200,100 200,66 193,42 186,62 177,26 167,60 157,36 147,64 137,30 127,60 117,38 108,58 100,44 100,100'/%3E%3C/svg%3E");left:-1000px;right:-1000px}.cloud{opacity:1;animation:none}.scenery .cloud:before,.scenery .cloud:after{background:inherit;right:auto}.btn.orange,.btn.gold{color:var(--ink);box-shadow:0 4px 0 var(--ink);background:linear-gradient(#fcc532,#f2a413)}.btn:disabled{color:var(--ink2);box-shadow:none;cursor:default;background:#e2d4b0;border-style:dashed}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn.small{height:38px;padding:0 16px;font-size:17px}.hud-pill{background:var(--paper);min-width:0;height:44px;box-shadow:var(--hard);border-width:2.5px;border-radius:10px;font-size:20px}.hud-icon{width:28px;height:28px}.square{background:var(--paper);width:44px;height:44px;box-shadow:var(--hard);border-width:2.5px;border-radius:10px}.square .icon{width:24px;height:24px}.menu:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12305461}.menu-panel,.tip{background:var(--paper);border:3px solid var(--ink);border-radius:12px;box-shadow:6px 6px #3a2e2266}.menu-panel h2{color:var(--ink);text-shadow:2px 2px #c8432b33;font-size:34px;line-height:1}.menu-panel p{font:700 14px/1.35 var(--body);color:var(--ink2)}.lvl{background:var(--paper);border:1.5px solid var(--ink);border-radius:4px;align-items:center;gap:3px;padding:1px 6px;line-height:1;display:inline-flex}.lvl-word,.lvl-num,.lvl.max .lvl-num{font:800 12px/1 var(--body);color:var(--ink)}.card .ground{box-shadow:none;background:0 0;border:0}.card.empty .ground{border:2px dashed var(--ink);background:#fff8e161;border-radius:12px;height:75%;top:10%}.art .emoji{filter:drop-shadow(3px 5px #3a2e2238)}.stats{background:var(--paper);border:2px solid var(--ink);border-radius:7px;align-items:center;gap:0;height:28px;padding:0 3px;display:flex;box-shadow:2px 2px #3a2e2252}.card>.stats{left:50%;top:calc(var(--s) * .92);z-index:2;position:absolute;translate:-50%}.stat,.dcard .stat{width:auto;height:auto;box-shadow:none;color:var(--ink);font:400 17px/1 var(--display);background:0 0;border:0;border-radius:0;align-items:center;gap:4px;padding:0 7px;display:inline-flex;position:static}.stat.hp{color:#b3361f}.stat svg{flex:none;width:15px;height:15px}.stat b,.dcard .stat b{color:inherit;font:inherit;padding:0;display:block;position:static}.stat.temp b{color:var(--ctrl)}.stats .stat+.stat{border-left:1.5px dashed #3a2e2266}.selected .stats{transform:translateY(-10px)}.panel{border:3px solid var(--ink);border-radius:12px;box-shadow:6px 6px #3a2e2266}.panel:after{display:none}.stat .i-sword{--n:21;--s:15px}.stat .i-heart{--n:22;--s:15px}:root{--arch-tall:var(--stomp)}.btn.square{background:var(--paper);width:44px;height:44px;box-shadow:var(--hard);padding:0}.btn .icon{flex:none}.menu-btn{right:20px}.btn,.pill,.stat,.life>b{letter-spacing:0}.btn.secondary,.btn.ghost{color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#ecd9a6}.btn.secondary:before,.btn.ghost:before{display:none}.btn.secondary:hover:not(:disabled),.btn.ghost:hover:not(:disabled){background:#f3e5bd}.btn.secondary:disabled,.btn.ghost:disabled{color:var(--ink);background:#ecd9a6}.sum-no-mvp{color:var(--ink2);font:italic 15px var(--body);text-align:center;margin:auto 0}#app:after{content:"";width:calc(1280px * var(--scale,1));height:calc(720px * var(--scale,1));pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#app:has(.m-overlay):after{box-shadow:0 0 0 4000px #2e26228c}#app:has(.m-dim):after{box-shadow:0 0 0 4000px #2e262266}#app:has(.tutorial-dim):after{box-shadow:0 0 0 4000px #3a2e2273}#app:has(.screen>.dim:not(.soft)):after{box-shadow:0 0 0 4000px #12305461}.bank-clocks{white-space:nowrap;gap:16px;display:flex}.bank-clocks .running{font-weight:700}.bank-clocks .urgent{color:#d8443a}.stand-in-banner{box-sizing:border-box;z-index:30;border:2.5px solid var(--ink);background:var(--paper);width:100%;color:var(--ink);font-family:var(--display);text-align:center;border-radius:10px;padding:10px 20px;font-size:24px;position:absolute;top:0;left:0}.stand-in-back{padding:8px 18px;position:absolute;top:10px;right:22px}.duel:has(.stand-in-banner) .hud{top:84px}.drafting:has(.bank-clocks) .hud{visibility:visible;z-index:25}.lane-den{--s:108px;top:var(--lane-den-top);z-index:2;width:240px;height:320px;scale:var(--lane-den-scale);transform-origin:0 0;position:absolute}.lane-den.mine{left:var(--lane-my-den)}.lane-den.theirs{left:var(--lane-rival-den)}.den-pole{background:#2f2a26;width:4px;height:66px;position:absolute;top:0;left:118px}.den-flag{width:44px;height:28px;position:absolute;top:2px}.lane-den.mine .den-flag{clip-path:polygon(0 0,100% 50%,0 100%);background:#3a7bd5;left:122px}.lane-den.theirs .den-flag{clip-path:polygon(100% 0,0 50%,100% 100%);background:#e2483d;left:74px}.den-door{z-index:1;width:108px;height:140px;transition:transform .1s;position:absolute;top:124px;left:66px}.den-door .card{transition:transform .1s}.den-door .card:hover:not(.drop-hover){transform:none}.den-door .ground{top:calc(var(--s) * .86);width:64%;height:calc(var(--s) * .12);box-shadow:none;background:#78501447;border:none;left:18%}.den-door .art{top:calc(var(--s) * .08)}.den-door .emoji{width:var(--s);height:var(--s)}.den-door .lvl{top:calc(var(--s) * -.2)}.den-hint{box-sizing:border-box;text-align:center;color:#fff;pointer-events:none;border:3px dashed #fff;border-radius:40px 40px 6px 6px;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1.2;display:flex;position:absolute;inset:0}.den-zz{z-index:2;font-family:var(--display);color:#fff;text-shadow:0 2px #2f2a26;pointer-events:none;font-size:26px;position:absolute;top:150px;left:168px}.den-life{z-index:3;border:3px solid var(--ink);white-space:nowrap;background:#fff;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;display:flex;position:absolute;top:278px;left:50%;translate:-50%}.den-heart{width:22px;height:22px}.den-bar{box-sizing:border-box;border:2px solid var(--ink);background:#f3e9df;border-radius:8px;width:110px;height:14px;overflow:hidden}.den-fill{background:#e2483d;height:100%;transition:width .4s cubic-bezier(.2,.8,.2,1)}.den-num{font-family:var(--display);font-size:20px}.lane-den.target:after{top:140px}.lane-den.drop-hover .den-door{transform:scale(1.06)}.lane-den{filter:drop-shadow(4px 5px #3a2e2247)}.den-life{box-shadow:var(--hard);background:#5a4636;border:0;border-radius:6px;padding:3px}.den-bar{background:#5a4636;border:0;border-radius:3px}.den-fill{background:repeating-linear-gradient(45deg,#e0502a 0 5px,#cf3a1f 5px 10px)}.den-num{color:var(--cream);font-size:20px}.den-hint{border-color:var(--ink);color:var(--ink);background:#fff8e161}.lane-den{filter:none;height:320px}.den-pole,.den-flag{display:none}.lane-den .den-house-art{filter:drop-shadow(6.4px 8px #3a2e2247);top:0}.lane-den:has(.den-deck) .den-house-art{top:52.8px}.den-life{border-radius:9.6px;width:224px;height:38.4px;padding:4.8px;top:242.8px;box-shadow:4.8px 4.8px #3a2e2280}.lane-den:has(.den-deck) .den-life{top:295.6px}.den-bar{border-radius:4.8px;width:100%;height:100%}.den-num{font:400 22.4px/1 var(--display);letter-spacing:.48px;justify-content:center;align-items:center;padding-left:28px;display:flex;position:absolute;inset:0}.den-heart{z-index:1;width:22.4px;height:22.4px;position:absolute;top:8px;left:calc(50% - 28px)}.den-door{top:84px}.lane-den:has(.den-deck) .den-door{top:138px}.den-hint{font-size:16px}.den-heart{display:none}.den-num{gap:6.4px;padding-left:0}.den-num:before{content:"";background:url(./icons-DJ06LQ3X.svg) 0 -22.4px/22.4px no-repeat;width:22.4px;height:22.4px}.arena{--slide-ms:.3s}.arena .battle-opponent{position:absolute;top:14px;right:22px}.arena .hud,.battle-caption{display:none}.arena .unit{--s:118px;width:118px;height:153px;transition:left var(--slide-ms) ease-out;position:absolute;top:290px}.arena .unit .card{cursor:pointer}.arena .unit .card:hover{transform:none}.arena .unit .ground{top:calc(var(--s) * .86);width:64%;height:calc(var(--s) * .12);box-shadow:none;background:#78501447;border:none;left:18%}.arena .unit .art{top:calc(var(--s) * .08)}.arena .unit .emoji{width:var(--s);height:var(--s)}.arena .unit .lvl{top:calc(var(--s) * -.2)}.battle-controls{z-index:3;gap:16px;display:flex;position:absolute;top:8px;left:50%;translate:-50%}.ctl{flex-direction:column;align-items:center;gap:2px;display:flex}.ctl-label{--o:4px;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:17px}.ctl-btn{cursor:pointer;color:#fff;background:#32374b61;border:none;border-radius:10px;place-items:center;width:72px;height:58px;padding:0;font-size:28px;display:grid}.ctl-btn:active{background:#32374b8c}.arena .impact,.arena .shot,.arena .battle-sparkle,.arena .dmg,.arena .buff{pointer-events:none;z-index:1;position:absolute}.arena .impact{font-size:64px}.arena .shot{background:radial-gradient(#fff,#ff9b3d);border-radius:50%;width:26px;height:26px;transform:translate(-50%,-50%);box-shadow:0 0 12px #ff9b3d}.arena .battle-sparkle{font-size:40px;transform:translate(-50%,-50%)}.arena .dmg,.arena .buff{--o:7px;white-space:nowrap}.arena .dmg{color:#ff4d4d;font-size:40px}.arena .buff{color:#7ee081;font-size:32px}.battle-result{z-index:2;position:absolute;inset:0}.battle-result:before{content:"";background:radial-gradient(#0000 0 600px,#00000059 1400px);position:absolute;inset:-3000px}.battle-result .logo{--o:20px;font-size:150px;position:absolute;top:92px}.battle-result .round-banner{font-size:110px}.battle-result .hud-pill{height:64px;padding:0 28px 0 18px;font-size:38px;position:absolute;top:470px;left:50%;translate:-50%}.battle-result .btn{width:300px;height:90px;font-size:40px;position:absolute;top:560px;left:490px}.arena .impact .inline-art{height:80px}.arena .battle-sparkle .inline-art{height:34px}.opponent-wrap{pointer-events:none;position:absolute;top:-400px;left:640px}.opponent-wrap svg{display:block}.arena .battle-opponent{right:94px}.battle-caption.on{z-index:3;text-align:center;color:#fff;pointer-events:none;font-size:30px;display:block;position:absolute;top:432px;left:0;right:0}.trick-tray{z-index:4;box-sizing:border-box;background:var(--paper);border-top:4px solid var(--ink);align-items:center;gap:28px;height:240px;padding:0 28px;display:flex;position:absolute;bottom:0;left:0;right:0}.tray-head{flex-direction:column;flex:none;align-items:center;gap:10px;display:flex}.tray-head h2{font-family:var(--display);color:var(--ink);margin:0;font-size:34px;font-weight:400}.tray-hand{flex:1;align-items:center;gap:10px;min-width:0;padding-top:14px;display:flex}.tray-hand>.dcard+.dcard{margin-left:calc(var(--gap,10px) - 10px)}.tray-hand>.dcard.target{outline:4px solid var(--merge)}.tray-hand>.dcard.target:after,.tray-hand>.dcard.target .dc-coin{display:none}.tray-ask{font-family:var(--display);color:var(--ink);margin-right:8px;font-size:28px}.tray-actions{flex-direction:column;flex:none;gap:14px;display:flex}.tray-actions .btn{justify-content:center;align-items:center;gap:6px;width:230px;height:62px;display:flex}.tray-actions .btn .icon{flex:none;width:28px;height:28px;margin:0}.arena.lane-arena .hud{display:flex}.arena.lane-arena .unit{--s:var(--lane-unit);width:var(--lane-unit);height:var(--lane-unit-h);top:var(--lane-unit-top);z-index:3;transition:left calc(var(--slide-ms) * 2) ease-in-out}.arena.lane-arena .impact,.arena.lane-arena .shot,.arena.lane-arena .battle-sparkle,.arena.lane-arena .dmg,.arena.lane-arena .buff{z-index:4}.arena.lane-arena .lane-den .card{cursor:pointer}.lane-banner{z-index:5;pointer-events:none;white-space:nowrap;font-family:var(--display);color:#fff;text-shadow:0 4px #2f2a26,0 -3px #2f2a26,3px 0 #2f2a26,-3px 0 #2f2a26;font-size:72px;position:absolute;transform:translate(-50%)rotate(-3deg)}.arena .hit-fleck{border:2px solid var(--ink);z-index:4;pointer-events:none;border-radius:3px;width:9px;height:9px;position:absolute}.arena .shot{background:radial-gradient(var(--paper), var(--orange));box-shadow:0 0 12px var(--orange)}.arena .dmg{color:var(--hp)}.arena .buff{color:var(--merge)}.battle-caption.on{justify-content:center;align-items:flex-start;min-height:76px;font-size:25px;line-height:1.25;display:flex;top:484px;left:250px;right:250px}.ctl-btn{transition:transform .1s ease-out,background .1s ease-out}.ctl-btn:active{transform:translateY(3px)scale(.96)}@media (prefers-reduced-motion:reduce){.ctl-btn:active{transform:none}}:root[data-motion=reduced] .ctl-btn:active{transform:none}.ctl-btn{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:var(--hard);border-radius:8px}.ctl-label,.battle-caption.on{text-shadow:2px 2px #3a2e22b3}.arena .dmg,.arena .buff{text-shadow:2px 2px 0 var(--cream)}.arena .dmg{color:var(--cream);background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cpath%20d='M50%204%2058%2020%2074%208%2074%2027%2094%2024%2084%2040%2098%2052%2080%2058%2088%2076%2068%2072%2062%2092%2050%2078%2038%2092%2032%2072%2012%2076%2020%2058%202%2052%2016%2040%206%2024%2026%2027%2026%208%2042%2020Z'%20fill='%23c8432b'%20stroke='%233a2e22'%20stroke-width='4'%20stroke-linejoin='round'/%3e%3cpath%20d='M50%2014%2055%2027%2066%2019%2067%2033%2082%2032%2075%2043%2085%2052%2072%2056%2077%2068%2063%2065%2058%2080%2050%2070%2042%2080%2037%2065%2023%2068%2028%2056%2015%2052%2025%2043%2018%2032%2033%2033%2034%2019%2045%2027Z'%20fill='%23dc5a3a'/%3e%3c/svg%3e") 50%/contain no-repeat;padding:18px}.arena .hud{gap:10px;top:16px;left:20px}.arena .hud-pill{gap:12px;padding:0 16px 0 10px}.arena .battle-opponent{padding:0 18px;top:16px;right:74px}.arena .battle-opponent .chip{height:24px}.arena.lane-arena .unit,.arena.lane-arena .unit .card{width:var(--lane-unit);height:var(--lane-unit-h)}.arena.lane-arena .unit .lvl{top:0}.arena.lane-arena .unit .art{height:var(--lane-unit);top:20px}.arena.lane-arena .unit .emoji{width:var(--lane-unit);height:var(--lane-unit)}.arena.lane-arena .unit .stats{top:calc(var(--lane-unit-h) - 28px);transform-origin:top;scale:.86}.arena.lane-arena .unit .ground{display:none}.sprite.down .emoji{filter:grayscale(.85)drop-shadow(3px 5px #3a2e2238);opacity:.6;translate:0 6px;rotate:-14deg}.sprite.down .stats{opacity:.7}.battle-controls{border:2.5px solid var(--ink);background:var(--paper);box-shadow:var(--hard);border-radius:12px;gap:4px;padding:4px;top:10px;left:50%;translate:-50%}.ctl{border-radius:14px;justify-content:center;gap:2px;width:76px;height:58px}.ctl-label{color:var(--ink2);font:800 12px var(--body);text-transform:none;letter-spacing:0;text-shadow:none;pointer-events:none}.ctl-btn{width:76px;height:28px;box-shadow:none;color:var(--ink);font:400 22px/24px var(--display);background:0 0;border:0;border-radius:8px;padding:0}.ctl-btn .icon{width:24px;height:24px}:is(.ctl:has(.speed-btn),.ctl:has(.on)){background:var(--cream2);box-shadow:inset 0 0 0 2px var(--line)}.ctl-btn.on{background:0 0}.arena .impact{filter:drop-shadow(3px 4px #3a2e224d);width:92px;height:92px}.arena .impact img{width:100%;height:100%;rotate:-8deg}.arena .dmg{filter:drop-shadow(3px 4px #3a2e224d);background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cpath%20d='M50%204%2058%2020%2074%208%2074%2027%2094%2024%2084%2040%2098%2052%2080%2058%2088%2076%2068%2072%2062%2092%2050%2078%2038%2092%2032%2072%2012%2076%2020%2058%202%2052%2016%2040%206%2024%2026%2027%2026%208%2042%2020Z'%20fill='%23c8432b'%20stroke='%233a2e22'%20stroke-width='4'%20stroke-linejoin='round'/%3e%3cpath%20d='M50%2014%2055%2027%2066%2019%2067%2033%2082%2032%2075%2043%2085%2052%2072%2056%2077%2068%2063%2065%2058%2080%2050%2070%2042%2080%2037%2065%2023%2068%2028%2056%2015%2052%2025%2043%2018%2032%2033%2033%2034%2019%2045%2027Z'%20fill='%23dc5a3a'/%3e%3c/svg%3e") 50%/contain no-repeat;place-items:center;width:78px;height:78px;padding:0;display:grid}.arena .dmg span{font:400 34px/1 var(--display);color:#fff6d6;text-shadow:2px 2px 0 var(--ink);margin-top:2px;rotate:-6deg}.arena .beat{text-align:center;font:700 14px var(--body);color:#fff;text-shadow:1px 1px #3a2e22bf,0 0 6px #3a2e2280;position:absolute;top:556px;left:0;right:0}.battle-caption.on{background:var(--paper);border:3px solid var(--ink);width:max-content;max-width:1000px;min-height:0;box-shadow:inset 0 0 0 4px var(--cream), 5px 5px 0 #3a2e2273;color:var(--ink);font:400 22px/1.2 var(--display);text-shadow:none;border-radius:10px;align-items:center;gap:16px;padding:12px 26px 13px;display:flex;top:584px;left:50%;right:auto;translate:-50%}.caption-tick{border:2px solid var(--ink);background:#c8432b;flex:none;width:10px;height:10px;rotate:45deg}.battle-result{z-index:6;background:#12305412}.battle-result:before{display:none}.arena:has(.battle-result) .unit:not(.winner){display:none}.arena:has(.battle-result) .battle-controls{display:none}.arena:has(.battle-result) .battle-caption{display:none}.arena:has(.battle-result) .beat{display:none}.battle-result .round-banner{background:var(--paper);border:3px solid var(--ink);border-radius:12px;align-items:center;gap:18px;width:928px;height:150px;padding:0 24px;display:flex;position:absolute;top:236px;left:176px;box-shadow:6px 6px #3a2e2266}.rb-head{flex:none;align-items:center;gap:16px;display:flex}.rb-head>img,.rb-head>svg{filter:drop-shadow(3px 4px #3a2e224d);width:72px;height:72px}.rb-title{flex-direction:column;gap:6px;display:flex}.rb h1{font:400 34px/1 var(--display);letter-spacing:.3px;color:var(--ink);text-shadow:2px 2px #c8432b33;margin:0}.rw-lbl{font:800 11px/1 var(--body);letter-spacing:1.8px;text-transform:uppercase;color:var(--ink2)}.rb-life{flex:1;justify-content:center;align-items:center;gap:24px;padding:0 6px;display:flex}.rb-side{flex-direction:column;align-items:center;gap:6px;min-width:100px;display:flex}.den-vs{border-left:2px dashed #3a2e224d;align-self:stretch;width:0}.life-num{font:400 18px/1 var(--display);color:var(--ink3);align-items:baseline;gap:10px;display:flex}.life-num s{text-decoration-thickness:2px}.life-num b{font:400 36px/1 var(--display);color:var(--ink)}.loss{font:800 13px var(--body);border:2px solid var(--ink);color:#fff6d6;background:#c8432b;border-radius:6px;padding:4px 12px;box-shadow:2px 2px #3a2e2266}.loss.none{background:var(--cream2);color:var(--ink2);box-shadow:none}.rb-act{flex-direction:column;flex:none;align-items:center;gap:16px;display:flex}.battle-result .rb-act .btn{width:auto;height:52px;padding:0 28px;font-size:22px;position:static}.battle-result .rb-act .btn.small{height:38px;box-shadow:0 3px 0 var(--ink);border-radius:12px;padding:0 16px;font-size:17px}.arena .hud .hud-icon{width:26px;height:26px}.ctl{position:relative}.ctl-btn:before{content:"";cursor:pointer;position:absolute;inset:0}.sprite.down .stat.hp{color:#8a2c1a;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.tutorial-holder{pointer-events:none;z-index:30;position:absolute;inset:0}.tutorial-holder:empty{display:none}.m-screen{--cream-2:var(--cream2);--barn:var(--aggro);--barn-dk:#93301f;--gold:var(--amber);--gold-dk:#b9821a;--sage:var(--ctrl);--sage-dk:#1f6b3d;--dusk:var(--blue);--dusk-dk:#224457;--plum:#7a2f55;--plum-dk:#561f3a;--muted:var(--ink2);--r:10px;--lift:6px 6px 0 #3a2e2266;font-family:var(--body);color:var(--ink);font-size:14px;font-weight:400}.m-screen img{max-width:100%}.m-btn{font:400 20px var(--display);border:3px solid var(--ink);border-radius:var(--r);cursor:pointer;box-shadow:0 4px 0 var(--ink);color:var(--cream);transition:transform 80ms,box-shadow 80ms}.m-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.m-btn.m-red{background:linear-gradient(180deg, #d9573f, var(--barn))}.m-btn.m-blue{background:linear-gradient(180deg, #437592, var(--dusk))}.m-btn.m-gold{background:linear-gradient(180deg, #f7c84f, var(--gold));color:var(--ink)}.m-btn:disabled{color:#8d7f70;cursor:not-allowed;background:#d8ccb8;border-color:#8d7f70;box-shadow:0 4px #8d7f70}.m-screen button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.m-topbar{z-index:5;align-items:center;gap:12px;display:flex;position:absolute;top:22px;left:32px;right:32px}.m-topbar .m-grow,.m-mode-line .m-grow,.m-minis-head .m-grow{flex:1}.m-title .m-topbar{gap:10px}.m-wallet{background:var(--cream);border:3px solid var(--ink);height:46px;box-shadow:var(--lift);font:400 22px var(--display);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 8px;display:inline-flex;position:relative}.m-wallet small{font:400 12px var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-left:2px}.m-iconbtn{background:var(--cream);place-items:center;width:46px;height:46px;padding:0;display:grid}.m-topbar .m-shop{align-items:center;gap:8px;height:46px;padding:0 16px 0 12px;font-size:19px;display:inline-flex}.m-logo{margin:0;font-size:21px;position:absolute;top:92px;left:70px}.m-logo .m-word{font:400 104px/.9 var(--display);color:var(--cream);letter-spacing:-1px;text-shadow:0 7px 0 var(--ink), 0 14px 22px #2e262240;display:block}.m-ribbon{font:400 16px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--cream);background:var(--barn);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 50%,100% 100%,0 100%,14px 50%);margin:18px 0 0 2px;padding:7px 34px;display:inline-block}.m-logo-wrap{filter:drop-shadow(0 3px 0 var(--ink));display:inline-block}.m-modes{gap:16px;width:432px;display:grid;position:absolute;top:286px;left:70px}.m-mode{--c:var(--barn);background:var(--cream);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink), 0 14px 26px #2e262238;color:var(--ink);border-radius:16px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.m-mode.m-online{--c:var(--dusk)}.m-mode-band{background:var(--c);color:var(--cream);border-bottom:3px solid var(--ink);background-image:repeating-linear-gradient(-45deg,#0000 0 10px,#ffffff12 10px 20px);justify-content:space-between;align-items:center;padding:7px 12px 7px 14px;display:flex}.m-mode-name{font:400 21px var(--display);letter-spacing:.02em;align-items:center;gap:8px;display:inline-flex}.m-mode-name svg{width:20px;height:20px;color:var(--cream);filter:drop-shadow(0 1.5px 0 var(--ink))}.m-mode-meta{font:800 12px var(--body);background:#2e262247;border-radius:999px;align-items:center;gap:5px;padding:3px 11px;display:inline-flex}.m-live{border:2px solid var(--ink);background:#7ee081;border-radius:50%;width:10px;height:10px}.m-mode-body{background:linear-gradient(180deg, #fffaf1, var(--cream));grid-template-rows:30px 64px;gap:10px;padding:11px 12px 13px;display:grid;box-shadow:inset 0 2px #ffffffb3}.m-mode-line{font:400 12px var(--body);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;margin:0;padding:0 5px;display:flex}.m-mode-line b{color:var(--ink);font:400 14px var(--display)}.m-mode-line.m-player img{width:26px;height:26px;margin-left:-5px;margin-right:-3px}.m-online .m-mode-line{padding-right:0}.m-pname{font:400 18px var(--display);color:var(--ink)}.m-stat{background:var(--cream-2);font:800 11px var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-radius:8px;align-items:baseline;gap:5px;padding:3px 9px;display:inline-flex}.m-stat b{font:400 15px var(--display);color:var(--ink);text-transform:none;letter-spacing:0}.m-mode-actions{grid-template-columns:1.55fr 1fr;gap:10px;display:grid}.m-play{text-align:left;height:64px;box-shadow:0 3px 0 var(--ink);grid-template-columns:1fr auto;align-items:center;padding:6px 12px 6px 16px;display:grid}.m-play .m-l1{font-size:25px;line-height:1;display:block}.m-play .m-l2{font:800 12px var(--body);opacity:.95;color:#ffe9dc;margin-top:2px;display:block}.m-play.m-blue .m-l2{color:#dceaf2}.m-play svg{width:30px;height:30px}.m-second{text-align:left;height:64px;box-shadow:0 3px 0 var(--ink);justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:18px;display:flex}.m-second svg{flex:none;width:22px;height:22px}.m-second b{font:400 18px/1 var(--display);display:block}.m-title .m-btn{transition:transform 80ms,box-shadow 80ms,filter .12s}.m-title .m-btn:hover:not(:disabled){filter:brightness(1.06)}.m-title .m-btn.m-cream:hover:not(:disabled){background:#fffdf7}.m-rlbl{font:800 12px var(--body);color:var(--muted)}.m-rlbl b{font:400 16px var(--display);color:var(--ink);margin-left:2px}.m-mood{font:italic 700 12px var(--body);color:var(--muted);white-space:nowrap}.m-connection{font:400 13px var(--body);color:var(--muted)}.m-hp{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.m-hpn{justify-items:center;line-height:1;display:grid}.m-hpn small{font:800 8.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.m-hpn b{font:400 19px var(--display);font-variant-numeric:tabular-nums}.m-hpn.m-you b{color:#2c62a8}.m-hpn.m-them b{color:var(--barn)}.m-hpbar{border:2px solid var(--ink);background:#eadcc2;border-radius:99px;flex:1;height:14px;display:flex;position:relative}.m-hpbar i{height:100%;display:block}.m-hpbar .m-a{border-right:2px solid var(--ink);background:linear-gradient(#5b97e6,#3a7bd5);border-radius:99px 0 0 99px}.m-hpbar .m-b{background:linear-gradient(#ec6a5f,#e2483d);border-radius:0 99px 99px 0}.m-hpbar img{width:22px;height:22px;position:absolute;top:50%;left:50%;translate:-50% -50%}.m-run .m-rnum{border-right:2px dotted #dccbab;flex:none;justify-items:start;margin-right:8px;padding:0 12px 0 0}.m-run .m-rnum b{color:var(--ink)}.m-run .m-rnum em{color:var(--muted);font-size:13px;font-style:normal}.m-run .m-hpn.m-them{justify-items:end}.m-parade{width:700px;height:210px;position:absolute;bottom:40px;right:30px}.m-parade img{filter:drop-shadow(0 6px #2e26222e);width:112px;animation:2.6s ease-in-out infinite m-hop;position:absolute}@keyframes m-hop{0%,70%,to{translate:0}80%{translate:0 -12px}90%{translate:0}}.m-minis{grid-template-rows:auto 86px;gap:6px;display:grid;position:absolute;top:100px;left:676px;right:48px}.m-minis-head{align-items:center;gap:8px;height:24px;display:flex}.m-minis-head h2{font:400 20px var(--display);color:var(--cream);text-shadow:0 2px 0 var(--ink);margin:0}.m-minis-row{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.m-mini{--c:var(--sage);background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink), 0 10px 18px #2e26222e;border-radius:12px;grid-template-columns:44px 1fr;transition:translate .12s;display:grid;position:relative;overflow:hidden}.m-mini.m-hard{--c:var(--plum)}.m-mini .m-stub{background:var(--c);border-right:2.5px solid var(--ink);color:var(--cream);align-content:center;justify-items:center;display:grid}.m-mini .m-stub b{font:400 20px/1.05 var(--display);color:var(--gold);font-variant-numeric:tabular-nums}.m-mbody{background:linear-gradient(180deg, #fffaf1, var(--cream));grid-template-rows:1fr auto;min-width:0;padding:8px 7px 6px 10px;display:grid}.m-mbody p{font:400 13.5px/1.18 var(--display);text-wrap:balance;margin:0}.m-mfoot{justify-content:space-between;align-items:center;display:flex}.m-mdiff{font:800 9.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.m-mswap{width:24px;height:24px;box-shadow:0 2px 0 var(--ink);border-width:2px;border-radius:50%;justify-content:center;align-items:center;gap:0;padding:0;font-size:0;display:inline-flex}.m-mswap:disabled{box-shadow:0 3px #8d7f70}.m-dim{background:linear-gradient(#2e262240,#2e26228c);position:absolute;inset:0}.m-back{align-items:center;gap:6px;height:46px;padding:0 18px 0 12px;font-size:18px;display:inline-flex}.m-back svg{width:20px;height:20px}.m-heading{font:400 40px var(--display);color:var(--cream);letter-spacing:.3px;text-shadow:0 4px 0 var(--ink);margin:0 0 0 8px}.m-shopbody{grid-template-columns:196px 1fr 340px;gap:18px;display:grid;position:absolute;inset:96px 32px 28px}.m-tabs{align-content:start;gap:8px;display:grid}.m-tab{font:400 19px var(--display);border:3px solid var(--ink);cursor:pointer;color:var(--ink);text-align:left;background:#fff6e6d1;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.m-tab small{font:800 12px var(--body);color:var(--muted)}.m-tab[aria-pressed=true]{background:var(--ink);color:var(--cream);box-shadow:0 4px #2e262266}.m-tab[aria-pressed=true] small{color:var(--gold)}.m-hint{font:400 13px/1.45 var(--body);color:var(--cream);text-shadow:0 1px 0 var(--ink);margin:8px 4px 0}.m-shelf{border:3px solid var(--ink);box-shadow:var(--lift);background:#fff6e6e6;border-radius:18px;grid-template-columns:repeat(4,1fr);align-content:start;gap:12px;padding:14px;display:grid;overflow:auto}.m-shelf.m-wide{grid-template-columns:repeat(3,1fr)}.m-item{background:var(--cream);cursor:pointer;text-align:center;color:var(--ink);border:2.5px solid #d3bf9c;border-radius:12px;grid-template-rows:auto auto auto;gap:6px;padding:10px 10px 12px;display:grid;position:relative}.m-item:hover{border-color:var(--ink)}.m-item[aria-selected=true]{border:3px solid var(--ink);box-shadow:0 0 0 3px var(--gold)}.m-plinth{background:radial-gradient(ellipse at 50% 92%, #e6d3ae 0 34%, transparent 35%), var(--cream-2);border-radius:9px;place-items:center;height:104px;display:grid;position:relative;overflow:hidden}.m-plinth img{height:92px}.m-item .m-nm{font:400 16px/1.1 var(--display)}.m-chip{font:400 15px var(--display);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.m-state{justify-self:center}.m-price{background:var(--gold);border:2px solid var(--ink);font-variant-numeric:tabular-nums;padding:2px 10px 2px 5px}.m-price img{width:18px;height:18px}.m-owned{color:var(--sage-dk);background:#e2ecd8}.m-equipped{background:var(--sage);color:var(--cream);border:2px solid var(--ink)}.m-locked{color:var(--muted);background:#ece2d2}.m-is-locked .m-plinth>:not(.m-lock){filter:grayscale()brightness(.55)contrast(.9);opacity:.55}.m-plinth img.m-lock{width:34px;height:34px;position:absolute}.m-pack{height:104px;font:400 22px var(--display);color:var(--cream);border-radius:9px;place-items:center;display:grid}.m-soon{font:800 11px var(--body);letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--cream);border-radius:6px;padding:2px 8px;position:absolute;top:8px;right:8px}.m-preview{background:var(--cream);border:3px solid var(--ink);box-shadow:var(--lift);border-radius:18px;grid-template-rows:auto auto 1fr auto;display:grid;overflow:hidden}.m-stagebox{border-bottom:3px solid var(--ink);height:236px;position:relative;overflow:hidden}.m-stagebox .m-hero{filter:drop-shadow(0 8px #2e262233);height:168px;position:absolute;bottom:22px;left:50%;translate:-50%}.m-stagebox .m-pack.m-hero{border:3px solid var(--ink);width:200px;height:120px}.m-compare{border:2.5px solid var(--ink);background:#fff6e6f2;border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;top:12px;left:12px}.m-compare button{font:400 13px var(--display);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 12px}.m-compare button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.m-pv-head{padding:14px 20px 0}.m-kind{font:800 12px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.m-pv-head h3{font:400 30px/1.05 var(--display);margin:2px 0 0}.m-pv-desc{font:400 14px/1.5 var(--body);color:#5d4f44;margin:0;padding:8px 20px 0}.m-pv-buy{gap:8px;padding:14px 20px 18px;display:grid}.m-pv-buy .m-btn{justify-content:center;align-items:center;gap:10px;height:56px;font-size:22px;display:flex}.m-pv-buy .m-btn img{width:26px;height:26px}.m-after{font:400 13px var(--body);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.m-toast{background:var(--ink);color:var(--cream);font:400 18px var(--display);z-index:9;border-radius:999px;padding:10px 22px;transition:opacity .25s;position:absolute;bottom:40px;left:50%;translate:-50%}.m-scene{transform-origin:0 0;background:linear-gradient(var(--sky-top), var(--sky-bottom) 200px, var(--grass-top) 200px, var(--grass-bottom));width:1280px;height:720px;position:absolute;top:0;left:0}.m-plinth .m-scene{transform:scale(var(--m-scene-scale))}.m-stagebox .m-scene{transform:scale(.32362)}@media (prefers-reduced-motion:reduce){.m-parade img{animation:none}.m-btn,.m-mini{transition:none}}.m-overlay{z-index:50;background:#2e26228c;place-items:center;display:grid;position:absolute;inset:0}.m-settings{background:var(--cream);border:3px solid var(--ink);width:560px;box-shadow:var(--lift);--c:var(--dusk);border-radius:18px;overflow:hidden}.m-settings-row{grid-template-columns:200px 1fr;align-items:center;padding:14px 20px;display:grid}.m-settings-row+.m-settings-row{border-top:2px dashed #d9c7a7}.m-settings-label{font:400 19px var(--display);color:var(--ink)}.m-settings-label small{font:800 12px var(--body);color:var(--muted);display:block}.m-settings-row>:last-child{justify-self:end}.m-seg{background:var(--cream-2);border:2.5px solid var(--ink);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.m-seg button{font:400 15px var(--display);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:7px 14px}.m-seg button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.m-settings-tips{height:40px;font-size:16px}.m-settings-footer{text-align:right;padding:14px 20px 18px}.m-settings-footer .m-btn{width:140px;height:48px;font-size:20px}:root[data-motion=reduced] .m-parade img{animation:none}:root[data-motion=reduced] .m-btn,:root[data-motion=reduced] .m-mini{transition:none}.m-btn{letter-spacing:0;box-shadow:0 4px 0 var(--ink);border-width:2.5px;border-radius:10px;font-weight:400}.m-btn.m-red,.m-btn.m-gold{color:var(--ink);background:linear-gradient(#fcc532,#f2a413)}.m-btn.m-blue{color:var(--cream);background:linear-gradient(#2c93ad,#1f7f98)}.m-btn.m-cream{background:var(--paper);color:var(--ink)}.m-btn:disabled{color:var(--ink2);border-color:var(--ink);box-shadow:none;background:#e2d4b0;border-style:dashed}.m-topbar{top:16px;left:20px;right:20px}.m-title .m-topbar{justify-content:flex-end}.m-wallet{background:var(--paper);height:44px;box-shadow:var(--hard);font:400 20px var(--display);border-width:2.5px;border-radius:10px;gap:10px;padding:0 16px 0 10px}.m-wallet img{width:30px;height:30px}.m-wallet small{font:800 13px var(--body);letter-spacing:1.5px;color:var(--ink2);margin:0}.m-iconbtn{width:44px;height:44px;box-shadow:var(--hard);border-radius:10px}.m-iconbtn svg{width:24px;height:24px}.m-topbar .m-shop{height:44px;padding:0 16px;font-size:17px}.m-topbar .m-shop svg{width:20px;height:20px}.m-logo{transform-origin:0 100%;top:84px;left:68px;transform:rotate(-2deg)}.m-logo .m-word{font:400 84px/1 var(--display);white-space:nowrap;letter-spacing:0;color:#3a3431;text-shadow:3px 4px #3a2e2266}.m-logo .m-word b{color:#f6b223;font-weight:400}.m-logo-wrap{filter:none;transform-origin:0 0;position:fixed;top:206px;left:72px;transform:rotate(2deg)}.m-ribbon{width:176px;height:34px;font:400 18px var(--display);letter-spacing:3px;color:var(--cream);clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%);background:#c8432b;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.m-modes{gap:12px;width:436px;top:268px;left:70px}.m-mode{background:var(--paper);border-radius:12px;flex-direction:column;gap:10px;height:204px;padding:14px 16px;display:flex;overflow:visible;box-shadow:6px 6px #3a2e2259}.m-mode-band{background:var(--aggro);background-image:none;border:0;border-radius:7px;height:44px;min-height:44px;padding:0 14px}.m-online .m-mode-band{background:var(--blue)}.m-mode-name{font:400 24px var(--display);letter-spacing:0;gap:8px}.m-mode-name svg{filter:none;width:22px;height:22px}.m-mode-meta{font:800 14px var(--body);background:#0000002e;padding:3px 10px}.m-mode-meta b{font:inherit}.m-live{display:none}.m-mode-body{box-shadow:none;background:0 0;flex-direction:column;gap:10px;padding:0;display:flex}.m-mode-body:has(.m-run){padding-top:8px}.m-mode-line{height:19px;font:700 14px/1.35 var(--body);padding:0}.m-rlbl,.m-rlbl b{font:700 14px/1.35 var(--body);color:var(--ink);margin:0}.m-mood{font:italic 700 14px/1.35 var(--body)}.m-connection{color:var(--ink);font:700 14px/1.35 var(--body)}.m-pname{text-overflow:ellipsis;min-width:0;font-size:16px;overflow:hidden}.m-stat{letter-spacing:0;background:0 0;padding:0;font-size:10px}.m-stat b{font-size:12px}.m-mode-actions{grid-template-columns:1.3fr 1fr}.m-single{grid-template-columns:1fr}.m-play{justify-content:space-between;align-items:center;height:76px;padding:0 22px;display:flex}.m-play>span{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.m-play .m-l1{font:400 34px/1 var(--display)}.m-play .m-l2{font:800 12px var(--body);color:inherit;letter-spacing:0;opacity:.85;margin:0}.m-play svg{display:none}.m-play:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid;width:0;height:0}.m-mode-actions:not(.m-single) .m-play{padding:0 14px}.m-mode-actions:not(.m-single) .m-l1{font-size:23px}.m-mode-actions:not(.m-single) .m-play:after{border-top-width:9px;border-bottom-width:9px;border-left-width:13px}.m-second{gap:6px;height:76px;padding:0 6px;font-size:14px}.m-second b{font:400 14px var(--display)}.m-second svg,.m-second img{flex:none;width:22px;height:22px}.m-run{height:19px}.m-run .m-hpn small{font-size:8px}.m-run .m-hpn b{font-size:15px}.m-run .m-rnum{margin-right:0;padding-right:8px}.m-minis{grid-template-rows:32px 92px;gap:16px;width:560px;top:330px;left:676px;right:auto}.m-minis-head{height:32px}.m-minis-head h2{font:400 24px var(--display);color:var(--cream);text-shadow:2px 2px #3a2e228c}.m-swapnote{font:700 14px/1.35 var(--body);color:#fff;text-shadow:0 1px 3px #0009}.m-minis-row{grid-template-columns:repeat(3,180px);gap:10px}.m-mini{--c:var(--ctrl);background:var(--paper);border-width:2px;border-radius:6px;grid-template-columns:46px 1fr;box-shadow:3px 3px #3a2e224d}.m-mini.m-medium{--c:var(--stomp)}.m-mini .m-stub{border:0;gap:2px}.m-mini .m-stub b{font:400 22px/1 var(--display);color:#fff}.m-mini .m-stub img{width:22px;height:22px}.m-mbody{background:0 0;padding:7px 8px 5px}.m-mbody p{font:800 11.5px/1.2 var(--body);text-wrap:wrap}.m-mdiff{font:800 9px var(--body);letter-spacing:1px}.m-mswap,.m-mswap:disabled{width:28px;height:28px;box-shadow:none;background:0 0;border:1.5px solid #3a2e2280}.m-mswap svg{width:16px;height:16px}.m-mswap:disabled{opacity:.45}.m-parade{width:718px;height:154px;inset:534px auto auto 550px}.m-parade img{filter:drop-shadow(3px 5px #3a2e2238)}.m-shelf,.m-preview,.m-settings{background:var(--paper);border-radius:12px;box-shadow:6px 6px #3a2e2266}.m-settings .m-mode-band{background:var(--blue);border-radius:0}.m-settings .m-mode-name{font-size:21px}.m-settings-label,.m-seg button{font-weight:400}.m-item,.m-tab{background:var(--paper);border-radius:6px}.m-heading{color:var(--cream);text-shadow:3px 4px #3a2e2280}.m-chip{border-radius:6px}.pause-panel{align-items:center;gap:12px;width:400px;height:612px;padding:28px 32px}.pause-panel h2{margin:0 0 8px;font-size:44px}.pause-panel>.btn{flex:none}.pause-panel .pause-rows{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.pause-panel .pause-row{width:100%;height:56px;box-shadow:inset 0 0 0 2px var(--line);font:400 20px var(--display);color:var(--ink);letter-spacing:.3px;cursor:pointer;background:#fff;border:0;border-radius:16px;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.pause-row>span{font:700 18px var(--body);color:var(--ink2)}.pause-panel .pause-sound{cursor:default;padding-right:8px}.pause-sound .m-seg button{padding:6px 11px}.pause-panel>.danger{margin-top:6px}.pause-footer{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:auto;display:flex}.pause-keys{font:700 14px/1.35 var(--body);color:var(--ink2);justify-content:center;align-items:center;gap:6px;display:flex}.pause-keys kbd{border:2px solid var(--line);height:24px;box-shadow:0 2px 0 var(--line);font:800 12px var(--body);color:var(--ink);background:#fff;border-radius:7px;align-items:center;padding:0 8px;display:inline-flex}.pause-footer p:last-child{font-size:13px}.online-top{flex-direction:row-reverse;justify-content:flex-end;gap:20px;display:flex;top:20px;left:40px;right:40px}.online-top h1{font:400 40px var(--display);color:var(--cream)}.online .online-name-panel{gap:14px;width:560px;height:500px;padding:32px 40px;top:110px;left:360px}.online-name-heading{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.online-name-panel h2{margin:0;font-size:44px}.online-name-panel .online-name-heading p{font-size:16px}.online-name-entry{flex-direction:column;gap:8px;margin-top:8px;display:flex}.online-name-entry label{font:800 14px var(--body);text-align:left;justify-content:space-between;display:flex}.online-name-entry label span{color:var(--ink2);font-weight:700}.online-name-panel .online-input{border:2px solid var(--line);width:100%;height:56px;font:800 20px var(--body);color:var(--ink);background:#fff;border-radius:14px;outline:0;padding:0 18px}.online-name-panel .online-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2a74bb33}.online-name-panel>.primary{margin-top:6px}.online-name-panel>.ghost{align-self:center;width:auto}.online-features{gap:10px;margin-top:auto;display:flex}.online-feature{background:var(--cream2);text-align:left;border-radius:14px;flex-direction:column;flex:1;gap:3px;min-width:0;padding:12px 14px;display:flex}.online-feature b{font:400 17px var(--display);letter-spacing:.3px}.online-feature span{font:700 13px/1.3 var(--body);color:var(--ink2)}.online-name-panel:has(.online-error){height:auto;min-height:500px;max-height:590px;top:65px;overflow-y:auto}.online-name-panel .online-error{font-size:14px}.over-header{justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;top:22px;left:0;right:0}.over-trophy{filter:drop-shadow(0 8px 6px #0000004d);width:96px;height:96px}.over-heading{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.over-heading h1{font:400 64px/1 var(--display);color:#fff;text-shadow:0 4px #3b2f2f8c,0 8px 18px #00000059}.over-detail{align-items:center;gap:10px;display:flex}.over-detail p{font:700 17px/1.35 var(--body);color:#fff;text-shadow:0 1px 3px #0009}.over-level{background:var(--select);border-color:var(--select)}.over .sum-rewards{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;width:300px;height:358px;padding:20px;display:flex;position:absolute;top:150px;left:40px;right:auto}.sum-rewards h2,.sum-card h2,.sum-deck h2{font:400 22px/1 var(--display);letter-spacing:.3px;color:var(--ink);text-align:left;margin:0}.sum-rewards .sum-reward-total{height:auto;color:var(--ink);font:400 48px/1 var(--display);gap:10px;margin:2px 0 4px}.sum-reward-total img{width:44px;height:44px}.sum-reward-total small{margin-top:14px}.sum-reward-entries{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.sum-rewards .sum-reward{background:var(--cream2);min-height:34px;font:800 14px var(--body);border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.sum-reward b{font:400 17px var(--display);flex:none;margin-left:6px}.sum-unlock{color:#1f6b3d;background:#e8f6ec;border-color:#a7d9b7;align-self:flex-start;min-height:28px;padding:0 6px;font-size:11px}.sum-treats{margin-top:auto}.over .sum-panels{display:contents;position:static}.over .sum-card{flex-direction:column;height:358px;display:flex;position:absolute;top:150px}.over .sum-life{width:540px;padding:20px 24px;left:360px}.sum-chart-head{justify-content:space-between;align-items:center;display:flex}.sum-legend{font:700 14px/1.35 var(--body);color:var(--ink2);gap:14px;display:flex}.sum-legend span{align-items:center;gap:6px;display:flex}.sum-legend span:before{content:"";background:#2f6fbf;border-radius:2px;width:18px;height:4px}.sum-legend .them:before{background:#c93a34}.life-chart{width:100%;height:auto}.life-chart .tick{font:800 12px var(--body);fill:#66564a}.life-chart .end-label{font:400 18px var(--display)}.life-chart .grid{stroke:#e4d4b4}.over .sum-stars{text-align:center;align-items:center;width:320px;padding:18px 20px;left:920px}.sum-stars h2{white-space:nowrap;align-self:stretch}.sum-mvp{flex-direction:column;gap:0;margin:0;display:flex}.sum-medal{border:3px solid var(--ink);width:168px;height:168px;box-shadow:0 0 0 7px var(--cream),0 0 0 9px var(--ink),5px 6px 0 9px #3a2e224d;background:radial-gradient(circle at 50% 38%,#fff6d6,#f6d98a);border-radius:50%;place-items:center;margin-top:18px;display:grid}.sum-medal img{filter:drop-shadow(3px 4px #3a2e2240);width:118px;height:118px}.sum-name{font:400 28px/1 var(--display);margin-top:6px}.sum-facts{font:700 14px/1.35 var(--body);color:var(--ink2);margin-top:4px}.over .sum-deck{border-radius:22px;justify-content:flex-start;gap:18px;width:1200px;height:92px;padding:0 22px;top:526px;left:40px;right:auto}.sum-deck-label{width:100px;color:var(--ink);flex-direction:column;gap:2px;display:flex}.sum-strip{flex-wrap:nowrap;flex:1;justify-content:flex-start;gap:4px;max-width:none;overflow-x:auto}.sum-card-pet{flex-direction:column;flex:none;align-items:center;width:70px;height:auto;display:flex}.sum-deck-art{width:52px;height:52px}.sum-lv{font:800 11px var(--body);color:var(--ink2);position:static}.over .sum-buttons{justify-content:flex-end;align-items:center;gap:14px;top:636px;left:40px;right:40px}.sum-buttons .sum-copy{height:52px;padding:0 28px;font-size:22px}.sum-buttons .sum-again{height:64px;padding:0 40px;font-size:28px}.over .sum-fallback{top:700px}.m-logo-wrap{position:absolute;transform:none}.online-top .btn{margin-left:0}.m-screen{font-weight:700}.m-mode{box-shadow:6px 6px #3a2e2266}.m-mode-line{height:18.8906px}.m-mode-actions{display:flex}.m-mode-actions .m-play{flex:1.3;min-width:0}.m-mode-actions .m-second{flex:1;min-width:0}.m-mode-actions .m-play.m-blue .m-l2{color:inherit}.m-topbar .m-shop{box-shadow:0 3px 0 var(--ink);border-radius:12px}.online-top .btn{width:auto;height:38px;padding:0 16px;font-size:17px}.online .scenery[data-background=meadow] .sand{display:block!important}.online .scenery[data-background=meadow] .cloud:nth-child(3){top:60px!important;left:120px!important}.online .scenery[data-background=meadow] .cloud:nth-child(4){top:84px!important;left:900px!important}.online-features{align-items:center}.m-minis-head h2{letter-spacing:.3px}.m-minis{grid-template-rows:32px 94px;gap:2px;top:212px}.m-mini{border-width:3px;border-radius:8px;overflow:visible;box-shadow:4px 4px #3a2e2259}.m-mini .m-stub{border-radius:5px 0 0 5px}.m-mini:after{content:"";border:3px solid var(--ink);background:linear-gradient(90deg,#b4803f,#d9a45e 45%,#b4803f);border-top:0;width:18px;height:36px;position:absolute;top:calc(100% + 3px);left:calc(50% - 9px)}.m-mini:before{content:"";background:#3a2e224d;border-radius:50%;width:52px;height:9px;position:absolute;top:calc(100% + 34px);left:calc(50% - 26px)}.dcard,.dcard-back{width:var(--w,150px);height:calc(var(--w,150px) * 1.4);border:4px solid var(--ink);border-radius:calc(var(--w,150px) * .08);touch-action:none;cursor:pointer;flex:none;position:relative}.dcard{background:var(--cream);box-shadow:inset 0 0 0 3px var(--kind), 0 4px 0 #00000040}.dcard.pet{--kind:var(--grass-top)}.dcard.sel{outline:4px solid var(--select);box-shadow:inset 0 0 0 3px var(--kind), 0 4px 0 #00000040, 0 0 18px 6px #ffd23fd9}.dcard.lifted{opacity:.3}.dcard.ghost{opacity:.95;filter:drop-shadow(0 12px 18px #0000004d);position:absolute;transform:scale(1.1)}.dc-band{background:var(--kind);border-radius:calc(var(--w) * .08 - 4px) calc(var(--w) * .08 - 4px) 0 0;justify-content:center;align-items:center;gap:calc(var(--w) * .012);height:22%;padding:0 calc(var(--w) * .03) 0 calc(var(--w) * .24);flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.dc-pips{gap:calc(var(--w) * .02);height:calc(var(--w) * .05);align-self:flex-end;display:flex}.dc-pips i{width:calc(var(--w) * .05);height:calc(var(--w) * .05);border:max(1px, calc(var(--w) * .012)) solid var(--ink);background:#fff;border-radius:50%}.dc-name{max-width:100%;padding:0 calc(var(--w) * .01);font-family:var(--display);letter-spacing:.3px;font-weight:400;font-size:calc(var(--w) * .125);color:#fff;white-space:nowrap;text-overflow:ellipsis;line-height:1.15;overflow:hidden}.dc-art{left:0;right:0;top:calc(var(--w) * .33);height:calc(var(--w) * .42);justify-content:center;align-items:center;display:flex;position:absolute}.dc-img{object-fit:contain;width:auto;max-width:70%;height:100%;font-size:calc(var(--w) * .34);line-height:1.2;font-family:var(--emoji);display:block}.dcard .lvl{--s:calc(var(--w) * .6);top:0;left:calc(var(--w) * .05);transform:none}.dc-text{left:calc(var(--w) * .1);right:calc(var(--w) * .1);top:calc(var(--w) * .8);bottom:calc(var(--w) * .07);text-align:center;font-family:var(--body);font-weight:700;font-size:calc(var(--w) * .085);color:var(--ink);justify-content:center;align-items:center;line-height:1.15;display:flex;position:absolute}.dc-text b{font-weight:900}.dc-coin{left:calc(var(--w) * -.07);top:calc(var(--w) * -.07);z-index:4;width:calc(var(--w) * .3);height:calc(var(--w) * .3);background:var(--gold);border:max(2px, calc(var(--w) * .025)) solid var(--ink);font-family:var(--display);font-weight:400;font-size:calc(var(--w) * .17);color:var(--ink);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;box-shadow:0 2px #00000040}.dc-coin b{font-weight:400}.dcard.dim .dc-coin{color:var(--hp)}.dcard .stat{top:auto;bottom:calc(var(--w) * -.07);z-index:3;width:calc(var(--w) * .26);height:calc(var(--w) * .26)}.dcard .stat.atk{left:calc(var(--w) * -.07)}.dcard .stat.hp{right:calc(var(--w) * -.07)}.dcard .stat b{--o:calc(var(--w) * .03);font-size:calc(var(--w) * .15)}.dc-ribbon-wrap{pointer-events:none;z-index:5;border-radius:calc(var(--w) * .08 - 4px);position:absolute;inset:0;overflow:hidden}.dc-ribbon{left:calc(var(--w) * .5);top:calc(var(--w) * .105);width:calc(var(--w) * .66);text-align:center;background:var(--hp);color:#fff;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font-family:var(--display);letter-spacing:.3px;font-weight:400;font-size:calc(var(--w) * .075);line-height:calc(var(--w) * .12);position:absolute;transform:rotate(45deg)}.dcard-back{background:repeating-linear-gradient(45deg, var(--blue) 0 calc(var(--w,150px) * .07), #2f78b3 calc(var(--w,150px) * .07) calc(var(--w,150px) * .14));box-shadow:0 4px #00000040}.dcard-back:after{content:"";inset:calc(var(--w,150px) * .09);border:3px solid var(--ink);border-radius:calc(var(--w,150px) * .05);position:absolute}.gold-coin{width:var(--size);height:var(--size);background:var(--gold);border:calc(var(--size) * .045) solid var(--ink);box-shadow:inset 0 0 0 calc(var(--size) * .06) #fff6, 0 4px 0 #00000040;font-family:var(--display);font-weight:400;font-size:calc(var(--size) * .46);color:var(--ink);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.gold-coin b{font-weight:400}.duel .square{z-index:26}.pile-label{font-family:var(--display);letter-spacing:.5px;color:#fff;font-size:20px;font-weight:400;line-height:1}.hand{z-index:3;pointer-events:none;position:absolute;inset:0}.hand>.dcard{left:calc(var(--x) - var(--w,150px) / 2);top:var(--y);z-index:var(--z);transform:rotate(var(--r));pointer-events:auto;transition:transform .12s;position:absolute}.drafting .hand{z-index:25}.drafting .hand>.dcard{cursor:default}@media (hover:hover){.drafting .hand>.dcard:hover{transform:rotate(var(--r));z-index:var(--z)}}.drafting .hud,.drafting .hud-pill.match{visibility:hidden}.duel .toast{top:96px}.drafting .toast{display:none}.hand>.dcard:after{content:"";height:32px;position:absolute;top:100%;left:0;right:0}.hand>.dcard.merge{outline:5px solid var(--merge);outline-offset:2px;z-index:50;translate:0 -22px}.hand>.dcard.sel{z-index:50;transform:translateY(-24px)rotate(0)scale(1.08)}.hand.flat>.dcard.sel,.hand.flat>.dcard:hover{transform:translateY(-24px)rotate(0)}@media (hover:hover){.hand>.dcard:hover{z-index:50;transform:translateY(-24px)rotate(0)scale(1.08)}}.pile{--w:100px;cursor:pointer;z-index:3;background:0 0;border:0;width:100px;height:140px;padding:0;transition:transform .1s;position:absolute;top:540px}.pile>.dcard,.pile>.dcard-back,.pile>.pile-hole{position:absolute;top:0;left:0}.pile>.stack-1{translate:5px -5px}.pile>.stack-2{translate:10px -10px}.pile-hole{background:#0000001f;border:4px dashed #ffffffd9;border-radius:8px;width:100px;height:140px}.pile-count{z-index:6;border:3px solid var(--ink);min-width:34px;height:34px;color:var(--ink);font-family:var(--display);background:#fff;border-radius:17px;place-items:center;padding:0 6px;font-size:20px;font-weight:400;line-height:1;display:grid;position:absolute;top:-16px;right:-16px}.pile .pile-label{position:absolute;top:148px;left:0;right:0}.pile.target .dcard,.pile.target .pile-hole{outline:4px solid #ffd84a}.pile.drop-hover{transform:scale(1.06)}.draw[aria-disabled=true]{opacity:.5}.duel .line-zone{top:var(--lane-unit-top);height:var(--lane-unit-h);pointer-events:none;position:absolute}.duel .round-slot{--s:var(--lane-unit);width:var(--lane-unit);height:var(--lane-unit-h);top:var(--lane-unit-top);z-index:3;position:absolute}.duel .round-slot .card:hover:not(.drop-hover){transform:none}.duel .round-slot .card{transition:transform .1s}.duel .round-slot .card.acting{animation:.12s ease-out duel-act}@keyframes duel-act{50%{scale:1.12}}.duel .round-slot .ground{top:calc(var(--s) * .86);width:64%;height:calc(var(--s) * .12);box-shadow:none;background:#78501447;border:none;left:18%}.duel .round-slot .art{top:calc(var(--s) * .08)}.duel .round-slot .emoji{width:var(--s);height:var(--s)}.duel .round-slot .lvl{top:calc(var(--s) * -.2)}.duel .round-slot .card.empty{width:auto;height:calc(var(--lane-unit-h) - 9px);box-sizing:border-box;box-shadow:none;background:#ffffff40;border:3px dashed #fff;border-radius:18px;inset:4px 7px 0}.duel .round-slot .card.empty .ground{display:none}.duel .round-slot .slot-plus{text-align:center;color:#fff;font-family:var(--display);pointer-events:none;font-size:34px;line-height:1;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.hud-pill.match{z-index:5;position:absolute;top:14px;right:170px}.duel-caption{z-index:1;color:#fff;text-align:center;max-width:600px;font-family:var(--display);letter-spacing:.3px;pointer-events:none;background:#2b2016eb;border:2px solid #ffffff59;border-radius:999px;padding:2px 16px;font-size:20px;font-weight:400;line-height:1.2;position:absolute;top:176px;left:50%;translate:-50%}.drafting .duel-caption{display:none}.duel-side{z-index:6;flex-direction:column;justify-content:flex-end;gap:10px;width:200px;height:182px;display:flex;position:absolute;top:528px;left:1040px}.duel-side .btn{justify-content:center;align-items:center;gap:6px;width:200px;height:70px;padding:0 8px;font-size:28px;display:flex}.duel-side.four .btn{height:52px;font-size:24px}.duel-side .btn:disabled{opacity:.55;cursor:default}.duel-side .btn .icon{flex:none;width:28px;height:28px;margin:0}.playing button{pointer-events:none}.draft-overlay{z-index:24;position:absolute;inset:0}.draft-overlay:before{content:"";background:#1e141499;position:absolute;inset:-3000px}.tier-banner{text-align:center;color:#ffd84a;background:#2f2a26;border-radius:14px;width:max-content;max-width:1000px;padding:4px 12px;font-size:14px;font-weight:700;position:absolute;top:4px;left:50%;translate:-50%}.draft-panel{box-sizing:border-box;background:var(--paper);border:4px solid var(--ink);border-radius:28px;flex-direction:column;gap:8px;width:980px;height:396px;padding:22px 40px;display:flex;position:absolute;top:70px;left:150px;box-shadow:0 10px #00000038}.draft-head{justify-content:space-between;align-items:center;display:flex}.draft-head h1{font-family:var(--display);color:var(--ink);margin:0;font-size:36px;font-weight:400}.pick-chips{gap:8px;display:flex}.pick-chip{box-sizing:border-box;border:2px solid var(--ink);white-space:pre;background:#fff;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:14px;font-weight:700;display:flex}.pick-n{font-family:var(--display);font-weight:400}.pick-chip.done{opacity:.75}.pick-chip.done.rival{background:#f6c9c4}.pick-chip.done.you{background:#cfe3f7}.pick-chip.now{background:var(--orange);color:#fff;border-width:3px;box-shadow:0 3px #b4661a}.chip-art{object-fit:contain;width:22px;height:22px}.draft-pack{flex:1;justify-content:center;align-items:center;gap:34px;display:flex}.draft-pack .dcard{transition:transform .12s}@media (hover:hover){.draft-pack .dcard:hover{transform:translateY(-16px)}}.pack-slot{position:relative}.draft-panel.wide{width:792px;height:510px;padding:12px 28px;top:48px;left:244px}.draft-panel.wide .draft-head{gap:12px;min-height:34px}.draft-panel.wide h1{flex:none;font-size:28px}.draft-panel.wide .pick-chips{flex-wrap:wrap;justify-content:flex-end;gap:4px}.draft-panel.wide .pick-chip{gap:2px;padding:3px 5px;font-size:12px}.draft-panel.wide .chip-art{width:16px;height:16px}.draft-pack.wide{flex-wrap:wrap;flex:none;align-content:flex-start;gap:18px 26px;padding-top:12px}.pack-slot.big .dcard{animation:2.6s ease-in-out infinite alternate big-glow;box-shadow:0 0 0 5px #ffefb0,0 0 22px 8px #ffdc6eb3,0 14px #0003}@keyframes big-glow{to{box-shadow:0 0 0 5px #fff6cc,0 0 34px 16px #ffdc6e,0 14px #0003}}@media (prefers-reduced-motion:reduce){.pack-slot.big .dcard{animation:none}}[data-motion=reduced] .pack-slot.big .dcard{animation:none}.pack-slot.taken .dcard{filter:grayscale(.85);opacity:.5;cursor:default}@media (hover:hover){.draft-pack .pack-slot.taken .dcard:hover{transform:none}}.taken-stamp{z-index:2;white-space:nowrap;border:3px solid var(--ink);color:#fff;font-family:var(--display);pointer-events:none;border-radius:10px;padding:4px 12px;font-size:20px;position:absolute;top:42%;left:50%;translate:-50%;rotate:-12deg;box-shadow:0 4px #00000040}.taken-stamp.rival{background:#e2483d}.new-tag{background:var(--gold);color:var(--ink);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:16px;line-height:1}.pack-slot .new-tag{z-index:2;margin:0;position:absolute;top:-14px;left:50%;translate:-50%}.fx-card{pointer-events:none;margin:0;position:absolute}.confirm-fight .menu-panel h2{font-size:46px}.level-pick .menu-panel h2{font-size:52px}.line-total{text-align:center;color:#fff;z-index:2;width:512px;font-family:var(--display);letter-spacing:.5px;pointer-events:none;font-size:24px;font-weight:400;line-height:1;position:absolute;top:282px}.line-total.mine{left:164px}.line-total.theirs{left:604px}.den-deck{z-index:3;border:3px solid var(--ink);color:var(--ink);font-family:var(--display);white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:4px;padding:3px 10px;font-size:20px;line-height:1;display:flex;position:absolute;top:4px;box-shadow:0 3px #0000002e}.den-deck.mine{left:160px}.den-deck.theirs{right:160px}.den-deck-dot{border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}.den-deck-n{margin-right:4px}.den-deck-n:last-child{margin-right:0}.dc-bonus{top:2px;right:calc(var(--w) * .04);z-index:3;padding:0 calc(var(--w) * .04);background:var(--gold);border:2px solid var(--ink);color:var(--ink);font-family:var(--display);font-weight:400;font-size:calc(var(--w) * .085);white-space:nowrap;border-radius:999px;line-height:1.3;position:absolute}.hud-pill.counts{padding:0 16px}.hand>.dcard.target{cursor:pointer}.hand>.dcard.picked{outline:5px solid var(--select);outline-offset:2px;z-index:50;translate:0 -22px;box-shadow:0 0 18px 6px #ffd23fd9}.draft-hand-label{z-index:25;pointer-events:none;text-align:center;width:760px;font-family:var(--display);color:var(--cream);text-shadow:0 2px 0 var(--ink);font-size:22px;position:absolute;top:568px;left:260px}.drafting .hand>.dcard{pointer-events:none}.drafting .den-deck.mine{left:12px}.drafting .den-deck.theirs{right:12px}.choosing .hand>.dcard{transition:transform .12s,box-shadow .12s}.choosing .hand>.dcard.target{outline:3px solid var(--merge);outline-offset:3px}.choosing .hand>.dcard.target:after{display:none}.choosing .hand>.dcard.choose-source{opacity:.65;cursor:default}.choosing .hand>.dcard.choose-source:hover{transform:none}.choosing .hand>.dcard.picked{translate:0 -10px}.choose-tag{white-space:nowrap;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--display);border-radius:12px;padding:3px 10px;font-size:16px;position:absolute;top:-32px;left:50%;translate:-50%}.picked .choose-tag{background:var(--select)}.choose-source .choose-tag{background:var(--blue);color:var(--cream)}.choose-count{text-align:center;font-family:var(--display);color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:12px;padding:6px;font-size:24px}.choosing .duel-side{height:196px;top:514px}.choosing .duel-side .btn{flex:none;height:60px;font-size:28px}.merge-fx{z-index:40}.merge-dim{background:radial-gradient(circle at 640px 340px,#3a2e2226,#3a2e229e 70%);position:absolute;inset:0}.merge-rays{background:repeating-conic-gradient(#ffd65a8c 0deg 9deg,#ffd65a00 9deg 24deg);border-radius:50%;width:600px;height:600px;position:absolute;top:40px;left:340px;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}.merge-source{z-index:1}.merge-flash,.merge-ring,.merge-spark{opacity:0}.merge-flash{z-index:2;background:radial-gradient(circle,#fff 0 30%,#ffe278e6 50%,#ffc83c00 72%);border-radius:50%;width:120px;height:120px;position:absolute;top:280px;left:580px}.merge-ring{z-index:2;border:7px solid #ffd65a;border-radius:50%;width:140px;height:140px;position:absolute;top:270px;left:570px;box-shadow:0 0 18px #ffd65ae6}.merge-spark{z-index:2;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#ffd65a;width:16px;height:16px;position:absolute;top:332px;left:632px}.merge-spark.big{background:#fff3c4;width:26px;height:26px;top:327px;left:627px}.merge-result{z-index:3;outline:5px solid var(--select);box-shadow:0 0 28px var(--select);animation:.52s ease-in-out infinite alternate merge-glow}@keyframes merge-glow{0%{box-shadow:0 0 18px var(--select)}to{box-shadow:0 0 46px 10px var(--select)}}.merge-gain{z-index:3;border:3px solid var(--ink);background:var(--paper);width:500px;color:var(--ink);text-align:center;font-family:var(--display);box-shadow:0 4px 0 var(--ink);border-radius:18px;padding:8px 10px;position:absolute;left:390px}.merge-gain strong{color:var(--ink);font-size:34px;font-weight:400;display:block}.merge-gain span{font:700 17px/1.3 var(--body);display:block}@media (prefers-reduced-motion:reduce){.choosing .hand>.dcard{transition:none}.duel .toast{animation:none}}.coins{position:relative}.resource-delta{z-index:6;font-family:var(--display);color:var(--gold);white-space:nowrap;pointer-events:none;margin-left:-20px;font-size:28px;position:absolute;top:100%;left:50%}:root[data-motion=reduced] .choosing .hand>.dcard{transition:none}:root[data-motion=reduced] .duel .toast{animation:none}:root{--arch-aggro:var(--aggro);--arch-stomp:var(--stomp);--arch-control:var(--ctrl)}.dcard{background:var(--cream);border-width:2.5px;border-radius:10px;box-shadow:3px 3px #3a2e2280}.dcard.sel{box-shadow:3px 3px #3a2e2280}.dc-band{height:calc(var(--w) * .2133);padding:0 8px 0 calc(var(--w) * .267);border-bottom:2px solid var(--ink);border-radius:7px 7px 0 0;flex-direction:row;justify-content:space-between}.dc-name{font-size:calc(var(--w) * .087);text-shadow:1px 1px #00000059;letter-spacing:0;order:-1;padding:0}.dc-name.long{font-size:calc(var(--w) * .078)}.dc-name.longer{font-size:calc(var(--w) * .068)}.dc-name.longest{font-size:calc(var(--w) * .056)}.dc-pips{display:none}.dc-band:after{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.dc-art{top:calc(var(--w) * .24);height:calc(var(--w) * .467)}.dcard .lvl{font-size:11px;top:0;left:50%;translate:-50%}.dc-img{filter:drop-shadow(3px 5px #3a2e2238)}.dc-text{top:calc(var(--w) * .73);font-size:calc(var(--w) * .08);color:var(--ink2);line-height:1.3;bottom:34px;left:10px;right:10px}.dc-text.long{font-size:calc(var(--w) * .074)}.dc-text.longer{font-size:calc(var(--w) * .067)}.dc-coin{width:calc(var(--w) * .22);height:calc(var(--w) * .22);font-size:calc(var(--w) * .13);background:#fcc532;border-width:2.5px;border-radius:7px;top:-8px;left:-8px;transform:rotate(-7deg);box-shadow:2px 2px #3a2e2280}.dc-foot{background:var(--cream2);border-top:2px solid var(--ink);border-radius:0 0 7px 7px;justify-content:space-between;align-items:center;height:34px;padding:0 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.dc-foot:before{content:"";border-left:1.5px dashed #3a2e2266;position:absolute;top:7px;bottom:7px;left:50%}.dcard .stat{width:auto;height:auto;font:400 calc(var(--w) * .127)/1 var(--display);align-items:center;gap:4px;padding:0;display:inline-flex;position:static}.dcard .stat b{font:inherit;color:inherit;padding:0;position:static}.dcard .stat .i{--s:15px}.dcard.mini .dc-foot{height:22px;padding:0 4px}.dcard.mini .stat .i{--s:10px}.dcard-back{background:repeating-linear-gradient(45deg,#1f6ca6 0 6px,#2c7bb8 6px 12px);border-width:2.5px;border-radius:10px;box-shadow:3px 3px #3a2e2280}.gold-coin{background:#fcc532;box-shadow:2px 2px #3a2e2280}.pile-label,.line-total,.resource-delta{text-shadow:2px 2px #3a2e22b3}.taken-stamp{background:var(--aggro);border-radius:6px;box-shadow:2px 2px #3a2e2299}.den-deck{background:var(--paper);border-width:2px;border-radius:6px;box-shadow:2px 2px #3a2e2280}.dc-arches{align-items:center;gap:2px;display:flex}.dc-arches .i{--s:18px}.dc-band:after{z-index:0}.dc-band>*{z-index:1;position:relative}.dc-art{background:0 0}.duel .round-slot .card.empty{border:2px dashed var(--ink);background:#fff8e161;border-radius:12px}.duel .round-slot .slot-plus{color:var(--ink)}.pile-count,.pile-hole{background:var(--paper);border:2.5px solid var(--ink);box-shadow:var(--hard)}.pile-hole{box-shadow:none;background:#fff8e14d;border-style:dashed}.dcard{height:calc(var(--w,150px) * 1.44)}.pile{border-radius:10px;width:100px;height:140px}.duel .hud{gap:10px;top:16px;left:20px}.duel .hud-pill{gap:8px;padding:0 16px 0 10px}.round-pill{gap:12px!important}.hud-value small{font:800 13px var(--body);color:var(--ink2)}.hud-pill.coins .hud-income{font:800 13px var(--body);color:var(--ink2);white-space:nowrap}.round-track{align-items:center;gap:3px;display:flex}.round-track i{background:var(--line);border-radius:3px;width:9px;height:8px}.round-track i.done{background:var(--amber)}.round-track i.now{background:var(--ink);width:14px}.round-track b{width:5px}.round-pill .chip{height:26px}.hud-pill.counts{font:700 16px var(--body);background:var(--hatch), var(--teal);color:#fdf5df;box-shadow:var(--hard), inset 0 0 0 3px var(--teal), inset 0 0 0 4px #f8efd873}.duel .square{top:16px}.duel-caption{border:2.5px solid var(--ink);background:var(--hatch), var(--teal);max-width:760px;box-shadow:var(--hard), inset 0 0 0 3px var(--teal), inset 0 0 0 4px #f8efd873;color:#fdf5df;font:700 15px/1.35 var(--body);border-radius:10px;padding:10px 20px;top:160px}.duel .round-slot .card.empty{width:var(--lane-unit);height:calc(var(--lane-unit-h) - 14px);border-width:2.5px;inset:14px 0 auto}.duel .round-slot .card.empty.drop-hover{box-shadow:var(--hard);background:#f7c9578c;border-style:solid}.duel .round-slot .card.pet>.lvl{top:0}.duel .round-slot .card.pet .art{height:var(--lane-unit);top:20px}.duel .round-slot .card.pet .emoji{width:var(--lane-unit);height:var(--lane-unit)}.duel .round-slot .card.pet>.stats{top:calc(var(--lane-unit-h) - 28px);transform-origin:top;scale:.86}.duel .round-slot .ground{display:none}.den-deck{font:800 19.2px var(--body);white-space:nowrap;border-width:3.2px;gap:6.4px;padding:4.8px 9.6px;top:0;translate:-50%;left:50%!important;right:auto!important}.den-deck-dot{border-width:2.4px;width:16px;height:16px}.drafting .den-deck{top:0}.dcard .dc-band{height:32px;padding-left:40px}.dcard .dc-name{font-size:calc(var(--w) * .087)}.dcard .dc-name.long{font-size:calc(var(--w) * .078)}.dcard .dc-name.longer{font-size:calc(var(--w) * .068)}.dcard .dc-name.longest{font-size:calc(var(--w) * .056)}.dcard .dc-art{height:70px;top:32px}.dcard .dc-img{width:60px;height:60px}.dcard .dc-text{align-items:flex-start;padding-top:2px;font-size:12px;top:104px;left:10px;right:10px}.dcard .dc-text.long{font-size:11px}.dcard .dc-text.longer{font-size:10px}.dcard .dc-foot{padding:0 18px}.dcard .stat{font-size:19px}.dcard .dc-coin{background:#fcc532;border-width:3px;border-radius:50%;width:38px;height:38px;font-size:20px;top:-9px;left:-9px;transform:none}.dcard .dc-coin:before{content:"";border:1.5px solid #3a2e2280;border-radius:50%;position:absolute;inset:3px}.dcard.dim{opacity:1}.dcard.dim .dc-coin{color:var(--ink2);background:#d8cdb4}.dcard[data-level="1"] .lvl{display:none}.dcard .lvl{top:4px}.dcard.dr{height:204px}.dcard.dr .dc-band{height:36px;padding-left:44px}.dcard.dr .dc-art{height:74px;top:36px}.dcard.dr .dc-img{width:70px;height:70px}.dcard.dr .dc-text{font-size:12px;top:112px}.dcard.dr .dc-text.long{font-size:11px}.dcard.dr .dc-text.longer{font-size:10px}.dcard.mini .dc-band{height:22%;padding-left:calc(var(--w) * .267)}.dcard.mini .dc-art{height:47%;top:24%}.dcard.mini .dc-img{width:70%;height:100%}.dcard.mini .dc-coin{width:24px;height:24px;font-size:14px}.dcard.mini .stat{font-size:12px}.pile{--w:84px;width:84px;height:112px;top:548px}.pile-draw{left:30px}.pile-discard{left:132px}.pile>.pile-hole,.pile>.dcard-back,.pile>.dcard{border-radius:8px;width:84px;height:112px}.pile>.stack-1,.pile>.stack-2{display:none}.pile>.dcard-back{box-shadow:inset 0 0 0 4px var(--cream), 3px 3px 0 #3a2e228c, 6px 6px 0 #3a2e2259;border-width:3px}.pile>.dcard-back:after{display:none}.pile-hole{border-color:var(--ink)}.pile-count{border-width:2.5px;min-width:30px;height:30px;font-size:17px;top:-10px;right:-10px}.pile .pile-label{letter-spacing:.4px;color:var(--cream);font-size:15px;top:128px}.duel-side{align-items:center;gap:8px;width:210px;height:auto;inset:auto 28px 26px auto}.duel-side .btn.fight{border-radius:20px;width:210px;height:64px;font-size:28px}.fight-key{color:#fff;text-shadow:0 1px 3px #00000080;font:700 14px/1.35 var(--body)}.draft-overlay:before{background:#12305412}.draft-panel,.draft-panel.wide{width:810px;height:524px;padding:22px 32px 0;display:block;top:22px;left:235px}.draft-head,.draft-panel.wide .draft-head{align-items:flex-start;height:48px}.draft-head h1,.draft-panel.wide h1{letter-spacing:.3px;text-shadow:2px 2px #c8432b33;font-size:34px;line-height:1}.draft-progress{flex-direction:column;align-items:flex-end;gap:5px;padding-top:2px;display:flex}.draft-round{font:800 11px/1 var(--body);letter-spacing:1.6px;text-transform:uppercase;color:var(--ink2)}.draft-pick{font:400 22px/1 var(--display);color:var(--ink)}.draft-pack,.draft-pack.wide{grid-template-columns:repeat(4,176px);grid-auto-rows:204px;align-content:start;gap:16px 14px;width:746px;padding:0;display:grid;position:absolute;top:72px;left:32px}.pack-slot{width:176px;height:204px}.pack-slot.taken{border:2.5px dashed #3a2e224d;border-radius:10px}.pack-slot.taken .dcard{filter:grayscale();opacity:.55;position:absolute;top:-2.5px;left:-2.5px}.taken-stamp{background:var(--aggro);box-shadow:none;border-width:2px;border-radius:6px;padding:4px 10px;font-size:14px;top:64px;translate:-50% -50%;rotate:none}.taken-stamp.you{background:var(--blue)}.drafting .hand>.dcard{transform-origin:0 0;transform:scale(.68)}.drafting .hand>.dcard .dc-art{top:36px}.draft-hand-empty{background:#fff8e129;border:2.5px dashed #fff8e1d9;border-radius:10px;width:120px;height:139px;position:absolute;top:566px}.drafting .lane-den{z-index:2}.choosing:after{content:"";z-index:5;pointer-events:none;background:#12305412;position:absolute;inset:0}.choosing .hand{z-index:6}.choosing .hand>.dcard{transform:none}.choosing .hand>.dcard.target{outline:none;box-shadow:0 0 0 4px #8fb85a,5px 7px #3a2e2280}.choosing .hand>.dcard.choose-source{opacity:.78}.choosing .hand>.dcard.picked{outline-color:#f7c548;box-shadow:0 0 0 4px #f7c548,6px 8px #3a2e2280}.choose-tag{font:800 12px var(--body);background:#b9d08a;border-radius:5px;padding:2px 10px;top:-34px}.choose-source .choose-tag{color:var(--stomp);background:#d7ecff}.choosing .duel-side.choose-panel{z-index:6;background:var(--paper);border:3px solid var(--ink);border-radius:12px;width:600px;height:150px;padding:20px 26px;display:block;top:94px;bottom:auto;left:340px;box-shadow:6px 6px #3a2e2266}.choose-heading{align-items:flex-start;gap:16px;display:flex}.choose-art{flex:none;width:64px;height:64px;margin-top:-2px}.choose-title{flex-direction:column;flex:1;gap:6px;display:flex}.choose-names{align-items:center;gap:8px;display:flex}.choose-names h2{font:400 22px/1 var(--display);text-shadow:2px 2px #c8432b33;margin:0}.choose-names .chip{height:24px}.choose-prompt{color:var(--ink);font:700 16px/1.35 var(--body)}.choose-count{height:32px;font:800 13px var(--body);background:var(--cream2);border:2px solid var(--ink);white-space:nowrap;border-radius:6px;flex:none;align-items:center;padding:0 12px;display:flex}.choose-actions{gap:10px;display:flex;position:absolute;bottom:18px;right:26px}.choosing .duel-side .btn{width:auto;height:38px;padding:0 16px;font-size:17px}.pack-slot.taken .taken-stamp.you{display:none}.pack-slot.taken:has(.taken-stamp.you) .dcard{display:none}.dcard.pet .dc-img{transform:none}.drafting .scenery .cloud:nth-child(3){top:44px!important}.drafting .scenery .cloud:nth-child(4){top:70px!important;left:880px!important}.taken-stamp,.taken-stamp.rival{background:var(--dots), #b83a22;border-radius:4px}.hud-pill,.hud-value small{letter-spacing:0}.duel .round-pill .hud-icon{width:26px;height:26px}.duel .coins .i{--s:28px}.duel .lane-den:not(.target) .den-hint{visibility:hidden}.choosing .hand.flat>.dcard:hover{transform:none}.pile-discard>.dcard,.pile-discard>.dcard-back,.pile-discard>.pile-hole{display:none}.pile-discard:before{content:"";border:2.5px dashed var(--ink);background:#fff8e14d;border-radius:8px;position:absolute;inset:0}.duel .round-slot .target:after{display:none}.duel .round-slot .card.empty.drop-hover{transform:none}.slot-play-hint{white-space:nowrap;border:2px solid var(--ink);font:800 12px var(--body);color:var(--ink);pointer-events:none;background:#f0b92e;border-radius:5px;padding:2px 10px;display:none;position:absolute;top:-44px;left:50%;translate:-50%;box-shadow:2px 2px #3a2e2280}.drop-hover .slot-play-hint{display:block}.tutorial-layer{z-index:30;pointer-events:none;position:absolute;inset:0}.tutorial-tag{background:var(--paper);border:3px solid var(--ink);pointer-events:auto;cursor:pointer;width:300px;color:var(--ink);border-radius:12px;padding:12px 16px;animation:.18s ease-out tip-enter;position:absolute;box-shadow:4px 4px #3a2e2266}.tutorial-tag strong{font:18px var(--display);display:block}.tutorial-tag p{font:14.5px/1.35 var(--body);margin:6px 0}.tutorial-tag:after{content:"";background:var(--paper);border:solid var(--ink);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.tutorial-tag[data-place=above]:after{bottom:-10px;left:var(--ax,50%);border-width:0 3px 3px 0}.tutorial-tag[data-place=below]:after{top:-10px;left:var(--ax,50%);border-width:3px 0 0 3px}.tutorial-tag[data-place=left]:after{right:-10px;top:var(--ay,50%);border-width:3px 3px 0 0}.tutorial-tag[data-place=right]:after{left:-10px;top:var(--ay,50%);border-width:0 0 3px 3px}.tip-skip{font:12px var(--body);color:var(--ink2);cursor:pointer;pointer-events:auto;background:0 0;border:0;text-decoration:underline}.tutorial-tag.centred{cursor:default;width:400px;padding:18px 22px;position:static}.tutorial-tag.centred strong{font-size:22px}.tutorial-tag.centred p{margin:8px 0 14px;font-size:16px;line-height:1.4}.tutorial-tag.centred .tutorial-footer{justify-content:space-between}.tutorial-tag.centred:after{display:none}.tutorial-dim{pointer-events:auto;background:#3a2e2273;justify-content:center;align-items:center;display:flex}@keyframes tip-enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.tutorial-tag.still{animation:none}@media (prefers-reduced-motion:reduce){.tutorial-tag{animation:none}}[data-motion=reduced] .tutorial-tag{animation:none}.draft-panel{background:var(--paper);border:3px solid var(--ink);border-radius:12px;box-shadow:6px 6px #3a2e2266}.tutorial-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.pile-grid{grid-template-columns:repeat(5,105px);justify-content:center;display:grid}.pile-card{width:105px;height:147px}.pile-card>.dcard{transform-origin:0 0;transform:scale(.7)}.dc-level{border:2px solid var(--ink);background:var(--cream);color:var(--ink);font:400 12px/1 var(--display);white-space:nowrap;border-radius:999px;flex:none;padding:2px 4px}.dcard .dc-art>.lvl{display:none}.drafting .hud{visibility:visible}.drafting .hud .round-pill{display:none}.dcard .dc-band,.dcard.dr .dc-band,.dcard.mini .dc-band{justify-content:flex-start;gap:4px;padding:0 30px 0 6px}.dcard.dr .dc-band{padding-right:32px}.dcard.mini .dc-band{padding:0 calc(var(--w) * .2) 0 4px;gap:3px}.dcard .dc-name{order:0;min-width:0}.dcard .dc-coin{left:auto;right:-9px}.dcard .stat.pumped b,.dcard .stat.pumped-down b{color:#e06c00}.dc-rules.off{opacity:.4;filter:grayscale()}.dcard .dc-level{padding:2px 3px;font-size:11px}