.story-pack-page{max-width:1200px;margin:auto;padding:24px;color:#f3f3ed}.pack-header{display:flex;align-items:center;gap:20px;justify-content:space-between}.pack-header p{font-size:12px;letter-spacing:2px;color:#c1c8a3}.pack-header h1{margin:4px 0 20px}.story-pack-page a{color:#e6c86e}.story-pack-page:not(.is-fighting) button,.story-pack-page select{font:inherit;padding:10px 14px;cursor:pointer}.story-pack-page button:disabled{cursor:default;opacity:.5}.pack-admin{background:#232b35;border:1px solid #7e8b71;border-radius:14px;padding:20px;margin:12px 0 24px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.pack-admin h2,.pack-admin p{flex-basis:100%;margin:0 0 8px}.pack-admin label,.pack-speech label{display:flex;flex-direction:column;gap:8px}.pack-publish{background:#dce99a!important;color:#172019!important}.pack-message{padding:14px;background:#243029;border-radius:8px}.pack-map{position:relative;margin:24px auto;max-width:960px;border:2px solid #77805e;border-radius:14px;overflow:hidden}.pack-map>img{display:block;width:100%}.pack-point{position:absolute;transform:translate(-50%,-50%);background:#f4da84;color:#25251f;border-radius:20px;max-width:150px}.pack-characters{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:20px}.pack-dialogue{min-height:380px;border-radius:14px;border:1px solid #8e927a;background:#252e36;background-size:cover;background-position:center;display:flex;align-items:end;gap:20px;padding:24px}.pack-dialogue>img{max-width:30%;max-height:320px;object-fit:contain;image-rendering:pixelated}.pack-speech{background:#141b22eb;border:1px solid #77805e;border-radius:10px;padding:20px;flex:1}.pack-speech p{white-space:pre-wrap;line-height:1.6}.pack-speech button{margin:12px 12px 0 0}.pack-result{text-align:center;font-size:24px}.story-battle-background{background-image:var(--story-battle-background)!important;background-size:cover!important;background-attachment:fixed!important}.story-pack-page.is-fighting{max-width:none;padding:8px}.is-fighting .pack-admin{display:none}@media(max-width:700px){.story-pack-page{padding:12px}.pack-header{flex-wrap:wrap}.pack-dialogue{padding:10px;gap:8px;min-height:280px}.pack-dialogue>img{max-width:24%}.pack-speech{padding:12px}.pack-admin button,.pack-admin label{width:100%}}.story-pack-page{width:100%;height:100%;margin:0 auto;overflow:auto;flex:1;min-height:0}.story-pack-page.is-fighting{display:flex;flex-direction:column;overflow:hidden;padding:0}.is-fighting .pack-header{padding:4px 12px;flex:0 0 auto;min-height:30px}.is-fighting .pack-header h1,.is-fighting .pack-header p{display:none}.is-fighting .pack-header button{padding:3px 8px;font-size:12px}.pack-duel-content{display:contents}.is-fighting .duel-shell{width:min(100%,1200px)}@media(orientation:landscape)and (max-height:600px){.has-guide #root:has(.story-pack-page){display:flex}.is-fighting .pack-header,.is-fighting .duel-guide{display:none}}.has-guide .scenario-public-link{display:none}.tug-beta-banner{position:relative;z-index:5;padding:7px 12px;text-align:center;background:linear-gradient(100deg,#f4c52b,#8e5bd4);color:#140d25;font:700 13px Fredoka,system-ui;letter-spacing:.06em}.tug-panel{width:min(1100px,100%);margin:8px auto 18px;padding:12px 16px 8px;background:linear-gradient(135deg,#1b162bed,#100f1fed);border:1px solid #76618b;border-radius:15px;box-shadow:0 8px 30px #0005;color:#eee6ff;isolation:isolate;box-sizing:border-box}.tug-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;color:#c6bad7}.tug-heading strong{font:600 15px Fredoka,system-ui;color:#f8d75c}.tug-arena{display:flex;align-items:center;gap:18px;min-height:102px;padding:16px 0}.tug-goal{position:relative;display:grid;gap:1px;flex:0 0 105px;text-align:center;z-index:2}.tug-goal b{font:italic 800 25px Fredoka,system-ui;text-shadow:0 0 16px currentColor}.tug-goal small{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:105px}.tug-goal span{font-size:10px}.tug-enemy{color:#b99bff}.tug-own{color:#ffdc42}.tug-track{position:relative;flex:1;height:40px;min-width:0}.tug-frame{position:absolute;top:0;right:-10px;bottom:0;left:-10px;transform:skew(-22deg);border:4px solid #b4b5c3;border-radius:4px;background:#222;box-shadow:0 0 0 3px #080a12,0 0 0 5px #515564,inset 0 2px 2px #fff9,0 8px #0b0b13,0 10px #535361;overflow:hidden}.tug-fill{height:100%;background:linear-gradient(to right,#ffd41a 0%,#ffd41a var(--split),#8b42f4 var(--split),#8b42f4 100%);transition:background .1s;position:relative}.tug-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#fff9,transparent 24%,#0000 60%,#0005);box-shadow:inset 0 0 7px #fff,inset 0 -5px 4px #0004}.tug-centre{position:absolute;left:50%;height:100%;top:0;border-left:1px dashed #fff7}.tug-marker{position:absolute;top:50%;width:76px;height:90px;transform:translate(-50%,-50%);transition:left .61s cubic-bezier(.75,0,.2,1);z-index:3;pointer-events:none}.tug-logo{position:absolute;top:0;right:0;bottom:0;left:0;filter:drop-shadow(0 0 7px #a97bff);clip-path:polygon(42% 0,54% 8%,75% 3%,100% 77%,74% 88%,67% 100%,57% 92%,23% 100%,0 28%,40% 16%)}.tug-logo img{position:absolute;width:610%;max-width:none;height:auto;left:-251%;top:-33%;pointer-events:none}.tug-charge .tug-logo{animation:tug-charge .18s ease-in forwards}.tug-impact .tug-logo{animation:tug-impact .35s ease-out}.tug-trail{position:absolute;top:33px;right:-25px;bottom:33px;left:-25px;background:#fff7;filter:blur(7px);opacity:0}.tug-move .tug-trail{opacity:1;box-shadow:0 0 20px #cba0ff;transform:scaleX(calc(2 * var(--power)))}.tug-bolts{position:absolute;top:0;right:-28px;bottom:0;left:-28px;color:#ffed98;font-size:40px;text-shadow:0 0 12px #a55aff;opacity:0}.tug-move .tug-bolts{animation:tug-flash .12s infinite alternate}.tug-ring{position:absolute;top:15px;right:15px;bottom:15px;left:15px;border:3px solid #ffe58f;border-radius:50%;opacity:0}.tug-impact .tug-ring{animation:tug-ring .4s ease-out}.tug-delta{position:absolute;top:-25px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:15px;color:#fff4b9;text-shadow:0 2px 5px #000}.tug-proportions{display:flex;justify-content:space-between;gap:8px;font-size:11px;text-align:center}.tug-proportions span:first-child{color:#ffdc42}.tug-proportions span:last-child{color:#b99bff}.tug-winner b{animation:tug-victory .55s ease-in-out 4}.tug-ended{background:radial-gradient(ellipse,#a46bff33,transparent 70%)}@keyframes tug-charge{to{transform:translateY(-8px) scale(1.2);filter:drop-shadow(0 0 18px #fff)}}@keyframes tug-impact{0%,40%{transform:translate(5px,-3px) rotate(7deg)}20%,60%{transform:translate(-5px,3px) rotate(-7deg)}to{transform:none}}@keyframes tug-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(calc(3 * var(--power)))}}@keyframes tug-flash{to{opacity:1;transform:rotate(10deg) scale(1.15)}}@keyframes tug-victory{50%{transform:scale(1.2);text-shadow:0 0 25px currentColor,0 0 50px currentColor}}.tug-reduced *{animation:none!important;transition:none!important}.tug-reduced .tug-bolts,.tug-reduced .tug-trail,.tug-reduced .tug-ring{display:none}@media(max-width:699px){.tug-panel{padding:10px 10px 6px;margin:7px auto 12px}.tug-heading{flex-wrap:wrap;justify-content:center}.tug-heading strong{font-size:13px}.tug-heading span{font-size:10px}.tug-arena{gap:9px;min-height:95px;padding:12px 0}.tug-goal{flex-basis:51px}.tug-goal b{font-size:18px}.tug-goal small{max-width:51px;font-size:9px}.tug-goal span{font-size:8px}.tug-marker{width:57px;height:68px}.tug-track{height:29px}.tug-frame{border-width:3px;top:0;right:-3px;bottom:0;left:-3px}.tug-proportions{font-size:9px}.tug-proportions span:nth-child(2){max-width:130px}.tug-delta{font-size:12px;top:-17px}.tug-trail{top:25px;right:-12px;bottom:25px;left:-12px}}@media(prefers-reduced-motion:reduce){.tug-panel *{animation:none!important;transition:none!important}.tug-trail,.tug-bolts,.tug-ring{display:none}}@property --split{syntax:"<percentage>";inherits:false;initial-value:50%}.tug-fill{transition:--split .61s cubic-bezier(.75,0,.2,1)}.quiz-answers button[aria-pressed=true]{outline:3px solid #ffda41;background:#493260}body:has(.tug-board){overflow:auto}#root:has(.tug-board){display:flex;height:auto;min-height:100dvh}main.duel-shell.tug-board{flex:1 0 auto;min-height:790px;grid-template-columns:1fr;grid-template-areas:"enemy-hud" "enemy-field" "tug" "actions" "own-field" "own-hud" "hand";grid-template-rows:80px minmax(130px,1fr) auto 68px minmax(130px,1fr) 80px 180px}.tug-board>.tug-panel{grid-area:tug;margin:7px auto;width:min(100%,1000px)}.tug-board .hud-life{background:transparent;border:0;box-shadow:none;clip-path:none}@media(max-width:699px){main.duel-shell.tug-board{height:auto;min-height:790px;grid-template-rows:66px 125px auto auto 125px 66px 170px}.tug-board>.tug-panel{margin:3px auto}.tug-board .tug-arena{min-height:75px}.tug-board .tug-heading span{display:none}}@media(orientation:landscape)and (max-height:600px){main.duel-shell.tug-board{grid-column:auto;grid-row:auto;max-width:900px;min-height:790px}#root:has(.tug-board)>.duel-guide{width:100%;flex-direction:row}.tug-board .hand-track{flex-direction:row}.tug-board .hand-scroller{overflow-x:auto}}.tug-board .compact-hud.compact-hud--shared{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;padding:4px 12px}.compact-hud--shared .hud-identity{display:flex;align-items:center;gap:9px;min-width:0}.compact-hud--shared .hud-identity strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee6ff}.compact-hud--shared .hud-avatar{flex-shrink:0;width:32px;height:32px}.compact-hud--shared .hud-shields{justify-self:center;gap:7px}.compact-hud--shared .hud-shields img{width:54px;height:68px}.compact-hud--shared .hud-counts{justify-self:end;flex-wrap:wrap;justify-content:flex-end}.tug-board .tug-heading{justify-content:center}@media(max-width:699px){.tug-board .compact-hud.compact-hud--shared{gap:5px;padding:3px 6px}.compact-hud--shared .hud-identity{gap:4px}.compact-hud--shared .hud-identity strong{font-size:10px}.compact-hud--shared .hud-avatar{width:24px;height:24px}.compact-hud--shared .hud-shields{gap:3px}.compact-hud--shared .hud-shields img{width:38px;height:54px}.compact-hud--shared .hud-counts{font-size:9px;gap:3px}}.tug-goal-energy{position:relative;display:grid;place-items:center;min-height:34px;opacity:var(--goal-light,1);transform:scale(var(--goal-scale,1));transition:opacity .6s ease,transform .6s ease;isolation:isolate}.tug-goal-shaker{position:relative;z-index:1}.tug-goal .tug-goal-label{display:inline-block;animation:tug-goal-pulse var(--goal-tempo,2.8s) ease-in-out infinite;text-shadow:0 0 var(--goal-glow,8px) currentColor;transform-origin:center}.tug-goal-intense .tug-goal-shaker{animation:tug-goal-shake var(--goal-shake-tempo,.32s) linear infinite}.tug-goal-lightning{position:absolute;top:-12px;right:-8px;bottom:-12px;left:-8px;pointer-events:none;opacity:var(--goal-lightning,.2);filter:drop-shadow(0 0 5px currentColor)}.tug-goal-lightning svg{position:absolute;font:900 29px system-ui;color:#fff4ce;text-shadow:0 0 9px currentColor;animation:tug-goal-lightning calc(var(--goal-tempo) * 1.3) ease-in-out infinite;opacity:0}.tug-goal-lightning svg:nth-child(1){left:3px;top:-5px;rotate:-20deg}.tug-goal-lightning svg:nth-child(2){right:0;top:8px;rotate:25deg;animation-delay:-.19s}.tug-goal-lightning svg:nth-child(3){left:38%;bottom:-9px;rotate:80deg;animation-delay:-.43s;font-size:20px}.tug-goal.tug-winner{z-index:7}.tug-winner .tug-goal-energy{opacity:1;transform:scale(1.22)}.tug-winner .tug-goal-label{animation:tug-goal-crown .6s ease-out 3;text-shadow:0 0 12px currentColor,0 0 32px currentColor}.tug-loser .tug-goal-energy{opacity:.3;transform:scale(.65);filter:saturate(.35)}.tug-loser .tug-goal-label{animation:none;text-shadow:none}.tug-confetti{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:8}.tug-confetti i{position:absolute;width:5px;height:10px;border-radius:1px;opacity:0;box-shadow:0 0 4px #fff5;animation:tug-confetti-burst var(--confetti-duration) cubic-bezier(.17,.67,.5,1) var(--confetti-delay) both}.tug-confetti i:nth-child(3n){width:7px;height:7px;border-radius:50%}@keyframes tug-goal-pulse{0%,to{opacity:.58;filter:brightness(.85);transform:scale(1)}50%{opacity:1;filter:brightness(1.35);transform:scale(var(--goal-zoom,1.025))}}@keyframes tug-goal-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(calc(-1 * var(--goal-shake)),calc(var(--goal-shake) * .5)) rotate(-2deg)}40%{transform:translate(var(--goal-shake),calc(-.6 * var(--goal-shake))) rotate(2deg)}60%{transform:translate(calc(-.5 * var(--goal-shake)),var(--goal-shake)) rotate(-1deg)}80%{transform:translate(calc(.7 * var(--goal-shake)),calc(-.5 * var(--goal-shake))) rotate(1deg)}}@keyframes tug-goal-lightning{0%,38%,to{opacity:0;transform:scale(.65)}45%,60%{opacity:1;transform:scale(1.15)}75%{opacity:.15;transform:scale(.8)}}@keyframes tug-goal-crown{0%{transform:scale(.85)}35%{transform:scale(1.2);filter:brightness(1.6)}to{transform:scale(1);filter:brightness(1.2)}}@keyframes tug-confetti-burst{0%{opacity:0;transform:translate(0) rotate(0) scale(.3)}8%{opacity:1}35%{opacity:1;transform:translate(calc(var(--confetti-x) * .72),var(--confetti-apex)) rotate(calc(var(--confetti-turn) * .4)) scale(1)}85%{opacity:.8}to{opacity:0;transform:translate(var(--confetti-x),var(--confetti-end)) rotate(var(--confetti-turn)) scale(.6)}}.tug-reduced .tug-goal-lightning,.tug-reduced .tug-confetti{display:none}@media(max-width:699px){.tug-goal-energy{min-height:30px}.tug-goal-lightning{top:-8px;right:-3px;bottom:-8px;left:-3px}.tug-goal-lightning svg{font-size:22px}.tug-goal-lightning svg:nth-child(1){left:-5px}.tug-goal-lightning svg:nth-child(2){right:-5px}.tug-loser .tug-goal-label{font-size:16px}.tug-confetti i{width:4px;height:8px}}@media(prefers-reduced-motion:reduce){.tug-goal-lightning,.tug-confetti{display:none}}.tug-electricity{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:screen}.tug-goal-lightning svg{width:18px;height:38px;color:#ffe071;filter:drop-shadow(0 0 6px currentColor)}.tug-enemy .tug-goal-lightning svg{color:#c9abff}.tug-goal-lightning svg:nth-child(3){width:13px;height:26px}.tug-bolts{display:flex;justify-content:space-between;align-items:center}.tug-bolts svg{width:19px;height:38px;color:#ffe071;filter:drop-shadow(0 0 6px currentColor)}.tug-bolts svg:nth-child(2){align-self:flex-start;width:13px;height:26px;rotate:25deg}.tug-bolts svg:nth-child(3){rotate:-15deg}@media(max-width:699px){.tug-goal-lightning svg{width:13px;height:29px}.tug-goal-lightning svg:nth-child(3){width:10px;height:22px}.tug-bolts svg{width:14px;height:28px}}.tug-reduced .tug-electricity{display:none}@media(prefers-reduced-motion:reduce){.tug-electricity{display:none}}.tug-hand-refresh{position:fixed;z-index:45;top:115px;left:50%;transform:translate(-50%);width:min(480px,94vw);display:grid;gap:5px;padding:12px 16px;border:1px solid #e5cd71;border-radius:12px;background:#211a35f5;box-shadow:0 8px 28px #0008,0 0 20px #a57aff33;color:#eee7fa;pointer-events:none;text-align:center;font-size:12px}.tug-hand-refresh strong{font:600 16px Fredoka,system-ui;color:#ffe384}.tug-hand-refresh span{line-height:1.4}@media(max-width:699px){.tug-hand-refresh{top:108px;padding:10px;font-size:11px}.tug-hand-refresh strong{font-size:14px}}.quiz-panel.quiz-panel-redraw{grid-template-columns:1fr;width:min(600px,100%)}#auto-battle-btn{position:fixed;bottom:20px;right:20px;width:80px;height:80px;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent}#auto-battle-btn:before{content:"";position:absolute;width:110%;height:110%;border-radius:50%;border:3px solid #e96d76;animation:spin 2s linear infinite;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#auto-battle-btn .robot-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 8px #0009);pointer-events:none;position:relative;z-index:1}.thought-bubble{position:absolute;bottom:90%;left:50%;transform:translate(-50%);background:#fff;color:#000;padding:4px 8px;border-radius:12px;font-size:.75rem;white-space:nowrap;box-shadow:0 1px 3px #0003;pointer-events:none}.thought-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#fff transparent transparent transparent}#auto-battle-btn.active:before{border-color:#8be16f}#auto-battle-btn:disabled{cursor:not-allowed;opacity:.58}#auto-battle-btn:focus-visible{outline:3px solid #e7cc69;outline-offset:5px;border-radius:50%}@media(max-width:600px){#auto-battle-btn{width:60px;height:60px}.thought-bubble{font-size:.65rem}}.lobby-anim{position:relative;isolation:isolate;overflow:hidden}.lobby-anim.waiting-room{display:grid;justify-items:center;gap:8px;padding:18px 16px 22px}.lobby-radar{position:relative;display:grid;place-items:center;width:clamp(170px,26vw,230px);aspect-ratio:1;margin:0 auto 4px;overflow:hidden;border:1px solid #a18ad544;border-radius:50%;background:radial-gradient(circle,#a78bfa12 0 28%,transparent 29% 100%);box-shadow:0 0 54px #8f64d21c,inset 0 0 38px #8f64d20d}.lobby-radar:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-radial-gradient(circle,transparent 0 38px,#bba6e72b 39px 40px);content:"";pointer-events:none}.radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 276deg,#a78bfa05 300deg,#a78bfa32 330deg,#c7b5ff9c 358deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 19%,#000 20% 100%);mask:radial-gradient(circle,transparent 0 19%,#000 20% 100%);transform-origin:center;animation:radarSweep 3.6s linear infinite}.radar-sweep:after{position:absolute;top:0;left:50%;width:1px;height:50%;background:linear-gradient(#f5efff,#a78bfa66 55%,transparent);box-shadow:0 0 7px #d8caff;content:"";transform:translate(-50%)}.radar-core{position:relative;z-index:2;display:grid;place-items:center;width:44%;aspect-ratio:1;border:2px solid #a78bfa78;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3b3154,#201a32 72%);box-shadow:0 0 0 6px #8f64d224,0 0 22px #a78bfa44}.radar-core img{width:62%;height:62%;object-fit:contain;filter:drop-shadow(0 0 6px #a78bfa99);animation:radarCorePulse 2.4s ease-in-out infinite}.radar-target{position:absolute;z-index:3;width:8px;height:8px;border-radius:50%;background:#f5efff;box-shadow:0 0 5px 2px #eee3ff,0 0 14px 5px #a78bfa88;animation:radarPing 1.8s ease-out infinite}.radar-target-a{top:15%;left:49%}.radar-target-b{top:47%;right:16%;width:5px;height:5px;animation-delay:.9s}.lobby-radar-timer{color:#bba6ff;font:800 30px/1 Fredoka,system-ui,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 0 18px #a78bfa55}.lobby-radar-hint{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 12px;font-weight:600}.lobby-radar-hint>span{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#65e6b0;box-shadow:0 0 10px #65e6b0aa}.lobby-wait-cancel{min-width:112px}@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes radarPing{0%,to{opacity:.45;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}@keyframes radarCorePulse{0%,to{opacity:.82;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.radar-sweep,.radar-target,.radar-core img{animation:none}.radar-sweep{transform:rotate(-45deg)}.radar-target{opacity:.85}}@media(max-width:600px){.lobby-anim.waiting-room{padding:16px 12px 20px}.lobby-radar{width:min(58vw,210px)}}:root{color-scheme:dark;--text:#fffaf0;--muted:#b8c9db;--gold:#f4ca63;--glass:#091421dc;--line:#ffffff26;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:var(--text);background:#081421 url(/assets/arena_background.png?v=d199a70a0dc3) center/cover no-repeat fixed;isolation:isolate;overflow:hidden;-webkit-tap-highlight-color:transparent}#root{height:var(--app-height,100vh);display:flex;flex-direction:column;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@supports (height:100dvh){#root{height:var(--app-height,100dvh)}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#06101aa8;pointer-events:none;transition:background .4s}body.turn-own:before{background:linear-gradient(140deg,#0068dfb8,#031b42dc)}body.turn-enemy:before{background:linear-gradient(140deg,#ba1c33b8,#3c0518dc)}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:3px solid #fff2a6;outline-offset:2px}button{color:inherit}a{color:#a7d7ff}button:disabled{box-shadow:none!important}.topbar{flex:0 0 44px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:2px max(8px,env(safe-area-inset-right)) 2px max(8px,env(safe-area-inset-left));background:#060f19dc;z-index:10;border-bottom:1px solid var(--line)}.brand-mini{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#ffe6a0,#d99b29);color:#241705;font-weight:1000}.timer-strip{display:flex;justify-content:center;gap:16px;font-variant-numeric:tabular-nums}.timer-strip>div{display:flex;align-items:baseline;gap:5px}.timer-strip span{font-size:10px;color:var(--muted)}.timer-strip strong{font-size:14px}.top-actions{display:flex;gap:4px}.icon-button{width:40px;height:40px;background:#ffffff12;border:0;border-radius:10px}.turn-banner{flex:0 0 36px;display:flex;gap:8px;align-items:center;justify-content:center;padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));background:#0b3972;font-size:15px;font-weight:900;border-bottom:1px solid #69b9ff}.turn-enemy .turn-banner{background:#771c2c;border-color:#ff8395}.turn-dot{width:9px;height:9px;border-radius:50%;background:#8ed5ff;margin-left:auto}.turn-enemy .turn-dot{background:#ff9aaa}.turn-banner small{font-size:11px;opacity:.7}.turn-banner button{margin-left:auto;background:#0002;border:0;align-self:stretch;padding:0 12px;border-radius:6px;font-size:12px}.duel-shell{flex:1;min-height:0;min-width:0;width:min(100%,1200px);margin:0 auto;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));display:grid;grid-template-areas:"enemy-hud" "enemy-field" "actions" "own-field" "own-hud" "hand";grid-template-rows:38px minmax(0,1fr) 92px minmax(0,1fr) 38px clamp(150px,26dvh,240px);gap:5px}.opponent-area,.player-area{display:contents}.bot-hand{display:none}.compact-hud--bot{grid-area:enemy-hud}.compact-hud--player{grid-area:own-hud}.monster-field--bot{grid-area:enemy-field}.monster-field:not(.monster-field--bot){grid-area:own-field}.action-bar{grid-area:actions}.hand-scroller{grid-area:hand}.compact-hud{width:min(100%,780px);height:100%;min-height:0;margin:auto;display:grid;grid-template-columns:28px minmax(65px,1fr) auto auto;align-items:center;gap:8px;padding:3px 8px;border-radius:10px;background:var(--glass);border:1px solid var(--line)}.hud-avatar{width:28px;height:28px;border-radius:7px;overflow:hidden}.hud-avatar img{width:100%;height:100%;object-fit:cover}.hud-life{min-width:0}.hud-life-line{display:flex;align-items:baseline;justify-content:space-between;gap:6px;line-height:1}.hud-life-line strong{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-life-line b{font-size:18px}.life-track{height:4px;border-radius:9px;background:#ffffff20;margin-top:4px;overflow:hidden}.life-track span{display:block;height:100%;background:#6ede91;transition:width .3s}.compact-hud--bot .life-track span{background:#ff7e90}.hud-shields{display:flex;gap:3px}.hud-shields i{width:7px;height:11px;border-radius:2px 2px 5px 5px;background:#ffffff20}.hud-shields .is-on{background:#8cc5ff}.hud-counts{display:flex;gap:7px;color:var(--muted);font-size:10px}.hud-counts b{color:#fff}.monster-field{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,650px);height:100%;min-height:0;margin:auto;align-items:center}.monster-slot{display:flex;justify-content:center;align-items:center;min-width:0;min-height:0;height:100%;padding:4px}.field-card,.empty-slot{width:min(100%,145px);height:100%;max-height:210px;min-height:0;border-radius:10px}.empty-slot{border:1px dashed #a8cffb60;background:#04111d40}.card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:2px solid #c2c5d277;border-radius:12px;padding:6px;background:linear-gradient(150deg,#514356,#191e2d);box-shadow:0 4px 10px #0005;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s;cursor:pointer}.card.equipment{background:linear-gradient(150deg,#765923,#2b2114)}.card.effect,.card.terrain{background:linear-gradient(150deg,#634479,#25172e)}.card-top{display:flex;align-items:start;gap:3px;flex:none;min-height:25px;padding-right:25px}.card-name{font-size:13px;line-height:1.1;font-weight:850;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-stars{display:none}.card-art{position:relative;flex:1;min-height:0;overflow:hidden;display:grid;place-items:center;margin:3px 0;border-radius:6px;background:#111a26;font-size:36px}.card-art img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 30%;display:block;pointer-events:none}.card-art>span{align-self:center}.card-text{flex:none;font-size:11px;line-height:1.2;color:#e0dfeb;margin:4px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-bottom{display:flex;justify-content:space-between;align-items:center;flex:none;gap:4px;min-height:20px;font-size:11px;font-weight:800}.atk{color:#ffdca2;font-size:16px;line-height:1}.card-bottom strong{font-size:16px}.card-info{position:absolute;right:0;top:0;width:32px;height:32px;background:#050d17aa;border:0;border-radius:0 8px;z-index:2;font-size:20px}.card-action-btn{width:100%;flex:none;min-height:40px;margin-top:4px;border:0;border-radius:7px;background:linear-gradient(#ffe28c,#dca73d);color:#241805;font-weight:850;font-size:12px;box-shadow:none}.card.playable{border-color:#ffdc7e}.card.selected{border-color:#fff3a6;box-shadow:0 0 0 2px #ffe394,0 0 14px #f2c24b66}.card.attacked .card-art{filter:grayscale(.7);opacity:.55}.card.attacked:after{content:"✓";position:absolute;right:8px;bottom:24px;border-radius:50%;background:#101a29d9;color:#fff;padding:2px 5px}.card.own-target{border-color:#8edbff;box-shadow:0 0 0 2px #60caff66,0 0 16px #49afff80}.card.enemy-target{border-color:#ff8499;box-shadow:0 0 0 2px #ff648260}.equip-badge,.attack-badge{position:absolute;bottom:25px;padding:2px 5px;border-radius:4px;font-size:10px;font-weight:900;z-index:1}.equip-badge{left:6px;background:#ffd56a;color:#251705}.attack-badge{right:6px;background:#8edbff;color:#091b2a}.field-card{padding:4px}.field-card .card-name{font-size:11px}.field-card .card-top{min-height:23px}.field-card .card-bottom{min-height:19px}.field-card .card-art{margin:2px 0}.hand-scroller{width:100%;height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#8fc6ff66 transparent;padding:4px 3px 6px;overscroll-behavior-x:contain;touch-action:pan-x}.hand-track{display:flex;gap:8px;height:100%;width:max-content;min-width:100%;justify-content:safe center}.hand-card{height:100%;width:clamp(120px,18dvh,190px);flex:none;scroll-snap-align:start}.hand-card .card-top{min-height:29px}.draggable-card,.draggable-card .card-action-btn{touch-action:pan-x;cursor:grab}.card.drop-hover{border-color:#fff19e;box-shadow:0 0 0 4px #ffc94d,0 0 24px #ffe298}.equipment-ghost{position:fixed;transform:translate(-50%,-105%);width:112px;height:146px;display:flex;flex-direction:column;padding:5px;border:2px solid #ffdd85;border-radius:12px;background:#372b16;z-index:300;pointer-events:none;box-shadow:0 12px 32px #0009;font-size:11px;text-align:center}.equipment-ghost small{font-size:10px}.equipment-ghost.is-valid{border-color:#8af0b5;background:#153729}.action-bar{height:100%;min-height:0;width:min(100%,780px);margin:auto;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#061321eb}.battle-prompt{text-align:center;font-size:clamp(15px,2.1vw,23px);font-weight:900;line-height:1.1}.terrain-chip{text-align:center;font-size:10px;color:#f3d47f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:13px}.action-center{display:flex;justify-content:center;gap:6px}.action-primary,.end-turn{min-height:42px;padding:6px 12px;border:0;border-radius:8px;font-size:13px;font-weight:900;background:linear-gradient(#ffe486,#dfa634);color:#251804}.action-primary--danger{background:linear-gradient(#ff9f9b,#db4356);color:#fff}.end-turn{background:#ffffff13;color:#e3eafb;border:1px solid #ffffff28;font-size:11px}.battle-actions .action-primary{min-width:110px}.connection-error{flex:none;padding:6px 10px;font-size:12px;background:#6d2031;color:#fff;text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:12px;background:#050a10d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:auto}.start-card{width:min(500px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:22px;border-radius:22px;background:#0d1724;box-shadow:0 20px 60px #0008;border:1px solid var(--line)}.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.start-card h1,.start-card h2{margin:4px 0;font-size:32px}.start-card p{color:var(--muted);font-size:14px}.lobby-heading select{padding:9px;border:1px solid var(--line);border-radius:8px;color:#fff;background:#1b3047;font-size:13px}.mode-choice,.deck-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.mode-choice button,.deck-btn{background:#ffffff0d;border:1px solid var(--line);border-radius:12px;padding:12px;color:#fff;min-height:44px}.deck-btn span,.deck-btn strong{display:block}.deck-btn span{font-size:32px}.deck-btn strong{font-size:16px}.deck-btn[aria-pressed=true],.mode-choice [aria-pressed=true]{outline:2px solid #74bdff;background:#184471}.login-form{display:grid;gap:10px;margin:12px 0}.login-form label{display:grid;gap:5px;font-size:13px}.login-form input{min-width:0;width:100%;min-height:44px;padding:8px 10px;border:1px solid #ffffff40;border-radius:8px;background:#080e17;color:#fff;font-size:16px}.login-form small{font-size:11px;color:var(--muted)}.session-line{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.session-line button{min-height:40px;border:1px solid var(--line);background:#ffffff0d;border-radius:8px;padding:8px}.lobby-play{width:100%;min-height:46px}.waiting-room{text-align:center}.brand-mark{font-size:38px;color:var(--gold)}.end-card{text-align:center}.end-card .action-primary{margin-top:10px}.effect-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;overflow:hidden}.fx-text{position:absolute;transform:translate(-50%,-50%);font-size:clamp(22px,6vw,45px);font-weight:1000;color:#ffe79b;text-shadow:0 3px 10px #000;animation:fx .8s forwards}.fx-text.hit{color:#ff8190}.fx-text.shield{color:#9cd2ff}@keyframes fx{0%{opacity:0}30%{opacity:1}to{opacity:0;transform:translate(-50%,-120%)}}.card-dialog{position:fixed;margin:auto;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:40px 16px 16px;border:1px solid #badbff55;border-radius:18px;background:#0c1828;color:#fff}.card-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:0;top:0;width:44px;height:40px;border:0;background:transparent;color:#fff;font-size:28px}.card-dialog .hand-card{width:100%;height:min(440px,65dvh);cursor:default}.card-dialog .card-name{font-size:20px}.card-dialog .card-text{display:block;font-size:14px;overflow:visible}.card-dialog .card-top{padding-right:0;min-height:32px}.card-dialog .card-art{min-height:70px}.card-dialog .card-action-btn{min-height:44px}.art-credit{font-size:11px;line-height:1.4;overflow-wrap:anywhere;color:var(--muted)}.all-credits{font-size:12px}.card-dialog .card-bottom{font-size:14px}@media(max-width:699px){.duel-shell{grid-template-rows:32px minmax(0,1fr) 86px minmax(0,1fr) 32px clamp(142px,25dvh,195px);gap:4px;padding:4px 6px}.compact-hud{gap:5px;padding:2px 5px;grid-template-columns:24px minmax(60px,1fr) auto auto}.hud-avatar{width:24px;height:24px}.hud-life-line b{font-size:16px}.hud-counts{font-size:9px;gap:4px}.monster-field{gap:8px;max-width:440px}.field-card,.empty-slot{max-width:120px;max-height:180px}.card-text{display:none}.hand-card{width:clamp(112px,32vw,145px)}.card-name{font-size:12px}.hand-track{justify-content:flex-start}.battle-actions .action-primary{min-width:0;flex:1;padding:5px;font-size:12px}.action-center{gap:4px}.end-turn{padding:4px 6px;font-size:10px}.battle-prompt{font-size:16px}.field-card .card-info{width:30px;height:30px}.action-primary{min-height:42px}.start-card{padding:16px}.terrain-chip{font-size:9px}.card-action-btn{font-size:11px}.timer-strip{gap:8px}.timer-strip span{font-size:9px}}@media(max-width:359px){.timer-match{display:none!important}.hud-counts span:last-child{display:none}.battle-prompt{font-size:14px}.field-card .card-name{font-size:10px}.monster-field{gap:4px}.hand-card{width:112px}}@media(max-height:620px)and (orientation:portrait){.duel-shell{grid-template-rows:30px minmax(0,1fr) 78px minmax(0,1fr) 30px 142px;gap:3px}.action-bar{gap:3px;padding:4px}.terrain-chip{display:none}.card-action-btn{min-height:36px}.field-card .card-top{min-height:21px}.field-card .card-name{font-size:10px}}@media(orientation:landscape)and (max-height:600px){.topbar{flex-basis:40px}.turn-banner{flex-basis:30px}.duel-shell{max-width:100%;grid-template-columns:minmax(0,1fr) 180px;grid-template-areas:"enemy-hud hand" "enemy-field hand" "actions hand" "own-field hand" "own-hud hand";grid-template-rows:30px minmax(0,1fr) 68px minmax(0,1fr) 30px;gap:3px;padding:3px 8px}.hand-scroller{overflow-y:auto;overflow-x:hidden;touch-action:pan-y;padding:4px;scroll-snap-type:y proximity}.hand-track{flex-direction:column;width:100%;height:max-content;gap:6px}.hand-card{width:100%;height:175px}.card-text{display:none}.monster-field{max-width:530px;gap:8px}.field-card,.empty-slot{max-width:125px}.field-card .card-top{min-height:21px}.field-card .card-name{font-size:10px}.field-card .card-info{width:28px;height:28px}.action-bar{gap:3px;padding:3px}.battle-prompt{font-size:15px}.terrain-chip{display:none}.action-primary,.end-turn{min-height:36px;font-size:12px;padding:4px 8px}.draggable-card,.draggable-card .card-action-btn{touch-action:pan-y}.hud-avatar{width:23px;height:23px}.compact-hud{grid-template-columns:24px 1fr auto auto}.hud-life-line b{font-size:16px}.card-action-btn{min-height:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.field-card .card-art{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;border-radius:0;z-index:0}.field-card .card-art img{object-position:center 18%}.field-card .card-top,.field-card .card-bottom{position:relative;z-index:1;background:#06101bcc;border-radius:4px;padding:2px}.field-card .card-bottom{margin-top:auto}.field-card .card-top{margin-right:-3px}.field-card .card-name{color:#fff}.hand-scroller{padding:0 8px;scroll-snap-type:none}.hand-track{--fan-width:clamp(130px,18dvh,185px);--fan-step:72px;gap:0;align-items:stretch;padding:26px 22px 18px}.hand-fan-slot{position:relative;flex:0 0 var(--fan-step);width:var(--fan-step);height:100%;z-index:var(--fan-layer);scroll-snap-align:center}.hand-fan-slot:last-child{flex-basis:var(--fan-width);width:var(--fan-width)}.hand-fan-slot>.hand-card{width:var(--fan-width);height:100%;transform:translateY(var(--fan-dip)) rotate(var(--fan-angle));transform-origin:50% 100%;transition:transform .18s ease,box-shadow .18s ease}.hand-fan-slot.is-selected,.hand-fan-slot:focus-within{z-index:80}.hand-fan-slot.is-selected>.hand-card,.hand-fan-slot:focus-within>.hand-card{transform:translateY(-12px) rotate(0);box-shadow:0 0 0 2px #b8dcff,0 8px 20px #0009}.hand-fan-slot:not(.is-selected):not(:focus-within) .card-action-btn{visibility:hidden}@media(hover:hover){.hand-fan-slot:hover{z-index:90}.hand-fan-slot:hover>.hand-card{transform:translateY(-12px) rotate(0);box-shadow:0 0 0 2px #b8dcff,0 8px 20px #0009}.hand-fan-slot:hover .card-action-btn{visibility:visible}}@media(min-width:700px)and (min-height:601px){.duel-shell{grid-template-rows:38px minmax(0,1fr) 92px minmax(0,1fr) 38px clamp(180px,28dvh,260px)}}@media(max-width:699px){.duel-shell{grid-template-rows:32px minmax(0,1fr) 86px minmax(0,1fr) 32px clamp(170px,28dvh,220px)}.hand-track{--fan-width:112px;--fan-step:44px;justify-content:safe center;padding-inline:16px}.hand-fan-slot .card-top{min-height:29px}.hand-fan-slot .card-name{padding-right:0;font-size:11px}}@media(max-width:699px)and (max-height:620px)and (orientation:portrait){.duel-shell{grid-template-rows:30px minmax(0,1fr) 78px minmax(0,1fr) 30px 170px}}@media(orientation:landscape)and (max-height:600px){.duel-shell{grid-template-rows:30px minmax(0,1fr) 68px minmax(0,1fr) 30px}.hand-scroller{padding:0 8px}.hand-track{--fan-width:142px;--fan-step:94px;align-items:center;padding:22px 0;min-width:0;min-height:100%;gap:0}.hand-fan-slot,.hand-fan-slot:last-child{flex-basis:94px;width:142px;height:94px}.hand-fan-slot:last-child{flex-basis:175px;height:175px}.hand-fan-slot>.hand-card{width:142px;height:175px;transform:translate(calc(var(--fan-dip) * -.25)) rotate(calc(var(--fan-angle) * .5))}.hand-fan-slot.is-selected>.hand-card,.hand-fan-slot:focus-within>.hand-card{transform:translate(-4px) rotate(0)}}@media(prefers-reduced-motion:reduce){.hand-fan-slot>.hand-card{transition:none}}.card,.empty-slot,.equipment-ghost{border-radius:4px}.card-art{border-radius:2px}.card-info{border-radius:0 2px 0 4px}.card-action-btn{border-radius:3px}.hand-track{--fan-width:clamp(105px,16dvh,155px)}.monster-slot{container-type:size}.field-card,.empty-slot{width:min(100%,78cqh,145px);height:min(100%,210px);max-height:100%;border-radius:4px}.monster-field.summon-target{outline:2px dashed #8edbff;outline-offset:-2px;background:#319cff18;border-radius:4px}.monster-field.summon-hover{outline:3px solid #ffe28c;background:#ffd76a26;box-shadow:inset 0 0 20px #ffe28c44}@media(max-width:699px){.hand-track{--fan-width:98px}}@media(orientation:landscape)and (max-height:600px){.hand-track{--fan-width:125px}.hand-fan-slot,.hand-fan-slot:last-child{width:125px}.hand-fan-slot>.hand-card{width:125px}}.drag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none;color:#ff526b}.drag-overlay.is-valid{color:#54eb96}.drag-arrow{width:100%;height:100%;overflow:visible}.drag-label{position:fixed;transform:translate(-50%,-100%);max-width:170px;padding:6px 9px;border:1px solid currentColor;background:#081321ed;border-radius:4px;text-align:center;font-size:12px;font-weight:850;box-shadow:0 3px 12px #0008}.drag-card-preview{position:fixed;transform:translate(-50%,-50%);width:48px;height:66px;opacity:.65;border:1px solid currentColor;z-index:-1}.drag-card-preview .card-art{height:100%;margin:0}.card.drag-allowed{border-color:#54eb96;box-shadow:0 0 0 2px #54eb9680,0 0 16px #54eb9655}.card.drag-denied{border-color:#ff526b;box-shadow:0 0 0 2px #ff526b70}.monster-field.summon-target{outline-color:#54eb96;background:#54eb9618}.monster-field.summon-denied{outline:2px dashed #ff526b;outline-offset:-2px;background:#ff526b15}.monster-field.summon-hover{outline-color:#54eb96;box-shadow:inset 0 0 20px #54eb9644}.field-card.draggable-card{touch-action:none}.field-card{container-type:inline-size}.field-card .card-bottom{gap:2px}.field-card .card-bottom strong{font-size:clamp(8px,20cqw,16px)}.field-card .card-bottom>span{font-size:clamp(8px,14cqw,11px)}@media(max-width:699px){.hand-fan-slot .equipment .card-bottom>span{display:none}}@media(max-height:620px)and (orientation:portrait){.field-card .card-bottom>span{display:none}}.hud-life-line b{font-variant-numeric:tabular-nums}.hud-life-line b.lp-counting{color:#ff9c9c;text-shadow:0 0 10px #ff526b60}.life-track span{transition:none}.tutorial-launch{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:12px;min-height:48px;border:1px solid #d7ad55;background:#181914;border-radius:7px;color:#ffe4a0;font-weight:850}.tutorial-launch>span{font-size:22px}.tutorial-launch small{font-weight:400;color:#cfc4a2}.duel-guide{flex:0 0 116px;min-height:0;display:flex;align-items:end;gap:0;width:min(820px,100%);padding:4px 12px 6px;position:relative;isolation:isolate}.guide-portrait{flex:0 0 114px;height:114px;background-image:url(/guide/expressions.png);background-size:400% 200%;background-position:var(--portrait-x) var(--portrait-y);background-repeat:no-repeat;filter:drop-shadow(0 2px 4px #0009);position:relative;z-index:1}.guide-dialogue{flex:1;min-width:0;align-self:center}.guide-bubble-frame{padding:2px;background:linear-gradient(120deg,#ffe9a5,#a97327 55%,#ffe4a0);clip-path:polygon(0 30%,5% 22%,6% 5%,97% 0,100% 78%,95% 96%,7% 100%,5% 72%,0 61%,4% 53%);filter:drop-shadow(0 3px 4px #000a)}.guide-bubble{padding:12px 18px 12px 26px;min-height:68px;background:#080b10;clip-path:polygon(0 30%,5% 22%,6% 5%,97% 0,100% 78%,95% 96%,7% 100%,5% 72%,0 61%,4% 53%)}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#ffe2a0;font-size:14px}.guide-heading button{background:transparent;border:0;color:#ffe2a0;min-width:30px;height:26px;font-size:20px;line-height:1}.guide-bubble p{margin:4px 0 0;color:#efe9dc;font-size:13px;line-height:1.35}.guide-controls{display:flex;gap:5px;align-items:center;padding:4px 4px 0 18px}.guide-controls select{flex:1;min-width:0;padding:4px;font-size:12px;background:#10141d;color:#edd6a0;border:1px solid #796443;border-radius:3px;height:32px}.guide-controls button{border:1px solid #796443;background:#182130;color:#ffe4a0;min-height:32px;padding:4px 10px;border-radius:3px;font-size:12px}.guide-controls span{font-size:11px;color:#c5b38d}.guide-controls .guide-next{background:#d4ad57;color:#1a1207;font-weight:850;white-space:nowrap}.duel-guide.is-tutorial{flex-basis:152px}.duel-guide.is-tutorial .guide-portrait{height:140px;flex-basis:140px}.card.tutorial-focus{border-color:#fff2b6;box-shadow:0 0 0 3px #e6b756,0 0 18px #e6b75680}.hand-fan-slot:has(.tutorial-focus){z-index:70}.hand-fan-slot>.tutorial-focus{transform:translateY(-10px) rotate(0)}.has-guide .duel-shell{grid-template-rows:30px minmax(0,1fr) 76px minmax(0,1fr) 30px clamp(145px,22dvh,210px)}@media(max-width:699px){.duel-guide{flex-basis:96px;padding:0 5px 4px}.guide-portrait{flex-basis:76px;height:96px;background-size:500% 200%}.guide-dialogue{align-self:center}.guide-bubble{padding:9px 12px 9px 19px;min-height:60px}.guide-heading{font-size:12px}.guide-bubble p{font-size:11px;line-height:1.25}.guide-heading button{min-width:28px;height:22px}.duel-guide.is-tutorial{flex-basis:152px}.duel-guide.is-tutorial .guide-portrait{flex-basis:72px;height:112px}.guide-controls{padding-left:6px;gap:3px;flex-wrap:wrap}.guide-controls select{font-size:10px;height:30px;flex-basis:125px}.guide-controls button{min-height:30px;padding:3px 6px;font-size:11px}.guide-controls span{font-size:10px}.has-guide .duel-shell{grid-template-rows:26px minmax(0,1fr) 64px minmax(0,1fr) 26px 135px;gap:3px}.has-guide .hand-track{--fan-width:86px;--fan-step:36px;padding-block:19px 12px}.has-guide .hand-fan-slot .card-top{min-height:21px}.has-guide .hand-fan-slot .card-name{font-size:10px}.has-guide .hand-fan-slot .card-bottom strong{font-size:13px}.has-guide .hand-fan-slot .card-action-btn{min-height:28px;font-size:10px;margin-top:2px}.has-guide .hand-fan-slot .card-art{margin:1px 0}.has-guide .hand-fan-slot .card-bottom{min-height:15px}.has-guide .battle-prompt{font-size:13px}.has-guide .action-primary,.has-guide .end-turn{min-height:34px}.has-guide .field-card .card-bottom>span{display:none}}@media(max-width:699px)and (max-height:620px)and (orientation:portrait){.has-guide .duel-shell{grid-template-rows:24px minmax(0,1fr) 54px minmax(0,1fr) 24px 122px;gap:2px}.has-guide .field-card .card-name{font-size:8px}.has-guide .field-card .card-info{width:22px;height:22px;font-size:15px}.has-guide .field-card .card-top{min-height:15px;padding-right:12px}.has-guide .field-card .equip-badge,.has-guide .field-card .attack-badge{font-size:8px;padding:1px 2px;bottom:20px}.has-guide .field-card .card-bottom{padding:0;min-height:14px}.duel-guide.is-tutorial{flex-basis:148px}.guide-bubble p{font-size:10.5px}}@media(orientation:landscape)and (max-height:600px){.has-guide #root{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:40px 30px minmax(0,1fr)}.has-guide .topbar{grid-column:2;grid-row:1}.has-guide .turn-banner{grid-column:2;grid-row:2}.has-guide .duel-shell{grid-column:2;grid-row:3;grid-template-columns:minmax(0,1fr) 135px;grid-template-rows:26px minmax(0,1fr) 60px minmax(0,1fr) 26px}.has-guide .duel-guide{grid-column:1;grid-row:1/4;width:220px;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:flex-start;padding:6px;gap:0}.has-guide .guide-dialogue{flex:0 1 auto;width:100%;align-self:stretch}.has-guide .guide-portrait,.has-guide .duel-guide.is-tutorial .guide-portrait{flex:0 0 125px;height:125px;width:125px;background-size:400% 200%}.has-guide .guide-bubble{padding:12px 14px 12px 18px}.has-guide .guide-bubble p{font-size:11px}.has-guide .guide-heading{font-size:12px}.has-guide .guide-controls{flex-wrap:wrap;padding-left:2px}.has-guide .guide-controls select{flex-basis:100%;height:30px}.has-guide .guide-controls button{min-height:30px}.has-guide .hand-track{--fan-width:104px;padding:18px 0}.has-guide .hand-fan-slot,.has-guide .hand-fan-slot:last-child{width:104px}.has-guide .hand-fan-slot>.hand-card{width:104px;height:150px}.has-guide .hand-fan-slot:last-child{height:150px;flex-basis:150px}}.guide-portrait{flex-basis:86px}.duel-guide.is-tutorial .guide-portrait{flex-basis:105px}@media(max-width:699px){.guide-portrait{flex-basis:72px;background-size:400% 200%}.duel-guide.is-tutorial .guide-portrait{flex-basis:84px}}@media(orientation:landscape)and (max-height:600px){.has-guide .guide-portrait,.has-guide .duel-guide.is-tutorial .guide-portrait{flex-basis:125px;width:94px}}@media(max-width:699px){.guide-controls{flex-wrap:nowrap}.guide-controls select{flex:1 1 0;min-width:0}.guide-controls>button{flex:none}.guide-controls>span{flex:none}.duel-guide.is-tutorial .guide-bubble p{max-height:78px;overflow-y:auto;scrollbar-width:thin}.duel-guide.is-tutorial .guide-portrait{flex-basis:66px;height:88px}}@media(max-width:359px){.duel-guide.is-tutorial .guide-portrait{flex-basis:54px;height:72px}.guide-controls select{font-size:9px}.guide-controls .guide-next{padding-inline:4px}.tutorial-mode .duel-shell:has(.action-bar:not(.battle-actions)){grid-template-rows:24px minmax(0,1fr) 38px minmax(0,1fr) 24px 122px}}@media(orientation:landscape)and (max-height:600px){.has-guide .guide-controls{flex-wrap:wrap}.has-guide .guide-controls select{flex-basis:100%}.has-guide .duel-guide.is-tutorial .guide-portrait{flex-basis:125px;height:125px;width:94px}.has-guide .duel-guide.is-tutorial .guide-bubble p{max-height:130px}}.guide-bubble-frame{position:relative;padding:0;background:none;clip-path:none;filter:drop-shadow(0 3px 4px #000a)}.guide-bubble-vector{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.guide-bubble{position:relative;background:none;clip-path:none;padding:14px 22px 14px 32px;min-height:68px}.guide-heading strong{overflow-wrap:anywhere}@media(max-width:699px){.guide-bubble{padding:12px 18px 12px 29px;min-height:60px}.guide-bubble p{overflow-wrap:anywhere}}@media(orientation:landscape)and (max-height:600px){.has-guide .guide-bubble{padding:14px 20px 14px 30px}}.coin-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at center,#142842f5,#030914fa);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:24px;text-align:center}.coin-intro h2{margin:0;color:#ffe7a3;font-size:clamp(24px,5vw,42px);letter-spacing:.04em}.coin-sides{margin:0;color:#c4cbd5;font-size:14px}.coin-stage{--coin-size:clamp(140px,30vw,240px);--landing:1440deg;position:relative;width:calc(var(--coin-size) + 60px);height:calc(var(--coin-size) + 90px);display:grid;place-items:center;perspective:1000px}.coin-stage.lands-w{--landing:1620deg}.coin-flight{width:var(--coin-size);height:var(--coin-size);animation:coin-flight 2.6s both}.coin-spin{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:coin-spin 2.6s both}.coin-side{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background-image:url(/coin/coin-faces.png);background-size:200% 100%;background-repeat:no-repeat;filter:drop-shadow(0 0 4px #ffc74280)}.coin-fox{background-position:left center;transform:translateZ(2px)}.coin-w{background-position:right center;transform:rotateY(180deg) translateZ(2px)}.coin-shadow{position:absolute;bottom:10px;width:65%;height:18px;background:#0009;border-radius:50%;filter:blur(6px);animation:coin-shadow 2.6s both}.coin-result{display:flex;flex-direction:column;gap:5px;animation:coin-result 3.8s both;min-height:65px}.coin-result strong{font-size:clamp(22px,5vw,32px);color:#ffe3a0}.coin-result span{color:#cdd9e9;font-size:14px}.coin-exit{background:none;border:0;color:#acb9cb;text-decoration:underline;font-size:12px;padding:10px}@keyframes coin-flight{0%{transform:translateY(35px) scale(.65);opacity:0}12%{opacity:1}42%{transform:translateY(-45px) scale(1.1)}78%{transform:translateY(8px) scale(1)}88%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes coin-spin{0%{transform:rotateY(0) rotate(-18deg)}to{transform:rotateY(var(--landing)) rotate(0)}}@keyframes coin-shadow{0%{transform:scale(.65);opacity:.8}42%{transform:scale(.45);opacity:.3}78%,to{transform:scale(1);opacity:.8}}@keyframes coin-result{0%,68%{opacity:0;visibility:hidden;transform:translateY(8px)}74%,to{opacity:1;visibility:visible;transform:translateY(0)}}@media(max-height:480px){.coin-intro{gap:5px;padding:10px}.coin-stage{--coin-size:140px;height:190px}.coin-result{min-height:48px}}@media(prefers-reduced-motion:reduce){.coin-flight,.coin-shadow,.coin-result{animation:none}.coin-spin{animation:none;transform:rotateY(var(--landing))}.coin-result{opacity:1}}.versus-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;overflow:hidden;display:grid;place-items:center;background:#040a15;isolation:isolate}.versus-speed{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:repeating-conic-gradient(from 10deg,#d7e7ff14 0deg 2deg,transparent 2deg 12deg);animation:versus-speed 2.4s linear both;z-index:-1}.versus-panels{width:100%;height:64%;display:flex;align-items:stretch;animation:versus-clash 2.4s both}.versus-fighter{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:12px;border-block:4px solid #ffd879;box-shadow:0 0 45px #000;background:linear-gradient(135deg,#1679dc,#07317d);padding:25px 50px;clip-path:polygon(0 4%,100% 0,96% 96%,0 100%);animation:fighter-left 2.4s both}.fighter-1{background:linear-gradient(225deg,#d92e46,#750b2b);clip-path:polygon(4% 0,100% 4%,100% 100%,0 96%);animation-name:fighter-right}.versus-fighter img{width:clamp(110px,21vw,245px);height:clamp(110px,21vw,245px);object-fit:contain;filter:drop-shadow(0 10px 12px #0009)}.versus-fighter strong{font-size:clamp(20px,4vw,38px);max-width:100%;overflow-wrap:anywhere;color:#fff;text-shadow:0 3px 5px #000}.versus-side-label{font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:#fff9}.versus-mark{position:absolute;font-size:clamp(65px,15vw,160px);font-weight:1000;font-style:italic;color:#fff2b0;-webkit-text-stroke:3px #5f3508;text-shadow:0 0 25px #ffd15b,5px 6px 0 #090714;animation:versus-mark 2.4s both}.versus-lightning{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;animation:versus-bolts 2.4s both}.bolt-glow{stroke:#61baff;stroke-width:15;filter:blur(7px)}.bolt-core{stroke:#f0fcff;stroke-width:3}.versus-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#dcf5ff;pointer-events:none;animation:versus-flash 2.4s both}.versus-caption{position:absolute;bottom:8%;font-size:clamp(16px,3vw,24px);font-weight:800;letter-spacing:.05em;text-shadow:0 2px 5px #000}.versus-exit{position:absolute;bottom:2%;background:none;border:0;color:#bac6da;text-decoration:underline;font-size:12px;padding:8px}@keyframes fighter-left{0%{transform:translate(-110%)}26%{transform:translate(2%)}34%,88%{transform:translate(0);opacity:1}to{transform:translate(-6%);opacity:0}}@keyframes fighter-right{0%{transform:translate(110%)}26%{transform:translate(-2%)}34%,88%{transform:translate(0);opacity:1}to{transform:translate(6%);opacity:0}}@keyframes versus-mark{0%,24%{opacity:0;visibility:hidden;transform:scale(2.8) rotate(-12deg)}32%{opacity:1;visibility:visible;transform:scale(1.08) rotate(-7deg)}40%,88%{opacity:1;transform:scale(1) rotate(-7deg)}to{opacity:0;transform:scale(1.25) rotate(-7deg)}}@keyframes versus-bolts{0%,25%{opacity:0}29%,65%{opacity:1}85%,to{opacity:0}}@keyframes versus-flash{0%,25%{opacity:0}27%{opacity:.65}35%,to{opacity:0}}@keyframes versus-clash{0%,26%{transform:translate(0)}28%{transform:translate(-5px,3px)}30%{transform:translate(4px,-3px)}34%,to{transform:translate(0)}}@keyframes versus-speed{0%{transform:scale(.8) rotate(-5deg)}to{transform:scale(1.3) rotate(8deg)}}@media(max-width:599px)and (orientation:portrait){.versus-panels{height:70%;flex-direction:column}.versus-fighter{width:100%;height:50%;flex-direction:row;padding:20px;gap:20px}.versus-fighter img{width:120px;height:120px}.versus-side-label{position:absolute;top:10px;left:20px;font-size:10px}.versus-fighter strong{font-size:24px;max-width:45%}.versus-mark{font-size:95px}.versus-caption{bottom:5%}.versus-exit{bottom:0}}@media(max-height:480px){.versus-fighter img{width:130px;height:130px}.versus-fighter{padding:10px 25px;gap:4px}.versus-fighter strong{font-size:22px}.versus-caption{bottom:3%;margin:0}.versus-exit{bottom:0;right:8px}.versus-mark{font-size:95px}}@media(prefers-reduced-motion:reduce){.versus-fighter,.versus-panels,.versus-mark,.versus-speed{animation:none;transform:none;opacity:1}.versus-lightning,.versus-flash{display:none}}.quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;background:#030915aa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.quiz-panel{width:min(900px,100%);max-height:90dvh;display:grid;grid-template-columns:33% 1fr;overflow:hidden;border:2px solid #d4ad57;border-radius:16px;background:#090e19;box-shadow:0 20px 80px #0009}.quiz-host{width:100%;height:100%;min-height:0;object-fit:cover;object-position:50% 18%}.quiz-content{padding:24px;min-width:0;overflow:auto}.quiz-header{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#ffe3a0}.quiz-clock{font-size:25px;white-space:nowrap;font-variant-numeric:tabular-nums}.quiz-clock.urgent{color:#ff8585}.quiz-content h2{font-size:clamp(19px,3vw,27px);line-height:1.25}.quiz-content p{color:#aab8ce;font-size:13px}.quiz-answers{display:grid;gap:10px;margin-block:20px}.quiz-answers button{display:flex;align-items:center;gap:12px;text-align:left;min-height:54px;border:1px solid #8f733b;background:#17243a;color:#fff4d4;border-radius:8px;padding:12px;font-weight:700}.quiz-answers button:hover{background:#284466}.quiz-answers b{display:grid;place-items:center;border:1px solid #b68e45;border-radius:50%;width:28px;height:28px;flex:none;color:#ffdf86}.quiz-surrender{display:block;margin:auto;background:none;border:0;text-decoration:underline;color:#b6c2d5;font-size:12px;padding:8px}.turn-banner>button{white-space:nowrap;font-size:11px;padding:4px 7px}.turn-banner{gap:6px}@media(max-width:599px){.quiz-overlay{padding:10px}.quiz-panel{grid-template-columns:1fr;max-height:96dvh}.quiz-host{height:120px;width:100%;object-position:50% 14%;object-fit:cover}.quiz-content{padding:16px}.quiz-header{font-size:12px}.quiz-clock{font-size:22px}.quiz-answers{gap:8px;margin-block:14px}.quiz-answers button{min-height:48px;padding:10px;font-size:13px}.turn-banner{font-size:11px}.turn-banner small{display:none}.turn-banner>button{padding:3px 5px;font-size:10px}}@media(orientation:landscape)and (max-height:480px){.quiz-overlay{padding:8px}.quiz-panel{max-height:96dvh;grid-template-columns:24% 1fr}.quiz-host{height:100%;object-position:center 20%}.quiz-content{padding:12px}.quiz-content h2{font-size:18px;margin:8px 0}.quiz-content p{margin:5px 0}.quiz-answers{grid-template-columns:1fr 1fr;margin:10px 0;gap:6px}.quiz-answers button{min-height:42px;padding:8px;font-size:12px}}.battlefield-row{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:14px;width:min(100%,830px);height:100%;min-height:0;margin:auto;align-items:center}.battlefield-row--enemy{grid-area:enemy-field}.battlefield-row--own{grid-area:own-field}.battlefield-row>.monster-field{grid-area:auto;width:100%;min-width:0;max-width:none}.field-deck{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#173b91}.deck-red{color:#a91430}.deck-stack{position:relative;flex:1;min-height:28px;max-height:142px;width:min(80px,100%);isolation:isolate}.deck-layer{position:absolute;top:0;right:0;bottom:0;left:0;filter:drop-shadow(0 2px 3px #0008)}.deck-layer svg{width:100%;height:100%;display:block}.deck-layer.layer-0{transform:translate(5px,-4px) rotate(3deg)}.deck-layer.layer-1{transform:translate(2px,-2px) rotate(-2deg)}.deck-layer.layer-2{transform:translate(0)}.deck-count{position:absolute;z-index:4;bottom:4px;right:5px;background:#050c19ed;color:#fff;padding:2px 5px;border-radius:4px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.deck-redraw{position:relative;z-index:5;width:100%;min-height:30px;padding:4px;border:1px solid #ffdf81;border-radius:5px;background:linear-gradient(#ffe8a4,#dba83e);color:#271905;font-size:12px;font-weight:850}.deck-redraw:disabled{opacity:.7;background:#283447;color:#bcc7d6;border-color:#5c6e85}.field-deck small{font-size:9px;line-height:1.1;text-align:center;color:#cad6e6}.deck-redraw:not(:disabled){box-shadow:0 0 12px #ffc85155}.is-shuffling .layer-0{animation:deck-shuffle-left 1.2s ease-in-out}.is-shuffling .layer-1{animation:deck-shuffle-right 1.2s ease-in-out}.is-shuffling .layer-2{animation:deck-shuffle-center 1.2s ease-in-out}@keyframes deck-shuffle-left{0%,to{transform:translate(5px,-4px) rotate(3deg)}25%,65%{transform:translate(-22px,-8px) rotate(-15deg)}45%,85%{transform:translate(10px,2px) rotate(8deg)}}@keyframes deck-shuffle-right{0%,to{transform:translate(2px,-2px) rotate(-2deg)}25%,65%{transform:translate(22px,-5px) rotate(15deg)}45%,85%{transform:translate(-10px,2px) rotate(-8deg)}}@keyframes deck-shuffle-center{0%,to{transform:translate(0)}25%,65%{transform:translateY(5px) rotate(5deg)}45%,85%{transform:translateY(-5px) rotate(-5deg)}}@media(max-width:699px){.battlefield-row{grid-template-columns:minmax(0,1fr) 66px;gap:5px}.battlefield-row>.monster-field{gap:3px}.field-deck{gap:2px}.deck-stack{width:48px;max-height:85px}.deck-redraw{min-height:28px;font-size:10px;padding:2px}.field-deck small{font-size:8px}.deck-count{font-size:9px;bottom:3px;right:3px;padding:1px 3px}}@media(max-width:699px)and (max-height:620px)and (orientation:portrait){.battlefield-row{grid-template-columns:minmax(0,1fr) 58px;gap:3px}.field-deck small{display:none}.deck-stack{max-height:62px;width:40px}.deck-redraw{min-height:25px;font-size:9px}.battlefield-row>.monster-field{gap:2px}}@media(orientation:landscape)and (max-height:600px){.battlefield-row{grid-template-columns:minmax(0,1fr) 64px;gap:4px}.deck-stack{width:40px;max-height:62px}.field-deck small{display:none}.deck-redraw{min-height:25px;font-size:10px}.field-deck{gap:2px}}@media(prefers-reduced-motion:reduce){.is-shuffling .deck-layer{animation:none}}.deck-redraw{position:absolute;left:-8px;bottom:0;width:calc(100% + 16px)}.deck-count{top:4px;bottom:auto}@media(max-width:699px){.deck-redraw{left:-8px;width:calc(100% + 16px)}}.field-deck{container-type:size}.deck-stack{width:min(80px,calc((100cqh - 16px)*.69));height:auto;aspect-ratio:100/145;flex:none;max-height:none;min-height:0}@media(max-width:699px){.deck-stack{width:min(48px,calc((100cqh - 14px)*.69))}}@media(max-width:699px)and (max-height:620px)and (orientation:portrait){.deck-stack{width:min(40px,68cqh)}}@media(orientation:landscape)and (max-height:600px){.deck-stack{width:min(40px,68cqh)}}.builder-launch{width:100%;padding:10px;border:1px solid #bd974e;background:#172d47;color:#ffdfa0;border-radius:8px;margin:10px 0}.builder-launch small{display:block;font-size:11px;color:#c7d6e9}.custom-deck-select{display:flex;flex-direction:column;gap:5px;font-size:12px;margin-top:10px}.custom-deck-select select{padding:8px;background:#101d30;color:#fff;border:1px solid #65748b;border-radius:6px}.start-card{max-height:94dvh;overflow:auto}.deck-builder{height:100dvh;display:flex;flex-direction:column;background:#07111e;color:#fff7e5;padding:12px;min-height:0;overflow:hidden}.builder-header{display:flex;align-items:center;justify-content:space-between;flex:none;padding:8px 12px;border-bottom:1px solid #b7945544}.builder-header h1{font-size:24px;margin:0}.builder-header span{font-size:12px;color:#b8cadf}.builder-header button,.builder-deck-tools button,.builder-save button{padding:9px 12px;border-radius:6px;border:1px solid #a38a54;background:#23344e;color:#ffe3a0}.builder-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,1fr);gap:16px;flex:1;min-height:0;padding-top:12px}.builder-library,.builder-workspace{display:flex;flex-direction:column;min-height:0;min-width:0;background:#0f1b2b;border:1px solid #263e5a;border-radius:10px;overflow:hidden}.builder-filters{padding:12px;display:flex;flex-direction:column;gap:8px;flex:none;border-bottom:1px solid #3d526e}.builder-filters input,.builder-filters select,.builder-deck-tools input,.builder-deck-tools select{min-width:0;padding:9px;background:#060f1c;color:#fff5dc;border:1px solid #526584;border-radius:6px;width:100%}.filter-row{display:flex;gap:8px}.filter-row>*{flex:1}.filter-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.filter-numbers label{font-size:11px;color:#c7d4e5}.filter-numbers input{margin-top:3px;padding:6px}.builder-filters small{font-size:11px;color:#b8d1ed}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;overflow:auto;min-height:0;padding:12px;align-content:start}.builder-card,.deck-slot{min-width:0;background:linear-gradient(145deg,#293c58,#111d30);border:1px solid #7c8da4;border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:4px;-webkit-user-select:none;user-select:none;touch-action:pan-y}.builder-card.equipment{border-color:#b79a50;background:linear-gradient(145deg,#564322,#1f1a12)}.builder-card.object{border-color:#9d81b3;background:linear-gradient(145deg,#423357,#1b1426)}.builder-card>strong,.deck-slot>strong,.deck-cover-preview>strong{font-size:11px;line-height:1.2;height:27px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.builder-card .card-art{height:96px;flex:none;min-height:96px;margin:0}.builder-card>span,.deck-slot>span,.deck-cover-preview>span{font-size:10px;line-height:1.2}.builder-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.builder-card footer button{background:#d8b45f;border:0;border-radius:4px;color:#171005;font-size:20px;width:32px;height:28px}.builder-card footer a{font-size:11px;padding:4px;text-decoration:none}.builder-workspace{overflow:auto}.builder-deck-tools{padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px;flex:none}.builder-deck-tools>input,.builder-deck-summary{grid-column:1/-1}.builder-deck-summary{display:flex;gap:10px;align-items:center}.builder-deck-summary strong{font-size:23px;color:#ffdd91}.builder-deck-summary p{font-size:11px;color:#b6c8df;max-width:260px}.deck-cover-preview{display:flex;flex-direction:column;gap:3px;width:75px;flex:none}.deck-cover-preview .card-art{height:55px;flex:none;min-height:55px}.deck-cover-preview>strong{height:auto;font-size:9px}.deck-cover-preview>span{display:none}.builder-zones{padding:0 12px;display:flex;flex-direction:column;gap:12px}.builder-zone{border:2px dashed #42617f;border-radius:8px;padding:10px;min-height:115px;transition:background .15s,border-color .15s}.builder-zone h2{font-size:14px;margin:0 0 8px;display:flex;justify-content:space-between}.builder-zone h2 span{color:#dcb85f}.builder-zone.drop-ok{border-color:#4ff099;background:#16453170}.builder-zone.drop-ko{border-color:#ff657b;background:#491b2a70}.deck-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.deck-slot{padding:4px}.deck-slot .card-art{height:55px;min-height:55px;flex:none;margin:0}.deck-slot>strong{font-size:9px;height:23px}.deck-slot>span{font-size:8px;max-height:28px;overflow:hidden}.deck-slot>div:last-child{display:flex;justify-content:space-between}.deck-slot button{padding:2px 6px;background:#16243b;color:#ffdc85;border:1px solid #666f81;border-radius:3px}.deck-slot.is-cover{border-color:#ffdc75;box-shadow:0 0 0 1px #ffdc75}.empty-deck-slot{min-height:80px;display:grid;place-items:center;border:1px dashed #8193aa;border-radius:5px;color:#a7bfdc;font-size:10px}.builder-save{padding:12px;display:flex;flex-direction:column;gap:8px;flex:none;margin-top:auto}.builder-save>div:last-of-type{display:flex;gap:8px}.builder-save small,.deck-validation{font-size:11px;color:#b8c9df;margin:0}.deck-validation{color:#ffce93}.builder-save [role=status]{font-size:12px;color:#a7ffd0;min-height:15px}.builder-save .delete-deck{background:none;border:0;font-size:11px;color:#b3bfd2;align-self:start;padding:3px}.builder-drag-arrow{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3000;pointer-events:none;filter:drop-shadow(0 2px 3px #000)}@media(max-width:699px){.deck-builder{padding:5px}.builder-header{padding:6px}.builder-header h1{font-size:19px}.builder-header span{font-size:10px}.builder-body{grid-template-columns:minmax(0,1fr) minmax(145px,.9fr);gap:5px;padding-top:6px}.builder-filters{padding:6px;gap:5px}.builder-filters input,.builder-filters select{padding:7px;font-size:10px}.filter-row{flex-direction:column;gap:5px}.filter-numbers{grid-template-columns:1fr 1fr;gap:4px}.builder-filters small{font-size:9px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:5px;gap:5px}.builder-card .card-art{height:75px;min-height:75px}.builder-card>strong{font-size:10px}.builder-card>span{font-size:9px}.builder-deck-tools{padding:6px;gap:5px;grid-template-columns:1fr}.builder-deck-tools select,.builder-deck-tools input,.builder-deck-tools button{font-size:10px;padding:6px}.builder-deck-summary{gap:4px}.deck-cover-preview{width:42px}.deck-cover-preview .card-art{height:38px;min-height:38px}.builder-deck-summary p{font-size:9px}.builder-zones{padding:0 5px;gap:7px}.builder-zone{padding:5px}.builder-zone h2{font-size:11px}.deck-slot-grid{grid-template-columns:repeat(auto-fill,minmax(55px,1fr));gap:4px}.deck-slot>strong{font-size:8px}.deck-slot .card-art{height:42px;min-height:42px}.builder-save{padding:6px;gap:5px}.builder-save>div:last-of-type{flex-direction:column}.builder-save button{font-size:10px;padding:7px}.builder-save small,.deck-validation{font-size:9px}}.lobby-deck-cover{display:flex;align-items:center;gap:12px;font-size:13px;margin-top:10px}.lobby-deck-cover .card-art{width:62px;height:70px;min-height:70px;flex:none}.builder-credits{font-size:10px;color:#9abddd}.builder-deck-tools .generate-deck,.generator-hint{grid-column:1/-1}.builder-deck-tools .generate-deck{background:linear-gradient(135deg,#d7b25b,#f3d788);color:#231906;font-weight:850}.generator-hint{font-size:10px;color:#b8cbe2}.hand-track{--fan-width:clamp(78px,11dvh,126px);padding-block:18px 12px}.hand-fan-slot>.hand-card{height:100%;aspect-ratio:5/7;border-radius:4px}.hand-fan-slot .card-text{font-size:10px}.hand-fan-slot .card-top{min-height:24px}.hand-fan-slot .card-name{font-size:10px}@media(max-width:699px){.hand-track,.has-guide .hand-track{--fan-width:68px;--fan-step:30px;padding-block:16px 9px}.has-guide .hand-fan-slot .card-name{font-size:9px}.has-guide .hand-fan-slot .card-bottom strong{font-size:11px}}@media(orientation:landscape)and (max-height:600px){.hand-track,.has-guide .hand-track{--fan-width:104px}.hand-fan-slot>.hand-card,.has-guide .hand-fan-slot>.hand-card{width:104px;height:150px}.hand-fan-slot,.hand-fan-slot:last-child{width:104px}}.bot-card-back{background:#1c084b url(/assets/card-back-logo.png) center/contain no-repeat;border:2px solid #f4ca63;border-radius:4px;aspect-ratio:5/7}.versus-intro{background:radial-gradient(ellipse,#422779,#160a32 65%,#080719)}.versus-panels{width:min(850px,94vw);height:auto;display:flex;flex-direction:row;justify-content:center;gap:clamp(12px,7vw,100px);animation:logo-clash 3.4s steps(1,end) both}.versus-fighter{width:42%;height:auto;aspect-ratio:5/7;max-height:68dvh;flex-direction:column;clip-path:none;border:3px solid #e5c565;border-radius:10px;padding:clamp(12px,3vw,28px);gap:12px;background:linear-gradient(145deg,#304ab8,#180c3e);animation:logo-left 3.4s cubic-bezier(.2,.8,.2,1) both;box-shadow:inset 0 0 0 5px #100c28,0 12px 45px #000b}.versus-fighter.fighter-1{background:linear-gradient(215deg,#bd365b,#180c3e);clip-path:none;animation-name:logo-right}.versus-fighter img{width:100%;height:60%;object-fit:contain}.versus-fighter strong{font-size:clamp(14px,3vw,30px);max-width:100%;text-align:center}.versus-side-label{position:static;font-size:clamp(9px,1.7vw,13px)}.versus-mark{font-size:clamp(72px,16vw,160px);background:linear-gradient(#fff 10%,#8b97ab 38%,#f5fbff 50%,#617187 75%,#e0e7ef);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #fff;text-shadow:none;filter:drop-shadow(4px 5px 0 #131427) drop-shadow(0 0 16px #bce7ff);animation:logo-vs 3.4s both}.versus-fox{position:absolute;width:clamp(150px,35vw,300px);height:auto;filter:drop-shadow(0 0 30px #b580fa);animation:logo-fox 3.4s both;pointer-events:none}.versus-speed{animation-duration:3.4s;background:repeating-conic-gradient(from 10deg,#d7e7ff33 0deg 1deg,transparent 1deg 9deg)}.versus-lightning{animation:logo-bolts 3.4s steps(1,end) both}.versus-flash{animation:logo-flash 3.4s steps(1,end) both}.coin-fox{background-image:url(/coin/coin-fox-logo.svg);background-size:100% 100%;background-position:center}@keyframes logo-left{0%{transform:translate(-130vw) rotate(-25deg)}24%{transform:translate(20%) rotate(7deg)}29%{transform:translate(-3%) rotate(-5deg)}36%,65%{transform:translate(0) rotate(-7deg);opacity:1}82%,to{transform:translate(-40%) rotate(-18deg) scale(.8);opacity:0}}@keyframes logo-right{0%{transform:translate(130vw) rotate(25deg)}24%{transform:translate(-20%) rotate(-7deg)}29%{transform:translate(3%) rotate(5deg)}36%,65%{transform:translate(0) rotate(7deg);opacity:1}82%,to{transform:translate(40%) rotate(18deg) scale(.8);opacity:0}}@keyframes logo-clash{0%,24%{transform:translate(0)}25%{transform:translate(-9px,5px)}27%{transform:translate(8px,-4px)}29%{transform:translate(-5px,-3px)}31%{transform:translate(4px,3px)}34%,to{transform:translate(0)}}@keyframes logo-vs{0%,20%{opacity:0;transform:scale(3) rotate(-12deg)}26%,63%{opacity:1;transform:scale(1) rotate(-7deg);filter:drop-shadow(4px 5px 0 #131427) drop-shadow(0 0 16px #bce7ff)}73%,to{opacity:0;transform:scale(.15) rotate(35deg);filter:blur(10px)}}@keyframes logo-fox{0%,64%{opacity:0;transform:scale(.1) rotate(-30deg)}76%{opacity:1;transform:scale(1.15) rotate(3deg)}85%,95%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.7)}}@keyframes logo-bolts{0%,24%{opacity:0}25%{opacity:1;transform:scaleX(1)}28%{opacity:.2}31%{opacity:1;transform:scaleX(-1)}36%{opacity:.4}39%{opacity:1}48%{opacity:.2}52%{opacity:1;transform:scaleX(1)}65%,to{opacity:0}}@keyframes logo-flash{0%,24%{opacity:0}25%{opacity:.85;background:#fff}27%{opacity:.9;background:#140629}29%{opacity:.65;background:#fff}31%,69%{opacity:0}70%{opacity:.65}73%,to{opacity:0}}@media(max-height:480px){.versus-panels{width:min(620px,85vw);gap:50px}.versus-fighter{width:auto;height:70dvh;aspect-ratio:5/7;padding:12px}.versus-fighter img{height:60%;width:100%}.versus-fighter strong{font-size:17px}}@media(prefers-reduced-motion:reduce){.versus-fighter,.versus-panels,.versus-mark,.versus-speed{animation:none;transform:none;opacity:1}.versus-fox{animation:none;display:none}.versus-lightning,.versus-flash{display:none}}.menu-sound-toggle{display:block;margin:8px 0 12px auto;padding:9px 14px;border:1px solid #e5c565;border-radius:7px;background:#21133c;color:#fff4ce;font-weight:700;min-height:42px}.menu-sound-toggle[aria-pressed=true]{background:#101724;color:#c6cbd6;border-color:#7f8795}.reaction-control{position:fixed;right:max(12px,env(safe-area-inset-right));top:50%;z-index:130;transform:translateY(-50%)}.reaction-toggle{position:relative;z-index:2;width:46px;height:46px;border:2px solid #d8b25b;border-radius:50%;background:#21113d;color:#ffe4a2;font-size:24px;box-shadow:0 3px 15px #0009}.reaction-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#03071455;z-index:120}.reaction-open{right:16px;width:280px;height:280px;display:grid;place-items:center}.reaction-wheel{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #d8b25b;border-radius:50%;background:radial-gradient(#3c2161,#110d23);box-shadow:0 0 24px #000b}.reaction-option{position:absolute;left:50%;top:50%;width:88px;min-height:66px;padding:5px;border:1px solid #cfa952;border-radius:12px;background:#20142f;color:#fff0ce;transform:translate(-50%,-50%) rotate(var(--angle)) translate(94px) rotate(calc(-1 * var(--angle)));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.reaction-option span{font-size:23px}.reaction-option b{font-size:11px;line-height:1.15}.reaction-option:hover,.reaction-option:focus-visible{background:#604188;border-color:#ffedb8}.reaction-messages{position:fixed;right:70px;top:38%;z-index:110;display:flex;flex-direction:column;gap:8px;max-width:min(230px,65vw);pointer-events:none}.reaction-message{background:#10132def;border:1px solid #d7b55d;border-radius:12px;padding:9px 13px;box-shadow:0 3px 15px #0008;animation:reaction-pop .2s ease-out}.reaction-message small{display:block;color:#abbff8;font-size:11px;margin-bottom:3px}.reaction-message strong{font-size:15px;color:#fff0ce}.reaction-enemy{border-color:#ee6c87}.reaction-enemy small{color:#ffa8b9}@keyframes reaction-pop{0%{opacity:0;transform:translate(15px) scale(.85)}to{opacity:1;transform:none}}@media(max-width:699px){.reaction-control{right:5px}.reaction-toggle{width:36px;height:36px;font-size:20px}.reaction-open{right:8px;width:270px;height:270px}.reaction-option{width:86px;transform:translate(-50%,-50%) rotate(var(--angle)) translate(90px) rotate(calc(-1 * var(--angle)))}.reaction-messages{right:45px}.reaction-message strong{font-size:13px}}@media(prefers-reduced-motion:reduce){.reaction-message{animation:none}}.reaction-cooldown{font-size:11px;color:#ffdf81;font-variant-numeric:tabular-nums}.reaction-option:disabled{opacity:.75}.reaction-toggle{font-variant-numeric:tabular-nums}.hud-shields{gap:3px;align-items:center;padding:1px 5px;background:#231338;border:1px solid #b493db;border-radius:6px;box-shadow:0 0 10px #b47cff24}.hud-shields img{display:block;width:23px;height:27px;object-fit:contain}.hud-shields img.is-on{filter:drop-shadow(0 0 3px #dfbaff99)}.hud-shields img.is-empty{opacity:.18;filter:grayscale(1)}.hud-shields b{font-size:13px;color:#fff0bb;margin-left:3px;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:699px){.hud-shields{gap:2px;padding:0 3px}.hud-shields img{width:18px;height:22px}.hud-shields b{font-size:11px;margin-left:1px}.compact-hud{gap:4px}}@media(orientation:landscape)and (max-height:600px){.hud-shields img{height:22px;width:18px}}.hud-shields{overflow:visible;background:transparent;border:0;box-shadow:none;padding:0;gap:3px;position:relative;z-index:2;align-self:center}.hud-shields img{width:34px;height:42px;flex-shrink:0}.hud-shields img.is-on{filter:drop-shadow(0 0 4px #c69bffb0)}.hud-shields b{padding:3px 4px;border-radius:4px;background:#100a25bd;font-size:13px}.compact-hud{overflow:visible}@media(max-width:699px){.hud-shields{gap:1px;padding:0}.hud-shields img{width:26px;height:34px}.hud-shields b{font-size:10px;padding:2px;margin-left:1px}.compact-hud{grid-template-columns:24px minmax(44px,1fr) auto auto;gap:3px}.hud-counts{gap:3px;font-size:9px}}@media(orientation:landscape)and (max-height:600px){.hud-shields img{width:26px;height:34px}}.hud-shields img,.hud-shields img.is-on,.hud-shields img.is-empty{background:transparent}.hud-shields img{width:40px;height:50px}@media(max-width:699px){.hud-shields img{width:30px;height:42px}}@media(orientation:landscape)and (max-height:600px){.hud-shields img{width:30px;height:42px}}.card{--foil-x:50%;--foil-y:50%;--tilt-axis-x:1;--tilt-axis-y:0;--tilt-angle:0deg;isolation:isolate;rotate:var(--tilt-axis-x) var(--tilt-axis-y) 0 var(--tilt-angle);transition:rotate .22s ease,box-shadow .2s ease}.card-interacting{transition:rotate .08s ease,box-shadow .2s ease}.card-glare,.card-foil{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:3}.card-glare{background:radial-gradient(ellipse at var(--foil-x) var(--foil-y),#fff8,transparent 65%);opacity:0;mix-blend-mode:screen;transition:opacity .25s}.card-interacting .card-glare{opacity:.28}.card-holo{border-color:#d9b7ff}.card-foil{opacity:.18;background:repeating-linear-gradient(115deg,#ff77b5,#ffdf75,#7bffc6,#74baff,#c48cff,#ff77b5 60%);background-size:250% 250%;background-position:var(--foil-x) var(--foil-y);mix-blend-mode:color-dodge;filter:saturate(1.3);transition:opacity .25s,background-position .12s}.card-interacting.card-holo .card-foil,.card-holo.selected .card-foil{opacity:.42}.card-info,.card-action-btn{z-index:5}.card-holo .card-art{box-shadow:inset 0 0 8px #e3aaff55}.hand-fan-slot:has(.card-interacting){z-index:80}@media(prefers-reduced-motion:reduce){.card{rotate:none!important;transition:none}.card-foil,.card-glare{transition:none}}.hand-fan-slot,.monster-field{perspective:900px}.card.effect-target{border-color:#ffe278!important;box-shadow:0 0 0 3px #ffe278b0,0 0 24px #ffd75caa;animation:status-target-pulse 1.1s ease-in-out infinite}.monster-statuses{position:absolute;left:4px;bottom:24px;z-index:7;display:flex;gap:3px;max-width:90%;pointer-events:none}.monster-status{position:relative;display:grid;place-items:center;width:24px;height:24px;border:1px solid #fff9;border-radius:50%;background:#171329ef;box-shadow:0 1px 5px #0009;font-size:14px;line-height:1}.monster-status small{position:absolute;right:-4px;bottom:-4px;min-width:12px;height:12px;padding:0 2px;border-radius:8px;background:#fff;color:#171329;font:800 8px/12px sans-serif;text-align:center}.monster-status--confusion{border-color:#c48cff}.monster-status--burn{border-color:#ff8b39}.monster-status--paralysis{border-color:#f6e45e}.monster-status--poison{border-color:#9ff06b}.monster-status--ice{border-color:#93e6ff}.monster-status--atkChange{border-color:#ffd66d;color:#fff0be;background:#463311}.status-coin-flip{position:fixed;left:50%;top:43%;z-index:1500;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:7px;padding:18px 26px;border:2px solid #ffe092;border-radius:18px;background:#1c1637ed;color:#fff4d1;box-shadow:0 0 36px #d9b46b7a;pointer-events:none;animation:status-coin-in .26s ease-out}.status-coin-flip>span{font-size:66px;line-height:1;animation:status-coin-spin .9s ease-out}.status-coin-flip strong{font-size:clamp(14px,2vw,22px);text-align:center}.status-coin-flip small{opacity:.82}.status-coin-flip.is-blocked{border-color:#ff7c87;box-shadow:0 0 36px #ff485c85}@keyframes status-target-pulse{50%{box-shadow:0 0 0 5px #ffe2788c,0 0 30px #ffd75cdd}}@keyframes status-coin-in{0%{opacity:0;scale:.35}to{opacity:1;scale:1}}@keyframes status-coin-spin{0%{transform:rotateY(0) scale(.45)}to{transform:rotateY(900deg) scale(1)}}@media(prefers-reduced-motion:reduce){.card.effect-target,.status-coin-flip,.status-coin-flip>span{animation:none}}.has-guide .guide-controls .guide-next{min-height:44px;padding:8px 18px;font-size:17px;font-weight:800;border:2px solid #ffe194;background:#ffe194;color:#271739;flex-shrink:0}.guide-controls .guide-next:not(:disabled){animation:tutorial-next-pulse 1.3s ease-in-out infinite}@keyframes tutorial-next-pulse{50%{box-shadow:0 0 18px #ffdc85aa;filter:brightness(1.16)}}@media(max-width:699px){.has-guide .guide-controls .guide-next{font-size:14px;padding:6px 10px;min-height:42px}}@media(prefers-reduced-motion:reduce){.guide-controls .guide-next:not(:disabled){animation:none;box-shadow:0 0 8px #ffdc8580}}.field-card .card-status-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;border-radius:inherit;pointer-events:none}.field-card .card-top,.field-card .card-bottom{z-index:3}.field-card .card-info{z-index:6}.card-status-fx__burn{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.card-status-fx__burn:before{content:"";position:absolute;inset:auto -8% -14%;height:44%;background:radial-gradient(ellipse at 50% 100%,#fff3a8 0 8%,#ffb02d9c 22%,#ff54269c 50%,transparent 76%);filter:blur(9px);animation:status-fire-glow .72s ease-in-out infinite alternate}.card-status-fx__burn i{position:absolute;bottom:-5%;width:30%;height:32%;border-radius:55% 45% 38% 62%;transform-origin:50% 100%;background:linear-gradient(0deg,#ff3c20 5%,#ff8a20 53%,#ffe983 92%,#fff8);filter:blur(2px) drop-shadow(0 0 5px #ff6629);clip-path:polygon(50% 0,62% 24%,88% 9%,80% 43%,100% 62%,74% 100%,24% 100%,0 63%,24% 42%,17% 18%,42% 32%)}.card-status-fx__burn i:nth-child(1){left:2%;animation:status-flame 1.05s ease-in-out infinite alternate}.card-status-fx__burn i:nth-child(2){left:35%;height:39%;animation:status-flame .82s .18s ease-in-out infinite alternate-reverse}.card-status-fx__burn i:nth-child(3){right:1%;height:34%;animation:status-flame .94s .34s ease-in-out infinite alternate}@keyframes status-fire-glow{to{opacity:.55;transform:scaleX(.88) translateY(-4px)}}@keyframes status-flame{0%{transform:scaleY(.72) rotate(-5deg);opacity:.72}to{transform:scaleY(1.08) rotate(6deg);opacity:1}}.card-status-fx__paralysis{position:absolute;top:0;right:0;bottom:0;left:0}.card-status-fx__paralysis i{position:absolute;width:13%;height:26%;background:#fff68b;clip-path:polygon(57% 0,100% 0,67% 39%,95% 39%,18% 100%,39% 54%,7% 54%);filter:drop-shadow(0 0 3px #fff6a0) drop-shadow(0 0 8px #ffd426);opacity:0;animation:status-lightning 2.7s steps(1,end) infinite}.card-status-fx__paralysis i:nth-child(1){left:8%;top:27%;animation-delay:-.45s}.card-status-fx__paralysis i:nth-child(2){right:9%;top:49%;transform:scale(.78) rotate(15deg);animation-delay:-1.68s}.card-status-fx__paralysis i:nth-child(3){left:54%;top:17%;transform:scale(.58) rotate(-12deg);animation-delay:-2.21s}@keyframes status-lightning{0%,7%,11%,to{opacity:0}8%,10%{opacity:1}12%{opacity:.3}}.card-status-fx__ice{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 12px 2px #8be7ff9c;animation:status-ice-glow 2.4s ease-in-out infinite alternate}.card-status-fx__ice:before{content:"";position:absolute;top:-35%;right:-65%;bottom:-35%;left:-65%;background:linear-gradient(115deg,transparent 39%,#b5f5ff12 45%,#e2fbff9c 50%,#83dfff36 55%,transparent 62%);transform:translate(-75%) rotate(0);animation:status-ice-sheen 3.4s ease-in-out infinite}.card-status-fx__ice i{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #b8f3ff9c;border-radius:inherit;background:linear-gradient(145deg,#a8ecff20,transparent 43%,#61caff18);box-shadow:inset 0 0 10px #b4f6ff40}@keyframes status-ice-glow{to{box-shadow:inset 0 0 19px 3px #8be7ffb8}}@keyframes status-ice-sheen{0%,20%{transform:translate(-75%)}75%,to{transform:translate(75%)}}@media(prefers-reduced-motion:reduce){.card-status-fx__burn:before,.card-status-fx__burn i,.card-status-fx__paralysis i,.card-status-fx__ice,.card-status-fx__ice:before{animation:none}.card-status-fx__paralysis i{opacity:.55}}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-700-normal-Dort48En.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2");font-weight:800;font-display:swap}:root{--wk-font-body:Nunito,system-ui,sans-serif;--wk-font-display:Fredoka,system-ui,sans-serif;--color-surface:#19172c;--color-surface-2:#25213d;--color-border:#39334f;--color-violet:#a479f3;--color-success:#80deb1;font-family:var(--wk-font-body)}body{font-family:var(--wk-font-body)}h1,h2,h3,.action-primary,.card-name{font-family:var(--wk-font-display)}.lobby-overlay{background:radial-gradient(ellipse at 25% 20%,#322051,#100e20 70%);padding:24px;overflow-y:auto;align-items:start}.lobby-card{width:min(1060px,100%);max-height:none;margin:auto;padding:28px;background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}.lobby-heading{gap:16px;border-bottom:1px solid var(--color-border);padding-bottom:20px}.lobby-brand{display:flex;align-items:center;gap:14px}.lobby-brand img{width:68px;height:62px;object-fit:contain;border-radius:12px}.lobby-brand h1{font-size:34px;margin:0;letter-spacing:-1px}.lobby-brand small{font-size:13px;color:#b9accd}.lobby-heading select{background:var(--color-surface);border-color:var(--color-border)}.lobby-card>.menu-sound-toggle{background:var(--color-surface);border-color:var(--color-border);margin:12px 0 16px auto}.lobby-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:24px}.lobby-play-panel,.lobby-tile,.lobby-rules{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:22px}.lobby-play-panel h2,.lobby-tile h2{font-size:23px;margin:0 0 6px}.lobby-card p{font-size:14px;color:#bcb2ce;margin:8px 0 16px}.lobby-side-panel{display:flex;flex-direction:column;gap:16px}.lobby-tile{transition:border-color .15s}.lobby-tile:hover{border-color:var(--color-violet)}.lobby-card .mode-choice button,.lobby-card .deck-btn{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:12px;transition:border-color .15s,transform .15s}.lobby-card .deck-btn[aria-pressed=true],.lobby-card .mode-choice [aria-pressed=true]{outline:0;border-color:var(--color-violet);background:#45305c}.lobby-card .deck-btn:hover{transform:translateY(-2px);border-color:var(--color-violet)}.lobby-fan{height:215px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#44305d,var(--color-surface) 70%);border:1px solid #ffffff0f;border-radius:14px;margin:16px 0}.lobby-fan-card{flex:0 0 112px;height:160px;margin-left:-25px;transform-origin:50% 130%;filter:drop-shadow(0 10px 24px #0007);padding:5px;display:flex;flex-direction:column;border:2px solid #b98ae5;border-radius:7px;background:#231c35;color:#fff}.lobby-fan-card:first-child{margin-left:0}.fan-card-0{transform:rotate(-14deg) translate(-10px)}.fan-card-1{z-index:2}.fan-card-2{transform:rotate(14deg) translate(10px)}.lobby-fan-card .card-art{flex:1;min-height:0;width:100%;margin:0 0 5px}.lobby-fan-card strong{font-family:Fredoka;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-fan-card span{font-size:10px;color:#cfbbea}.lobby-stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;margin-bottom:16px;padding:12px 0}.lobby-stats span{display:flex;flex-direction:column;text-align:center;font-size:11px;color:#c1b6d5}.lobby-stats span+span{border-left:1px solid var(--color-border)}.lobby-stats b{font-size:20px;color:#fff;font-family:Fredoka;font-weight:600}.lobby-card .lobby-play{height:64px;background:linear-gradient(135deg,#a479f3,#8050d2);color:#fff;border:0;border-radius:13px;font-family:Fredoka;font-size:20px}.lobby-card .tutorial-launch{background:transparent;border:1px solid var(--color-border);border-radius:13px;min-height:56px;font-family:Fredoka;color:#dfcdfb}.lobby-card .login-form input{background:#100e20;border:1px solid var(--color-border);border-radius:12px}.lobby-card .login-form .action-primary{background:#9163df;color:#fff;border-radius:10px}.lobby-card .builder-launch{background:var(--color-surface-2);border-color:var(--color-violet);border-radius:12px;min-height:56px;font-family:Fredoka;color:#e7d5ff}.lobby-catalog-count{display:block;text-align:center;font-size:12px;color:#b7a9cb}.lobby-rules{padding:16px 20px}.lobby-rules summary{cursor:pointer;list-style:none;font-family:Fredoka;font-size:17px;display:flex;justify-content:space-between;gap:8px}.lobby-rules summary::-webkit-details-marker{display:none}.lobby-rules summary span{transition:transform .2s;color:var(--color-violet)}.lobby-rules[open] summary span{transform:rotate(180deg)}.lobby-rules p{margin:12px 0 0;font-size:13px;line-height:1.5}.lobby-card .lobby-deck-cover{display:none}.lobby-card .custom-deck-select select{background:var(--color-surface-2);border-color:var(--color-border)}@media(max-width:699px){.lobby-overlay{padding:12px}.lobby-card{padding:8px;width:100%}.lobby-heading{gap:10px;padding-bottom:12px}.lobby-brand{gap:8px}.lobby-brand img{width:44px;height:44px}.lobby-brand h1{font-size:26px}.lobby-brand small{font-size:10px}.lobby-heading select{padding:7px;font-size:12px}.lobby-layout{grid-template-columns:minmax(0,1fr);gap:16px}.lobby-play-panel,.lobby-tile{padding:16px}.lobby-fan{height:190px}.lobby-fan-card{height:145px;flex-basis:102px}.lobby-card .lobby-play{height:56px;font-size:18px}.lobby-play-panel h2,.lobby-tile h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.lobby-card *{transition:none!important}.lobby-card .deck-btn:hover{transform:none}}.story-mode-actions{display:flex;align-items:stretch;gap:10px;margin-top:12px}.lobby-card .story-mode-actions .tutorial-launch{flex:1;min-width:0;margin-top:0}.admin-edit-story{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 18px;border:1px solid #8f6ac2;border-radius:13px;background:linear-gradient(145deg,#49345e,#352744);color:#f1e6ff;font:700 14px Fredoka,system-ui,sans-serif;box-shadow:inset 0 1px #ffffff12;cursor:pointer;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s}.admin-edit-story>span{font-size:17px}.admin-edit-story:hover:not(:disabled){transform:translateY(-2px);border-color:#c9a4ff;background:linear-gradient(145deg,#624487,#47305f);box-shadow:0 8px 20px #110b1d66}.admin-edit-story:focus-visible{outline:3px solid #e2ca62;outline-offset:3px}.admin-edit-story:disabled{opacity:.55;cursor:wait}@media(max-width:699px){.story-mode-actions{flex-direction:column;gap:8px}.lobby-card .story-mode-actions .tutorial-launch{width:100%}.admin-edit-story{width:100%;min-height:48px}}.admin-tools-entry{margin-top:14px;padding-top:12px;border-top:1px solid var(--color-border)}.admin-tools-entry p{padding:10px;border-left:3px solid #f6c453;background:#372d43;border-radius:6px}.admin-tools-entry .builder-launch{width:100%}.admin-password-form{display:grid;gap:10px;margin:12px 0;padding:14px;background:#191426;border:1px solid var(--color-violet);border-radius:12px}.admin-password-form h3{margin:0;font:600 17px Fredoka,sans-serif}.admin-password-form p{margin:0;color:#c9bdd9;font-size:13px;line-height:1.4}.admin-password-form label{display:grid;gap:5px;font-size:13px;color:#d8ccea}.admin-password-form input{width:100%;min-height:42px;padding:10px 12px;background:#100e20;border:1px solid var(--color-border);border-radius:9px;color:#fff;font:inherit}.admin-password-form input:focus{outline:2px solid var(--color-violet);outline-offset:1px}.admin-password-form button{min-height:46px}.admin-password-form .admin-password-error{padding:9px;border-left:3px solid #ff687b;background:#411f31;color:#ffe0e5}.admin-password-form .admin-password-success{padding:9px;border-left:3px solid #59d8a0;background:#183b34;color:#d9fff0}.account-password-required{padding:10px;border-left:3px solid #f6c453;background:#372d43;border-radius:6px}.account-email-actions{display:flex;gap:8px;flex-wrap:wrap}.account-email-actions>button:last-child{min-height:44px;padding:8px 14px;border:1px solid var(--color-border);border-radius:9px;background:#ffffff0d;color:inherit}.account-password-settings{margin-top:10px}.account-password-toggle{min-height:40px;padding:8px 12px;border:1px solid var(--color-border);border-radius:9px;background:#ffffff0d;color:#e6d9f2;font:600 13px Fredoka,system-ui,sans-serif;cursor:pointer}.account-password-toggle:hover{border-color:var(--color-violet);background:#8f64d21f}.account-password-actions{display:flex;gap:8px;flex-wrap:wrap}.account-password-actions .action-primary{flex:1}.account-password-actions>button:last-child:not(.action-primary){min-height:44px;padding:8px 14px;border:1px solid var(--color-border);border-radius:9px;background:#ffffff0d;color:inherit}.account-avatar-control{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:10px 0;padding:10px;border:1px solid var(--color-border);border-radius:12px;background:#ffffff08}.account-avatar-preview{display:grid;place-items:center;width:48px;height:48px;flex:none;overflow:hidden;border:2px solid var(--color-violet);border-radius:50%;background:var(--color-surface-2);color:var(--color-gold);font:700 20px Fredoka,system-ui,sans-serif}.account-avatar-preview img{width:100%;height:100%;object-fit:cover}.account-avatar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-avatar-button,.account-avatar-actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid var(--color-border);border-radius:9px;background:#ffffff0d;color:#eee5fa;font:600 13px Fredoka,system-ui,sans-serif;cursor:pointer}.account-avatar-button:hover,.account-avatar-actions>button:hover{border-color:var(--color-violet);background:#8f64d21f}.account-avatar-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.account-avatar-button:has(input:focus-visible){outline:2px solid var(--color-violet);outline-offset:2px}.account-avatar-button:has(input:disabled),.account-avatar-actions>button:disabled{opacity:.55;cursor:wait}.account-avatar-message{flex-basis:100%;color:var(--color-text-muted);font-size:12px}.saved-deck-picker{margin:18px 0;padding:14px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-2)}.saved-deck-picker h3{margin:0 0 10px;font:600 17px Fredoka,system-ui,sans-serif}.saved-deck-empty{margin:0;padding:14px;border:1px dashed var(--color-border);border-radius:10px;color:var(--color-text-muted);text-align:center}.saved-deck-empty p{margin:0 0 10px}.saved-deck-empty .builder-launch{width:100%}.saved-deck-list{display:grid;gap:8px;max-height:min(38vh,330px);overflow:auto;overscroll-behavior:contain;padding:2px}.saved-deck-option{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:12px;width:100%;min-height:78px;padding:8px 11px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.saved-deck-option:hover:not(:disabled){transform:translateY(-1px);border-color:var(--color-violet)}.saved-deck-option.is-selected{border-color:var(--color-violet);background:var(--color-primary-tint);box-shadow:0 0 0 1px var(--color-violet)}.saved-deck-option:disabled{opacity:.55;cursor:not-allowed}.saved-deck-cover.tcg-card{display:block;position:relative;width:46px;height:62px;min-width:46px;overflow:hidden;padding:2px;border-radius:5px;pointer-events:none}.saved-deck-cover .card-name,.saved-deck-cover .card-text,.saved-deck-cover .card-info,.saved-deck-cover .tcg-rules,.saved-deck-cover .tcg-biography{display:none}.saved-deck-cover .card-art{width:100%;height:100%;min-height:0;margin:0}.saved-deck-cover-placeholder{display:grid;place-items:center;width:46px;height:62px;border:1px dashed var(--color-border);border-radius:5px;color:var(--color-violet);font-size:24px}.saved-deck-copy{display:grid;gap:2px;min-width:0}.saved-deck-copy strong,.saved-deck-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-deck-copy strong{font:600 15px Fredoka,system-ui,sans-serif}.saved-deck-copy small{color:var(--color-text-muted);font-size:11px}.saved-deck-check{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);font-weight:800}.saved-deck-option.is-selected .saved-deck-check{border-color:var(--color-violet);background:var(--color-primary);color:#fff}@media(max-width:699px){.saved-deck-picker{margin:14px 0;padding:10px}.saved-deck-list{max-height:min(34vh,260px)}.saved-deck-option{min-height:72px;grid-template-columns:44px minmax(0,1fr) 26px;gap:9px;padding:7px}.saved-deck-cover.tcg-card,.saved-deck-cover-placeholder{width:42px;height:58px;min-width:42px}}body.has-guide{--muted:#c6b9da;--line:#63517a70;--glass:#19172ceb;--combat-accent:#83838c;--combat-speed:7s;background:#111116;background-image:linear-gradient(135deg,#222228,#111116)}body.has-guide:before{content:"";position:fixed;top:-4%;right:-4%;bottom:-4%;left:-4%;z-index:-1;pointer-events:none;transform-origin:50% 52%;background:radial-gradient(circle at 50% 52%,transparent 0 13%,#ffffff0b 13.15% 13.35%,transparent 13.5% 25%,#ffffff0a 25.15% 25.35%,transparent 25.5% 38%,#ffffff08 38.15% 38.35%,transparent 38.5%),radial-gradient(ellipse at 50% 102%,color-mix(in srgb,var(--combat-accent) 25%,transparent),transparent 62%),linear-gradient(135deg,#222228,#111116);animation:combat-circles var(--combat-speed) ease-in-out infinite alternate}body.has-guide:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.19;filter:grayscale(1) brightness(0) invert(1);background-image:url(/assets/card-back-logo.png),radial-gradient(circle at 11% 18%,#fff 0 1px,transparent 2px),radial-gradient(circle at 29% 62%,#fff 0 1px,transparent 2px),radial-gradient(circle at 71% 17%,#fff 0 1.2px,transparent 2.2px),radial-gradient(circle at 88% 43%,#fff 0 1px,transparent 2px),radial-gradient(circle at 52% 81%,#fff 0 1.2px,transparent 2.2px),radial-gradient(circle at 18% 88%,#fff 0 1px,transparent 2px),radial-gradient(circle at 83% 77%,#fff 0 1px,transparent 2px);background-size:min(24vmin,210px),100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-position:center;background-repeat:no-repeat;animation:combat-stars calc(var(--combat-speed)*.42) ease-in-out infinite alternate}body.turn-own{--combat-accent:#347cf5}body.turn-enemy{--combat-accent:#e34d6b}body.has-guide.turn-own:before{background:radial-gradient(circle at 50% 52%,transparent 0 13%,#8ab8ff12 13.15% 13.35%,transparent 13.5% 25%,#8ab8ff10 25.15% 25.35%,transparent 25.5% 38%,#8ab8ff0c 38.15% 38.35%,transparent 38.5%),radial-gradient(ellipse at 50% 102%,#347cf53d,transparent 62%),linear-gradient(135deg,#222228,#111116)}body.has-guide.turn-enemy:before{background:radial-gradient(circle at 50% 52%,transparent 0 13%,#ff9aa812 13.15% 13.35%,transparent 13.5% 25%,#ff9aa810 25.15% 25.35%,transparent 25.5% 38%,#ff9aa80c 38.15% 38.35%,transparent 38.5%),radial-gradient(ellipse at 50% 0%,#e34d6b3b,transparent 62%),linear-gradient(135deg,#222228,#111116)}@keyframes combat-circles{0%{transform:scale(.97)}to{transform:scale(1.04)}}@keyframes combat-stars{0%{opacity:.1}to{opacity:.3}}@media(prefers-reduced-motion:reduce){body.has-guide:before,body.has-guide:after{animation:none}}.has-guide .topbar{background:#19172cf2;border-bottom-color:var(--color-border)}.brand-mini{background:transparent;overflow:hidden}.brand-mini img{width:100%;height:100%;object-fit:contain;border-radius:7px}.has-guide .timer-strip strong,.has-guide .battle-prompt,.has-guide .hud-life-line b,.has-guide .turn-banner{font-family:var(--wk-font-display);font-weight:600}.has-guide .timer-strip strong{color:#ebddff}.has-guide .icon-button,.has-guide .turn-banner button{background:var(--color-surface-2);border:1px solid var(--color-border);transition:border-color .15s}.has-guide .icon-button:hover,.has-guide .turn-banner button:hover{border-color:var(--color-violet)}.has-guide .turn-banner{background:linear-gradient(90deg,#292249,#284776,#292249);border-bottom-color:#789ee5;color:#e7eeff}.has-guide.turn-enemy .turn-banner{background:linear-gradient(90deg,#30203c,#753246,#30203c);border-bottom-color:#dd799a;color:#ffdeeb}.has-guide .turn-dot{background:#91beff;box-shadow:0 0 9px #80b4ff}.has-guide.turn-enemy .turn-dot{background:#ff98b5;box-shadow:0 0 9px #ff83a8}.has-guide .compact-hud{background:var(--glass);border-color:var(--color-border);box-shadow:0 4px 18px #09051245;border-radius:12px}.has-guide .compact-hud--player{border-left:3px solid #89b0f6}.has-guide .compact-hud--bot{border-left:3px solid #eb89a8}.has-guide .hud-life-line strong{color:#e0d5ef;font-weight:700}.has-guide .hud-life-line b{color:#fff}.has-guide .life-track{background:#ffffff14}.has-guide .life-track span{background:linear-gradient(90deg,var(--color-success),var(--color-violet))}.has-guide .compact-hud--bot .life-track span{background:linear-gradient(90deg,#dc7497,#bb87df)}.has-guide .hud-counts{color:#bbaecd}.has-guide .action-bar{background:linear-gradient(135deg,#25213ded,#19172cf2);border-color:var(--color-border);border-radius:14px;box-shadow:0 5px 22px #09051240}.has-guide .battle-prompt{color:#f1e6ff}.has-guide .action-primary,.has-guide .card-action-btn,.has-guide .deck-redraw:not(:disabled){background:linear-gradient(135deg,#a479f3,#8050d2);color:#fff;border:1px solid #bc98f660;box-shadow:0 3px 12px #7d4dc82b;font-family:var(--wk-font-display);font-weight:500}.has-guide .action-primary--danger{background:linear-gradient(135deg,#d66391,#a73f6e);border-color:#e69cb76b}.has-guide .end-turn{background:var(--color-surface-2);border-color:#76618f;color:#e0cfef;font-family:var(--wk-font-display);font-weight:500}.has-guide .action-primary:hover:not(:disabled),.has-guide .end-turn:hover:not(:disabled),.has-guide .deck-redraw:hover:not(:disabled){filter:brightness(1.12)}.has-guide .battlefield-row{background:radial-gradient(ellipse at 50% 100%,#40325955,#19172c55 75%);border:1px solid #ffffff12;border-radius:14px;padding:3px}.has-guide .battlefield-row--enemy{border-top-color:#d9769b50}.has-guide .battlefield-row--own{border-bottom-color:#88aafb60}.has-guide .empty-slot{background:linear-gradient(145deg,#30244270,#19172c60);border-color:#ad92cd65}.has-guide .hand-scroller{background:radial-gradient(ellipse at 50% 100%,#4c356763,transparent 75%);scrollbar-color:#a479f377 transparent}.has-guide .card:not(.equipment):not(.effect):not(.terrain){background:linear-gradient(150deg,#57406f,#20182f)}.has-guide .field-card .card-top,.has-guide .field-card .card-bottom{background:#19132be3}.has-guide .card-info{background:#211633de;color:#e5ccff}.has-guide .deck-count{background:#211633ee;border:1px solid #8d6fad70}.has-guide .deck-redraw:disabled{background:var(--color-surface-2);border-color:var(--color-border);color:#c6b9da}.has-guide .card-dialog,.has-guide .end-card{background:var(--color-surface);border-color:var(--color-border)}.has-guide .quiz-panel{background:var(--color-surface);border-color:#ba91e3}.has-guide .quiz-answers button{background:var(--color-surface-2);border-color:var(--color-border);color:#eee2fc;transition:border-color .15s,background .15s}.has-guide .quiz-answers button:hover{background:#3c2e54;border-color:var(--color-violet)}.has-guide .quiz-answers b{border-color:#a479f3;color:#d4b5ff}@media(max-width:699px){.has-guide .battlefield-row{border-radius:9px;padding:1px}.has-guide .compact-hud{border-radius:8px}.has-guide .action-bar{border-radius:10px}}@media(prefers-reduced-motion:reduce){.has-guide .icon-button,.has-guide .turn-banner button,.has-guide .quiz-answers button{transition:none}}.compact-hud .hud-life{position:relative;align-self:center;height:30px;min-width:0;padding:0;background:#171426;border:2px solid #d4c8eb;border-radius:3px;box-shadow:0 0 0 1px #514064,0 2px 6px #0006;transform:skew(-3deg)}.compact-hud .hud-life-line{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;align-items:center;padding:0 5px;gap:4px;transform:skew(3deg)}.compact-hud .hud-life-line strong{position:relative;align-self:flex-start;margin-top:1px;max-width:calc(100% - 76px);font-size:10px;color:#fff;text-shadow:0 1px 3px #000,0 0 4px #000}.compact-hud .hud-life-line b{height:100%;margin-left:auto;display:flex;align-items:center;color:#ffec86;filter:drop-shadow(0 1px 2px #000);min-width:0}.life-digits{display:block;width:auto;height:26px;max-width:100%;fill:currentColor;overflow:visible}.compact-hud .life-track{position:absolute;top:2px;right:2px;bottom:2px;left:2px;height:auto;margin:0;border:0;border-radius:0;background:#100f1c;clip-path:none;overflow:hidden}.compact-hud .life-track span,.has-guide .compact-hud .life-track span{background:linear-gradient(90deg,color-mix(in srgb,var(--life-color) 85%,#111),var(--life-color));box-shadow:inset 0 1px #ffffff45;transition:none;border-radius:0}@media(max-width:699px){.compact-hud .hud-life,.has-guide .compact-hud .hud-life{height:24px;padding:0;border-width:2px}.compact-hud .hud-life-line,.has-guide .compact-hud .hud-life-line{padding:0 3px;gap:2px}.compact-hud .hud-life-line strong,.has-guide .compact-hud .hud-life-line strong{font-size:8px;max-width:calc(100% - 52px)}.compact-hud .life-track,.has-guide .compact-hud .life-track{height:auto;margin:0;top:1px;right:1px;bottom:1px;left:1px}.life-digits{height:19px}}.hud-life .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@font-face{font-family:GlitchGoblin;src:url(/fonts/GlitchGoblin.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}.compact-hud .life-digits{font-family:GlitchGoblin,monospace;font-size:30px;font-weight:400;line-height:1;height:auto;white-space:nowrap;font-variant-numeric:tabular-nums;font-synthesis:none}@media(max-width:699px){.compact-hud .life-digits{font-size:22px}}.tribute-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none;--aura:#dceafa;--aura-shadow:#b7d6ff80}.tribute-gold{--aura:#ffe59b;--aura-shadow:#ffcf6680}.tribute-remnant{position:absolute;pointer-events:none}.tribute-fragment{position:absolute;top:0;right:0;bottom:0;left:0;animation:tribute-dissolve .62s ease-out var(--delay) both;will-change:transform,opacity;filter:drop-shadow(0 0 2px var(--aura))}.tribute-fragment .field-card{width:100%;height:100%;max-height:none;max-width:none;container-type:normal;pointer-events:none}.tribute-reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#100b20b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:tribute-screen 2s .65s both;overflow:hidden}.tribute-rays{position:absolute;width:150vmax;height:150vmax;background:repeating-conic-gradient(from 0deg,transparent 0deg 12deg,var(--aura-shadow) 14deg 16deg,transparent 20deg 30deg);-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 60%);mask-image:radial-gradient(circle,#000 0%,transparent 60%);animation:tribute-ray-spin 10s linear infinite}.tribute-halo{position:absolute;width:min(70vw,540px);aspect-ratio:1;border:1px solid var(--aura);border-radius:50%;box-shadow:0 0 55px var(--aura-shadow),inset 0 0 75px var(--aura-shadow);transform:rotateX(55deg);animation:tribute-halo-pulse 1.1s ease-in-out infinite alternate}.tribute-showcase{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;animation:tribute-arrive 2s .65s both;filter:drop-shadow(0 0 25px var(--aura-shadow))}.tribute-showcase>.card{width:min(250px,55vw);height:min(360px,48dvh);border:2px solid var(--aura);border-radius:9px;box-shadow:0 0 0 4px #fff1,0 0 40px var(--aura-shadow);pointer-events:none}.tribute-showcase .card-text{display:block}.tribute-showcase .card-name{font-size:19px}.tribute-showcase .card-art{min-height:0}.tribute-showcase .card-bottom{font-size:14px}.tribute-showcase .card-bottom strong{font-size:24px}.tribute-caption{text-align:center;display:flex;flex-direction:column;gap:4px;color:var(--aura);text-shadow:0 2px 10px #000;font-family:var(--wk-font-display)}.tribute-caption span{text-transform:uppercase;letter-spacing:3px;font-size:12px}.tribute-caption strong{font-size:clamp(23px,5vw,36px)}.tribute-caption small{font-size:17px;letter-spacing:3px}@keyframes tribute-dissolve{0%{opacity:1;transform:none}35%{opacity:.9}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(.7)}}@keyframes tribute-screen{0%{opacity:0}12%,86%{opacity:1}to{opacity:0}}@keyframes tribute-arrive{0%{opacity:0;transform:translateY(35px) scale(.65) rotateY(-25deg)}18%{opacity:1;transform:translateY(-6px) scale(1.04)}32%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(-20px) scale(.92)}}@keyframes tribute-ray-spin{to{transform:rotate(360deg)}}@keyframes tribute-halo-pulse{to{opacity:.5;scale:1.15}}@media(prefers-reduced-motion:reduce){.tribute-fragment{animation:tribute-screen .45s both}.tribute-rays,.tribute-halo{animation:none}.tribute-showcase{animation:tribute-screen 2s .65s both}}.tribute-confirm{position:fixed;margin:auto;width:min(460px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:26px;border:1px solid #bd99f3;border-radius:18px;background:#19172c;color:#f3eaff;box-shadow:0 20px 80px #0008;font-family:var(--wk-font-body)}.tribute-confirm::backdrop{background:#100a20b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.tribute-confirm-symbol{display:block;font-size:30px;color:#d8bcff;text-align:center}.tribute-confirm h2{font-family:var(--wk-font-display);text-align:center;margin:8px 0 16px;font-size:28px}.tribute-confirm p{font-size:15px;line-height:1.5;color:#d7cbe6}.tribute-confirm-cards{display:flex;align-items:center;gap:12px;padding:14px;background:#25213d;border:1px solid #39334f;border-radius:12px}.tribute-confirm-cards span{flex:1;min-width:0;font-size:12px;color:#bbaecd;overflow-wrap:anywhere}.tribute-confirm-cards span:nth-child(2){flex:0}.tribute-confirm-cards b{display:block;color:#fff;font-size:14px;margin-top:5px}.tribute-confirm-time{text-align:center;font-variant-numeric:tabular-nums}.tribute-confirm-buttons{display:flex;gap:10px}.tribute-confirm-buttons button{flex:1;min-height:46px;font-family:var(--wk-font-display)}.tribute-confirm-buttons .action-primary{background:linear-gradient(135deg,#a479f3,#8050d2);color:#fff}.tribute-confirm-buttons .end-turn{background:#25213d;color:#eee1ff;border-color:#706080}@media(max-width:480px){.tribute-confirm{padding:20px}.tribute-confirm p{font-size:14px}}.card-inspector{inset:12px auto 12px 12px;margin:0;width:300px;height:calc(100dvh - 24px);max-height:none;padding:0;border:1px solid #a479f3;border-radius:16px;background:#19172cf5;box-shadow:0 10px 45px #0008;overflow:auto;z-index:100;scrollbar-width:thin;scrollbar-color:#a479f377 transparent}.inspector-heading{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#19172c;z-index:6;padding:12px 12px 10px 16px;border-bottom:1px solid #39334f}.inspector-heading h2{margin:0;font-size:21px;line-height:1.1;font-family:var(--wk-font-display)}.inspector-close{width:42px;height:42px;flex:none;border:1px solid #51416b;border-radius:10px;background:#25213d;color:#ebdaff;font-size:28px;line-height:1}.inspector-close:hover{border-color:#a479f3}.inspector-content{padding:14px;display:flex;flex-direction:column;gap:12px}.card-inspector .hand-card{width:100%;height:min(370px,49dvh);min-height:260px;flex:none;pointer-events:auto;border-radius:8px}.card-inspector .card-top{min-height:28px;padding-right:0}.card-inspector .card-name{font-size:18px}.card-inspector .card-art{min-height:0}.card-inspector .card-text{display:none}.card-inspector .card-bottom{font-size:14px}.card-inspector .card-bottom strong{font-size:24px}.inspector-stats{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.inspector-stats div{padding:8px 10px;background:#25213d;border:1px solid #39334f;border-radius:9px;min-width:0}.inspector-stats dt{font-size:11px;color:#b9accd}.inspector-stats dd{margin:3px 0 0;font-weight:800;font-size:15px;overflow-wrap:anywhere;color:#f3eaff}.inspector-description{padding:12px;background:#25213d;border:1px solid #39334f;border-radius:10px}.inspector-description h3{margin:0 0 7px;font-size:16px;color:#d9bbff}.inspector-description p{margin:4px 0;font-size:13px;line-height:1.5;color:#dfd4eb}.inspector-content a{color:#ceacff;font-size:12px}.inspector-content .art-credit{margin:0;font-size:10px;line-height:1.4}.inspector-content .art-credit a{font-size:10px}@media(min-width:900px)and (pointer:fine){body.card-inspecting #root{padding-left:324px}}@media(max-width:899px),(pointer:coarse){.card-inspector{top:0;right:0;bottom:0;left:0;margin:auto;width:min(370px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 28px)}.card-inspector::backdrop{background:#100a2040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-inspector .hand-card{height:min(400px,47dvh);min-height:190px}.inspector-heading h2{font-size:20px}}@media(min-width:900px)and (pointer:fine){.card-dialog.card-inspector{background:linear-gradient(180deg,#19172cf5,#19172cf5 58%,#19172cc0 72%,#19172c50 87%,#19172c00);border-color:transparent;box-shadow:none}.inspector-content{perspective:1000px;padding-inline:18px}.card-inspector .hand-card{transform-origin:center;transition:rotate .16s ease-out,box-shadow .16s;will-change:rotate}.card-inspector .hand-card.card-interacting{box-shadow:0 8px 24px #0005,0 0 15px #a479f32a}}@media(prefers-reduced-motion:reduce){.card-inspector .hand-card{transition:none;will-change:auto}}.hud-shields img.is-arriving{opacity:.18;filter:grayscale(1)}.shield-gain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;pointer-events:none;overflow:hidden}.shield-gain-token{position:absolute;left:50%;top:50%;width:calc(var(--shield-size,260px)*.8);height:var(--shield-size,260px);margin-left:calc(var(--shield-size,260px)*-.4);margin-top:calc(var(--shield-size,260px)*-.5);filter:drop-shadow(0 0 24px #c6a1ff90);animation:shield-gain-appear .3s ease-out both;will-change:transform}.shield-gain-token img{width:100%;height:100%;object-fit:contain;display:block}.shield-gain-token.is-flying{animation:shield-gain-flight .65s cubic-bezier(.4,0,.2,1) both}@keyframes shield-gain-appear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes shield-gain-flight{0%{transform:translate(0) scale(1);filter:drop-shadow(0 0 24px #c6a1ff90)}to{transform:translate(var(--shield-dx),var(--shield-dy)) scale(var(--shield-sx),var(--shield-sy));filter:drop-shadow(0 0 4px #c69bffb0)}}@media(prefers-reduced-motion:reduce){.shield-gain-token{animation:none;will-change:auto}.shield-gain-token.is-flying{animation:none}}@media(hover:hover)and (pointer:fine){.hud-shields img.is-on:not(.is-arriving){transform:perspective(220px) rotateX(var(--shield-rx,0deg)) rotateY(var(--shield-ry,0deg));transform-origin:center;transition:transform .16s ease-out,filter .2s}.hud-shields img.is-on:not(.is-arriving):hover{filter:drop-shadow(0 0 7px #d4b6ffcc)}}@media(prefers-reduced-motion:reduce){.hud-shields img.is-on:not(.is-arriving){transform:none;transition:none}}.shield-loss-token{position:absolute;left:50%;top:50%;width:var(--explosion-width,712px);aspect-ratio:712/400;translate:-50% -50%;animation:shield-loss-flight .35s cubic-bezier(.2,.7,.2,1) both;will-change:transform}.shield-loss-face{position:absolute;left:39.8876%;top:28.75%;width:20.2247%;height:42.5%;object-fit:fill}.shield-loss-gif{display:block;width:100%;height:100%;object-fit:contain}.shield-loss-token.is-exploding{animation:none;transform:none}@keyframes shield-loss-flight{0%{transform:translate(var(--loss-dx),var(--loss-dy)) scale(var(--loss-sx),var(--loss-sy))}to{transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.shield-loss-token{animation:none;will-change:auto}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#211a33;--color-bg-app:#1b152a;--color-sidebar:#1d1730;--color-surface:#30263f;--color-surface-2:#382d4a;--color-border:#463a5a;--color-text:#f5f0ff;--color-text-muted:#b7aaca;--color-accent:#b8a7ff;--color-accent-contrast:#1b152a;--color-primary:#705de9;--color-primary-shadow:#5847c9;--color-primary-top:#7a68ee;--color-primary-bottom:#6552dc;--color-primary-glow:#705de973;--color-primary-glow-strong:#705de999;--color-primary-halo:#705de959;--color-primary-tint:#705de933;--color-primary-hover:#816ef6;--color-line:#ffffff13;--color-control:#30263fa8;--color-panel:#30263f9e;--color-panel-line:#ffffff17;--shadow-float:0 12px 40px #00000045;--shadow-sheet:0 -18px 60px #0000004d;--shadow-dialog:0 20px 100px #00000045;--color-toast:#42314f;--color-ghost-line:#b49ac24d;--color-ghost-line-hover:#c6a9ff8c;--color-glass-faint:#ffffff06;--color-danger-line:#ff8a8a73;--color-gold-text:#f6d581;--color-gold-line:#f6c45330;--color-gold-tint:#f6c4530e;--color-gold-tint-strong:#f6c4531a;--color-gold:#f6c453;--color-danger:#ff8a8a;--color-success:#6fdca6;--color-glass:#ffffff0d;--color-glass-border:#ffffff1a;--wk-glass-fill:linear-gradient(var(--color-glass), var(--color-glass)) var(--color-surface-deep);--scene-top:#211a33;--scene-bottom:#5c486e;--scene-star:#e6d7ff;--scene-moon:#eadcff;--scene-snow:#e0cfea;--scene-ridge-far:#615273;--scene-ridge-mid:#574567;--scene-ridge-face:#766182;--scene-hill-back:#4c3c5d;--scene-hill-front:#392d49;--scene-pine-far:#44354f;--scene-pine-front:#2f243d;--scene-veil-faint:#211a3314;--scene-veil-light:#211a3324;--scene-veil-side:#211a336b;--scene-veil-strong:#211a33bd;--star:#fff;--color-violet:#9d88ff;--color-violet-soft:#b8a7ff;--color-violet-pale:#d6ccff;--color-silver:#d7d9ea;--color-bronze:#d9a06b;--color-violet-bright:#705de9;--color-teal:#1fb5a0;--color-teal-deep:#1f9d8a;--color-pink:#c93f7a;--color-pink-bright:#f06aa6;--color-blue:#7fa6ff;--color-orange:#f59e6b;--color-gold-ink:#5a3f00;--color-moments-panel:#30263f99;--color-moments-panel-strong:#30263fd9;--color-moments-line:#b8a7ff24;--color-moments-ticker:#30263fcc;--color-live:#5fd3a4;--color-surface-deep:#2a2139;--color-overlay:#15101fc7;--color-overlay-soft:#1b152ab8;--color-topbar:#211a33db;--wk-topbar-h:0px;--color-primary-line:#b8a7ff52;--color-primary-line-soft:#b8a7ff33;--color-gold-sweep-faint:#f6c45306;--color-gold-sweep:#f6c45330;--color-gold-sweep-edge:#f6c45399;--color-radar-halo:#9471d536;--color-radar-halo-soft:#9870e21a;--color-gold-clear:#f6c45300;--color-success-halo:#6fdca680;--color-pink-halo:#f06aa680;--color-star-pale:#e8e6ff;--color-star-gold:#fff4d1;--color-orb-core:#fff7d7;--color-orbit:#dbc3ff70;--color-fox-line:#e4ebff;--color-fox-halo:#e6eeff;--color-fox-halo-tint:#bcd0ff;--color-fox-spark:#cddbff;--color-fox-eye:#e8efff;--color-fox-pupil:#211a33;--color-discord:#5865f2;--color-discord-hover:#6a76f5;--color-google-ink:#211a33;--color-google-hover:#f3efff;--color-google-blue:#4285f4;--color-google-green:#34a853;--color-google-yellow:#fbbc05;--color-google-red:#ea4335;--color-field:#251b34;--color-field-line:#4f4163;--color-field-focus:#b8a7ff38;--color-field-error:#ff8a8a2e;--color-field-placeholder:#8d7fa3;--color-auth-card:#30253ee6;--color-auth-line:#463a5a;--color-footer-star:#c9a24a;--rarity-c:#7d8597;--rarity-pc:#2f9e6e;--rarity-r:#2f7fd6;--rarity-sr:#7a4fd6;--rarity-ur:#d6304f;--rarity-l:#e0a800;--rarity-l-symbol:#a67c00;--rarity-mark-c:#a3abbd;--rarity-mark-pc:#3fcf8e;--rarity-mark-r:#5aa2ff;--rarity-mark-sr:#a98bff;--rarity-mark-ur:#ff5c76;--rarity-mark-l:#ffd23f;--rarity-glow-c:#b4bccd;--rarity-glow-pc:#3fcf8e;--rarity-glow-r:#7fb2ff;--rarity-glow-sr:#a98bff;--rarity-glow-ur:#ff5c76;--rarity-glow-l:#ffd23f;--rarity-ring-sr:#b48cff;--rarity-badge-c:#5d6577;--rarity-badge-pc:#237a55;--rarity-badge-r:#2766b0;--rarity-badge-sr:#7a4fd6;--rarity-badge-ur:#b0263f;--rarity-badge-l:#8a6700;--card-c-bg:#e8eaef;--card-c-art:#d3d7e0;--card-c-ink:#40475a;--card-pc-bg:#d8f3e6;--card-pc-art:#b5e6cf;--card-pc-ink:#1d6b4a;--card-r-bg:#dbe8fb;--card-r-art:#b9d1f4;--card-r-ink:#1d4f8a;--card-sr-bg:#e7defc;--card-sr-art:#cfbff6;--card-sr-ink:#553199;--card-ur-bg:#fddbe0;--card-ur-art:#f9b4c0;--card-ur-ink:#8a1730;--card-l-bg:#fff6cc;--card-l-art:#ffe88a;--card-l-ink:#6b5000;--card-text:#1b1b2f;--card-text-soft:#2d2e4a;--card-halo-r:#2f7fd640;--card-halo-sr:#7a4fd659;--card-halo-ur:#d6304f73;--card-halo-l:#ffd23f8c;--fx-pink:#ff6b9d;--fx-gold:#f6c453;--fx-green:#5fd3a4;--fx-cyan:#2a9fd6;--fx-violet:#a79dff;--fx-night:#141334;--fx-gold-deep:#8c5a00;--fx-gold-light:#fff5d7;--fx-grain:#5a3c00;--fx-moon:#fff0c8;--fx-dusk:#281046;--fx-mist:#966ed2;--fx-ink:#1a0f33;--fx-fog:#785aaa;--color-sheet-line:#3f3352;--color-sheet-panel-line:#4a3d5e;--color-sheet-dot:#6a5a80;--color-sheet-on:#705de94d;--color-text-soft:#d2c5e0;--color-text-faint:#b9abcc;--color-text-dim:#8f80a6;--color-slot-line:#b797d542;--color-slot-fill:#38234321;--color-slot-text:#9f85b5;--color-judge-bubble:#f0e8f7;--color-judge-ink:#473152;--color-fav:#ff6b9d;--color-fav-tint:#ff6b9d38;--wk-rail-w:88px;--wk-tabbar-h:64px;--color-rail:#211a33f5;--color-rail-line:#ffffff13;--color-rail-text:#a99abf;--color-rail-text-hover:#fff;--color-tabbar:#211a33f2;--color-popover:#30233ef5;--color-popover-line:#cbb0ef36;--color-popover-inset:#b8a7ff1f;--color-grip:#5a4a70;--color-duel-top:#8c76ff;--color-duel-bottom:#5b4ce6;--color-avatar-ring:#8f79df;--color-gold-glow:#f6c453e6;--color-gold-soft:#f6c45399;--color-gold-halo:#f6c45373;--family-person:#ff9a5c;--family-place:#3fcfb7;--family-nature:#7ed957;--family-science:#7fa6ff;--family-art:#f06aa6;--family-sport:#ff6b6b;--family-food:#c89bff;--family-history:#f6c453;--galaxy-person:#f59e6b;--galaxy-place:#3fcfb7;--galaxy-nature:#7fd36a;--galaxy-science:#7fa6ff;--galaxy-art:#f06aa6;--galaxy-sport:#ff6b6b;--galaxy-food:#c9a4ff;--galaxy-history:#f6c453;--pack-world:#5b4ce6;--pack-welcome:#c9822b;--pack-season:#d9733a;--pack-referral:#2b8fb3;--pack-country:#1f9d8a;--pack-empty:#45385a;--pack-person:#d9733a;--pack-place:#2b8fb3;--pack-nature:#4f9e2a;--pack-science:#3f6fd1;--pack-art:#c93f7a;--pack-sport:#d64545;--pack-food:#8a5cd6;--pack-history:#c9822b;--pack-giant:#dea647;--giant-body:#36264d;--giant-gold-1:#c58b36;--giant-gold-2:#ffe2a0;--giant-gold-3:#dea647;--giant-gold-4:#f8d990;--giant-gold-5:#ac742b;--giant-gold-ink:#62411a;--giant-gold-light:#fff9;--giant-gold-shade:#75452254;--giant-tile:#fff3d5;--giant-tile-shadow:#51332121;--giant-paper:#d1b5ee;--giant-paper-line:#c3a4e8;--giant-paper-ink:#684589;--giant-paper-tile:#f3e8ff;--giant-paper-tile-ink:#9671c9;--giant-mystery-top:#65528b;--giant-mystery-bottom:#34264f;--giant-mystery-ink:#e5d5ff;--giant-mystery-tile:#c8b3e521;--giant-glow:#8761d83b;--giant-glow-open:#a787eb54;--giant-orbit:#b8a7ff24;--giant-orbit-faint:#b8a7ff12;--giant-shadow:#10081f70;--giant-halo:#b8a7ff1a;--giant-meter-start:#9276ee;--giant-panel-from:#3a2e4a99;--giant-panel-to:#30263f66;--giant-panel-line:#b8a7ff26;--giant-avatar:#564474;--giant-avatar-2:#a46d5f;--giant-avatar-3:#396d66;--giant-avatar-ink:#e3d5ff;--giant-milestone:#705de9;--giant-milestone-line:#aa94ff;--wk-font-display:"Fredoka", system-ui, sans-serif;--wk-font-body:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root{--bg:var(--color-bg-app);--glass:var(--color-panel);--line:var(--color-border);--muted:var(--color-text-muted);color:var(--color-text)}body{background-color:var(--color-bg-app);color:var(--color-text)}.lobby-overlay{background:radial-gradient(ellipse at 30% 15%,#493760,var(--color-bg-app) 75%)}.lobby-brand img{border-radius:0;filter:drop-shadow(0 4px 12px #705de944)}.lobby-card p,.lobby-brand small,.lobby-catalog-count{color:var(--color-text-muted)}.lobby-play-panel,.lobby-tile,.lobby-rules,.lobby-stats,.lobby-card .mode-choice button,.lobby-card .deck-btn,.lobby-card .builder-launch,.has-guide .action-bar,.has-guide .compact-hud,.has-guide .quiz-panel,.card-dialog,.inspector-stats>div,.inspector-description{background:var(--color-surface);border-color:var(--color-border)}.lobby-stats,.lobby-card .mode-choice button,.lobby-card .deck-btn,.inspector-stats>div{background:var(--color-surface-2)}.lobby-fan{background:radial-gradient(ellipse at 50% 100%,var(--color-surface-2),var(--color-surface) 70%)}.lobby-fan-card{background:var(--color-surface-deep);border-color:var(--color-violet)}.lobby-card .deck-btn[aria-pressed=true],.lobby-card .mode-choice [aria-pressed=true]{background:var(--color-primary-tint);border-color:var(--color-violet)}.lobby-card .lobby-play,.lobby-card .login-form .action-primary,.has-guide .action-primary,.card-action-btn,.deck-builder .action-primary{background:var(--color-primary);color:#fff;box-shadow:0 10px 24px -10px var(--color-primary-glow);border-radius:12px}.lobby-card .lobby-play:hover,.has-guide .action-primary:hover:not(:disabled),.card-action-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 12px 26px -10px var(--color-primary-glow-strong)}.lobby-card .tutorial-launch,.lobby-card .builder-launch,.has-guide .end-turn{background:var(--color-glass-faint);border-color:var(--color-ghost-line);color:var(--color-text-soft)}.lobby-card .login-form input,.lobby-card select,.builder-search input,.builder-filters input,.builder-filters select{background:var(--color-field);border-color:var(--color-field-line);color:var(--color-text)}.has-guide .topbar{background:var(--color-topbar);border-color:var(--color-border)}.has-guide .battlefield-row{background:var(--color-panel);border-color:var(--color-panel-line)}.has-guide .empty-slot{border-color:var(--color-slot-line);background:var(--color-slot-fill)}.has-guide .action-primary--danger{background:var(--color-danger);color:var(--color-bg-app)}.has-guide .turn-banner{background:linear-gradient(90deg,#705de966,#30263fd9);border-color:var(--color-primary-line)}.has-guide.turn-enemy .turn-banner{background:linear-gradient(90deg,#c93f7a66,#30263fd9);border-color:var(--color-pink)}.compact-hud .hud-life{border-color:var(--color-violet-pale);background:var(--color-surface-deep)}.compact-hud .hud-life-line b{color:var(--color-gold-text)}.coin-w{background-image:url(/coin/coin-w-logo.svg);background-size:100% 100%;background-position:center}.bot-card-back{background:var(--color-bg-app) url(/assets/card-back-logo.png) center/80% auto no-repeat;border-color:var(--color-gold)}.has-guide .quiz-answers button{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text)}.has-guide .quiz-answers button:hover{background:var(--color-primary-tint);border-color:var(--color-violet)}.card-dialog.card-inspector{background:linear-gradient(180deg,#30263ff5,#30263ff5 58%,#30263fc2 72%,#30263f58 87%,#30263f00)}@media(max-width:899px),(pointer:coarse){.card-dialog.card-inspector{background:var(--color-surface)}}.deck-builder{background:var(--color-bg-app);color:var(--color-text)}.builder-header,.builder-library,.builder-workspace,.builder-save{background:var(--color-surface);border-color:var(--color-border)}.builder-filters,.builder-deck-tools,.builder-deck-summary,.empty-deck-slot{background:var(--color-surface-2);border-color:var(--color-border)}.builder-filters input,.builder-deck-tools input,.builder-deck-tools select,.builder-filters select{background:var(--color-field);border-color:var(--color-field-line);color:var(--color-text)}.builder-save button,.generate-deck{background:var(--color-primary);color:#fff;border-color:var(--color-primary-line)}.delete-deck{color:var(--color-danger)}.monster-slot{position:relative;isolation:isolate;--slot-glow:#ff687c}.monster-slot.slot-available{--slot-glow:#6fdca6}.monster-slot.slot-occupied{--slot-glow:#f6c453}.monster-slot:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:9px;padding:2px;background:conic-gradient(from var(--field-halo-angle),transparent 0deg,var(--slot-glow) 90deg,transparent 180deg,var(--slot-glow) 270deg,transparent 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:field-halo-spin 3s linear infinite;opacity:.8;z-index:-1}@property --field-halo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes field-halo-spin{to{--field-halo-angle:360deg}}.field-slot-plus{font-family:var(--wk-font-display);font-size:38px;font-weight:600;color:var(--slot-glow);text-shadow:0 0 16px color-mix(in srgb,var(--slot-glow) 40%,transparent);opacity:.75}.empty-slot{display:flex;align-items:center;justify-content:center}.field-card,.empty-slot,.has-guide .field-card,.has-guide .empty-slot{width:min(96%,75cqh,165px);height:auto;max-width:165px;max-height:185px;aspect-ratio:4/5}.hand-track,.has-guide .hand-track{--fan-width:clamp(96px,14dvh,145px)}.hand-fan-slot>.hand-card,.has-guide .hand-fan-slot>.hand-card{width:var(--fan-width);height:calc(var(--fan-width)*1.25);aspect-ratio:4/5}@media(orientation:landscape)and (max-height:600px){.hand-track,.has-guide .hand-track{--fan-width:116px}.hand-fan-slot,.hand-fan-slot:last-child,.has-guide .hand-fan-slot,.has-guide .hand-fan-slot:last-child{width:116px}.hand-fan-slot>.hand-card,.has-guide .hand-fan-slot>.hand-card{width:116px;height:145px}}@media(prefers-reduced-motion:reduce){.monster-slot:before{animation:none}}@media(min-width:700px)and (min-height:601px){.field-card,.has-guide .field-card{width:min(96%,64cqh,205px);height:auto;max-width:96%;max-height:96%;aspect-ratio:2/3}}.story-lobby{padding:clamp(8px,2vw,24px);overflow:auto;background:#100f18}.story-scene{position:relative;isolation:isolate;overflow:hidden;width:min(1320px,100%);min-height:min(760px,calc(100dvh - 32px));margin:auto;border:1px solid #ffffff30;border-radius:18px;color:#fff;background:linear-gradient(180deg,#5889a5,#b2b9a0 44%,#5f6870 45%,#293342);box-shadow:0 24px 80px #000a}.story-scene.story-background--arena,.admin-story-background-preview.story-background--arena{background-image:linear-gradient(180deg,#10131c20,#11131ce0),url(/assets/arena_background.png);background-position:center;background-size:cover}.story-scene.story-background--city,.admin-story-background-preview.story-background--city{background:radial-gradient(ellipse at 70% 22%,#a64b8870,transparent 35%),linear-gradient(180deg,#252346,#404465 52%,#202438 53%,#111723)}.story-scene.story-background--forest,.admin-story-background-preview.story-background--forest{background:radial-gradient(ellipse at 50% 45%,#9ab77748,transparent 42%),linear-gradient(180deg,#789d9a,#bfcc9d 48%,#385344 49%,#162a2b)}.story-scene.story-background--city .story-scene-sky,.story-scene.story-background--forest .story-scene-sky,.story-scene.story-background--arena .story-scene-sky{display:none}.story-scene.story-background--city:after{content:"";position:absolute;z-index:0;top:27%;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0 27%,#16192a 27.2%),repeating-linear-gradient(90deg,transparent 0 7%,#181a2d 7.2% 10%,transparent 10.2% 14%,#24253c 14.2% 18%,transparent 18.2% 24%);clip-path:polygon(0 12%,7% 12%,7% 28%,15% 28%,15% 0,25% 0,25% 24%,34% 24%,34% 8%,41% 8%,41% 35%,52% 35%,52% 14%,61% 14%,61% 4%,72% 4%,72% 28%,83% 28%,83% 10%,92% 10%,92% 30%,100% 30%,100% 100%,0 100%);pointer-events:none}.story-scene.story-background--forest:after{content:"";position:absolute;z-index:0;top:24%;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 8%,#17342be0 8.2% 10%,transparent 10.2% 16%),linear-gradient(180deg,transparent 0 56%,#162c2b 56.5%);clip-path:polygon(0 10%,8% 0,15% 18%,22% 0,29% 20%,36% 0,44% 14%,52% 0,60% 20%,68% 0,77% 15%,85% 0,93% 18%,100% 2%,100% 100%,0 100%);pointer-events:none}.story-scene:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#11141d9c,transparent 22% 76%,#11141d68),linear-gradient(0deg,#0d1019,#0d101900 50%);pointer-events:none}.story-scene-sky{position:absolute;top:0;right:0;bottom:26%;left:0;overflow:hidden;background:linear-gradient(175deg,#78a4b3,#d2c9a6 65%,#857a60)}.story-scene-sky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0 6%,#263747 6.5% 7%,transparent 7.5% 24%,#283747 24.5% 25%,transparent 25.5% 72%,#293645 72.5% 73%,transparent 73.5%),linear-gradient(180deg,transparent 0 69%,#3a4550 70% 74%,#d3c69b 74.5% 77%,transparent 77.5%);opacity:.65}.story-scene-sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 42px,#f7e6ad24 43px 45px),linear-gradient(180deg,#ffffff13,transparent 60%)}.story-scene-lamp{position:absolute;z-index:1;top:30%;left:18%;width:7px;height:35%;background:linear-gradient(90deg,#202936,#a8a28e,#28313b);box-shadow:0 0 0 1px #161c26;transform:skewY(-2deg)}.story-scene-lamp:before{content:"";position:absolute;left:-18px;top:-11px;width:43px;height:18px;border-radius:50% 50% 7px 7px;background:linear-gradient(#fff6d4,#f6d983 45%,#8d7346);box-shadow:0 0 40px 15px #ffe3a266}.story-scene-lamp:nth-child(2){left:auto;right:16%;top:20%;height:44%;transform:skewY(2deg)}.story-scene-train{position:absolute;left:0;right:0;bottom:0;height:27%;background:linear-gradient(180deg,#586370,#222b37 28%,#161d26);border-top:4px solid #d1c292;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.story-scene-train:before{content:"";position:absolute;top:18%;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 11%,#9bb5bc 11.2% 11.5%,transparent 11.7% 25%),linear-gradient(180deg,transparent 0 65%,#141923 66%)}.story-scene-header{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:clamp(14px,2.5vw,28px);background:linear-gradient(#10151dc9,transparent)}.story-scene-header h1{margin:3px 0 0;font-size:clamp(18px,2vw,28px);text-shadow:0 2px 8px #000b}.story-scene-kicker{font-size:11px;letter-spacing:.2em;color:#ffe6a6;font-weight:800}.story-scene-header button{border:1px solid #ffffff60;border-radius:8px;padding:9px 13px;color:#fff;background:#171e2ac9;cursor:pointer}.story-scene-stage{position:absolute;z-index:1;top:12%;right:0;bottom:20%;left:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.story-scene-glow{position:absolute;bottom:0;left:50%;width:min(55vw,620px);height:78%;transform:translate(-50%);background:radial-gradient(ellipse,#ffe6a82e,transparent 68%)}.story-scene-sprite{position:relative;z-index:2;height:100%;max-width:75%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 18px #0009);animation:story-arrive .55s cubic-bezier(.2,.8,.2,1) both}.story-scene-nameplate{position:absolute;z-index:3;bottom:7%;left:clamp(18px,7vw,96px);display:flex;flex-direction:column;padding:9px 15px;border:1px solid #fff7;border-left:4px solid #f0c56c;border-radius:5px;background:#171923df;box-shadow:0 5px 18px #0007;font-size:clamp(17px,2vw,24px);font-weight:800}.story-scene-nameplate small{margin-top:2px;color:#c8c4bd;font-size:11px;font-weight:500}.story-dialogue-box{position:absolute;z-index:5;left:clamp(12px,5vw,64px);right:clamp(12px,5vw,64px);bottom:clamp(50px,8vh,78px);display:flex;flex-direction:column;text-align:left;min-height:150px;padding:15px 22px 12px;border:1px solid #fff9;border-radius:8px;background:linear-gradient(105deg,#10131eea,#131722dc);box-shadow:0 9px 30px #0009;color:#f7f4ed;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.story-dialogue-speaker{position:absolute;top:-20px;left:15px;padding:5px 14px;border:1px solid #fff8;border-radius:6px;background:#302d73;color:#fff;font-size:16px;font-weight:800;box-shadow:0 3px 10px #0008}.story-dialogue-text{flex:1;padding:6px 0 12px;font-size:clamp(16px,2vw,24px);line-height:1.45;white-space:pre-wrap}.story-type-caret{display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.15em;background:#f8d57c;animation:story-caret .75s steps(2,end) infinite}.story-dialogue-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d2d3dc;font-size:12px}.story-dialogue-footer small{opacity:.8}.story-dialogue-footer>span{color:#ffe6a6;font-weight:750}.story-scene-progress{position:absolute;z-index:4;bottom:15px;left:16px;right:16px;text-align:center;color:#e7e6edb8;font-size:12px;text-shadow:0 1px 3px #000}.story-scene-error{position:absolute;z-index:7;bottom:10px;left:50%;transform:translate(-50%);margin:0;padding:8px 12px;border-radius:6px;background:#781f35;color:#fff}.admin-story-background-preview{grid-column:1/-1;position:relative;overflow:hidden;height:130px;border:1px solid #8c74b9;border-radius:10px;background:linear-gradient(180deg,#5889a5,#b2b9a0 48%,#303844 49%,#171d27)}.admin-story-background-preview:before{content:"";position:absolute;top:65%;right:0;bottom:0;left:0;background:linear-gradient(#68717d,#202936 28%,#151b25);border-top:2px solid #d1c292}.admin-story-background-preview.story-background--city:before,.admin-story-background-preview.story-background--forest:before{top:33%;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0 20%,#16192a 21%),repeating-linear-gradient(90deg,transparent 0 10%,#24253c 10.2% 16%)}.admin-story-background-preview.story-background--forest:before{background:repeating-linear-gradient(90deg,transparent 0 8%,#17342be0 8.2% 12%,transparent 12.2% 18%),linear-gradient(180deg,transparent 0 42%,#162c2b 42.5%)}.admin-story-background-preview span{position:absolute;z-index:1;left:10px;bottom:10px;padding:4px 8px;border-radius:4px;background:#171923d9;color:#fff;font-size:12px}@keyframes story-caret{50%{opacity:0}}@keyframes story-arrive{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.kid-dialogue{position:fixed;right:14px;top:95px;max-width:240px;z-index:20;display:flex;gap:8px;align-items:center;pointer-events:none}.kid-dialogue img{width:65px;height:95px;object-fit:cover;object-position:top;border-radius:10px}.kid-dialogue>div{background:#211a33ed;border:1px solid var(--color-gold);padding:10px;border-radius:12px}.kid-dialogue strong{color:var(--color-gold)}.kid-dialogue p{font-size:12px;margin:4px 0}.story-card-events{position:fixed;z-index:19;left:12px;top:96px;width:min(230px,34vw);padding:8px 10px;border:1px solid #b8a7ff55;border-radius:10px;background:#211a33df;color:#efe9ff;pointer-events:none}.story-card-events>strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#c8baff}.story-card-events p{margin:4px 0 0;font-size:11px;line-height:1.25}.story-card-events p span{color:#ffe49a;font-weight:800}.story-card-events .story-card-status-tick{color:#ffc982}@media(max-width:699px){.story-lobby{padding:0}.story-scene{width:100%;min-height:100dvh;border:0;border-radius:0}.story-scene-sky{top:0;right:0;bottom:31%;left:0}.story-scene-stage{top:16%;right:0;bottom:29%;left:0}.story-scene-sprite{max-width:94%}.story-scene-nameplate{left:12px;bottom:4%;padding:7px 10px}.story-dialogue-box{left:12px;right:12px;bottom:58px;min-height:145px;padding:14px 14px 10px}.story-dialogue-speaker{font-size:14px}.story-dialogue-text{font-size:17px}.story-dialogue-footer{font-size:11px}.story-scene-progress{bottom:17px;font-size:10px}.kid-dialogue{top:82px;right:5px;max-width:170px}.kid-dialogue img{width:35px;height:48px}.kid-dialogue>div{padding:5px}.kid-dialogue p{font-size:9px}.story-card-events{top:138px;left:5px;width:min(190px,48vw);padding:5px 7px}.story-card-events p{font-size:9px}}@media(max-height:560px)and (min-width:700px){.story-scene{min-height:calc(100dvh - 16px)}.story-scene-stage{top:13%;right:0;bottom:25%;left:0}.story-dialogue-box{min-height:118px;bottom:42px;padding:11px 18px 8px}.story-dialogue-text{font-size:18px;padding:3px 0 5px}.story-scene-progress{bottom:9px}}@media(prefers-reduced-motion:reduce){.story-scene-sprite,.story-type-caret{animation:none}}.versus-fighter.is-story-character img{object-fit:contain;object-position:center;height:100%;max-height:78dvh;border-radius:12px}.story-scene.story-background--gillet,.admin-story-background-preview.story-background--gillet{background-image:linear-gradient(180deg,#17112142,#100c1dd9),url(/Background/gillet.png);background-position:center;background-size:cover}.story-scene.story-background--gillet .story-scene-sky{display:none}.story-scene.story-background--gillet:after{content:"";position:absolute;z-index:0;top:62%;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,#15131b9c 55%,#17151a);pointer-events:none}.story-chapter-nav{position:absolute;z-index:5;top:clamp(74px,11vh,112px);left:50%;transform:translate(-50%);display:flex;gap:8px;padding:6px;border:1px solid #ffffff30;border-radius:12px;background:#171222bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-chapter-nav button{min-height:38px;padding:7px 14px;border:1px solid #ffffff30;border-radius:8px;background:#fff1;color:#fff;font-weight:800}.story-chapter-nav button.is-selected{border-color:#ffe08a;background:#f1bf5340;color:#ffe8af}.story-chapter-nav button:disabled{opacity:.65;cursor:not-allowed}.story-scene.story-background--gillet .story-scene-glow{background:radial-gradient(ellipse,#ffda6e35,transparent 68%)}.story-scene.story-background--paris,.admin-story-background-preview.story-background--paris{background-image:linear-gradient(180deg,#17112125,#100c1d99),url(/assets/background_paris_gba_clean.png);background-position:center;background-size:cover}.story-scene.story-background--paris .story-scene-sky{display:none}.admin-story-background-preview.story-background--paris:before{display:none}.story-scene-fire{position:absolute;z-index:1;left:0;bottom:24%;width:45%;height:33%;background:url(/assets/fire-sheet.png) left top/800% 100% no-repeat;image-rendering:pixelated;animation:story-fire .8s steps(8) infinite;pointer-events:none}@keyframes story-fire{to{background-position:100% 0}}@media(max-width:699px){.story-scene.story-background--paris{background-position:left center}.story-scene-fire{width:56%;height:27%;bottom:26%}}@media(prefers-reduced-motion:reduce){.story-scene-fire{animation:none}}.kid-dialogue.is-bernard>div{border-color:#f0ce4c}.kid-dialogue.is-bernard strong{color:#ffe36d}body.story-gillet{background-image:linear-gradient(180deg,#11101c4d,#100d1da6),url(/assets/background_paris_gba_clean.png);background-position:center;background-size:cover;background-attachment:fixed}body.story-gillet:before{background:#11101c55}body.story-gillet.turn-own:before{background:linear-gradient(140deg,#0068df70,#031b4288)}body.story-gillet.turn-enemy:before{background:linear-gradient(140deg,#ba1c3370,#3c051888)}body.story-gillet #root{position:relative;z-index:1}body.story-gillet:after{content:"";position:fixed;z-index:0;left:0;bottom:17vh;width:min(45vw,780px);height:35vh;background:url(/assets/fire-sheet.png) left top/800% 100% no-repeat;image-rendering:pixelated;animation:story-fire .8s steps(8) infinite;pointer-events:none}@media(max-width:699px){body.story-gillet{background-position:left center}body.story-gillet:after{width:90vw;height:27vh;bottom:18vh}}@media(prefers-reduced-motion:reduce){body.story-gillet:after{animation:none}}@media(max-width:699px){.story-chapter-nav{top:82px;gap:5px;padding:4px}.story-chapter-nav button{min-height:34px;padding:5px 10px;font-size:12px}.story-scene.story-background--gillet .story-scene-stage{top:18%;right:0;bottom:29%;left:0}}.tcg-card{--tcg-frame: #caab72;--tcg-title: #792e2b;--tcg-title-dark: #472327;--tcg-ink: #ffedc8;--tcg-base: #123336;--tcg-paper: #f5e9ce;container-type:inline-size;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:4px;border:2px solid var(--tcg-frame);border-radius:7px;color:var(--tcg-ink);background:var(--tcg-base);box-shadow:inset 0 0 0 1px #fff2,0 3px 8px #0005}.tcg-card.equipment{--tcg-frame: #f4cb43;--tcg-title: #efd06b;--tcg-title-dark: #bb8e24;--tcg-ink: #332608;--tcg-base: #73591f;--tcg-paper: #fff2c8}.tcg-card.effect{--tcg-frame: #c49be8;--tcg-title: #8751a1;--tcg-title-dark: #4e306c;--tcg-base: #39244b;--tcg-paper: #f0e2f5}.tcg-card.terrain{--tcg-frame: #96b981;--tcg-title: #436947;--tcg-title-dark: #28452d;--tcg-base: #233a2b;--tcg-paper: #e8edd6}.card.tcg-card,.has-guide .card.tcg-card:not(.equipment):not(.effect):not(.terrain){background:var(--tcg-base)}.tcg-card .card-top{position:relative;z-index:1;flex:none;display:flex;align-items:center;min-height:0;margin:0;padding:4px 5px;border:1px solid var(--tcg-frame);border-radius:0;background:linear-gradient(115deg,var(--tcg-title),var(--tcg-title-dark))}.tcg-card:has(>.card-info) .card-top{padding-right:24px}.tcg-card .card-name{color:var(--tcg-ink);font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:clamp(9px,6.2cqw,23px);line-height:1.12;overflow-wrap:anywhere;-webkit-line-clamp:2}.tcg-level{display:flex;flex:none;align-items:center;justify-content:space-between;gap:3px;min-height:12px;padding:3px 1px}.tcg-edition{font:700 clamp(6px,3.3cqw,10px)/1 sans-serif;letter-spacing:.07em;color:var(--tcg-frame)}.tcg-card .card-stars{display:flex;gap:1px;flex-wrap:nowrap;color:#ffe6a3}.tcg-card .card-stars>span{display:grid;place-items:center;width:6.2cqw;height:6.2cqw;max-width:19px;max-height:19px;border-radius:50%;background:linear-gradient(#c66940,#6b2924);border:1px solid #e2b46a;font:clamp(5px,4.7cqw,14px)/1 serif}.tcg-support-label{font-size:clamp(6px,3.5cqw,11px);font-weight:800;color:var(--tcg-frame);text-transform:uppercase}.tcg-card .card-art{position:relative;inset:auto;flex:1 1 0;min-height:20px;width:100%;margin:0;border:1px solid var(--tcg-frame);border-radius:0}.tcg-type{z-index:1;flex:none;padding:2px 4px;border:1px solid var(--tcg-frame);border-top:0;color:var(--tcg-frame);background:var(--tcg-base);font:800 clamp(6px,3.8cqw,12px)/1.15 sans-serif;text-transform:uppercase}.tcg-card .card-text{display:block;flex:none;margin:3px 0;padding:4px;border:1px solid var(--tcg-frame);color:#332b28;background:linear-gradient(120deg,var(--tcg-paper),color-mix(in srgb,var(--tcg-paper) 83%,#c6a77e));font:clamp(8px,4cqw,13px)/1.25 Georgia,"Times New Roman",serif}.tcg-card .card-text p{margin:0}.tcg-card .card-text p+p{margin-top:4px}.tcg-card .tcg-biography{padding-top:4px;border-top:1px solid #785e413d;font-style:italic}.tcg-card .card-bottom{position:relative;z-index:1;display:flex;flex:none;min-height:0;margin:0;padding:0;border:1px solid var(--tcg-frame);border-radius:0;background:var(--tcg-title)}.tcg-card .tcg-set{padding:2px 4px;color:var(--tcg-ink);font:700 clamp(6px,3.6cqw,11px)/1 sans-serif}.tcg-card .tcg-power{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;width:72%;padding:1px 5px;background:linear-gradient(#f4dda3,#c19a55);color:#302821;clip-path:polygon(7px 0,100% 0,100% 100%,7px 100%,0 50%)}.tcg-card .tcg-power>span{font:800 clamp(7px,4cqw,12px)/1 sans-serif}.tcg-card .card-bottom .atk{color:#302821;font:700 clamp(12px,10cqw,32px)/1.1 Georgia,serif}.tcg-card .tcg-power .tcg-attribute{display:grid;place-items:center;flex:none;width:1.45em;height:1.45em;padding:0;border:1px solid #fff9;border-radius:50%;color:#fff;font:700 clamp(8px,5cqw,16px)/1 sans-serif;line-height:1;text-shadow:0 1px 3px #000;box-shadow:0 1px 4px #0007}.tcg-attribute--water{background:linear-gradient(145deg,#5cd7ff,#1761d2)}.tcg-attribute--fire{background:linear-gradient(145deg,#ffd36d,#e13b21)}.tcg-attribute--plant{background:linear-gradient(145deg,#b7f47b,#248849)}.tcg-attribute--darkness{background:linear-gradient(145deg,#9876c9,#29223f)}.tcg-attribute--light{background:linear-gradient(145deg,#fff3a3,#e5a32b)}.tcg-attribute--ancient{background:linear-gradient(145deg,#dfbd83,#735036)}.tcg-attribute--technological{background:linear-gradient(145deg,#9ae7ed,#337b9b)}.tcg-card .card-info{top:4px;right:4px;width:23px;height:23px;font-size:17px;color:var(--tcg-ink);background:var(--tcg-title-dark);border-radius:0}.tcg-card .card-action-btn{flex:none;margin-top:4px}.tcg-card.selected,.tcg-card:focus-visible{outline:2px solid #a6dfff;outline-offset:2px}.tcg-card.playable{border-color:var(--tcg-frame);box-shadow:0 0 0 1px #c3efb0,0 3px 8px #0005}.tcg-card.drag-denied,.tcg-card.enemy-target{outline:2px solid #ff6478}.tcg-card.drag-allowed,.tcg-card.own-target,.tcg-card.drop-hover{outline:2px solid #65ecaf}.hand-fan-slot .tcg-card .card-text{display:none}.card-inspector .tcg-card.hand-card{height:auto;min-height:0;aspect-ratio:auto;padding:6px}.card-inspector .tcg-card .card-art{flex:none;height:auto;min-height:0;aspect-ratio:1.15}.card-inspector .tcg-card .card-text{display:block;overflow:visible;font-size:13px;padding:8px}.card-inspector .tcg-card .card-top{min-height:32px}.card-inspector .tcg-card .card-name{font-size:20px}.card-inspector .tcg-card .card-bottom .atk{font-size:29px}.tcg-card.field-card .card-art{position:relative;inset:auto}.tcg-card.field-card .tcg-edition,.tcg-card.field-card .tcg-set{display:none}.tcg-card.field-card .tcg-power{display:flex;width:100%;clip-path:none;justify-content:space-between}.tcg-card.field-card .tcg-level{padding-block:1px}.tcg-mini{width:100%;aspect-ratio:5 / 7}.tcg-mini .card-art{height:auto;min-height:20px;flex:1 1 0}.tcg-mini .card-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.tcg-mini .card-text p{display:inline}.tcg-mini .tcg-biography{display:none}.deck-slot>.tcg-mini,.deck-cover-preview>.tcg-mini{display:flex}.deck-slot .tcg-mini .card-text,.deck-cover-preview .tcg-mini .card-text{display:none}@container (max-width: 110px){.tcg-edition{display:none}.tcg-level{justify-content:flex-end}.tcg-type{padding-inline:2px}}.has-guide .tcg-card.field-card .card-top{background:linear-gradient(115deg,var(--tcg-title),var(--tcg-title-dark))}.has-guide .tcg-card.field-card .card-bottom{background:var(--tcg-title)}.hand-fan-slot .tcg-card .card-text,.deck-slot .tcg-mini .card-text,.deck-cover-preview .tcg-mini .card-text,.tcg-card.field-card .card-text{display:block;padding:3px;font-size:clamp(5px,3.5cqw,12px);line-height:1.2}.tcg-card .tcg-biography,.tcg-mini .tcg-biography{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;padding-top:0;border-top:0;font-style:italic}.tcg-card .tcg-rules+.tcg-biography{margin-top:5px;padding-top:4px;border-top:1px solid #785e413d}.tcg-wiki-label{font-weight:700;font-style:normal}.hand-fan-slot .tcg-card .tcg-rules,.deck-slot .tcg-mini .tcg-rules,.deck-cover-preview .tcg-mini .tcg-rules{display:none}.hand-fan-slot .tcg-card .tcg-rules+.tcg-biography,.deck-slot .tcg-mini .tcg-rules+.tcg-biography,.deck-cover-preview .tcg-mini .tcg-rules+.tcg-biography{margin:0;padding:0;border:0}.tcg-mini .card-text{display:block}.tcg-card.field-card .card-text{margin-block:2px}.tcg-mini .card-text .tcg-biography{display:-webkit-box}.lobby-fan .lobby-fan-card.tcg-card{background:var(--tcg-base);border-color:var(--tcg-frame)}.lobby-fan .tcg-card .card-art{flex:1 1 0;margin:0;min-height:16px}.lobby-fan .tcg-card .card-text{padding:3px;font-size:6px}.lobby-fan .tcg-card .tcg-rules{display:none}.lobby-fan .tcg-card .tcg-rules+.tcg-biography{padding:0;margin:0;border:0}.lobby-deck-cover>.tcg-mini{flex:none;width:72px}.lobby-deck-cover .tcg-mini .tcg-rules{display:none}.lobby-deck-cover .tcg-mini .card-text{padding:2px;font-size:5px}.tcg-card .card-level-badge{--level-edge: #b9e8ff;--level-fill: #257cce;--level-trail: #123e82;--level-number: #ffffff;position:absolute;top:0;right:0;z-index:4;display:block;width:27%;max-width:83px;aspect-ratio:1;filter:drop-shadow(0 2px 1px #0009);pointer-events:none}.tcg-card .card-level-badge--green{--level-edge: #c0f1a7;--level-fill: #338b46;--level-trail: #164a2b}.tcg-card .card-level-badge--gold{--level-edge: #fff1b1;--level-fill: #edba45;--level-trail: #986522;--level-number: #39250b}.card-level-badge svg{display:block;width:100%;height:100%;overflow:visible}.level-star-trail{fill:var(--level-trail);stroke:var(--level-edge);stroke-width:2;stroke-linejoin:round}.level-star-face{fill:var(--level-fill);stroke:var(--level-edge);stroke-width:2;stroke-linejoin:round}.level-star-shine{fill:#fff6}.level-number{fill:var(--level-number);font:900 30px Arial,sans-serif;paint-order:stroke;stroke:var(--level-trail);stroke-width:1.2}.level-number--double{font-size:25px}.tcg-card:has(.card-level-badge) .card-top{padding-right:25%}.tcg-card .card-info.card-level-info{top:0;right:0;z-index:5;width:27%;height:auto;max-width:83px;aspect-ratio:1;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.tcg-card .card-level-info .card-level-badge{position:static;width:100%;max-width:none}.tcg-card .card-level-info:focus-visible{outline:2px solid #fff;outline-offset:1px}.tcg-card .tcg-set{display:flex;align-items:center;justify-content:center;flex:1 1 25%;padding:1px 4px;align-self:stretch}.tcg-card .tcg-footer-logo{display:block;height:12cqw;max-height:35px;min-height:9px;width:auto;object-fit:contain}.tcg-card.field-card .tcg-set{display:flex}.tcg-card.field-card .tcg-power{width:72%}@font-face{font-family:Wiky Impact;src:url(/assets/fonts/Anton-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.tcg-card{--tcg-frame: #61cfff;--tcg-title: #048fed;--tcg-title-dark: #123da5;--tcg-ink: #f4fbff;--tcg-base: #061b43;--tcg-paper: #e6f5ff;--tcg-display: "Wiky Impact", Impact, "Arial Narrow", sans-serif;padding:3px;border-radius:9px;box-shadow:inset 0 0 0 1px #c9f5ff55,0 4px 12px #00112a99}.tcg-card.equipment{--tcg-frame: #ffdb4b;--tcg-title: #ffd445;--tcg-title-dark: #d99b17;--tcg-ink: #282008;--tcg-base: #3d2a09;--tcg-paper: #fff5d6}.tcg-card.effect{--tcg-frame: #c4a4ff;--tcg-title: #9b60f0;--tcg-title-dark: #5d2ba7;--tcg-base: #21123e;--tcg-paper: #f0e8ff}.tcg-card.terrain{--tcg-frame: #6ce6bd;--tcg-title: #17ad8a;--tcg-title-dark: #126451;--tcg-base: #082c25;--tcg-paper: #e0faf0}.tcg-card .card-top,.has-guide .tcg-card.field-card .card-top{min-height:0;padding-block:5px;background:linear-gradient(115deg,var(--tcg-title),var(--tcg-title-dark));border:0;border-bottom:2px solid var(--tcg-frame);border-radius:4px 4px 0 0}.tcg-card .card-name,.card-inspector .tcg-card .card-name{font-family:var(--tcg-display);font-weight:400;font-size:clamp(10px,7cqw,27px);line-height:1.1;letter-spacing:.025em;text-transform:uppercase;color:var(--tcg-ink);text-shadow:0 1px 1px #0005}.tcg-card .card-art{border:0;border-radius:0}.tcg-card .tcg-type{border:0;background:linear-gradient(105deg,var(--tcg-title),var(--tcg-title-dark));color:var(--tcg-ink);font-family:var(--tcg-display);font-weight:400;letter-spacing:.08em;padding:3px 5px}.tcg-card .card-text{border:0;border-left:2px solid var(--tcg-frame);border-radius:0 0 3px 3px;background:linear-gradient(120deg,#ffffff,var(--tcg-paper));color:#142943;font-family:Nunito,Arial,sans-serif;line-height:1.3}.tcg-card .tcg-biography{font-style:normal}.tcg-card .tcg-rules{font-weight:800}.tcg-card .tcg-rules+.tcg-biography{border-color:#12396226}.tcg-card .card-bottom,.has-guide .tcg-card.field-card .card-bottom{border:0;background:linear-gradient(115deg,var(--tcg-title),var(--tcg-title-dark));border-radius:0 0 4px 4px}.tcg-card .tcg-power{color:#f5fcff;background:linear-gradient(105deg,#082f73,#04132f);padding:3px 6px}.tcg-card .card-bottom .atk,.card-inspector .tcg-card .card-bottom .atk{font-family:var(--tcg-display);font-weight:400;font-size:clamp(13px,10.5cqw,37px);color:#fff;text-shadow:0 1px 2px #0007;letter-spacing:.03em}.tcg-card .tcg-power>span{font-family:var(--tcg-display);font-weight:400;color:#88dcff}.tcg-card .level-number{font-family:var(--tcg-display);font-weight:400;stroke-width:.7}.tcg-card .card-action-btn{border-radius:4px}.has-guide .tcg-card.field-card .card-text{display:block}.card-inspector .tcg-card.hand-card{height:auto;aspect-ratio:5 / 7;min-height:0}.tcg-card .card-top{flex:0 0 15cqw}.card-inspector .tcg-card .card-top{min-height:0}.tcg-card .card-name,.card-inspector .tcg-card .card-name{font-size:clamp(9px,6cqw,25px)}.tcg-card .card-text,.card-inspector .tcg-card .card-text{flex:0 0 26cqw;overflow:hidden}.card-inspector .tcg-card .card-art{flex:1 1 0;height:auto;min-height:16px;aspect-ratio:auto}.tcg-card .card-bottom{height:15cqw;flex:0 0 15cqw}.tcg-card .tcg-power{align-items:center}.tcg-card .tcg-power--summary{padding:2px 5px 2px 10px}.tcg-card .tcg-power>.tcg-wiki-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;font-family:Nunito,Arial,sans-serif;font-size:clamp(4px,2.8cqw,10px);font-weight:600;line-height:1.2;color:#f5fcff;text-align:left;white-space:normal}.tcg-card .tcg-wiki-summary b{color:#88dcff;font-weight:900}.hand-fan-slot .tcg-card .card-text,.tcg-card.field-card .card-text,.deck-slot .tcg-mini .card-text,.deck-cover-preview .tcg-mini .card-text{flex-basis:18cqw}.card-status{position:absolute;inset:auto 4px 38%;z-index:8;transform:rotate(-12deg);text-align:center;font:900 22px/1.2 sans-serif;border:3px solid #ff344f;color:#ff344f;background:#17060ccc;pointer-events:none}.card-status:not(.is-banned){font-size:13px;transform:none}.tcg-card.is-banned{border-color:#ef5369!important;background:#303039!important}.tcg-card.is-banned>:not(.card-status){filter:grayscale(1)!important}.tcg-card.is-banned>.card-status{filter:none!important}.hand-track .hand-card.is-unplayable{opacity:.5}.mobile-selection{display:none}.quiz-illustration{width:100%;height:100%;min-height:0;align-self:center;object-fit:contain;padding:16px}@media(max-width:699px)and (orientation:portrait){.has-guide .duel-shell,.duel-shell{padding:4px 6px;gap:5px;grid-template-columns:1fr;grid-template-areas:"enemy-hud" "enemy-field" "actions" "own-field" "own-hud" "hand";grid-template-rows:36px minmax(85px,1fr) auto minmax(85px,1fr) 36px clamp(140px,23dvh,200px)}.has-guide .battlefield-row,.battlefield-row{grid-template-columns:minmax(0,1fr) 48px;gap:3px;padding:2px}.monster-slot{padding:2px;container-type:size}.has-guide .field-card,.has-guide .empty-slot,.field-card,.empty-slot{width:min(98%,69cqh);height:auto;aspect-ratio:2/3;max-height:100%;max-width:140px;border-radius:7px}.empty-slot:disabled{opacity:1;cursor:default}.field-slot-plus{font-size:30px}.has-guide .action-bar,.action-bar{padding:5px 8px;gap:4px;min-height:60px}.has-guide .battle-prompt,.battle-prompt{font-size:13px;line-height:1.2}.action-center{gap:7px}.action-center button{min-height:40px;padding:6px 12px;font-size:13px}.mobile-selection:not(:empty){display:flex;align-items:center;gap:8px;width:100%;font-size:12px}.mobile-selection>span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-gold)}.mobile-selection button{min-height:44px;background:var(--color-primary);border:1px solid var(--color-violet);border-radius:8px;padding:6px 18px}.mobile-selection small{max-width:65%;font-size:11px}.has-guide .hand-scroller,.hand-scroller{padding:8px 5px 4px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x}.has-guide .hand-track,.hand-track{--fan-width:clamp(88px,14dvh,120px);display:flex;align-items:center;justify-content:safe center;gap:9px;padding:0 4px;width:max-content;min-width:100%;height:100%}.has-guide .hand-fan-slot,.has-guide .hand-fan-slot:last-child,.hand-fan-slot,.hand-fan-slot:last-child{flex:0 0 var(--fan-width);width:var(--fan-width);height:calc(var(--fan-width)*1.5);margin:0}.has-guide .hand-fan-slot>.hand-card,.hand-fan-slot>.hand-card{width:100%;height:100%;aspect-ratio:2/3;transform:none;border-radius:8px}.has-guide .hand-fan-slot.is-selected>.hand-card,.hand-fan-slot.is-selected>.hand-card{transform:translateY(-4px);box-shadow:0 0 0 2px #ffe194}.hand-card .card-action-btn{display:none}.hand-card .card-info,.field-card .card-info{width:30px;height:30px;font-size:20px}.has-guide .compact-hud,.compact-hud{gap:4px;padding:2px 5px;grid-template-columns:24px minmax(65px,1fr) auto auto}.hud-avatar{width:24px;height:24px}.hud-counts{font-size:8px;gap:3px}.field-deck small{display:none}.deck-stack{width:38px;max-height:60px}.deck-redraw{min-height:40px;font-size:9px}.quiz-panel{grid-template-columns:1fr}.quiz-illustration{height:110px;padding:8px}.quiz-content{padding:12px}.quiz-content h2{margin:8px 0}.quiz-answers{margin:10px 0}}@media(pointer:coarse){.field-card.draggable-card{touch-action:none}.card{-webkit-touch-callout:none}}@media(max-width:699px)and (max-height:700px)and (orientation:portrait){#root{overflow-y:auto;overscroll-behavior-y:contain}.duel-shell{flex:none;height:590px;min-height:590px}.has-guide .duel-shell{height:590px;min-height:590px}.topbar,.turn-banner{flex-shrink:0}}@media(max-width:699px)and (orientation:portrait){.has-guide .field-card .card-bottom>.tcg-power{display:flex}.has-guide .field-card .card-text{display:none}.reaction-control:not(.reaction-open){top:auto;bottom:max(12px,env(safe-area-inset-bottom));right:max(8px,env(safe-area-inset-right));transform:none}.duel-guide:not(.is-tutorial){padding-right:46px}}@media(max-width:699px)and (max-height:740px)and (orientation:portrait){.has-guide #root{overflow-y:auto}.has-guide .duel-shell{flex:none;min-height:590px;grid-template-rows:32px 130px auto 130px 32px 140px}.duel-guide:not(.is-tutorial){flex:0 0 72px}.duel-guide:not(.is-tutorial) .guide-portrait{height:72px;flex-basis:54px}.has-guide .hand-track{--fan-width:88px}}@media(orientation:landscape)and (max-height:400px){#root,.has-guide #root{height:auto;min-height:var(--app-height,100dvh);overflow-y:auto;overscroll-behavior-y:contain}.duel-shell,.has-guide .duel-shell{flex:0 0 auto;min-height:300px;grid-template-rows:30px minmax(64px,1fr) 52px minmax(64px,1fr) 30px}.has-guide .duel-shell{min-height:340px}}