*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.table{display:table}.hidden{display:none}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--font-display: "Jua", "Noto Sans KR", system-ui, sans-serif;--font-body: "Noto Sans KR", Pretendard, system-ui, sans-serif;--font-numeric: "Baloo 2", "Noto Sans KR", system-ui, sans-serif;--player: #2ec5c5;--player-deep: #0c6f7e;--player-soft: #e4fbf7;--rival: #ff7a9c;--rival-deep: #b23a63;--rival-soft: #ffe8ef;--accent: #ffcf4a;--accent-deep: #d98a2b;--surface: #fffaf0;--surface-2: #fff2dc;--surface-sunk: #073f5a;--ink: #123244;--ink-soft: #4f7385;--ink-invert: #fffdf5;--line: #e7d9bd;--arena-bg-1: #8ee9f0;--arena-bg-2: #0c5a6d;--arena-bg-3: #063247;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--sh-1: 0 2px 6px #05202e1f, 0 6px 18px #05202e26;--sh-2: 0 4px 10px #05202e26, 0 14px 34px #05202e33;--sh-pop: 0 6px 0 #0000001a, 0 12px 26px #05202e3d;--sh-inset: inset 0 2px 4px #ffffff8c, inset 0 -3px 6px #0000001a;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--z-board: 1;--z-card-hover: 20;--z-dock: 40;--z-banner: 50;--z-drawer: 60;--z-modal: 100;--z-toast: 120;--t-fast: .12s ease;--t-mid: .22s cubic-bezier(.4, 0, .2, 1);--t-slow: .4s cubic-bezier(.34, 1.56, .64, 1);--c-red: #ec5b63;--c-yellow: #f2b93c;--c-green: #57bd79;--c-blue: #4f97e0;--c-purple: #a878d4;--c-black: #5c6470;--c-pure: #e7e2cf;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;color:#edf3f8;background:#070a0f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);background:linear-gradient(160deg,var(--arena-bg-3) 0%,var(--arena-bg-2) 46%,#05303f 100%)}button{font:inherit}svg{display:block}.landing{position:relative;display:grid;place-items:center;min-height:100vh;padding:6vh 20px;overflow:hidden;font-family:var(--font-body);background:radial-gradient(circle at 50% -12%,var(--arena-bg-1) 0,transparent 34%),radial-gradient(circle at 88% 82%,#ffd9e588 0,transparent 32%),linear-gradient(160deg,var(--arena-bg-3) 0%,var(--arena-bg-2) 46%,#05303f 100%)}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.landing-bg i{position:absolute;border-radius:50%;filter:blur(6px);opacity:.55;animation:landing-float 12s ease-in-out infinite}.landing-bg i:nth-child(1){top:12%;left:14%;width:190px;height:190px;background:radial-gradient(circle at 35% 30%,#fff6c9,var(--accent) 70%)}.landing-bg i:nth-child(2){bottom:10%;left:8%;width:130px;height:130px;background:radial-gradient(circle at 35% 30%,#d8fff6,var(--player) 72%);animation-delay:-4s}.landing-bg i:nth-child(3){top:20%;right:12%;width:160px;height:160px;background:radial-gradient(circle at 35% 30%,#ffe1ea,var(--rival) 72%);animation-delay:-8s}@keyframes landing-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-26px) scale(1.06)}}.landing-card{position:relative;z-index:1;width:min(560px,100%);padding:clamp(2rem,5vw,3.4rem);text-align:center;border:3px solid #fff;border-radius:var(--r-xl);color:var(--ink);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);box-shadow:var(--sh-2),inset 0 3px #fffc,0 0 0 6px #fff3}.landing-emblem{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 1.2rem;border:3px solid #fff1b0;border-radius:22px;color:#6a3f13;font-family:var(--font-numeric);font-weight:800;font-size:1.7rem;transform:rotate(-7deg);background:linear-gradient(145deg,#fff9c8,#ffc451 52%,#ea814b);box-shadow:0 6px #b7592f,0 0 0 4px #ffffffb0,0 10px 22px #00101b3d}.eyebrow{margin:0;color:var(--player-deep);font-size:.7rem;font-weight:900;letter-spacing:.32em}.landing h1{margin:.4rem 0 .7rem;font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,5vw,2.5rem);letter-spacing:0;color:var(--rival-deep)}.landing p{color:var(--ink-soft);line-height:1.85;font-size:.92rem}.turn-order-picker{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:1.4rem}.turn-order-picker>span{color:var(--ink-soft);font-size:.78rem;font-weight:800}.turn-order-seg{display:inline-flex;padding:4px;gap:4px;border:2px solid var(--line);border-radius:var(--r-pill);background:#fff}.turn-order-seg button{padding:.4rem 1rem;border:0;border-radius:var(--r-pill);color:var(--ink-soft);background:transparent;cursor:pointer;font-family:var(--font-display);font-size:.92rem;transition:all var(--t-fast)}.turn-order-seg button:hover{color:var(--ink)}.turn-order-seg button.on{color:#3a2405;background:linear-gradient(180deg,#ffe6a3,#ffc247);box-shadow:0 2px #d98a2b}.landing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.4rem}.primary-button,.secondary-button{padding:.9rem 1.8rem;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:400;font-size:1rem;letter-spacing:.02em;cursor:pointer;transition:transform var(--t-fast),filter var(--t-fast)}.primary-button{border:3px solid #fff2b8;color:#6a3210;background:linear-gradient(180deg,#ffe27a,#ff9d3d);box-shadow:0 5px #c56a25,0 10px 20px #00101b33,inset 0 2px #fff8}.secondary-button{border:3px solid var(--player);color:var(--player-deep);background:#fff;box-shadow:0 5px #bfeae6,0 8px 16px #00101b1f}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px);filter:brightness(1.05)}.primary-button:active,.secondary-button:active{transform:translateY(2px)}.primary-button:disabled{opacity:.6;cursor:wait;box-shadow:none;transform:none}.deck-builder-shell{min-width:1120px;min-height:100vh;padding:.8rem;color:#e7f2f7;background:radial-gradient(circle at 55% 0,#195777 0,#0b1824 37%,#05080d)}.deck-builder-nav{display:flex;align-items:center;gap:.8rem;min-height:62px;margin-bottom:.7rem;padding:.5rem .75rem;border:1px solid #7596a5;border-radius:.6rem;background:#0c1822e8;box-shadow:0 8px 30px #0009}.deck-builder-nav>button{padding:.45rem .65rem;border:1px solid #486473;border-radius:.35rem;color:#bcd9e4;background:#142631;cursor:pointer}.deck-builder-nav>div{min-width:135px}.deck-builder-nav span{color:#79d1e8;font-size:.55rem;font-weight:900;letter-spacing:.18em}.deck-builder-nav h1{margin:.08rem 0 0;font:800 1.15rem Georgia,serif}.deck-builder-nav input{min-width:180px;margin-left:auto;padding:.55rem .65rem;border:1px solid #44616f;border-radius:.35rem;color:#effbff;background:#0a141c}.deck-builder-nav .builder-save,.deck-builder-nav .builder-start{color:#fff2c8;border-color:#c5a352;background:#62471d;font-weight:800}.deck-builder-nav .builder-start{border-color:#62c8b5;color:#e2fff7;background:#1b5b51}.deck-builder-nav button:disabled{opacity:.38;cursor:not-allowed}.deck-builder-grid{display:grid;grid-template-columns:205px minmax(500px,1fr) 300px;gap:.65rem;align-items:start}.ai-controls{display:flex;align-items:center;gap:.45rem;width:-moz-fit-content;width:fit-content;margin:0 0 .7rem auto;color:#ccebf3;font-size:.72rem;font-weight:800}.ai-controls select{padding:.4rem .55rem;border:1px solid #52717e;border-radius:.35rem;color:#e7f2f7;background:#0a141b}.builder-filters,.builder-catalog,.builder-deck{border:1px solid #456879;border-radius:.6rem;background:linear-gradient(145deg,#101f2aef,#091119f2);box-shadow:inset 0 0 24px #67d4ed0c,0 8px 25px #0006}.builder-filters,.builder-deck{padding:.75rem}.builder-filters h2{margin:.25rem 0 .6rem;color:#ccebf3;font:800 .78rem Georgia,serif;letter-spacing:.08em}.builder-filters input,.builder-filters select{width:100%;margin-bottom:.5rem;padding:.5rem;border:1px solid #405e6d;border-radius:.35rem;color:#dff4fa;background:#0a141b}.builder-filters label{display:block;color:#88a9b7;font-size:.62rem;font-weight:800}.builder-filters p{color:#7893a0;font-size:.66rem;line-height:1.55}.saved-decks{display:grid;gap:.3rem}.saved-decks button{display:flex;justify-content:space-between;padding:.45rem .5rem;border:1px solid #31505e;border-radius:.3rem;color:#cde8f0;background:#11242e;cursor:pointer;font-size:.67rem;text-align:left}.saved-decks small{color:#86a9b8}.official-import{width:100%;margin:-.1rem 0 .1rem;padding:.45rem;border:1px solid #6f9b9c;border-radius:.32rem;color:#e4fffb;background:#17524e;cursor:pointer;font-size:.65rem;font-weight:800}.official-import:disabled{opacity:.4;cursor:default}.deck-builder-grid{grid-template-columns:225px minmax(600px,1fr) 310px;gap:.9rem}.builder-filters,.builder-deck{position:sticky;top:.8rem}.builder-filters{max-height:calc(100vh - 1.6rem);overflow-y:auto}.builder-filters h2{margin:.55rem 0 .7rem;padding-bottom:.55rem;border-bottom:1px solid #31505e;font-size:.9rem}.builder-filters label{margin:.85rem 0 .4rem;color:#d7ecf2;font-size:.72rem}.filter-chips button{padding:.3rem .5rem;border:1px solid #52717e;border-radius:2rem;color:#cbe4ec;background:#0b1720;cursor:pointer;font-size:.58rem;font-weight:800}.filter-chips button:hover,.filter-chips button.active{border-color:#d8b75e;color:#fff3c9;background:#493817}.builder-catalog{padding:.9rem}.builder-section-heading{margin-bottom:.75rem;padding-bottom:.7rem}.builder-section-heading h2{font-size:1.25rem}.builder-card-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:.75rem;margin-top:0}.builder-card{position:relative;display:block;min-height:0;padding:.35rem;border-radius:.55rem;background:#101a22;box-shadow:0 5px 14px #0008}.builder-card:hover{z-index:1;border-color:#a7dbe8;transform:translateY(-3px)}.builder-card-art{display:block;width:100%;height:0;padding:0 0 142%;border:2px solid #4d7482;border-radius:.38rem;background:#0d151c}.builder-card-art span{right:4px;bottom:4px;padding:.14rem .24rem;font-size:.48rem}.builder-card-art:disabled{cursor:not-allowed;filter:saturate(.4) brightness(.7)}.builder-card-copy{min-height:47px;padding:.4rem .12rem .1rem}.builder-card-copy b{font-size:.68rem}.builder-card-copy small{font-size:.5rem}.builder-card-controls{position:absolute;right:.58rem;bottom:52px;z-index:3;padding:.18rem;border:1px solid #6f8e98;border-radius:1.2rem;background:#081218df;box-shadow:0 2px 7px #000b}.builder-card-controls button{width:24px;height:24px;border-radius:50%;font-size:.9rem}.builder-card-controls b{min-width:28px;color:#ffe293;font-size:.68rem}.builder-card.at-copy-limit:after{position:absolute;top:.7rem;left:.7rem;z-index:4;content:"최대 4장";padding:.2rem .35rem;border:1px solid #f5d77c;border-radius:.25rem;color:#fff2bb;background:#483614dd;font-size:.54rem;font-weight:900}.builder-deck{min-height:400px}.deck-counts{grid-template-columns:1fr}.deck-entry-list{max-height:calc(100vh - 465px)}.official-import{margin:.25rem 0 .2rem;background:linear-gradient(#6a19a7,#42116d);border-color:#ba70e6}.official-import:hover{filter:brightness(1.15)}.builder-catalog{min-height:calc(100vh - 86px);padding:.75rem}.builder-section-heading{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:.55rem;border-bottom:1px solid #304e5d}.builder-section-heading h2{margin:0;color:#d9f5fc;font:800 .9rem Georgia,serif}.builder-section-heading span{color:#7ba1ae;font-size:.6rem;font-weight:800}.builder-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.45rem;margin-top:.65rem}.builder-card{display:grid;grid-template-columns:54px 1fr auto;gap:.42rem;min-width:0;min-height:70px;overflow:hidden;padding:.35rem;border:1px solid #315362;border-radius:.4rem;background:#0b161e}.builder-card-art{position:relative;overflow:hidden;padding:0;border:1px solid #638a98;border-radius:.28rem;background:#132a37;cursor:pointer}.builder-card-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.builder-card-art span{position:absolute;right:1px;bottom:1px;padding:1px 2px;color:#fff;background:#071015c9;font-size:.4rem}.builder-card-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:.15rem}.builder-card-copy small{color:#89a4b0;font-size:.52rem}.builder-card-controls{display:flex;align-items:center;gap:.18rem}.builder-card-controls button{display:grid;width:20px;height:20px;place-items:center;padding:0;border:1px solid #527583;border-radius:.25rem;color:#d9f3fb;background:#18313d;cursor:pointer}.builder-card-controls b{min-width:14px;text-align:center;color:#f4d581;font-size:.7rem}.deck-counts{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:.65rem 0}.deck-counts b{padding:.45rem;border:1px solid #426878;border-radius:.35rem;color:#dff6fb;background:#0b1820;font-size:.66rem;text-align:center}.validation-state{min-height:55px;padding:.55rem;border:1px solid #504d39;border-radius:.35rem;background:#1b1911}.validation-state strong{color:#f4d77e;font-size:.7rem}.validation-state p{margin:.25rem 0 0;color:#e7aa9d;font-size:.58rem;line-height:1.35}.deck-entry-list{max-height:340px;overflow-y:auto;margin:.65rem 0}.deck-entry-list>div{display:flex;justify-content:space-between;gap:.3rem;padding:.38rem .15rem;border-bottom:1px solid #263f4b}.deck-entry-list code{color:#b9e7f2;font-size:.61rem}.deck-entry-list span,.deck-entry-list p{color:#91a7b0;font-size:.58rem}.deck-code-label{display:block;color:#91b5c1;font-size:.62rem;font-weight:800}.deck-code-label textarea{width:100%;min-height:67px;margin-top:.3rem;padding:.45rem;border:1px solid #3f6473;border-radius:.35rem;color:#e4f7fb;background:#091219;font:.6rem ui-monospace,monospace;resize:vertical}.code-import{width:100%;margin-top:.35rem;padding:.45rem;border:1px solid #557785;border-radius:.3rem;color:#d4eff7;background:#17313d;cursor:pointer;font-size:.66rem;font-weight:800}.builder-message{color:#9ae2d5;font-size:.62rem;line-height:1.4}.arena{position:relative;min-height:100vh;padding:0 0 96px;font-family:var(--font-body);color:#eaf1ff;overflow-x:hidden}.arena-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 8%,#4d7bd6 0,transparent 42%),radial-gradient(ellipse at 50% 120%,#1b3f9a 0,transparent 55%),linear-gradient(180deg,#0a1c4d,#12307a 45%,#0b2160)}.arena-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#ffffffcc .8px,transparent 1.4px),radial-gradient(#bcd3ff88 .6px,transparent 1.2px);background-size:120px 120px,67px 67px;background-position:0 0,30px 40px;opacity:.5}.arena-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,#ffffff22 0 1px,transparent 2px),radial-gradient(circle at 78% 22%,#ffffff33 0 1.4px,transparent 3px),radial-gradient(circle at 62% 68%,#ffffff22 0 1px,transparent 2px),radial-gradient(circle at 34% 82%,#ffffff2a 0 1.2px,transparent 3px);filter:drop-shadow(0 0 3px #cfe0ff);animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{50%{opacity:.55}}.game-nav{position:sticky;top:0;z-index:var(--z-banner);display:flex;align-items:center;gap:12px;min-height:58px;margin:0;padding:8px 16px;border:0;border-bottom:3px solid #ffffff33;border-radius:0;background:linear-gradient(90deg,#103a52f2,#12657af2 48%,#0f3b55f2);box-shadow:0 6px 20px #03202e55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-nav>b{font-family:var(--font-numeric);font-weight:800;letter-spacing:.04em;color:#fff8df;font-size:1.05rem;text-shadow:0 2px 0 #0c3a4d}.phase-chip{padding:.3rem .7rem;border-radius:var(--r-pill);font-family:var(--font-display);font-size:.8rem;letter-spacing:.04em;color:#6a4212;background:linear-gradient(180deg,#ffe6a3,#ffcf68);border:2px solid #fff2c8;box-shadow:inset 0 1px #fff}.status{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .6rem;border-radius:var(--r-pill);font-size:.72rem;font-weight:700;color:#dff3f8;background:#ffffff1f;border:1px solid #ffffff33}.status i{width:8px;height:8px;border-radius:50%;background:#ffd15c;box-shadow:0 0 8px #ffd15c}.status.connected i{background:#6ff0b4;box-shadow:0 0 8px #6ff0b4}.status.reconnecting i,.status.connecting i{background:#ffd15c;animation:pulse-dot 1s ease-in-out infinite}.status.disconnected i{background:#ff8f9c;box-shadow:0 0 8px #ff8f9c}@keyframes pulse-dot{50%{opacity:.35}}.nav-help{margin-left:auto;color:#bfe6ee;font-size:.74rem;font-weight:500}.log-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:var(--r-pill);color:#e8fbff;background:#ffffff1f;border:1px solid #ffffff3d;cursor:pointer;font-size:.74rem;font-weight:700;transition:background var(--t-fast)}.log-toggle svg{font-size:1rem}.log-toggle:hover{background:#fff3}.log-toggle.on{color:#17384a;background:#ffe6a3;border-color:#fff2c8}.game-nav .danger{padding:.45rem .9rem;border-radius:var(--r-pill);border:2px solid #ffc2b6;color:#fff3ec;background:linear-gradient(180deg,#ff7d84,#e0455f);box-shadow:0 4px #a23048,inset 0 1px #ffffff70;cursor:pointer;font-family:var(--font-display);font-size:.82rem}.game-nav .danger:hover{filter:brightness(1.06)}.game-nav .danger:active{transform:translateY(3px);box-shadow:0 1px #a23048}.brand-mark{font-size:.8rem}.table{position:relative;z-index:var(--z-board);width:min(1120px,100%);margin:0 auto;padding:12px 16px;display:grid;gap:10px;transform:perspective(1700px) rotateX(6deg);transform-origin:center 42%}.table.hit{animation:table-hit .42s ease-in-out}@keyframes table-hit{0%,to{transform:perspective(1700px) rotateX(6deg) translateZ(0)}15%{transform:perspective(1700px) rotateX(6deg) translate3d(-8px,2px,0)}30%{transform:perspective(1700px) rotateX(6deg) translate3d(7px,-2px,0)}45%{transform:perspective(1700px) rotateX(6deg) translate3d(-5px,1px,0)}60%{transform:perspective(1700px) rotateX(6deg) translate3d(4px,-1px,0)}80%{transform:perspective(1700px) rotateX(6deg) translate3d(-2px,0,0)}}.prompt-banner{position:relative;justify-self:center;display:flex;align-items:center;justify-content:center;gap:.6rem;width:min(920px,98%);min-height:46px;padding:8px 40px;border:0;border-radius:0;color:#3a2405;text-align:center;font-family:var(--font-display);font-size:1.05rem;line-height:1.35;text-shadow:0 1px 0 #fff6c8;background:linear-gradient(90deg,#f7b64a,#ffe6a0 50%,#f7b64a);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);box-shadow:0 0 34px #ffd77a55}.prompt-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#ffffff88 0,transparent 44%);-webkit-mask-image:inherit;mask-image:inherit}.prompt-banner i{width:10px;height:10px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d98a2b);box-shadow:0 0 10px #ffca63}.prompt-banner.waiting{color:#f4ecff;background:linear-gradient(90deg,#6b4bb0,#a988e0 50%,#6b4bb0);text-shadow:0 1px 2px #2a1c40;box-shadow:0 0 34px #a988e055}.prompt-banner.waiting i{background:#efe6ff;animation:pulse-dot 1s ease-in-out infinite}@keyframes banner-pop{0%{transform:translateY(-8px) scale(.97);opacity:0}}.player-board{position:relative;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}.opponent .playmat{transform:rotate(180deg)}.player-header{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:6px;padding:6px 14px;border:1px solid #9db8ff44;border-radius:var(--r-pill);background:#0c1f52aa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 12px #04123a55,inset 0 1px #ffffff1f}.opponent .player-header{border-color:#ffb0c655;background:#3a103aaa}.player-name{display:grid;grid-template-columns:auto auto;align-items:baseline;min-width:150px}.player-name>span{grid-column:1 / 3;color:#7fd8ff;font-size:.54rem;font-weight:900;letter-spacing:.22em}.opponent .player-name>span{color:#ff9ec2}.player-name strong{color:#eef4ff;font-family:var(--font-display);font-weight:400;font-size:1rem}.player-name small{margin-left:.45rem;color:#a9bde8;font-size:.66rem}.resource{display:flex;flex-direction:column;align-items:center;min-width:50px;padding:.24rem .5rem;border-radius:var(--r-sm);background:#ffffff14;border:1px solid #ffffff2e}.resource b{font-family:var(--font-numeric);font-weight:800;font-size:1rem;color:#ffe08a}.resource span{color:#a9bde8;font-size:.48rem;font-weight:800;letter-spacing:.12em}.break-gauge{margin-left:auto;min-width:156px}.break-gauge>span{display:flex;align-items:baseline;gap:.2rem;color:#ff9ec2;font-size:.6rem;font-weight:900;letter-spacing:.08em}.break-gauge>span b{font-family:var(--font-numeric);font-size:.9rem;color:#ffd0e0}.break-gauge>span small{color:#a9bde8}.break-pips{display:flex;gap:3px;margin-top:4px}.break-pips i{flex:1;height:8px;border-radius:3px;background:#ffffff1f;box-shadow:inset 0 0 0 1px #fff3}.break-pips i.on{background:linear-gradient(180deg,#ffd36a,#ff6f8e);box-shadow:0 0 8px #ff8f9c88}.playmat{display:grid;grid-template-columns:96px minmax(420px,1fr) 104px;grid-template-rows:minmax(146px,1fr) minmax(108px,.78fr) minmax(110px,auto);gap:10px;padding:6px;border-radius:var(--r-lg);background:none}.zone{position:relative;min-height:88px;padding:22px 8px 8px;border:2px solid #a9c4ff4d;border-radius:var(--r-md);background:linear-gradient(180deg,#29509f26,#16357826);box-shadow:inset 0 0 26px #6f9bff26,0 0 14px #3f6fe01f}.zone>label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#cfdcff9c;font-family:var(--font-display);font-weight:400;font-size:.95rem;letter-spacing:.06em;white-space:nowrap;pointer-events:none;text-shadow:0 2px 6px #06123a;transition:font-size .18s,top .18s,opacity .18s,transform .18s}.zone:has(.game-card)>label,.zone:has(.card-back)>label,.zone:has(.cookie-slot)>label,.zone:has(.trash-mark)>label{top:6px;transform:translate(-50%);font-size:.52rem;letter-spacing:.12em;opacity:.55}.zone .empty-mark,.empty-copy{display:none}.stage-zone{grid-column:3;grid-row:1}.battle-zone{grid-column:2;grid-row:1;min-height:154px}.support-zone{grid-column:2;grid-row:2}.pile-zone{grid-column:3;grid-row:2;display:grid;place-items:center;border-style:dashed}.break-zone{grid-column:1;grid-row:1 / 3}.break-zone .card-row{display:grid;grid-auto-flow:row;grid-template-columns:1fr;justify-items:center;max-height:250px;overflow-y:auto;overflow-x:hidden}.trash-zone{grid-column:3;grid-row:3;display:flex;align-items:center;justify-content:center;gap:.4rem;border-style:dashed}.trash-zone b{font-family:var(--font-numeric);font-weight:800;font-size:1.2rem;color:#eaf1ff}.trash-mark{color:#cfdcff;font-size:1.3rem}.hand-zone{grid-column:1 / 3;grid-row:3;min-width:0;border-color:transparent;background:none;box-shadow:none}.hand-zone>label{display:none}.zone.zone-armed{border-color:#fff2c8;animation:zone-armed-pulse 1.6s ease-in-out infinite}.zone.zone-armed>label{opacity:.5!important;color:#fff6d8}@keyframes zone-armed-pulse{0%,to{box-shadow:0 0 0 2px #ffe9a8aa,0 0 18px #ffe9a888,inset 0 0 24px #ffe9a83d}50%{box-shadow:0 0 0 3px #fff2c8,0 0 30px #ffe9a8cc,inset 0 0 30px #ffe9a85d}}.card-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px;height:100%}.scroll-row{max-height:108px;overflow-x:auto;flex-wrap:nowrap}.own .hand-zone{overflow:visible}.hand-fan{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end;overflow:visible;padding:26px 6px 0}.hand-fan .card-anim{margin:0 -16px;transform-origin:bottom center;transition:transform var(--t-mid),margin var(--t-mid)}.hand-fan .game-card{flex:0 0 96px;width:96px;height:134px;transition:box-shadow var(--t-mid)}.hand-fan .card-anim:nth-last-child(6){transform:rotate(-9deg) translateY(10px)}.hand-fan .card-anim:nth-last-child(5){transform:rotate(-5deg) translateY(4px)}.hand-fan .card-anim:nth-last-child(4){transform:rotate(-2deg) translateY(1px)}.hand-fan .card-anim:nth-last-child(3){transform:rotate(1deg)}.hand-fan .card-anim:nth-last-child(2){transform:rotate(4deg) translateY(3px)}.hand-fan .card-anim:nth-last-child(1){transform:rotate(8deg) translateY(9px)}.hand-fan .card-anim:hover,.hand-fan .card-anim:focus-within{transform:translateY(-28px) scale(1.12);margin:0 6px;z-index:var(--z-card-hover)}.hand-fan .card-anim:hover .game-card{box-shadow:0 16px #0000001a,0 24px 40px #03113a66,inset 0 0 0 2px var(--accent)}.hand-fan .card-anim:has(.has-actions){margin-bottom:18px}.opponent .hand-zone{display:grid;place-items:center}.card-anim{display:inline-flex}.card-drop{position:relative}.card-drop:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:5;pointer-events:none;border-radius:16px;animation:card-land .5s ease-out forwards}@keyframes card-land{0%{box-shadow:0 0 0 12px #ffe08a00}22%{box-shadow:0 0 0 3px #ffe08a,0 0 26px #ffcf4a}to{box-shadow:0 0 #ffe08a00}}.game-card{--accent: var(--c-pure);position:relative;display:inline-flex;flex:0 0 92px;width:92px;height:130px;flex-direction:column;overflow:hidden;padding:0;border:3px solid #fff;border-radius:var(--r-md);color:var(--ink);text-align:left;cursor:default;background:#fff;box-shadow:0 4px #0000001f,0 8px 16px #03202e33,inset 0 0 0 2px var(--accent);transition:transform var(--t-mid),box-shadow var(--t-mid),filter var(--t-fast)}.game-card.actionable{cursor:pointer}.game-card.actionable:hover,.game-card.targetable:hover{z-index:var(--z-card-hover);transform:translateY(-8px) scale(1.05) rotate(-1deg);box-shadow:0 12px #0000001a,0 18px 30px #03202e4d,inset 0 0 0 2px var(--accent)}.game-card.actionable:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.game-card.color-red{--accent: var(--c-red)}.game-card.color-yellow{--accent: var(--c-yellow)}.game-card.color-green{--accent: var(--c-green)}.game-card.color-blue{--accent: var(--c-blue)}.game-card.color-purple{--accent: var(--c-purple)}.game-card.color-black{--accent: var(--c-black)}.game-card.color-pure{--accent: var(--c-pure)}.card-head{display:flex;justify-content:space-between;align-items:center;min-height:18px;padding:.22rem .38rem;color:#fff;background:var(--accent);font-family:var(--font-numeric);font-size:.56rem;font-weight:800;letter-spacing:.02em}.card-level{text-transform:uppercase}.card-colors{opacity:.85}.card-art{position:relative;display:grid;flex:1;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--accent) 20%,#eef3f4)}.card-art strong{z-index:1;font-size:1.6rem;color:color-mix(in srgb,var(--accent) 65%,#2a3b44);opacity:.55}.card-art em{position:absolute;right:3px;bottom:2px;color:#ffffff9c;font-size:.4rem;font-style:normal;font-weight:900}.card-art-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#e7edee}.card-art-image+strong{display:none}.card-title{min-height:26px;padding:.28rem .3rem .12rem;overflow:hidden;color:var(--ink);background:#fff;font-size:.62rem;font-weight:800;line-height:1.12}.card-number{padding:0 .3rem .22rem;color:var(--ink-soft);background:#fff;font-family:var(--font-numeric);font-size:.46rem}.card-info{position:absolute;right:4px;bottom:4px;z-index:7;display:grid;width:18px;height:18px;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;color:#fff;background:var(--accent);cursor:pointer;font-size:.58rem;line-height:1;opacity:0;transition:opacity var(--t-fast),transform var(--t-fast)}.game-card:hover .card-info,.game-card:focus-within .card-info{opacity:1}.card-info:hover{transform:scale(1.15)}.card-action-badge{position:absolute;top:20px;left:0;z-index:6;padding:.18rem .34rem;border-radius:0 .4rem .4rem 0;color:#5a3306;background:var(--accent);box-shadow:0 2px 5px #03202e4d;font-size:.46rem;font-weight:900;letter-spacing:.03em}.has-actions{border-color:var(--accent);animation:card-ready 2.2s ease-in-out infinite}@keyframes card-ready{0%,to{box-shadow:0 4px #0000001f,0 8px 16px #03202e33,0 0 0 2px #ffd873,0 0 12px #ffcf4a66,inset 0 0 0 2px var(--accent)}50%{box-shadow:0 6px #0000001a,0 12px 22px #03202e3d,0 0 0 2px #ffe6a3,0 0 26px #ffcf4acc,inset 0 0 0 2px var(--accent)}}.card-row .game-card.has-actions{transform:translateY(-4px)}.card-row .game-card.has-actions.actionable:hover{transform:translateY(-10px) scale(1.05)}.source-selected{border-color:var(--accent);animation:none;box-shadow:0 0 0 4px #ffcf4a88,0 0 22px #ffcf4a99,inset 0 0 0 2px var(--accent);transform:translateY(-5px)}.targetable{border-color:#7ef0dd;animation:target-pulse 1.4s ease-in-out infinite;box-shadow:0 0 0 3px #43d4bd77,0 0 20px #43d4bdaa}.target-selected{border-color:#ffe08a;animation:none;box-shadow:0 0 0 5px #f0ba46aa,0 0 26px #f0ba46aa;transform:translateY(-6px) scale(1.04)}@keyframes target-pulse{50%{box-shadow:0 0 0 4px #43d4bdaa,0 0 28px #43d4bdcc}}.card-kind-badges{position:absolute;top:4px;right:4px;z-index:6;display:flex;gap:2px;padding:2px;border-radius:var(--r-pill);background:#1a2f5fcc;box-shadow:0 1px 4px #03113a80;filter:drop-shadow(0 0 4px #ffcf4a66)}.card-kind-badges i{display:grid;width:17px;height:17px;place-items:center;border:2px solid #fff;border-radius:50%;color:#5a3306;background:linear-gradient(180deg,#fff0bf,#ffc247);font-size:.56rem;font-style:normal}.card-kind-badges i svg{width:.82em;height:.82em}.compact-card .card-kind-badges{top:2px;right:2px}.compact-card{flex-basis:66px;width:66px;height:92px;border-radius:var(--r-sm)}.compact-card .card-head{min-height:14px;padding:.12rem .22rem;font-size:.42rem}.compact-card .card-title{min-height:20px;padding:.18rem;font-size:.5rem}.compact-card .card-number{padding:0 .18rem .12rem;font-size:.38rem}.compact-card .card-info{width:14px;height:14px;font-size:.46rem}.compact-card .card-kind-badges i{width:12px;height:12px}.cookie-slot{position:relative;display:flex;align-items:flex-end;gap:.25rem;padding:.3rem;border-radius:var(--r-md);overflow:visible;background:#ffffff26;box-shadow:inset 0 0 0 2px #ffffff26}.dmg-pop{position:absolute;left:50%;top:24%;z-index:30;pointer-events:none;margin-left:-.6ch;font-family:var(--font-numeric);font-weight:800;font-size:1.6rem;line-height:1;color:#ff5a6e;-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:0 3px 0 #7a0f1e,0 0 16px #ff5a6ecc}.dmg-pop.foe{color:#ffd15c;text-shadow:0 3px 0 #7a5410,0 0 16px #ffd15ccc}.cookie-slot.rested{min-width:122px;padding-left:1.2rem;align-items:center}.cookie-slot.rested .game-card,.game-card.rested{transform:rotate(90deg) scale(.78);filter:saturate(.6) brightness(.92)}.cookie-slot.rested .hp-row{align-self:flex-end}.hp-row{display:flex;width:24px;flex-direction:column-reverse;gap:3px}.hp{display:grid;width:24px;height:20px;place-items:center;padding:0;border:2px solid #fff;border-radius:.3rem;color:#b23a63;background:linear-gradient(180deg,#ffe1ea,#ffc2d3);box-shadow:0 1px 3px #03202e33;font-size:.42rem;font-weight:800}.hp.face{overflow:hidden;border-color:#ffe0a0;color:#7a4a12;background:linear-gradient(180deg,#fff2cf,#ffdd94);cursor:pointer}.starter-face-down{display:flex;min-width:82px;min-height:110px;align-items:center;justify-content:center;flex-direction:column;border-radius:var(--r-md);background:radial-gradient(circle,#ffffff40,#0a4a6bcc);box-shadow:inset 0 0 22px #fff3}.starter-face-down .card-back{transform:rotate(90deg) scale(.82)}.starter-face-down>span:last-child{margin-top:.3rem;color:#eefaff;font-size:.5rem;font-weight:800;letter-spacing:.08em}.card-back{position:relative;display:grid;width:52px;height:74px;place-items:center;overflow:hidden;border:3px solid #fff;border-radius:var(--r-sm);color:#6a3f13;background:linear-gradient(145deg,#ffe08a,#ff9d4c 52%,#ff6f96);box-shadow:inset 0 0 0 3px #fff6,0 4px #b45a35,0 6px 12px #03202e40}.card-back:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px solid #ffffff70;border-radius:50%}.card-back i{z-index:1;font-family:var(--font-numeric);font-weight:800;font-size:.8rem;font-style:normal}.card-back b{position:absolute;bottom:6px;z-index:1;font-size:.3rem;letter-spacing:.06em}.card-back.small{width:34px;height:48px;margin-left:-16px;box-shadow:inset 0 0 0 2px #fff6,0 3px #b45a35}.card-back.small:first-child{margin-left:0}.pile-zone .card-back{width:60px;height:84px}.pile-count{position:absolute;right:6px;bottom:4px;display:grid;min-width:24px;height:24px;place-items:center;padding:0 4px;border-radius:var(--r-pill);color:#5a3306;background:var(--accent);font-family:var(--font-numeric);font-weight:800;font-size:.68rem;box-shadow:0 2px 5px #03202e4d}.hidden-hand{display:flex;align-items:center;justify-content:center;height:56px}.more-count{margin-left:.4rem;color:#ffe6a3;font-family:var(--font-numeric);font-weight:800;font-size:.72rem}.battle-stage{min-height:8px;display:grid;place-items:center}.battle-stage-inner{display:flex;align-items:center;gap:16px;padding:12px 28px;border-radius:var(--r-pill);border:3px solid #ffd7b0;color:#fff;background:linear-gradient(90deg,#d63a58,#ff8f5e 50%,#d63a58);box-shadow:0 6px #8f2f3f,0 16px 30px #03202e66,inset 0 2px #ffffff40;font-family:var(--font-display);font-size:1.15rem}.battle-stage-inner .battle-clash{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:50%;background:#fff;color:#d63a58;font-size:1.3rem;box-shadow:0 3px 10px #03202e66}.attack-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-banner);display:grid;place-items:center;pointer-events:none}.attack-fx-ring{position:absolute;width:220px;height:220px;border-radius:50%;border:8px solid #ffe08a;box-shadow:0 0 40px #ffca63,inset 0 0 30px #ffca63}.attack-fx-slash{display:grid;place-items:center;width:180px;height:180px;color:#fff;font-size:9rem;filter:drop-shadow(0 0 18px #ff8f5e) drop-shadow(0 6px 0 #8f2f3f)}.turn-announce{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-banner);display:grid;place-items:center;pointer-events:none}.turn-announce span{padding:.5rem 3rem;border-radius:var(--r-pill);font-family:var(--font-display);font-size:clamp(2rem,7vw,3.6rem);color:#fff;-webkit-text-stroke:3px #06183f;paint-order:stroke fill;text-shadow:0 6px 0 #06183f,0 12px 30px #0009}.turn-announce.you span{color:#bff3ff}.turn-announce.rival span{color:#ffd0e0}.coin-flip{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-content:center;justify-items:center;gap:20px;background:#03102edd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.coin{display:grid;place-items:center;width:128px;height:128px;border-radius:50%;border:5px solid #fff3bd;color:#6a3f13;font-family:var(--font-numeric);font-weight:800;font-size:2.4rem;background:radial-gradient(circle at 36% 30%,#fff6c9,#ffc451 55%,#e0863f);box-shadow:0 12px 30px #00081f88,inset 0 3px #fff}.coin-result{font-family:var(--font-display);font-size:clamp(2.4rem,8vw,4rem);color:#fff;-webkit-text-stroke:3px #06183f;paint-order:stroke fill;text-shadow:0 6px 0 #06183f,0 14px 34px #0009}.coin-result.first{color:#bff3ff}.coin-result.second{color:#ffd0e0}.battle-side{font-size:.95rem}.battle-side.attacker{color:#fff2cf}.battle-clash{display:grid;place-items:center;width:26px;height:26px;font-size:1.1rem;color:#fff}.battle-step{font-size:.64rem;letter-spacing:.12em;opacity:.85;text-transform:uppercase}.phase-rail{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:var(--z-dock);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.phase-rail ol{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.phase-rail li{padding:.5rem 1.1rem .5rem 1rem;border:1px solid #9db8ff33;border-left:0;border-radius:0 var(--r-pill) var(--r-pill) 0;color:#b9ccf5;background:#0c1f52cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-display);font-size:.82rem;white-space:nowrap;transition:all var(--t-mid)}.phase-rail li.active{color:#06203f;padding-right:1.6rem;border-color:#8fe6ff;background:linear-gradient(90deg,#8fe6ff,#bff3ff);box-shadow:0 0 22px #8fe6ffaa,0 2px 10px #03113a66}.phase-next{align-self:flex-start;margin:10px 0 0 8px;display:inline-flex;align-items:center;gap:.35rem;padding:.6rem 1.2rem;border:3px solid #cfeeff;border-radius:var(--r-pill);color:#06203f;background:radial-gradient(circle at 40% 30%,#d8f6ff,#7cc8f0);box-shadow:0 5px #3f83b0,0 10px 20px #03113a55;cursor:pointer;font-family:var(--font-display);font-size:.9rem}.phase-next:hover{filter:brightness(1.06)}.phase-next:active{transform:translateY(3px);box-shadow:0 2px #3f83b0}.control-cluster{position:fixed;left:20px;bottom:18px;z-index:var(--z-dock);display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:min(46vw,560px)}.action-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px}.context-peek{display:flex;gap:10px;width:100%;max-height:168px;padding:10px;border:2px solid #ffe1a0;border-radius:var(--r-md);background:#0c1f52ee;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 26px #03113a66,inset 0 1px #ffffff1f}.context-peek .game-card{pointer-events:none;flex:none}.context-peek-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:.3rem}.context-peek-head{display:flex;align-items:center;gap:.5rem}.context-peek-head b{color:#fff2cf;font-family:var(--font-display);font-weight:400;font-size:.92rem}.context-peek-head button{margin-left:auto;width:22px;height:22px;flex:none;border:2px solid #ffffff3d;border-radius:50%;color:#dbe7ff;background:#ffffff1f;cursor:pointer;font-size:.7rem;line-height:1}.context-peek-head button:hover{background:#fff3}.context-peek-text{overflow-y:auto;padding-right:.3rem}.context-peek-text .rules-text{margin:0;color:#e4f2f6;font-size:.72rem;line-height:1.5}.context-peek .loading-text{color:#a7c9d2;font-size:.72rem}.ab-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.3rem;border:3px solid #fff1ae;border-radius:var(--r-pill);color:#3a2405;background:linear-gradient(180deg,#fff4c2,#ffd374);box-shadow:0 5px #c07f3a,0 10px 20px #03113a55,inset 0 1px #fff;cursor:pointer;font-family:var(--font-display);font-size:.95rem;transition:transform var(--t-fast),filter var(--t-fast)}.ab-btn svg{width:1.05em;height:1.05em}.ab-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.ab-btn:active{transform:translateY(3px);box-shadow:0 2px #c07f3a}.ab-primary{color:#fff3ec;border-color:#ffc2b6;background:linear-gradient(180deg,#ff8f6a,#e0455f);box-shadow:0 5px #8f2f47,0 10px 20px #03113a55,inset 0 1px #ffffff70}.ab-primary:active{box-shadow:0 2px #8f2f47}.ab-ghost{padding:.6rem 1.1rem;border:2px solid #ffffff44;border-radius:var(--r-pill);color:#e8f2ff;background:#0c1f52cc;box-shadow:0 4px 14px #03113a66;cursor:pointer;font-family:var(--font-display);font-size:.88rem}.ab-ghost:hover{background:#14297acc}.command-dock,.command-header,.command-steps,.command-legend,.command-source,.target-summary,.command-hint,.battle-console{display:none}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-drawer) - 1);background:#03151f66}.event-panel{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-drawer);width:min(340px,88vw);overflow-y:auto;padding:16px;border-left:4px solid #bdebf0;background:linear-gradient(165deg,#0d4057f7,#082230f7);box-shadow:-12px 0 40px #03202e73;transform:translate(100%);transition:transform var(--t-mid)}.event-panel.open{transform:translate(0)}.event-panel .section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid #72bfcb55}.event-panel .section-title h2{margin:0;color:#fff1ab;font-family:var(--font-display);font-weight:400;font-size:1rem;letter-spacing:.04em}.drawer-close{width:28px;height:28px;border:2px solid #ffffff3d;border-radius:50%;color:#dff3f8;background:#ffffff1f;cursor:pointer;font-size:1.1rem;line-height:1}.event-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.event-row{display:flex;align-items:center;gap:.55rem;padding:.5rem .55rem;border-radius:var(--r-sm);background:#ffffff0f;border-left:3px solid transparent;color:#dbe7ff;font-size:.78rem;line-height:1.35}.event-row.you{border-left-color:#7fd8ff;background:#7fd8ff14}.event-row.rival{border-left-color:#ff9ec2;background:#ff9ec214}.event-icon{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;color:#5a3306;background:linear-gradient(180deg,#ffe6a3,#ffc247);font-size:.78rem}.event-icon svg{width:.82em;height:.82em}.event-text b{margin-right:.3rem;padding:.05rem .3rem;border-radius:var(--r-pill);font-size:.66rem;font-weight:800}.event-row.you .event-text b{color:#06304a;background:#8fe6ff}.event-row.rival .event-text b{color:#4a0f2a;background:#ffbdd3}.event-panel p{color:#8fb6c1;font-size:.78rem;line-height:1.7}.detail-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:2rem;background:#03151fd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-detail{position:relative;display:grid;grid-template-columns:220px minmax(420px,620px);width:min(880px,92vw);max-height:88vh;overflow:hidden;border:4px solid #fff;border-radius:var(--r-lg);background:var(--surface);color:var(--ink);box-shadow:0 30px 90px #03202e88}.detail-close{position:absolute;top:.7rem;right:.7rem;z-index:2;width:32px;height:32px;border:2px solid var(--line);border-radius:50%;color:var(--ink-soft);background:#fff;cursor:pointer;font-size:1.2rem}.detail-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;border-right:2px solid var(--line);background:linear-gradient(180deg,var(--surface-2),#ffe9cf)}.detail-preview .game-card{width:160px;height:224px;flex-basis:224px;pointer-events:none;transform:none}.detail-preview .card-art strong{font-size:2.6rem}.detail-preview .card-title{min-height:40px;padding:.5rem;font-size:.86rem}.detail-preview .card-number{padding:0 .5rem .4rem;font-size:.58rem}.detail-preview>p{margin-top:1.1rem;color:var(--ink-soft);font-size:.62rem;letter-spacing:.14em}.detail-copy{overflow-y:auto;padding:1.6rem 1.9rem 2rem}.detail-heading{display:flex;align-items:center;justify-content:space-between;padding-right:2.2rem}.detail-heading small{color:var(--accent-deep);font-size:.64rem;font-weight:800;letter-spacing:.06em}.detail-heading h2{margin:.25rem 0 1rem;font-family:var(--font-display);font-weight:400;font-size:1.6rem;color:var(--rival-deep)}.hp-stat{padding:.4rem .6rem;border:2px solid #f2a7b9;border-radius:var(--r-sm);color:#b23a63;background:#ffe8ef;font-family:var(--font-numeric);font-weight:800;font-size:.78rem}.trait-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.trait-row span{padding:.22rem .5rem;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-soft);background:#fff;font-size:.6rem}.detail-copy article{margin-top:.65rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}.detail-copy article h3{margin:0 0 .6rem;color:var(--accent-deep);font-family:var(--font-display);font-weight:400;font-size:.82rem}.detail-copy .attack-copy{border-color:#ffcbb0;background:#fff4ee}.detail-copy .flip-copy{border-color:#d8c4f0;background:#f6f1fd}.rules-text{margin:0;color:var(--ink);white-space:pre-wrap;font-size:.78rem;line-height:1.8}.rule-token{display:inline-block;margin:.08rem .1rem;padding:.05rem .3rem;border-radius:.3rem;color:#6a4212;background:#ffe6a3;font-size:.72rem}.no-text,.loading-text{color:var(--ink-soft);font-size:.76rem}.parse-status{display:block;margin-top:1rem;color:#93a9b1}.error{color:#d6455f}.toast{position:fixed;right:1rem;bottom:96px;z-index:var(--z-toast);display:flex;width:min(420px,90vw);flex-direction:column;padding:.85rem 1rem;border:3px solid #ffc2b6;border-radius:var(--r-md);color:#fff3ec;background:linear-gradient(180deg,#ff7d84,#d6455f);box-shadow:var(--sh-2);cursor:pointer}.toast small{margin-top:.25rem;color:#ffd9d3}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;background:#03151fdd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal>div{width:380px;padding:2.4rem;text-align:center;border:4px solid #fff;border-radius:var(--r-xl);background:linear-gradient(180deg,var(--surface),var(--surface-2));color:var(--ink);box-shadow:0 30px 90px #03202e99}.result-mark{color:var(--accent-deep);font-family:var(--font-numeric);font-weight:800;font-size:.72rem;letter-spacing:.3em}.modal h2{margin:.45rem 0;font-family:var(--font-display);font-weight:400;font-size:2rem;color:var(--rival-deep)}.modal p{color:var(--ink-soft)}.modal button{margin-top:.6rem;padding:.7rem 1.5rem;border:3px solid #fff2b8;border-radius:var(--r-pill);color:#6a3210;background:linear-gradient(180deg,#ffe27a,#ff9d3d);box-shadow:0 4px #c56a25;cursor:pointer;font-family:var(--font-display)}.nav-phase{display:none}@media(max-width:1240px){.phase-rail{display:none}.nav-phase{display:inline-block}}@media(max-width:900px){.nav-help{display:none}.table{padding:10px;transform:none}.playmat{grid-template-columns:72px minmax(220px,1fr) 78px;gap:5px;padding:7px}}@media(max-width:620px){.game-nav{gap:8px;padding:7px 10px}.game-nav>b{font-size:.82rem}.status{display:none}.playmat{grid-template-columns:52px minmax(150px,1fr) 56px;grid-template-rows:128px 92px 96px}.game-card{flex-basis:56px;width:56px;height:80px;border-width:2px}.hand-fan .game-card{flex-basis:60px;width:60px;height:84px}.hand-fan .card-anim{margin:0 -12px}.card-title{min-height:16px;font-size:.42rem}.card-number{font-size:.34rem}.prompt-banner{font-size:.82rem;padding:8px 14px}.zone>label{font-size:.68rem}.control-cluster{left:10px;right:10px;bottom:10px;max-width:none}.action-bar{gap:6px}.ab-btn,.ab-ghost{padding:.55rem .9rem;font-size:.82rem}.context-peek{max-height:132px}}.deck-builder-grid{grid-template-columns:225px minmax(0,1fr) 310px}.builder-catalog{min-width:0}.builder-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:.75rem;margin-top:0}.builder-card{position:relative;display:flex!important;min-width:0;min-height:0;flex-direction:column;gap:0;overflow:visible;padding:.38rem;border:1px solid #315362;border-radius:.55rem;background:#101a22;box-shadow:0 5px 14px #0008}.builder-card.extra{border-color:#8062b4}.builder-card-art{position:relative;display:block;width:100%;height:auto!important;aspect-ratio:5 / 7;overflow:hidden;padding:0!important;border:2px solid #4d7482;border-radius:.38rem;background:#0d151c;cursor:pointer}.builder-card-art img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.builder-card-art span{position:absolute;right:4px;bottom:4px;padding:.14rem .24rem;color:#fff;background:#071015c9;font-size:.48rem}.builder-card-copy{display:flex;min-height:48px;flex-direction:column;justify-content:center;gap:.13rem;padding:.42rem .12rem .08rem}.builder-card-copy b{overflow:hidden;color:#effbff;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.builder-card-copy small{color:#89a4b0;font-size:.5rem}.builder-card-copy .warning{color:#f3c66e}.builder-card-controls{position:absolute;right:.62rem;bottom:52px;z-index:3;display:flex;align-items:center;gap:.18rem;padding:.18rem;border:1px solid #6f8e98;border-radius:1.2rem;background:#081218df;box-shadow:0 2px 7px #000b}.builder-card-controls button{display:grid;width:24px;height:24px;place-items:center;padding:0;border:1px solid #527583;border-radius:50%;color:#d9f3fb;background:#18313d;cursor:pointer;font-size:.9rem}.builder-card-controls b{min-width:28px;text-align:center;color:#ffe293;font-size:.68rem}.builder-card.at-copy-limit{border-color:#b59540}.builder-card.at-copy-limit:after{position:absolute;top:.7rem;left:.7rem;z-index:4;content:"추가 불가";padding:.2rem .35rem;border:1px solid #f5d77c;border-radius:.25rem;color:#fff2bb;background:#483614dd;font-size:.54rem;font-weight:900}.deck-counts{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:.65rem 0}.deck-meter{padding:.5rem;border:1px solid #426878;border-radius:.4rem;background:linear-gradient(145deg,#10242d,#0b151c)}.deck-meter.extra{border-color:#73589c;background:linear-gradient(145deg,#21182e,#0e111b)}.deck-meter span{display:block;color:#8eb8c6;font-size:.56rem;font-weight:800;letter-spacing:.06em}.deck-meter.extra span{color:#bba2db}.deck-meter b{display:block;margin:.14rem 0 .38rem;color:#eefbff;font:800 1.1rem Georgia,serif}.deck-meter b small{color:#7d9aa5;font:700 .62rem Inter,Pretendard,sans-serif}.deck-meter i{display:block;height:5px;overflow:hidden;border:1px solid #29434d;border-radius:1rem;background:#071016}.deck-meter i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#52b8c9,#cfeff3);transition:width .18s ease}.deck-meter.extra i em{background:linear-gradient(90deg,#8d68bf,#ddc8ff)}.deck-entry-list{max-height:calc(100vh - 510px);overflow-y:auto;margin:.65rem 0;padding-right:.08rem}.deck-entry-list>.deck-entry{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:.45rem;min-height:43px;padding:.32rem;border:1px solid #263f4b;border-radius:.35rem;background:#0a141b}.deck-entry-list>.deck-entry+.deck-entry{margin-top:.32rem}.deck-entry img{width:31px;height:39px;border:1px solid #4b7481;border-radius:.18rem;-o-object-fit:cover;object-fit:cover;background:#142633}.deck-entry-copy{display:flex;min-width:0;flex-direction:column;gap:.12rem}.deck-entry-list .deck-entry code{overflow:hidden;color:#c9eff7;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.deck-entry-list .deck-entry span{color:#9db3bd;font-size:.54rem}.deck-entry-actions{display:flex;gap:.16rem}.deck-entry-actions button{display:grid;width:21px;height:21px;place-items:center;padding:0;border:1px solid #5c7180;border-radius:50%;color:#d8f3fa;background:#16303b;cursor:pointer;font-size:.85rem}.deck-entry-actions button:hover{border-color:#e4bd5d;color:#fff1c1;background:#4c3919}.deck-section-list{display:grid;max-height:calc(100vh - 470px);gap:.55rem;overflow-y:auto;margin:.7rem -.1rem .7rem 0;padding-right:.1rem}.deck-list-section{padding:.42rem;border:1px solid #294653;border-radius:.45rem;background:linear-gradient(145deg,#0d1a22,#091118)}.deck-list-section.extra{border-color:#644a8e;background:linear-gradient(145deg,#191326,#0b1018)}.deck-list-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 .4rem;padding:0 .08rem .32rem;border-bottom:1px solid #294653}.deck-list-section.extra .deck-list-heading{border-color:#513a71}.deck-list-heading h3{margin:0;color:#d8f3fb;font:800 .68rem Georgia,serif;letter-spacing:.07em}.deck-list-section.extra .deck-list-heading h3{color:#dec9ff}.deck-list-heading span{color:#8aaab6;font-size:.56rem;font-weight:800}.deck-section-empty{margin:.15rem 0 .08rem;color:#657d89;font-size:.56rem;text-align:center}.deck-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.36rem}.deck-summary-card{position:relative;min-width:0;padding:.22rem;border:1px solid #426b79;border-radius:.32rem;background:#0a1319;box-shadow:0 3px 8px #0008}.deck-summary-card.extra{border-color:#7656a1;background:#110d1b}.deck-summary-art{position:relative;aspect-ratio:5 / 7;overflow:hidden;border:1px solid #638a98;border-radius:.2rem;background:#132a37}.deck-summary-card.extra .deck-summary-art{border-color:#9876c5}.deck-summary-art span{position:absolute;right:2px;bottom:2px;padding:.08rem .14rem;color:#fff;background:#071015d9;font-size:.36rem;font-weight:800}.deck-summary-art b{position:absolute;top:2px;left:2px;padding:.1rem .16rem;border:1px solid #e5c76c;border-radius:.16rem;color:#fff1b5;background:#342714e8;font-size:.46rem}.deck-summary-copy{min-width:0;padding:.25rem .06rem .02rem}.deck-summary-copy strong{color:#e8f7fa;font-size:.5rem}.deck-summary-copy small{margin-top:.08rem;color:#7995a1;font-size:.4rem}.deck-summary-card>button{position:absolute;right:.32rem;bottom:.9rem;display:grid;width:18px;height:18px;place-items:center;padding:0;border:1px solid #b9dbe4;border-radius:50%;color:#ecfbff;background:#122b35e8;box-shadow:0 1px 4px #000b;cursor:pointer;font-size:.72rem}.deck-summary-card>button:hover{border-color:#f0ca6e;color:#fff3c8;background:#563e18}.deck-builder-shell{min-width:0;min-height:100vh;padding:16px;color:#eaf1ff;font-family:var(--font-body);background:radial-gradient(ellipse at 50% 6%,#4d7bd6 0,transparent 44%),radial-gradient(ellipse at 50% 120%,#1b3f9a 0,transparent 55%),linear-gradient(180deg,#0a1c4d,#12307a 45%,#0b2160)}.deck-builder-nav{display:flex;align-items:center;gap:12px;min-height:58px;margin-bottom:12px;padding:8px 14px;border:1px solid #9db8ff44;border-radius:var(--r-pill);background:#0c1f52cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 18px #03113a55,inset 0 1px #ffffff1f}.deck-builder-nav>button{padding:.5rem .9rem;border:2px solid #ffffff33;border-radius:var(--r-pill);color:#dbe7ff;background:#ffffff14;cursor:pointer;font-weight:700}.deck-builder-nav>button:hover{background:#ffffff26}.deck-builder-nav>div{min-width:120px}.deck-builder-nav span{color:#7fd8ff;font-size:.52rem;font-weight:900;letter-spacing:.2em}.deck-builder-nav h1{margin:.06rem 0 0;font-family:var(--font-display);font-weight:400;font-size:1.3rem;color:#fff2cf}.deck-builder-nav input{min-width:180px;margin-left:auto;padding:.55rem .75rem;border:2px solid #ffffff2e;border-radius:var(--r-pill);color:#eef4ff;background:#0a1740}.deck-builder-nav .builder-save,.deck-builder-nav .builder-start{padding:.55rem 1.1rem;border:3px solid #fff1ae;border-radius:var(--r-pill);color:#3a2405;background:linear-gradient(180deg,#fff4c2,#ffd374);box-shadow:0 4px #c07f3a;cursor:pointer;font-family:var(--font-display);font-weight:400}.deck-builder-nav .builder-start{color:#06203f;border-color:#cfeeff;background:radial-gradient(circle at 40% 30%,#d8f6ff,#7cc8f0);box-shadow:0 4px #3f83b0}.deck-builder-nav .builder-save:hover,.deck-builder-nav .builder-start:hover{filter:brightness(1.06)}.deck-builder-nav .builder-save:active,.deck-builder-nav .builder-start:active{transform:translateY(3px);box-shadow:none}.deck-builder-nav button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ai-controls{display:flex;align-items:center;gap:.8rem;width:-moz-fit-content;width:fit-content;margin:0 0 12px auto;color:#cfe0ff;font-size:.8rem;font-weight:800}.ai-controls select{padding:.45rem .7rem;border:2px solid #ffffff2e;border-radius:var(--r-pill);color:#eef4ff;background:#0a1740}.ai-controls .turn-order-picker{margin:0;gap:.5rem}.ai-controls .turn-order-picker>span{color:#a9bde8}.ai-controls .turn-order-seg{padding:3px;border-color:#ffffff2e;background:#0a1740}.ai-controls .turn-order-seg button{padding:.35rem .8rem;font-size:.82rem;color:#cfe0ff}.ai-controls .turn-order-seg button:hover{color:#fff}.ai-controls .turn-order-seg button.on{color:#3a2405;background:linear-gradient(180deg,#ffe6a3,#ffc247);box-shadow:0 2px #d98a2b}.deck-builder-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;gap:14px;align-items:start}.builder-filters,.builder-catalog,.builder-deck{border:2px solid #ffffff2b;border-radius:var(--r-lg);background:#0e1f4fcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 26px #03113a4d,inset 0 1px #ffffff1f}.builder-filters,.builder-deck{padding:14px;position:sticky;top:14px}.builder-filters{max-height:calc(100vh - 28px);overflow-y:auto}.builder-catalog{padding:14px;min-height:calc(100vh - 96px)}.builder-filters h2,.builder-section-heading h2{margin:.2rem 0 .7rem;color:#fff2cf;font-family:var(--font-display);font-weight:400;font-size:1rem;letter-spacing:.02em}.builder-filters h2+h2{margin-top:1.2rem;padding-top:.8rem;border-top:1px solid #ffffff1f}.builder-filters input,.builder-filters select{width:100%;margin-bottom:.55rem;padding:.55rem .7rem;border:2px solid #ffffff26;border-radius:var(--r-md);color:#eef4ff;background:#0a1740}.builder-filters label{display:block;margin:.9rem 0 .4rem;color:#a9bde8;font-size:.72rem;font-weight:800}.builder-filters p{color:#90a6d8;font-size:.7rem;line-height:1.6}.filter-chips{display:flex;flex-wrap:wrap;gap:.35rem}.filter-chips button{padding:.32rem .6rem;border:2px solid #ffffff2e;border-radius:var(--r-pill);color:#cfe0ff;background:#ffffff12;cursor:pointer;font-size:.64rem;font-weight:800}.filter-chips button:hover{background:#ffffff24}.filter-chips button.active{color:#3a2405;border-color:#fff1ae;background:linear-gradient(180deg,#ffe6a3,#ffc247)}.saved-decks{display:grid;gap:.35rem}.saved-decks button{display:flex;justify-content:space-between;padding:.5rem .6rem;border:1px solid #ffffff26;border-radius:var(--r-sm);color:#dbe7ff;background:#ffffff10;cursor:pointer;font-size:.72rem;text-align:left}.saved-decks button:hover{background:#ffffff20}.saved-decks small{color:#90a6d8}.official-import,.code-import{width:100%;margin-top:.4rem;padding:.55rem;border:2px solid #cfeeff;border-radius:var(--r-pill);color:#06203f;background:radial-gradient(circle at 40% 30%,#d8f6ff,#7cc8f0);box-shadow:0 4px #3f83b0;cursor:pointer;font-family:var(--font-display);font-size:.8rem}.official-import:hover,.code-import:hover{filter:brightness(1.06)}.official-import:disabled{opacity:.4;box-shadow:none;cursor:default}.builder-section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:2px solid #ffffff1f}.builder-section-heading h2{margin:0}.builder-section-heading span{color:#a9bde8;font-size:.66rem;font-weight:800}.builder-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:0}.builder-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:visible;padding:6px;border:0;border-radius:var(--r-md);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:0 5px #00000014,0 10px 18px #03113a3d;transition:transform var(--t-fast),box-shadow var(--t-fast)}.builder-card:hover{transform:translateY(-4px);box-shadow:0 9px #00000012,0 16px 26px #03113a4d}.builder-card.extra{box-shadow:0 5px #6a4a9e33,0 10px 18px #03113a3d}.builder-card-art{position:relative;display:block;width:100%;height:auto;aspect-ratio:5 / 7;overflow:hidden;padding:0;border:2px solid #fff;border-radius:var(--r-sm);background:#dfe6e9;cursor:pointer}.builder-card-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.builder-card-art span{position:absolute;right:4px;bottom:4px;padding:.1rem .3rem;border-radius:var(--r-pill);color:#fff;background:#12307acc;font-size:.5rem;font-weight:800}.builder-card-art:disabled{cursor:not-allowed;filter:saturate(.35) brightness(.8)}.builder-card-copy{min-height:46px;padding:.45rem .2rem .1rem}.builder-card-copy b{display:block;overflow:hidden;color:var(--ink);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.builder-card-copy small{display:block;color:var(--ink-soft);font-size:.54rem}.builder-card-copy .warning{color:#d98a2b}.builder-card-controls{position:absolute;right:8px;bottom:50px;z-index:3;display:flex;align-items:center;gap:.2rem;padding:.2rem;border-radius:var(--r-pill);background:#0c1f52e8;box-shadow:0 2px 8px #03113a80}.builder-card-controls button{display:grid;width:24px;height:24px;place-items:center;padding:0;border:2px solid #ffffff44;border-radius:50%;color:#eef4ff;background:#ffffff1f;cursor:pointer;font-size:1rem;line-height:1}.builder-card-controls button:hover{background:#fff3}.builder-card-controls button:disabled{opacity:.35;cursor:default}.builder-card-controls b{min-width:26px;text-align:center;color:#ffe08a;font-family:var(--font-numeric);font-weight:800;font-size:.72rem}.builder-card.at-copy-limit .builder-card-art{outline:2px solid #ffcf4a}.builder-card.at-copy-limit:after{content:"MAX 4";position:absolute;top:8px;left:8px;z-index:4;padding:.18rem .4rem;border-radius:var(--r-pill);color:#3a2405;background:#ffcf4a;font-family:var(--font-numeric);font-size:.54rem;font-weight:800}.deck-counts{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.7rem 0}.deck-meter{padding:.6rem;border:2px solid #ffffff26;border-radius:var(--r-md);background:#ffffff12}.deck-meter.extra{border-color:#b79ce055}.deck-meter span{display:block;color:#a9bde8;font-size:.58rem;font-weight:800;letter-spacing:.04em}.deck-meter.extra span{color:#c9b6ec}.deck-meter b{display:block;margin:.16rem 0 .4rem;color:#eef4ff;font-family:var(--font-numeric);font-weight:800;font-size:1.15rem}.deck-meter b small{color:#90a6d8;font:700 .62rem var(--font-body)}.deck-meter i{display:block;height:6px;overflow:hidden;border-radius:var(--r-pill);background:#ffffff1f}.deck-meter i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#52d0e0,#cff2f6);transition:width .2s ease}.deck-meter.extra i em{background:linear-gradient(90deg,#9d7ad0,#e0cbff)}.validation-state{min-height:52px;padding:.6rem .7rem;border:2px solid #ffffff26;border-radius:var(--r-md);background:#ffffff12}.validation-state strong{color:#7ff0dd;font-family:var(--font-display);font-weight:400;font-size:.82rem}.validation-state p{margin:.3rem 0 0;color:#ffbdd3;font-size:.62rem;line-height:1.4}.deck-section-list{display:grid;gap:.6rem;max-height:calc(100vh - 480px);overflow-y:auto;margin:.8rem 0;padding-right:.1rem}.deck-list-section{padding:.5rem;border:2px solid #ffffff1f;border-radius:var(--r-md);background:#ffffff0f}.deck-list-section.extra{border-color:#b79ce044;background:#b79ce014}.deck-list-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 .45rem;padding:0 .1rem .35rem;border-bottom:1px solid #ffffff1f}.deck-list-heading h3{margin:0;color:#eef4ff;font-family:var(--font-display);font-weight:400;font-size:.82rem;letter-spacing:.03em}.deck-list-section.extra .deck-list-heading h3{color:#e0cbff}.deck-list-heading span{color:#a9bde8;font-size:.6rem;font-weight:800}.deck-section-empty{margin:.2rem 0 .1rem;color:#7f93c0;font-size:.6rem;text-align:center}.deck-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.deck-summary-card{position:relative;min-width:0;padding:3px;border:0;border-radius:var(--r-sm);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:0 3px 8px #03113a3d}.deck-summary-art{position:relative;aspect-ratio:5 / 7;overflow:hidden;border:2px solid #fff;border-radius:6px;background:#dfe6e9}.deck-summary-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.deck-summary-art span{position:absolute;right:2px;bottom:2px;padding:.06rem .2rem;border-radius:var(--r-pill);color:#fff;background:#12307acc;font-size:.38rem;font-weight:800}.deck-summary-art b{position:absolute;top:2px;left:2px;padding:.06rem .24rem;border-radius:var(--r-pill);color:#3a2405;background:#ffcf4a;font-family:var(--font-numeric);font-weight:800;font-size:.46rem}.deck-summary-copy{min-width:0;padding:.28rem .1rem .04rem}.deck-summary-copy strong,.deck-summary-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-summary-copy strong{color:var(--ink);font-size:.52rem}.deck-summary-copy small{margin-top:.06rem;color:var(--ink-soft);font-size:.42rem}.deck-summary-card>button{position:absolute;right:.34rem;bottom:.9rem;display:grid;width:20px;height:20px;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;color:#06203f;background:#ffd0e0;box-shadow:0 1px 4px #03113a66;cursor:pointer;font-size:.8rem;line-height:1}.deck-summary-card>button:hover{background:#ffb3cc}.deck-code-label{display:block;color:#a9bde8;font-size:.64rem;font-weight:800}.deck-code-label textarea{width:100%;min-height:66px;margin-top:.35rem;padding:.5rem;border:2px solid #ffffff26;border-radius:var(--r-md);color:#eef4ff;background:#0a1740;font:.62rem ui-monospace,monospace;resize:vertical}.builder-message{margin-top:.5rem;color:#8fe6d5;font-size:.66rem;line-height:1.5}@media(max-width:1000px){.deck-builder-grid{grid-template-columns:1fr}.builder-filters,.builder-deck{position:static;max-height:none}}:root{--font-display: "Noto Sans KR", system-ui, sans-serif;--font-numeric: "Noto Sans KR", system-ui, sans-serif;--player: #69d6be;--rival: #e99b9e;--accent: #e7c785;--arena-bg-1: #1d3947;--arena-bg-2: #122731;--arena-bg-3: #090f18}body{background:#090f18}button,input,select,textarea{font:inherit}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid #86dacb;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing{display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;padding:0 clamp(20px,5vw,80px);background:radial-gradient(ellipse at 25% 50%,#183441 0,transparent 55%),#090f18;color:#e9edf2;overflow:hidden}.landing-bg{opacity:.12;pointer-events:none}.landing-bg i{filter:blur(95px)}.lobby-nav{width:100%;max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;min-height:96px;border-bottom:1px solid #ffffff12;z-index:1}.lobby-brand{display:flex;align-items:center;gap:12px;color:#f4eee1;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:.12em}.lobby-brand>span{display:grid;place-items:center;width:40px;height:44px;border:1px solid #c9af78;border-radius:12px 12px 18px 18px;font-size:13px;color:#e8cd94}.lobby-brand small{font-size:9px;color:#92a4b5;font-weight:500;letter-spacing:.2em}.lobby-tag{font-size:12px;color:#8ca0b0}.lobby-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 430px;gap:clamp(32px,6vw,100px);align-items:center;width:100%;max-width:1200px;margin:56px auto}.landing .eyebrow{color:#c9b486;font-size:10px;font-weight:700;letter-spacing:.19em}.landing .lobby-intro h1{font-size:clamp(34px,4.5vw,62px);line-height:1.3;font-weight:800;letter-spacing:-.055em;color:#f1f4f7;margin:22px 0}.lobby-intro h1 em{color:#e8c989;font-style:normal}.landing .lobby-description{color:#9dafbd;font-size:15px;line-height:1.95}.lobby-card-scene{height:258px;position:relative;width:380px;max-width:100%;margin:35px auto 15px}.showcase-card{position:absolute;left:50%;top:12px;width:145px;height:210px;border:1px solid #b9a273;border-radius:13px;background:repeating-linear-gradient(45deg,transparent,transparent 16px,#ffffff04 17px,transparent 18px),linear-gradient(155deg,#294d55,#14282e);display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:22px 10px;box-shadow:0 18px 36px #0008;transform:translate(-110%) rotate(-17deg)}.showcase-card:nth-child(2){transform:translate(-50%) translateY(-10px);z-index:2;background-color:#283d50}.showcase-card:nth-child(3){transform:translate(10%) rotate(17deg);background:linear-gradient(155deg,#403a50,#202230)}.showcase-card span{font-size:7px;color:#d8c698;letter-spacing:.12em}.showcase-card i{font-size:68px;line-height:1;color:#e6cc94;font-style:normal}.showcase-card b{font-size:10px;letter-spacing:.2em;color:#d5c7a6}.lobby-features{display:flex;gap:22px;justify-content:center;color:#a3b4c1;font-size:11px}.lobby-features b{color:#d1b780;margin-right:6px;font-size:10px}.landing-card{width:100%;padding:30px;text-align:left;border:1px solid #ffffff1c;border-radius:20px;background:linear-gradient(150deg,#192532,#111b26);box-shadow:0 24px 80px #0005;color:#e8eef3}.lobby-panel-heading h2{font-size:25px;letter-spacing:-.04em;margin:10px 0}.landing .lobby-panel-heading p{font-size:12px;color:#a3b4c1}.my-deck-preview{display:flex;align-items:center;gap:12px;padding:16px 0;margin-top:12px;border-block:1px solid #ffffff12}.deck-symbol{font-size:30px;color:#82cebb}.my-deck-preview small,.my-deck-preview strong{display:block}.my-deck-preview small{color:#91a5b5;font-size:10px;margin-bottom:4px}.my-deck-preview strong{font-size:13px}.my-deck-preview .text-button{margin-left:auto}.text-button{border:0;background:transparent;color:#d9c391;padding:8px 0;font-size:11px;cursor:pointer}.inline-error,.landing .inline-error,.landing .error{color:#ffb6ac;font-size:12px;line-height:1.6}.landing .turn-order-picker{margin:0;padding-top:18px;border-top:1px solid #ffffff12;justify-content:space-between}.turn-order-picker>span{color:#a8bbc9}.turn-order-seg{background:#0c1722;border:1px solid #354958;border-radius:8px}.turn-order-seg button{color:#a7b6c3;font-size:12px;border-radius:5px;padding:7px 13px}.turn-order-seg button.on{color:#f1dab0;background:#3b3933;box-shadow:none}.turn-order-seg button:hover{color:#fff}.landing-actions{display:grid;justify-content:stretch;gap:10px;margin-top:24px}.primary-button,.secondary-button{border-radius:9px;padding:14px 20px;font-weight:700;font-size:14px;box-shadow:none}.primary-button{background:linear-gradient(100deg,#ead29c,#d7b56e);color:#2c2416;border:1px solid #ebd6a4}.secondary-button{background:#ffffff05;border:1px solid #465663;color:#dce6ee}.lobby-footer{width:100%;max-width:1320px;margin:0 auto;padding:24px 0;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#718899;z-index:1}.lobby-footer span{letter-spacing:0}.arena{background:#0a141c}.arena-bg{background:radial-gradient(ellipse at 50% 45%,#203d44,#0b1721 72%)}.arena-bg:before,.arena-bg:after{opacity:.12}.game-nav{background:#101d29f5;border-bottom:1px solid #a4becc28;box-shadow:0 5px 20px #0003}.game-nav .brand-mark{border-radius:10px;background:#d6bc82;color:#263034;box-shadow:none}.game-nav .danger{background:#442933;border:1px solid #8f5462;color:#efbdc4;box-shadow:none;border-radius:7px}.table{background:linear-gradient(180deg,#17323ba8,#112c35c7);border:1px solid #779caa45;box-shadow:0 20px 70px #0005;border-radius:22px}.player-header{background:#152b35;border-color:#71bba844;border-radius:10px;box-shadow:none}.opponent .player-header{background:#302a38;border-color:#c598aa44}.zone{border-color:#97bdca26;background:#081a243d;box-shadow:inset 0 1px 7px #0002;border-radius:10px}.zone>label{letter-spacing:.04em;color:#b6cbd5}.prompt-banner{background:#10232fed;border:1px solid #759caa66;border-radius:8px;box-shadow:0 8px 24px #0005}.game-card{box-shadow:0 4px 10px #0005}.event-panel{background:#101e2af5;border-color:#6c879644}.deck-builder-shell{min-width:0;background:#0c1722;padding:20px}.deck-builder-nav{border:1px solid #536e8040;background:#152430;box-shadow:none;border-radius:12px;flex-wrap:wrap}.deck-builder-nav h1{font-size:22px}.builder-filters,.builder-deck{background:#132330;border:1px solid #536e8040;box-shadow:none}.builder-card{box-shadow:0 3px 10px #0003}@media(max-width:900px){.lobby-layout{grid-template-columns:minmax(0,1fr);max-width:540px;gap:28px;margin:30px auto}.lobby-layout>*{min-width:0}.lobby-intro{text-align:center}.lobby-card-scene{height:160px;margin:22px auto 5px}.showcase-card{width:96px;height:136px;padding:13px 5px}.showcase-card i{font-size:42px}.showcase-card span{font-size:5px}.showcase-card b{font-size:7px}.lobby-tag,.nav-help{display:none}}@media(max-width:480px){.landing{padding-inline:18px}.lobby-nav{min-height:74px}.lobby-brand{font-size:13px}.landing-card{padding:22px}.lobby-features{gap:10px;font-size:9px}.lobby-footer span{display:none}.deck-builder-shell{padding:10px}.ai-controls{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.coin-flip{perspective:900px}.coin{position:relative;width:148px;height:148px;border:0;background:none;box-shadow:none;transform-style:preserve-3d}.coin-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:5px solid #f6df9e;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 0 0 3px #95692d77,inset 0 0 0 7px #fff3bf55,0 10px 28px #0006}.coin-front{transform:translateZ(1px);color:#674414;background:radial-gradient(circle at 35% 25%,#fff0b9,#d8ab53 65%,#a77732)}.coin-back{transform:rotateY(180deg) translateZ(1px);color:#e8ecff;border-color:#ccd5f3;background:radial-gradient(circle at 35% 25%,#667eb3,#334571 65%,#202c4b);box-shadow:inset 0 0 0 3px #1e2d5777,inset 0 0 0 7px #c2cfef33,0 10px 28px #0006}.coin-face small{font-size:9px;letter-spacing:.2em}.coin-face>span{font-family:Georgia,serif;font-size:46px;line-height:1}.coin-face strong{font-size:19px}.coin-result.first{color:#f0d591}.coin-result.second{color:#c5d4fc}.arena{padding-bottom:20px;background:#080f19}.arena .arena-bg{background:radial-gradient(ellipse at 45% 38%,#28494c,#122b35 42%,#080f19 78%)}.arena .game-nav{min-height:62px;padding:8px 24px;gap:16px;background:#0b1420eb;border-bottom:1px solid #c9ad7033}.arena .brand-mark{display:grid;place-items:center;width:32px;height:36px;border:1px solid #bba271;border-radius:8px 8px 14px 14px;color:#e4c88b;background:#182c36}.match-heading{display:grid;gap:3px}.match-heading>span{font-size:8px;letter-spacing:.2em;color:#9aabbb}.match-heading b{font-size:15px;color:#efdfbc;font-variant-numeric:tabular-nums}.turn-owner{padding:7px 14px;border-radius:3px;font-size:11px;border:1px solid #79b4a140}.turn-owner.you{color:#ade4d0;background:#447d6b20}.turn-owner.rival{color:#e6b0b6;border-color:#b9828a40;background:#90495320}.arena .phase-chip,.arena .status{color:#aeb8c4;background:none;border:0;box-shadow:none;font-size:10px}.arena .nav-help{color:#8396a8;font-size:10px}.arena .log-toggle,.arena .game-nav .danger{border-radius:4px;font-size:11px;border-width:1px;box-shadow:none}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 228px;grid-template-rows:auto 1fr;gap:12px 24px;width:100%;padding:0 24px;margin:18px auto;align-items:start}.battle-layout .phase-rail{position:static;transform:none;display:flex;flex-direction:row;align-items:center;justify-content:center;grid-column:1}.battle-layout .phase-rail ol{flex-direction:row;gap:0}.battle-layout .phase-rail li{color:#8299a7;background:none;padding:9px 16px;border:0;border-radius:0;font-size:10px}.battle-layout .phase-rail li.active{color:#f0d59b;padding:9px 16px;background:linear-gradient(0deg,#c6a76422,transparent);box-shadow:inset 0 -2px #c6a764}.battle-layout .phase-next{display:none}.battle-layout .table{grid-row:2;grid-column:1;width:100%;padding:15px 14px 12px;margin:0;gap:8px;transform:none;border:1px solid #a9a17a4d;border-radius:44px 12px;background:repeating-linear-gradient(125deg,transparent 0 8px,#d2daba02 8px 9px),radial-gradient(ellipse at center,#284a4e70,#12283295 66%,#0b1926d9);box-shadow:inset 0 0 0 5px #07152188,inset 0 0 0 6px #b79e6630,inset 0 0 90px #03101ac0,0 25px 70px #0007}.battle-layout .table:before{content:"✧";position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:410px;color:#c8be9110;pointer-events:none;line-height:1}.battle-layout .table.hit{animation:arena-impact .3s ease-out}@keyframes arena-impact{25%{transform:translate(-3px)}65%{transform:translate(3px)}}.battle-layout .prompt-banner{width:auto;max-width:100%;min-height:28px;padding:6px 22px;font-size:11px;color:#c5dacd;text-shadow:none;border:0;border-radius:0;background:linear-gradient(90deg,transparent,#091b2288,transparent);box-shadow:none;mask-image:none;-webkit-mask-image:none}.battle-layout .prompt-banner:after{display:none}.battle-layout .prompt-banner i{width:5px;height:5px;background:#a5cfb7;box-shadow:0 0 10px #9dceb2}.battle-layout .prompt-banner.waiting{background:transparent;color:#b5bdcd}.arena .player-board{display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:12px}.arena .player-header,.arena .opponent .player-header{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 4px;padding:10px 6px;margin:0;background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.player-emblem{display:grid;place-items:center;width:68px;height:76px;margin:0 20px 2px;border:1px solid #d3bd89;border-radius:28px 28px 38px 38px;background:radial-gradient(circle at 45% 25%,#3e837c,#173a42 65%,#101e2b);box-shadow:inset 0 0 0 4px #102633,inset 0 0 0 5px #ccb98066,0 0 30px #6fc4a62a,0 6px 12px #0005}.player-emblem span{font-family:Georgia,serif;font-size:38px;color:#f0d8a7;text-shadow:0 2px 10px #0009}.opponent .player-emblem{background:radial-gradient(circle at 45% 25%,#795571,#382c48 65%,#191c2b)}.arena .player-name{width:100%;min-width:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.arena .player-name>span{width:100%;text-align:center;color:#91c4b6;font-size:8px;letter-spacing:.22em}.arena .opponent .player-name>span{color:#c4a0ba}.arena .player-name strong{font-size:14px;font-weight:700}.arena .player-name small{font-size:9px;margin:0 0 0 3px;color:#93a4b2}.arena .resource{min-width:32px;padding:4px 3px;background:none;border:0}.arena .resource b{color:#dfd6be;font-size:17px;font-weight:500}.arena .resource span{font-size:7px;color:#8a9faa}.arena .break-gauge{width:100%;min-width:0;margin:3px 0 0;padding:9px 4px;border-top:1px solid #b5a27633}.arena .break-gauge>span{justify-content:center;font-size:8px;color:#b6a8a4}.arena .break-gauge>span b{font-size:20px;color:#f1c2a8}.arena .break-pips{gap:3px}.arena .break-pips i{height:10px;border-radius:1px;transform:skew(-14deg);background:#07121d80;box-shadow:inset 0 0 0 1px #a9987430}.arena .break-pips i.on{background:linear-gradient(#f6d79c,#c78065);box-shadow:0 0 7px #e4ab6755}.arena .playmat{grid-template-columns:64px minmax(0,1fr) 70px;grid-template-rows:minmax(142px,auto) minmax(78px,auto) minmax(132px,auto);gap:5px 9px;padding:0}.arena .opponent .playmat{transform:none;grid-template-rows:30px minmax(78px,auto) minmax(142px,auto)}.arena .opponent .hand-zone{grid-column:1 / 3;grid-row:1;min-height:30px}.arena .opponent .battle-zone{grid-row:3}.arena .opponent .support-zone{grid-row:2}.arena .opponent .break-zone{grid-row:2 / 4}.arena .opponent .stage-zone{grid-row:3}.arena .opponent .trash-zone{grid-row:1;min-height:30px}.arena .zone{min-width:0;min-height:0;padding:18px 5px 5px;border:0;border-radius:8px;background:none;box-shadow:none}.arena .battle-zone{min-height:142px;background:radial-gradient(ellipse at bottom,#9dc6b80c,transparent);border-bottom:1px solid #b5c6ad20}.arena .support-zone{border-bottom:1px solid #b5c6ad15}.arena .zone>label,.arena .zone:has(.game-card)>label,.arena .zone:has(.card-back)>label,.arena .zone:has(.cookie-slot)>label,.arena .zone:has(.trash-mark)>label{top:3px;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:.08em;opacity:1;color:#809b9e;text-shadow:none}.arena .zone.zone-armed{outline:1px dashed #d2bd7766;outline-offset:-2px;background:#c4ad6510;box-shadow:none}.arena .zone.zone-armed>label{color:#e5ce91;opacity:1!important}.arena .card-row{justify-content:center;gap:10px}.arena .game-card{width:82px;height:116px;flex-basis:82px;border:1px solid #ddccaa;border-radius:6px;box-shadow:0 4px 6px #0009,0 10px 18px #0005}.arena .game-card.compact-card{width:48px;height:68px;flex-basis:48px}.arena .game-card:has(.card-art-image) .card-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#14222a}.arena .game-card .card-art-image{-o-object-fit:contain;object-fit:contain;background:#14222a}.arena .game-card:has(.card-art-image) .card-head,.arena .game-card:has(.card-art-image) .card-title,.arena .game-card:has(.card-art-image) .card-number{opacity:0}.arena .game-card:has(.card-art-image) .card-art em{display:none}.arena .game-card .card-info{z-index:8}.arena .cookie-slot{padding:3px;background:none;box-shadow:none;border-radius:8px}.arena .cookie-slot.rested{min-width:112px;padding-left:14px}.arena .hp-row{width:14px;gap:3px}.arena .hp{width:14px;height:14px;border-radius:3px;font-size:6px;border:1px solid #ecd0b3;background:linear-gradient(135deg,#efc798,#ae635e);color:#512d30;box-shadow:0 1px 3px #0006}.arena .card-back{border:1px solid #ccb680;border-radius:5px;background:repeating-linear-gradient(45deg,transparent 0 7px,#e6d2a30b 7px 8px),radial-gradient(ellipse at center,#315466,#122433);box-shadow:inset 0 0 0 3px #162b39,inset 0 0 0 4px #c6ad7355,0 5px 8px #0006;color:#d9c18d}.arena .pile-zone>.card-back{width:44px;height:62px}.arena .pile-count{background:#d7c08f;border:1px solid #f2dab2;color:#342d21}.arena .opponent .hidden-hand{height:27px}.arena .opponent .hidden-hand .card-back{width:20px;height:27px}.arena .hand-zone{padding:4px 0 0;border:0;background:none;overflow:visible}.arena .hand-fan{justify-content:safe center;flex-wrap:nowrap;gap:0;overflow-x:auto;padding:14px 16px 12px}.arena .hand-fan .card-anim{flex:none;margin:0 -4px;transform:none;transition:transform .16s ease}.arena .hand-fan .game-card{width:88px;height:124px;flex-basis:88px}.arena .hand-fan .card-anim:has(.has-actions){margin-bottom:0}.arena .hand-fan .card-anim:hover,.arena .hand-fan .card-anim:focus-within{transform:translateY(-8px);z-index:10}.arena .has-actions{outline:1px solid #e6c575;outline-offset:2px;box-shadow:0 0 12px #e6c57580,0 6px 12px #0008;animation:none}.arena .source-selected{outline:2px solid #80e2c1;outline-offset:2px;box-shadow:0 0 20px #80e2c17a}.arena .targetable{outline:2px dashed #eab99a;outline-offset:3px;box-shadow:0 0 14px #eab99a44;animation:none}.arena .target-selected{outline:3px solid #efa990;outline-offset:2px;box-shadow:0 0 22px #efa99088}.arena .battle-stage{min-height:18px;padding:0 12%;border:0}.arena-divider{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;color:#c8b98799;font-size:23px;line-height:1}.arena-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#c8b98766,transparent)}.arena .battle-stage-inner{background:#142737;border:1px solid #c7ad72;border-radius:4px;box-shadow:0 0 24px #c7ad7230}.battle-layout .control-cluster{position:sticky;top:86px;left:auto;right:auto;bottom:auto;grid-column:2;grid-row:1 / 3;width:100%;max-width:none;gap:18px;padding:30px 0 0;border:0;border-radius:0;background:none;z-index:2}.decision-heading{width:100%;text-align:center;padding-bottom:18px;border-bottom:1px solid #c7ad7230}.decision-heading .eyebrow{color:#bea576;font-size:8px;letter-spacing:.25em}.decision-heading h2{margin:10px 0;color:#f0dfbc;font-size:21px;font-weight:500}.decision-heading p,.decision-empty p{margin:0;color:#91a5b4;font-size:11px;line-height:1.9}.decision-empty{width:100%;text-align:center;padding:12px 0 20px}.decision-sigil{display:grid;place-items:center;width:100px;height:100px;margin:0 auto 18px;border:1px solid #c0aa7133;border-radius:50%;box-shadow:inset 0 0 0 7px #06121c88,inset 0 0 0 8px #c0aa7122,0 0 45px #92b5b312;font-size:70px;color:#b8aa7e77}.battle-layout .context-peek{flex-direction:column;align-items:center;max-height:none;width:100%;padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:20px}.battle-layout .context-peek .game-card{width:142px;height:200px;flex-basis:auto;box-shadow:0 15px 35px #0009,0 0 26px #d2b47620}.battle-layout .context-peek-copy{width:100%;padding:14px;border-block:1px solid #c7ad7240;background:linear-gradient(90deg,transparent,#152937,transparent)}.battle-layout .context-peek-head b{color:#ecdbb5;font-size:13px;font-weight:700}.battle-layout .context-peek-text{max-height:240px;margin-top:10px}.battle-layout .context-peek-text .rules-text{font-size:12px;line-height:1.8}.battle-layout .context-peek-text h3{color:#e6c991;font-size:11px;margin:0 0 8px}.battle-layout .action-bar{width:100%;flex-direction:column;gap:8px}.battle-layout .action-bar button{width:100%;justify-content:center;padding:15px 10px;border:1px solid #bda77699;border-radius:4px 12px;color:#eddfbf;background:linear-gradient(#28434c,#172c38);box-shadow:inset 0 0 0 3px #152833,inset 0 0 0 4px #bda77622,0 6px 14px #0005;font-size:13px;font-weight:700}.battle-layout .action-bar .ab-primary{background:linear-gradient(#e8d29b,#b8955a);color:#32291d;border-color:#f2dbab;box-shadow:inset 0 0 0 3px #c5a86e,inset 0 0 0 4px #f2dbab88,0 0 25px #c5a86e25}.battle-layout .action-bar button:hover{filter:brightness(1.15);transform:translateY(-1px)}.battle-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;width:100%;font-size:8px;color:#92a4b1}.battle-legend span{display:flex;align-items:center;gap:4px}.battle-legend i{width:5px;height:5px;transform:rotate(45deg)}.battle-legend .available{background:#e6c575}.battle-legend .selected{background:#80e2c1}.battle-legend .target{background:#efa990}.decision-help{width:100%;margin:0;text-align:center;font-size:9px;color:#6d8495;line-height:1.9}.arena{--battle-scale: 1}.arena .game-nav,.battle-layout{zoom:var(--battle-scale)}@media(min-width:1800px)and (min-height:1000px){.arena{--battle-scale: 1.08}}@media(min-width:2300px)and (min-height:1300px){.arena{--battle-scale: 1.4}}@media(min-width:2800px)and (min-height:1600px){.arena{--battle-scale: 1.7}}@media(min-width:3400px)and (min-height:1900px){.arena{--battle-scale: 2.1}}@media(max-width:1100px){.battle-layout{grid-template-columns:minmax(0,1fr) 190px;padding-inline:14px;gap:10px}.arena .player-board{grid-template-columns:96px minmax(0,1fr);gap:4px}.player-emblem{width:54px;height:62px;margin-inline:12px}.arena .playmat{grid-template-columns:48px minmax(0,1fr) 54px;gap:4px}.arena .game-card{width:70px;height:100px;flex-basis:70px}.arena .resource{min-width:26px}}@media(max-width:800px){.battle-layout{grid-template-columns:minmax(0,1fr)}.battle-layout .control-cluster{grid-column:1;grid-row:3;position:static;padding:14px}.battle-layout .context-peek{flex-direction:row;align-items:flex-start}.battle-layout .context-peek .game-card{width:90px;height:126px}.battle-layout .action-bar{flex-direction:row;flex-wrap:wrap}.battle-layout .action-bar button{flex:1;min-width:120px}.decision-empty,.decision-help{display:none}.arena .game-nav{flex-wrap:wrap;padding-inline:12px;gap:8px}.arena .nav-phase,.arena .status{display:none}.arena .log-toggle{margin-left:auto}}@media(max-width:520px){.battle-layout{padding:0 6px;margin-top:10px}.battle-layout .table{padding:12px 8px;border-radius:20px 8px}.arena .player-board{grid-template-columns:minmax(0,1fr)}.arena .player-header{justify-content:flex-start;flex-wrap:nowrap;gap:5px}.player-emblem{width:32px;height:36px;margin:0 4px 0 0;flex:none}.player-emblem span{font-size:21px}.arena .player-name{width:64px;flex:none}.arena .player-name strong{font-size:11px}.arena .break-gauge{width:65px;margin-left:auto;border:0}.arena .break-pips{gap:2px}.arena .break-pips i{height:6px}.arena .break-gauge>span b{font-size:14px}.arena .zone>label{font-size:7px!important;letter-spacing:0!important}.battle-layout .phase-rail li,.battle-layout .phase-rail li.active{font-size:8px;padding:8px}}:root{--ui-paper: #fafaf9;--ui-panel: #ffffff;--ui-ink: #26332e;--ui-muted: #69736d;--ui-line: #e2e6e1;--ui-green: #236858;--ui-green-soft: #e7efe6;--ui-honey: #e8bd6c;--ui-shadow: none;--player: #7bd8b9;--rival: #efa7aa;--accent: var(--ui-honey);--font-display: "Noto Sans KR", system-ui, sans-serif}body{background:var(--ui-paper)}::-moz-selection{color:#173e33;background:#c1dfcf}::selection{color:#173e33;background:#c1dfcf}:focus-visible{outline:3px solid #328b72;outline-offset:3px}button,input,select,textarea{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:disabled{transform:none;filter:none}.landing{color:var(--ui-ink);background:var(--ui-paper)}.landing-bg{display:none}.lobby-nav,.lobby-footer{border-color:var(--ui-line)}.lobby-nav{min-height:72px;max-width:1120px}.lobby-brand{color:var(--ui-ink);letter-spacing:.09em}.lobby-brand>span{width:32px;height:32px;border-radius:6px;color:var(--ui-green);background:transparent;border-color:var(--ui-line);box-shadow:none}.lobby-brand small,.lobby-tag,.lobby-footer{color:var(--ui-muted)}.lobby-tag{padding:0;border:0}.lobby-layout{max-width:960px;gap:clamp(32px,6vw,90px);margin-block:48px}.landing .eyebrow{color:var(--ui-green);letter-spacing:.17em}.landing .lobby-intro h1{color:var(--ui-ink);font-size:clamp(32px,3.6vw,48px);font-weight:700;line-height:1.4}.lobby-intro h1 em{color:var(--ui-green)}.landing .lobby-description{color:var(--ui-muted)}.lobby-features{color:var(--ui-muted);flex-direction:column;gap:14px;margin-top:32px;padding-top:24px;border-top:1px solid var(--ui-line)}.lobby-features b{color:var(--ui-green)}.landing-card{padding:28px;border:1px solid var(--ui-line);border-radius:8px;color:var(--ui-ink);background:var(--ui-panel);box-shadow:none}.lobby-panel-heading h2{font-size:22px;font-weight:700}.landing .lobby-panel-heading p{color:var(--ui-muted);line-height:1.8}.my-deck-preview{padding:16px 0;margin-top:22px;border:0;border-block:1px solid var(--ui-line);border-radius:0;background:transparent}.deck-symbol{color:var(--ui-green)}.my-deck-preview small{color:var(--ui-muted)}.my-deck-preview strong{overflow-wrap:anywhere}.text-button{color:var(--ui-green);font-weight:700;min-height:36px;flex-shrink:0}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.landing .turn-order-picker{border-color:var(--ui-line)}.turn-order-picker>span{color:var(--ui-muted)}.turn-order-seg{background:#edf0e8;border:1px solid var(--ui-line);border-radius:10px}.turn-order-seg button{min-height:36px;border-radius:7px;color:var(--ui-muted)}.turn-order-seg button.on{color:#fffef8;background:var(--ui-green);box-shadow:0 2px 5px #23685820}.turn-order-seg button:hover{color:var(--ui-green);background:#dce7da}.turn-order-seg button.on:hover{color:#fff;background:#195544}.primary-button,.secondary-button{min-height:44px;border-radius:6px;letter-spacing:0}.primary-button{color:#fff;background:var(--ui-green);border:1px solid var(--ui-green);box-shadow:none}.primary-button:hover{background:#195544;filter:none;box-shadow:none}.secondary-button{color:var(--ui-ink);background:var(--ui-panel);border-color:#bdcbbf}.secondary-button:hover{background:var(--ui-green-soft);filter:none}.inline-error,.landing .inline-error,.landing .error{color:#a33b38}.deck-builder-shell{color:var(--ui-ink);background:var(--ui-paper);padding:24px}.deck-builder-nav{padding:12px 0;gap:12px;color:var(--ui-ink);background:transparent;border:0;border-bottom:1px solid var(--ui-line);border-radius:0}.deck-builder-nav span,.deck-builder-nav h1{color:var(--ui-ink)}.deck-builder-nav h1{font-weight:800;letter-spacing:-.04em}.deck-builder-nav>button,.official-import,.code-import{color:var(--ui-green);background:var(--ui-green-soft);border:1px solid #bdcbbf;border-radius:9px;box-shadow:none;min-height:38px;font-family:var(--font-body);font-weight:700}.deck-builder-nav .builder-save{color:var(--ui-ink);background:var(--ui-panel);border-color:var(--ui-line);box-shadow:none}.deck-builder-nav .builder-start{color:#fffef8;background:var(--ui-green);border-color:var(--ui-green);box-shadow:none}.deck-builder-nav .builder-save,.deck-builder-nav .builder-start{border-width:1px;border-radius:9px}.ai-controls .turn-order-picker>span{color:var(--ui-muted)}.ai-controls .turn-order-seg{background:#edf0e8;border-color:var(--ui-line)}.ai-controls .turn-order-seg button{color:var(--ui-muted)}.ai-controls .turn-order-seg button:hover{color:var(--ui-green);background:#dce7da}.ai-controls .turn-order-seg button.on{color:#fffef8;background:var(--ui-green);box-shadow:none}.ai-controls .turn-order-seg button.on:hover{background:#195544}.builder-filters,.builder-catalog,.builder-deck{color:var(--ui-ink);background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:8px;box-shadow:none;padding:18px}.builder-filters h2,.builder-deck h2,.builder-section-heading h2{color:var(--ui-ink);font-family:var(--font-body);font-weight:800}.builder-filters h2,.builder-section-heading{border-color:var(--ui-line)}.builder-filters label,.deck-code-label{color:var(--ui-ink)}.builder-filters p,.builder-section-heading span,.saved-decks small,.ai-controls{color:var(--ui-muted)}.deck-builder-nav input,.builder-filters input,.builder-filters select,.deck-code-label textarea,.ai-controls select{color-scheme:light;color:var(--ui-ink);background:#f8faf5;border:1px solid #bdcbbf;border-radius:8px;box-shadow:none;min-height:38px}.filter-chips button{color:#466359;background:#f6f8f2;border:1px solid var(--ui-line);min-height:32px}.filter-chips button:hover{background:var(--ui-green-soft)}.filter-chips button.active{color:#fffef8;border-color:var(--ui-green);background:var(--ui-green)}.saved-decks button{color:var(--ui-ink);background:#f6f8f2;border-color:var(--ui-line);padding:10px;gap:8px}.saved-decks button:hover{background:var(--ui-green-soft)}.builder-card,.deck-summary-card{background:transparent;border:1px solid transparent;border-radius:6px;box-shadow:none}.builder-card:hover{border-color:var(--ui-line);background:#f5f7f4;box-shadow:none;transform:none}.builder-card-copy b,.deck-summary-copy strong{color:var(--ui-ink)}.builder-card-copy small,.deck-summary-copy small{color:var(--ui-muted)}.builder-card-copy .warning{color:#956011}.builder-card-controls{background:#193e35f2;border-color:#759787}.deck-meter,.validation-state,.deck-list-section{background:#f7f8f6;border:1px solid var(--ui-line);border-radius:6px}.deck-meter.extra,.deck-list-section.extra{background:#f7f8f6;border-color:var(--ui-line)}.deck-meter span,.deck-meter b small,.deck-list-heading span,.deck-section-empty{color:var(--ui-muted)}.deck-meter b,.deck-list-heading h3{color:var(--ui-ink)}.deck-counts .deck-meter b{padding:0;border:0;background:transparent;text-align:left}.deck-meter.extra span,.deck-list-section.extra .deck-list-heading h3{color:#735585}.deck-meter i{background:#dce5d6}.deck-meter i em{background:#43856c}.deck-meter.extra i em{background:#9a7eaf}.deck-list-heading{border-color:var(--ui-line)}.validation-state strong,.builder-message{color:var(--ui-green)}.validation-state p{color:#a33b38;line-height:1.6}.arena{--field-bg: #1b1e20;--field-panel: #222628;--field-line: #3b4143;--field-muted: #adb5b7;background:var(--field-bg);color:#edf0f0}.arena .arena-bg{background:var(--field-bg)}.arena .arena-bg:before,.arena .arena-bg:after,.battle-layout .table:before{display:none}.arena .game-nav{background:var(--field-bg);border-color:var(--field-line);box-shadow:none}.arena .brand-mark{color:#b5c9be;background:transparent;border-color:#ffffff26;border-radius:5px}.battle-layout .table{grid-template-columns:minmax(0,1fr);min-width:0;padding:8px 16px;gap:8px;border:0;border-radius:0;background:transparent;box-shadow:none}.arena .battle-zone{background:var(--field-panel);border-bottom-color:var(--field-line)}.arena .support-zone{background:transparent;border-bottom-color:var(--field-line)}.arena .zone>label,.arena .zone:has(.game-card)>label,.arena .zone:has(.card-back)>label,.arena .zone:has(.cookie-slot)>label,.arena .zone:has(.trash-mark)>label{color:#adc4b4}.arena .empty-copy{color:#a0b8a9}.arena .player-name>span{color:#9be1c5}.arena .opponent .player-name>span{color:#f0b9c0}.arena .resource span,.arena .nav-help{color:#a0b8ab}.battle-layout .phase-rail li{color:#a5bdb0}.battle-layout .phase-rail li.active{color:#f5d99d}.battle-layout .prompt-banner{align-self:stretch;justify-content:flex-start;padding:8px 0;color:#c9d1ce;background:transparent;border-radius:0}.battle-layout .control-cluster{padding:20px;border:0;border-left:1px solid var(--field-line);border-radius:0;background:transparent;box-shadow:none}.decision-heading h2{font-weight:700}.decision-heading p,.decision-empty p,.decision-help,.battle-legend{color:#b0c2b6}.battle-layout .action-bar button{border-radius:6px;background:#30463a;border-color:#9bb79b66;box-shadow:none}.battle-layout .action-bar .ab-primary{background:#c1dacb;color:#21382b;border-color:#c1dacb;box-shadow:none}.arena .has-actions{outline-color:#f0cf85}.arena .source-selected{outline-color:#82edc3}.arena .target-selected{outline-color:#ffb0a0}.arena .turn-order-picker>span{color:#c4d4c7}.primary-button:hover,.secondary-button:hover,.primary-button:active,.secondary-button:active,.deck-builder-nav .builder-save:active,.deck-builder-nav .builder-start:active,.battle-layout .action-bar button:hover{transform:none}.turn-order-seg,.ai-controls .turn-order-seg{border-radius:6px;background:#f7f8f6;border-color:#cbd2cc}.turn-order-seg button,.ai-controls .turn-order-seg button{border-radius:4px}.turn-order-seg button.on,.builder-card.extra{box-shadow:none}.builder-card-controls{position:static;align-self:flex-end;margin-top:4px;padding:2px;background:#f3f5f1;border:1px solid var(--ui-line);border-radius:5px;box-shadow:none}.builder-card-controls button{color:var(--ui-ink);background:transparent;border:0;border-radius:3px;width:28px;height:28px}.builder-card-controls button:hover{background:#e3e9e1}.builder-card-controls b{color:var(--ui-ink)}.deck-list-section{border:0;border-radius:0;border-bottom:1px solid var(--ui-line);background:transparent}.deck-list-section.extra{background:transparent}.deck-list-heading{border:0}.arena .player-emblem{width:38px;height:38px;margin:0 20px 4px;border:1px solid #83b59c66;border-radius:6px;background:#2c4639;box-shadow:none}.arena .player-emblem span{font-size:22px;color:#b7dac5;text-shadow:none}.arena .opponent .player-emblem{background:#46383e;border-color:#b78e9d66}.arena .opponent .player-emblem span{color:#e0bfca}.arena .card-back{background:#30443d;border-color:#6d8277;box-shadow:none;color:#b5c9be}.arena .game-card{box-shadow:0 2px 4px #0004}.arena .has-actions{box-shadow:none;outline:2px solid #f0cf85}.arena .source-selected{box-shadow:none;outline:2px solid #82edc3}.arena .targetable{box-shadow:none}.arena .target-selected{box-shadow:none;outline:3px solid #ffb0a0}.arena .break-pips i{transform:none;border-radius:2px}.arena .break-pips i.on{background:#d9b090;box-shadow:none}.battle-layout .phase-rail li.active{color:#c9e2d2;background:transparent;box-shadow:inset 0 -2px #9fc3ac}.decision-heading{border-color:#ffffff1c}.decision-heading h2{font-size:18px;color:#e1eae3}.decision-empty{padding:8px 0}.arena-divider{height:14px}.arena-divider span{background:#ffffff18}.lobby-footer{max-width:1120px;letter-spacing:.06em}.battle-layout{grid-template-columns:minmax(0,1fr) 250px;gap:8px 20px}.arena .player-board{grid-template-columns:minmax(0,1fr);min-width:0;gap:8px}.arena .player-header,.arena .opponent .player-header{justify-content:flex-start;flex-wrap:nowrap;gap:20px;padding:10px 0;border-bottom:1px solid var(--field-line)}.arena .player-name{width:auto;flex:none;min-width:100px;justify-content:flex-start;gap:4px 8px;padding-left:10px;border-left:2px solid #86bda7}.arena .opponent .player-name{border-left-color:#d3a3ab}.arena .player-name>span{text-align:left;letter-spacing:.1em;font-size:9px}.arena .player-name strong{font-size:13px}.arena .player-name small{margin:0;align-self:center;color:var(--field-muted)}.arena .resource{display:flex;flex-direction:row;align-items:baseline;gap:6px;min-width:0;padding:0}.arena .resource b{order:1;color:#e2e7e5;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.arena .resource span{color:var(--field-muted);font-size:10px}.arena .break-gauge{flex:none;width:110px;margin:0 0 0 auto;padding:0;border:0}.arena .break-gauge>span{justify-content:flex-end;color:var(--field-muted);font-size:9px}.arena .break-gauge>span b{color:#e2e7e5;font-size:15px}.arena .break-pips{gap:3px;margin-top:5px}.arena .break-pips i{height:3px;background:#414647;box-shadow:none}.arena .break-pips i.on{background:#d3a3ab}.arena .playmat{grid-template-columns:80px minmax(0,1fr) 80px;-moz-column-gap:16px;column-gap:16px}.arena .zone{border-radius:3px}.arena .zone>label,.arena .zone:has(.game-card)>label,.arena .zone:has(.card-back)>label,.arena .zone:has(.cookie-slot)>label{color:var(--field-muted);font-size:9px;letter-spacing:0}.arena .break-zone{border-right:1px solid var(--field-line)}.arena .stage-zone,.arena .pile-zone,.arena .trash-zone{border-left:1px solid var(--field-line)}.arena .stage-zone{display:grid;justify-items:center;align-content:start}.arena .zone.zone-armed{background:#d6c49008;outline-color:#b6a877}.arena .card-row{gap:12px}.arena .card-back,.arena .card-back.small{background:#2e3436;border:1px solid #677174;border-radius:3px;box-shadow:none;color:#bdc5c7}.arena .card-back:after,.arena .card-back b{display:none}.arena .card-back i{font-size:10px;font-weight:500}.arena .pile-count{border:1px solid #596163;background:#303638;color:#e2e7e5;border-radius:4px;box-shadow:none}.arena .trash-zone b{color:#c7cecf;font-size:14px;font-weight:500}.arena .empty-mark{color:#7b8588;font-size:16px}.arena .empty-copy{color:var(--field-muted);font-size:11px}.arena .game-card{border-color:#7a8588;border-radius:3px;box-shadow:none}.arena .hp{border:1px solid #79877f;border-radius:2px;background:#bfcec5;color:#25352d;box-shadow:none}.arena .hand-fan{gap:10px;padding-block:14px 6px}.arena .hand-fan .card-anim{margin:0}.arena .hand-fan .card-anim:hover,.arena .hand-fan .card-anim:focus-within{transform:translateY(-4px)}.arena .battle-stage{padding:0;min-height:12px}.arena-divider{height:12px}.arena-divider span{background:var(--field-line)}.arena .battle-stage-inner{background:var(--field-panel);border-color:var(--field-line);box-shadow:none}.battle-layout .table.hit{animation:none}.battle-layout .prompt-banner i{box-shadow:none;animation:none}.arena .decision-heading,.arena .decision-empty,.arena .decision-help{text-align:left}.arena .decision-heading .eyebrow{color:var(--field-muted);letter-spacing:.12em}.arena .decision-heading p,.arena .decision-empty p,.arena .decision-help,.arena .battle-legend{color:var(--field-muted)}.arena .decision-heading h2,.arena .match-heading b{color:#edf0f0}.arena .context-peek-copy{width:100%;min-width:0;background:transparent;border-color:var(--field-line)}.arena .context-peek-head,.arena .context-peek-text{background:transparent;border-color:var(--field-line);box-shadow:none}.arena .context-peek-text .rule-token{color:#d8e4dc;background:#303b35;border-color:#58675e}.arena .battle-legend{justify-content:flex-start;gap:10px;font-size:9px}.arena .battle-legend i{width:6px;height:6px;transform:none;border-radius:1px}.arena .status i{box-shadow:none}.arena .log-toggle{background:transparent;border-color:#596163;color:#d6dddf}.arena .log-toggle.on{background:#303638}@media(max-width:1100px){.battle-layout{grid-template-columns:minmax(0,1fr) 210px;gap:8px}.arena .playmat{grid-template-columns:60px minmax(0,1fr) 60px;-moz-column-gap:8px;column-gap:8px}.arena .player-header,.arena .opponent .player-header{gap:12px}}@media(max-width:800px){.battle-layout{grid-template-columns:minmax(0,1fr)}.battle-layout .control-cluster{border-left:0;border-top:1px solid var(--field-line);padding:16px}}@media(max-width:520px){.arena .player-header,.arena .opponent .player-header{flex-wrap:wrap;gap:10px 12px}.arena .player-name{min-width:80px}.arena .resource{gap:4px}.arena .resource span{font-size:9px}.arena .break-gauge{width:100%;display:flex;align-items:center;gap:12px}.arena .break-gauge>span{flex:none}.arena .break-pips{flex:1;margin:0}.arena .playmat{grid-template-columns:48px minmax(0,1fr) 48px;-moz-column-gap:6px;column-gap:6px}.arena .hand-fan{gap:8px;padding-inline:6px}.battle-layout .table{padding:8px 0}.arena .context-peek{gap:12px}}@media(max-width:900px){.lobby-layout{max-width:500px;grid-template-columns:minmax(0,1fr);gap:28px}.lobby-intro{text-align:left}.lobby-features{flex-direction:row;flex-wrap:wrap;margin-top:20px;padding-top:18px;gap:10px 16px}}@media(max-width:1200px){.deck-builder-grid{grid-template-columns:190px minmax(0,1fr) 270px}.deck-builder-nav input{min-width:0}}@media(max-width:1000px){.deck-builder-grid{grid-template-columns:minmax(0,1fr)}.builder-filters,.builder-deck{position:static;max-height:none}.deck-section-list{max-height:420px}}@media(max-width:600px){.landing-card{padding:24px;border-radius:8px}.lobby-layout{margin-block:28px}.lobby-features{flex-wrap:wrap;gap:10px 16px}.deck-builder-shell{padding:12px}.deck-builder-nav{padding:14px}.deck-builder-nav input{width:100%;margin-left:0}.builder-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-layout .table{border-radius:8px}.arena .player-emblem{width:30px;height:30px;margin:0 4px 0 0}}@media(prefers-reduced-motion:reduce){button,input,select,textarea{transition:none}}:root{--ui-paper: #f1f3ee;--ui-panel: #fffef9;--ui-ink: #203c38;--ui-muted: #647b71;--ui-line: #d9e2d8;--ui-green: #176b59;--ui-green-soft: #e3eee5}.landing{background:radial-gradient(ellipse at 85% 10%,#e1ebdf,transparent 50%),var(--ui-paper)}.lobby-nav,.lobby-footer{max-width:1280px}.lobby-nav{min-height:84px}.lobby-brand>span{width:40px;height:44px;border-radius:12px 12px 18px 18px;color:#f3dfad;background:#1b4d43;border-color:#1b4d43}.lobby-layout{max-width:1180px;grid-template-columns:minmax(0,1fr) 430px;gap:38px;margin-block:38px;align-items:stretch}.lobby-intro{position:relative;padding:38px;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 60% 65%,#386f65,#173e39 65%,#102c2b);box-shadow:0 20px 45px #1b42371a}.landing .lobby-intro .eyebrow{color:#a4caba;font-size:9px}.landing .lobby-intro h1{color:#fff9e9;font-size:clamp(34px,3.5vw,52px);line-height:1.35;margin-block:20px}.lobby-intro h1 em{color:#efd399}.landing .lobby-description{color:#b9cfc3;font-size:13px}.lobby-features{position:relative;color:#b7cdc0;flex-direction:row;justify-content:space-between;gap:8px;border-color:#b6d5bc25;margin-top:0;font-size:10px}.lobby-features b{color:#f0d79f}.lobby-showcase{height:275px;position:relative;margin-top:25px;isolation:isolate}.showcase-orbit{position:absolute;width:260px;height:260px;border:1px solid #bedfc329;border-radius:50%;left:50%;top:-5px;transform:translate(-50%);box-shadow:0 0 0 20px #b6d5bd06,0 0 0 40px #b6d5bd04}.showcase-print{position:absolute;left:50%;top:15px;width:128px;aspect-ratio:5 / 7;background:repeating-linear-gradient(45deg,#2d5f55 0,#2d5f55 8px,#34685d 8px,#34685d 9px);border:1px solid #d6c593;border-radius:10px;overflow:hidden;box-shadow:0 20px 28px #071b2966;transform:translate(-115%) rotate(-16deg)}.showcase-print:nth-of-type(2){transform:translate(-50%) translateY(-8px);z-index:2}.showcase-print:nth-of-type(3){transform:translate(15%) rotate(16deg)}.showcase-print img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.showcase-caption{position:absolute;bottom:20px;left:0;width:100%;text-align:center;color:#9fc4b4;letter-spacing:.2em;font-size:8px}.landing-card{border-radius:24px;padding:32px;box-shadow:0 16px 50px #254a3910;align-self:center}.lobby-panel-heading h2{font-size:27px;letter-spacing:-.04em}.my-deck-preview{padding:16px;border:1px solid #dce5d7;border-radius:12px;background:#f0f4ea}.deck-symbol{width:34px;text-align:center}.primary-button,.secondary-button{border-radius:10px;min-height:48px}.primary-button{background:linear-gradient(120deg,#176b59,#278774);box-shadow:0 5px 12px #176b591c}.landing-actions{gap:10px}.deck-builder-shell{background:radial-gradient(ellipse at top left,#e0ebe0,transparent 55%),var(--ui-paper)}.deck-builder-nav{padding:14px 18px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel)}.builder-filters,.builder-catalog,.builder-deck{border-radius:14px;box-shadow:0 6px 20px #204a3610}.builder-card{border-radius:10px;background:#f6f8f1;padding:8px}.builder-card-art{border-radius:7px}.builder-card-controls{border-radius:8px;background:#eaf1e6}.deck-list-section{margin-bottom:8px;padding:10px;border:1px solid var(--ui-line);border-radius:10px;background:#f7f9f3}.arena{--field-bg: #10292b;--field-panel: #204344;--field-line: #789f9140;--field-muted: #a0bcb1}.arena .arena-bg{background:radial-gradient(ellipse at 45% 42%,#2c5856,#16383b 55%,#0c2028)}.arena .game-nav{background:#0c242bef;border-bottom:1px solid #8cbaa040;box-shadow:0 6px 25px #0002}.arena .brand-mark{border-radius:9px 9px 14px 14px;color:#ead4a4;border-color:#a8b88b66;background:#29564d}.battle-layout .table{padding:12px 18px;border:1px solid #94b5a54a;border-radius:24px;background:repeating-linear-gradient(125deg,transparent 0 10px,#efffe902 10px 11px),radial-gradient(ellipse at center,#30585455,#122e3390);box-shadow:inset 0 0 0 4px #06202638,0 18px 45px #0002}.arena .player-header,.arena .opponent .player-header{padding:10px 12px;border:1px solid #8bb5a52b;border-radius:10px;background:#153a3690}.arena .opponent .player-header{background:#42344470;border-color:#cca5c42b}.arena .battle-zone{border:1px solid #b2cfc11f;border-radius:12px;background:#09272e30}.arena .support-zone{border-bottom:1px solid #b2cfc11f;background:#bfdbbc04;border-radius:10px}.arena .game-card{box-shadow:0 5px 10px #00161c66}.arena .has-actions{box-shadow:0 0 14px #e0c68944,0 5px 10px #0005}.arena .source-selected{box-shadow:0 0 18px #82edc355}.battle-layout .control-cluster{border:1px solid #a6c9b42c;border-radius:16px;background:#0f2a32c9;padding:22px 16px;box-shadow:0 10px 30px #0002}.decision-heading h2{color:#f0dfba;font-size:21px}.battle-layout .action-bar button{border-radius:10px;min-height:48px;background:linear-gradient(#335e52,#254b42)}.battle-layout .action-bar .ab-primary{background:linear-gradient(110deg,#efdaa7,#d4b97e);color:#352c1c;border-color:#eddaa8}.battle-layout .context-peek-copy{border-color:#aac9b630;background:#17393c;border-radius:10px}.arena .card-back{background:repeating-linear-gradient(45deg,#244a45 0,#244a45 8px,#2a524a 8px,#2a524a 9px);border-color:#a2b68c;box-shadow:inset 0 0 0 3px #1d3d3b,0 4px 7px #0004}.arena .break-pips i{height:5px}.arena .break-pips i.on{background:#e6b294}@media(max-width:900px){.lobby-layout{grid-template-columns:minmax(0,1fr);max-width:560px;gap:20px}.lobby-intro{padding:28px}.lobby-showcase{height:215px;margin-top:16px}.showcase-print{width:104px}.showcase-orbit{width:190px;height:190px}.showcase-caption{bottom:15px}.landing-card{width:100%}}@media(max-width:520px){.landing{padding-inline:14px}.lobby-nav{min-height:68px}.lobby-layout{margin-block:18px}.lobby-intro{padding:24px;border-radius:20px}.landing .lobby-intro h1{font-size:34px;margin-block:14px}.landing .lobby-description{font-size:12px}.lobby-features{gap:8px;padding-top:14px;font-size:9px}.landing-card{padding:22px;border-radius:20px}}.card-detail-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(900px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:hidden;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-panel);color:var(--ui-ink)}.card-detail-dialog[open]{display:flex;flex-direction:column}.card-detail-dialog::backdrop{background:#101719bf}.detail-toolbar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;border-bottom:1px solid var(--ui-line);background:var(--ui-panel);font-size:14px;font-weight:700}.detail-toolbar .detail-close{position:static;width:auto;min-width:72px;height:44px;padding:0 12px;border:1px solid var(--ui-line);border-radius:6px;color:var(--ui-ink);background:var(--ui-panel);font-size:14px}.card-detail-dialog .card-detail{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);grid-auto-rows:max-content;align-items:start;width:100%;min-height:0;max-height:none;padding:0;overflow:auto;overscroll-behavior:contain;border:0;border-radius:0;background:var(--ui-panel);box-shadow:none}.card-detail-dialog .detail-preview{min-width:0;min-height:0;padding:24px 16px;border:0;background:#f3f5f1}.card-detail-dialog .detail-preview .game-card{flex:none;width:160px;height:224px}.card-detail-dialog .detail-copy{min-width:0;padding:24px;overflow:visible;overflow-wrap:anywhere}.card-detail-dialog .detail-heading{align-items:flex-start;gap:12px;padding:0}.card-detail-dialog .detail-heading>div{min-width:0}.card-detail-dialog .detail-heading h2{color:var(--ui-ink);font-size:22px;font-weight:700}.card-detail-dialog .hp-stat{flex:none}.card-detail-dialog .rules-text{font-size:14px;line-height:1.85}.card-detail-dialog .rule-token{max-width:100%;white-space:normal;overflow-wrap:anywhere}.card-detail-dialog .trait-row span,.card-detail-dialog .detail-copy article h3{font-size:12px}.mobile-battle-nav{display:none}.arena .game-card{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arena .trash-zone{display:flex;align-items:stretch;justify-content:center}.trash-open{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:44px;padding:2px;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}.trash-open:hover:not(:disabled){border-color:#79877f;background:#ffffff0d}.trash-open:disabled{cursor:default}.trash-open img{flex:none;width:40px;height:56px;-o-object-fit:contain;object-fit:contain;border:1px solid #7a8588;border-radius:3px;background:#14222a}.trash-open b{color:#c7cecf;font-size:14px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.trash-open em{color:var(--field-muted);font-size:9px;font-style:normal;line-height:1}.trash-open-title{display:none}.arena .opponent .trash-zone{padding:0;align-items:center}.arena .opponent .trash-zone>label{display:none}.arena .opponent .trash-open{flex-direction:row;gap:4px;min-height:28px;padding-inline:4px}.arena .opponent .trash-open-title{display:inline;color:var(--field-muted);font-size:9px;white-space:nowrap}.arena .opponent .trash-open img,.arena .opponent .trash-open em{display:none}.trash-dialog{width:min(760px,calc(100% - 32px))}.trash-list{min-height:0;padding:16px 20px 24px;overflow:auto;overscroll-behavior:contain}.trash-hint{margin:0 0 14px;color:var(--ui-muted);font-size:13px;line-height:1.6}.trash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:16px 12px;margin:0;padding:6px 4px 0;list-style:none}.trash-grid li{position:relative;min-width:0}.arena .trash-grid .game-card{width:100%;height:auto;flex-basis:auto;aspect-ratio:5 / 7;margin:0}.trash-latest{position:absolute;top:-6px;left:-4px;z-index:9;padding:2px 6px;border-radius:4px;background:var(--ui-green);color:#fff;font-size:11px;font-weight:700}.trash-name{display:block;margin-top:6px;color:var(--ui-ink);font-size:12px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.trash-empty{margin:0;padding:32px 20px;color:var(--ui-muted);text-align:center}.arena .extra-zone{grid-column:1;grid-row:3;display:flex;align-items:stretch;justify-content:center;border-right:1px solid var(--field-line)}.arena .own .hand-zone{grid-column:2 / 3}.arena .extra-zone.zone-armed .extra-open em{color:#e5ce91;font-weight:700}.extra-status{display:block;margin-top:2px;color:var(--ui-muted);font-size:11px;text-align:center}.extra-status.ready{color:var(--ui-green);font-weight:700}@media(max-width:800px){.card-detail-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.card-detail-dialog .card-detail{grid-template-columns:minmax(0,1fr)}.card-detail-dialog .detail-preview{padding:16px}.card-detail-dialog .detail-copy{padding:20px 16px}.card-detail-dialog .detail-heading h2{font-size:20px}.arena{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.mobile-battle-nav{display:flex;gap:8px;position:fixed;z-index:var(--z-dock);bottom:0;left:0;right:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--field-line);background:var(--field-bg)}.mobile-battle-nav button{flex:1;min-width:0;min-height:44px;padding:8px;border:1px solid #65776d;border-radius:6px;background:#2a3a32;color:#eff5f1;font-size:13px}#battle-field,#battle-controls{scroll-margin-block:12px 90px}.arena .control-cluster{padding-bottom:24px}.arena .context-peek{align-items:flex-start}.arena .context-peek .game-card{flex:none}.arena .context-peek-copy{flex:1;padding:12px 0}.arena .context-peek-text{max-height:none;overflow:visible}.arena .context-peek-head b,.arena .context-peek-text{overflow-wrap:anywhere}.arena .context-peek-head button{flex:none;min-width:44px;min-height:44px}.arena .action-bar button{min-height:48px;overflow-wrap:anywhere}.arena .log-toggle,.arena .game-nav .danger,.drawer-close{min-width:44px;min-height:44px}.arena .card-row{justify-content:safe center}.arena .battle-zone>.card-row,.arena .support-zone>.card-row{flex-wrap:nowrap;overflow-x:auto;padding:8px}.arena .card-row>.card-anim{flex:none}.arena .hand-fan,.arena .battle-zone>.card-row,.arena .support-zone>.card-row{overscroll-behavior-x:contain;scrollbar-width:thin;scroll-padding-inline:12px}.event-panel{max-height:100dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom));overscroll-behavior:contain}.event-panel .section-title{position:sticky;top:-16px;z-index:1;padding-block:12px;background:#101e2a}.event-text{min-width:0;overflow-wrap:anywhere}.landing input,.landing select,.landing textarea,.deck-builder-shell input,.deck-builder-shell select,.deck-builder-shell textarea{font-size:16px}.turn-order-seg button,.ai-controls .turn-order-seg button,.text-button,.filter-chips button,.builder-card-controls button{min-width:44px;min-height:44px}.builder-card-controls{align-self:stretch;justify-content:space-between}.deck-summary-card>button{width:36px;height:36px}}@media(pointer:coarse),(hover:none){button,[role=button]{touch-action:manipulation}.arena .game-card .card-info{width:22px;height:22px;right:3px;bottom:3px;opacity:.92;border:1px solid #acbdb3;border-radius:50%;background:#172b24e6;color:#fff;font-size:13px;line-height:1;transform:none;pointer-events:none}.arena .game-card.compact-card{width:60px;height:84px;flex-basis:60px}.arena .hp-row{width:32px}.arena button.hp.face{width:32px;height:32px;min-height:32px;font-size:7px}.arena .hand-fan .card-anim:hover,.arena .game-card.actionable:hover,.arena .game-card.targetable:hover{transform:none}.arena .card-row .game-card.has-actions.actionable:hover,.arena .hand-fan .card-anim:focus-within{transform:none}.arena .opponent .playmat{grid-template-rows:44px minmax(78px,auto) minmax(142px,auto)}.arena .opponent .trash-zone,.arena .opponent .hand-zone,.arena .opponent .trash-open{min-height:44px}}@media(max-width:520px){.arena .playmat{grid-template-columns:72px minmax(0,1fr) 72px;-moz-column-gap:4px;column-gap:4px}.arena .zone>label{white-space:normal;width:100%;text-align:center}.arena .context-peek{flex-direction:column}.arena .context-peek .game-card{display:none}.arena .context-peek-copy{width:100%}.arena .phase-rail ol{flex-wrap:wrap;justify-content:center}.arena .battle-zone>.card-row,.arena .support-zone>.card-row{justify-content:flex-start}}@media(max-height:500px)and (orientation:landscape){.card-detail-dialog .card-detail{grid-template-columns:minmax(0,160px) minmax(0,1fr)}.card-detail-dialog .detail-preview .game-card{width:120px;height:168px}}@media(max-width:600px){.arena .playmat,.arena .opponent .playmat{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto auto auto;gap:8px 4px}.arena .battle-zone{grid-column:1 / -1;grid-row:1}.arena .support-zone{grid-column:1 / -1;grid-row:2}.arena .break-zone{grid-column:1;grid-row:3}.arena .pile-zone{grid-column:2;grid-row:3}.arena .stage-zone{grid-column:3;grid-row:3}.arena .trash-zone{grid-column:4;grid-row:3}.arena .hand-zone{grid-column:1 / -1;grid-row:4}.arena .opponent .hand-zone{grid-column:1 / -1;grid-row:1}.arena .opponent .break-zone{grid-column:1;grid-row:2}.arena .opponent .pile-zone{grid-column:2;grid-row:2}.arena .opponent .stage-zone{grid-column:3;grid-row:2}.arena .opponent .trash-zone{grid-column:4;grid-row:2}.arena .opponent .support-zone{grid-column:1 / -1;grid-row:3}.arena .opponent .battle-zone{grid-column:1 / -1;grid-row:4}.arena .opponent .trash-zone{padding:18px 5px 5px;align-items:stretch;min-height:0}.arena .opponent .trash-zone>label{display:block}.arena .opponent .trash-open{flex-direction:column;gap:3px;min-height:44px;padding-inline:2px}.arena .opponent .trash-open-title{display:none}.arena .opponent .trash-open img,.arena .opponent .trash-open em{display:block}.trash-dialog{width:calc(100% - 16px)}.trash-list{padding:12px 12px 20px}.trash-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.trash-name{font-size:11px}.arena .own .playmat{grid-template-columns:repeat(5,minmax(0,1fr))}.arena .extra-zone{grid-column:5;grid-row:3;border-right:0;border-left:1px solid var(--field-line)}.arena .own .break-zone,.arena .own .pile-zone,.arena .own .stage-zone,.arena .own .trash-zone,.arena .extra-zone{padding-inline:1px}.arena .own .hand-zone{grid-column:1 / -1}.arena .break-zone .card-row{max-height:96px}.arena .zone>label{font-size:9px!important}.battle-layout .table{padding:10px 8px;border-radius:16px}.arena .player-header,.arena .opponent .player-header{padding:10px;gap:10px}.arena .resource{gap:4px}.arena .context-peek{flex-direction:row;align-items:flex-start;gap:12px}.arena .context-peek .game-card{display:flex;width:88px;height:124px;flex:0 0 88px}.arena .context-peek-copy{min-width:0;width:auto;padding:12px}.arena .decision-heading{padding-bottom:12px}.arena .decision-heading h2{font-size:19px}.arena .hand-fan .card-anim{margin-inline:0}.arena .hand-fan{gap:8px}.mobile-battle-nav{background:#102c33f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#91b8a74d}.mobile-battle-nav button{background:#234c43;border-color:#729e87;border-radius:10px}}.choice-card-panel{min-width:0;margin-block:16px}.choice-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:55dvh;overflow-y:auto;padding:5px}.choice-card-grid .game-card{width:100%;max-width:180px;height:auto;aspect-ratio:5 / 7;margin:0}.choice-card-grid small{display:block;text-align:center;margin-top:5px}@media(max-width:600px){.choice-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.lobby-layout>.landing-card{order:-1}.lobby-showcase{display:none}}.end-turn-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-banner);display:grid;place-items:center;padding:16px;background:#000a}.end-turn-confirm-card{width:min(340px,100%);padding:20px;border:1px solid #687b70;border-radius:12px;background:#1d3029;color:#eff5f1}.end-turn-confirm-card h2{margin:0 0 6px;font-size:18px}.end-turn-confirm-card p{margin:0 0 16px;color:#b9c8bf;font-size:14px}.end-turn-confirm-actions{display:flex;gap:8px}.end-turn-confirm-actions button{flex:1;min-height:44px;border:1px solid #65776d;border-radius:8px;background:#2a3a32;color:#eff5f1;font-size:15px}.end-turn-confirm-actions .danger{border-color:#ffd58a;background:#b8741a;color:#fff}.mobile-battle-nav .end-turn-button:disabled{opacity:.45}.arena .card-drop:after{border-radius:4px;animation:card-arrive .38s ease-out both}.arena .cookie-slot{position:relative}.arena .cookie-slot.attacking:before,.arena .cookie-slot.defending:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:9;border:2px solid #e4cd8b;border-radius:5px;pointer-events:none;animation:combat-mark .45s ease-out both}.arena .cookie-slot.defending:before{border-color:#e5a99c;animation-delay:.1s}.arena .source-selected:after,.arena .target-selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;border:2px solid #91d3b5;border-radius:inherit;animation:selection-confirm .3s ease-out both}.arena .target-selected:after{border-color:#e5a99c}.arena .break-pips i{transition:background-color .3s ease}.arena .break-pips i.on{animation:meter-fill .3s ease-out}.arena .phase-rail li.active{animation:phase-arrive .3s ease-out}.arena .context-peek-text h3{animation:effect-reveal .3s ease-out}.arena .card-detail-dialog[open]{animation:detail-open .18s ease-out}.arena .turn-announce{pointer-events:none;top:72px;bottom:auto;height:auto}.arena .turn-announce span{padding:12px 24px;border:1px solid #687b70;border-radius:8px;background:#1d3029ed;font-size:22px;text-shadow:none;box-shadow:0 8px 24px #0003}.arena .attack-fx{pointer-events:none;background:none}.arena .attack-fx-ring{display:none}.arena .attack-fx-slash{font-size:72px;color:#dfcda0;text-shadow:none;filter:none}.arena .dmg-pop{pointer-events:none;font-size:24px;color:#ffcebf;text-shadow:0 2px 4px #0009}.arena .coin-flip{pointer-events:none;background:#111c2440}.arena .zone.zone-armed{animation:none}@keyframes card-arrive{0%{box-shadow:0 0 0 3px #b5d8c588}to{box-shadow:0 0 0 8px #b5d8c500}}@keyframes combat-mark{0%{opacity:0;box-shadow:0 0 #e4cd8b40}30%{opacity:1}to{opacity:0;box-shadow:0 0 0 10px #e4cd8b00}}@keyframes selection-confirm{0%{opacity:.8;box-shadow:inset 0 0 20px #91d3b533}to{opacity:0;box-shadow:inset 0 0 #91d3b500}}@keyframes meter-fill{0%{opacity:.3}to{opacity:1}}@keyframes phase-arrive{0%{background-color:#a4c9b333}to{background-color:transparent}}@keyframes effect-reveal{0%{opacity:.4}to{opacity:1}}@keyframes detail-open{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.arena .turn-announce{top:68px}.arena .turn-announce span{font-size:18px;padding:10px 18px}.arena .attack-fx-slash{font-size:44px}}.rival-spotlight{--tone: var(--rival);position:fixed;z-index:var(--z-banner);top:calc(var(--nav-height, 62px) + 14px);left:50%;translate:-50% 0;width:min(460px,calc(100% - 24px));padding:10px 14px 16px;overflow:hidden;border:1px solid #3f4749;border-top:3px solid var(--tone);border-radius:12px;background:#1a1f21f7;color:#edf0f0;box-shadow:0 16px 40px #000a}.rival-spotlight.tone-attack{--tone: #f08a8a}.rival-spotlight.tone-skill{--tone: #e8bd6c}.rival-spotlight.tone-summon{--tone: #7bd8b9}.rival-spotlight.tone-item{--tone: #8fb8ff}.rival-spotlight.tone-support{--tone: #b9c6c8}.rival-spotlight.tone-trap{--tone: #c9a2ff}.rival-spotlight.tone-flip{--tone: #f0a3d0}.rival-spotlight.tone-choose{--tone: #aab4b6}.rival-spotlight-head{display:flex;align-items:center;gap:8px;min-height:32px}.rival-spotlight-who{flex:none;padding:2px 8px;border-radius:4px;background:#efa7aa26;color:#f2b8bb;font-size:11px;font-weight:800}.rival-spotlight-kind{display:inline-flex;align-items:center;gap:5px;color:var(--tone);font-size:12px;font-weight:800}.rival-spotlight-kind svg{width:15px;height:15px}.rival-spotlight-queue{margin-left:auto;padding:2px 8px;border-radius:999px;background:#2a3032;color:#aab4b6;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.rival-spotlight-close{flex:none;margin-left:auto;width:32px;height:32px;border:1px solid #4a5355;border-radius:8px;background:transparent;color:#d6dddf;font-size:18px;line-height:1;cursor:pointer}.rival-spotlight-queue+.rival-spotlight-close{margin-left:0}.rival-spotlight-sentence{margin:6px 0 0;color:#f3f5f4;font-size:16px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.rival-spotlight-body{display:flex;align-items:flex-start;justify-content:center;gap:12px;margin-top:12px}.rival-spot-slot{position:relative;display:grid;justify-items:center;gap:5px;width:76px;margin:0}.rival-spot-owner{position:absolute;top:-7px;left:50%;z-index:1;translate:-50% 0;padding:1px 7px;border-radius:999px;background:#ffb0a0;color:#3b1a1e;font-size:10.5px;font-style:normal;font-weight:800;white-space:nowrap}.rival-spot-slot.lead{width:100px}.rival-spot-slot figcaption{display:grid;gap:1px;width:100%;text-align:center}.rival-spot-slot figcaption small{color:#8f9a9c;font-size:10.5px;font-weight:700}.rival-spot-slot.mine figcaption small{color:#ffb0a0}.rival-spot-slot figcaption span{display:-webkit-box;overflow:hidden;color:#dfe5e4;font-size:11.5px;line-height:1.3;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rival-spot-card{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.rival-spot-card img,.rival-spot-card.hidden b{display:block;width:100%;aspect-ratio:5 / 7;border:1px solid #4a5355;border-radius:5px;background:#14222a;-o-object-fit:contain;object-fit:contain}.lead .rival-spot-card img{border-color:var(--tone);box-shadow:0 0 0 2px color-mix(in srgb,var(--tone) 35%,transparent),0 8px 18px #0007}.mine .rival-spot-card img{border-color:#ffb0a0}.rival-spot-card.hidden{cursor:default}.rival-spot-card.hidden b{display:grid;place-items:center;background:repeating-linear-gradient(45deg,transparent 0 7px,#e6d2a30b 7px 8px),#2e3436;color:#bdc5c7;font-size:11px;font-weight:600}.rival-spotlight-link{flex:none;display:grid;place-items:center;align-self:center;width:34px;height:34px;margin-top:-28px;border-radius:50%;background:color-mix(in srgb,var(--tone) 18%,#1a1f21);color:var(--tone)}.rival-spotlight-link svg{width:18px;height:18px}.rival-spotlight-targets{display:flex;align-items:flex-start;gap:8px;min-width:0}.rival-spotlight-more{align-self:center;color:#c7cecf;font-size:13px}.rival-spotlight-effect{display:-webkit-box;margin:12px 0 0;padding:8px 10px;overflow:hidden;border-left:2px solid var(--tone);border-radius:0 6px 6px 0;background:#22282a;color:#c9d1d0;font-size:12.5px;line-height:1.6;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical}.rival-spotlight-timer{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--tone);transform-origin:left;animation:rival-timer linear forwards}.rival-spotlight.paused .rival-spotlight-timer{animation-play-state:paused}@keyframes rival-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.arena .table .game-card.rival-mark-source{outline:3px solid var(--rival);outline-offset:3px;box-shadow:0 0 18px #efa7aa88;animation:rival-mark 1.2s ease-in-out infinite}.arena .table .game-card.rival-mark-target{outline:2px dashed var(--rival);outline-offset:3px;box-shadow:0 0 12px #efa7aa55}@keyframes rival-mark{50%{box-shadow:0 0 4px #efa7aa33}}@media(hover:none),(pointer:coarse){.rival-spotlight{pointer-events:none}.rival-spotlight-close{width:44px;height:44px;pointer-events:auto}}@media(max-width:600px){.rival-spotlight{top:calc(var(--nav-height, 64px) + 8px);width:calc(100% - 16px);padding:8px 12px 14px}.rival-spotlight-sentence{font-size:15px}.rival-spotlight-body{gap:8px;margin-top:10px}.rival-spot-slot{width:60px}.rival-spot-slot.lead{width:78px}.rival-spotlight-link{width:28px;height:28px;margin-top:-24px}.rival-spotlight-effect{margin-top:10px;-webkit-line-clamp:2}}@media(max-width:600px)and (max-height:700px){.rival-spotlight-sentence{font-size:14px}.rival-spot-slot{width:48px}.rival-spot-slot.lead{width:60px}.rival-spotlight-effect{-webkit-line-clamp:1}}@media(max-height:500px)and (orientation:landscape){.rival-spotlight{top:calc(var(--nav-height, 56px) + 6px)}.rival-spotlight-body{margin-top:6px}.rival-spot-slot{width:46px}.rival-spot-slot.lead{width:58px}.rival-spotlight-effect{margin-top:6px;-webkit-line-clamp:1}}@media(prefers-reduced-motion:reduce){.arena *,.arena *:before,.arena *:after{animation:none!important;transition:none!important}.arena .attack-fx,.arena .cookie-slot:before,.arena .card-drop:after{display:none}}.rule-pip{display:inline-block;width:.95em;height:.95em;margin:0 1px;border:1px solid #00000059;border-radius:50%;vertical-align:-.14em;background:#d4d6d4}.rule-pip.pip-r{background:#e05a52}.rule-pip.pip-y{background:#e9c23f}.rule-pip.pip-g{background:#4fae6d}.rule-pip.pip-b{background:#4b87d6}.rule-pip.pip-p{background:#9b6bd1}.rule-pip.pip-k{background:#3b3b3b;border-color:#ffffff59}.rival-spotlight-effect .rules-text{display:inline;margin:0;color:inherit;font-size:inherit;line-height:inherit}.rival-spotlight-effect .rule-token{padding:0 3px;border:1px solid #4a5355;border-radius:4px;background:#2a3032;color:#e6e0d2;font-weight:600}.result-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:24px;background:#0b0f10c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.result-card,.result-bar{--result-tone: #e8bd6c}.result-card.lose,.result-bar.lose{--result-tone: #efa7aa}.result-card.draw,.result-bar.draw{--result-tone: #aab4b6}.result-card{width:min(420px,100%);padding:28px 26px 22px;border:1px solid #3f4749;border-top:3px solid var(--result-tone);border-radius:16px;background:#1f2426;color:#edf0f0;text-align:center;box-shadow:0 24px 64px #000a}.result-card .result-mark{display:inline-block;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--result-tone) 18%,transparent);color:var(--result-tone);font-size:12px;font-weight:800;letter-spacing:.14em}.result-card h2{margin:12px 0 6px;color:var(--result-tone);font-size:30px;font-weight:800}.result-card p{margin:0;color:#d7dddc;font-size:15px;line-height:1.6}.result-card small{display:block;margin-top:6px;color:#8f9a9c;font-size:12px}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.result-actions .decision-primary{min-width:140px}.result-bar{position:fixed;z-index:var(--z-banner);top:calc(var(--nav-height, 62px) + 10px);left:50%;translate:-50% 0;display:flex;align-items:center;gap:8px;max-width:calc(100% - 16px);padding:8px 8px 8px 16px;border:1px solid #3f4749;border-top:3px solid var(--result-tone);border-radius:12px;background:#1f2426f5;color:#edf0f0;box-shadow:0 12px 32px #0009}.result-bar strong{color:var(--result-tone);font-size:14px;white-space:nowrap}.result-bar .decision-secondary,.result-bar .decision-primary{flex:none;min-width:0;min-height:44px;padding:0 14px;white-space:nowrap}@media(max-width:600px){.result-bar{width:calc(100% - 16px);padding:8px 8px 8px 12px}.result-bar strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}}.result-layer :focus-visible,.result-bar :focus-visible{outline:2px solid #e8bd6c;outline-offset:2px}.confirm-dialog{width:min(380px,calc(100% - 32px));padding:22px 22px 18px;border:1px solid #3f4749;border-radius:14px;background:#1f2426;color:#edf0f0;box-shadow:0 24px 64px #000a}.confirm-dialog::backdrop{background:#0b0f10b8}.confirm-dialog h2{margin:0;font-size:18px;font-weight:700}.confirm-dialog p{margin:8px 0 18px;color:#c9d1d0;font-size:14px;line-height:1.6}.confirm-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.confirm-danger{min-height:44px;padding:0 18px;border:1px solid #e07a7a;border-radius:9px;background:#b9474a;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.confirm-dialog :focus-visible{outline:2px solid #e8bd6c;outline-offset:2px}.decision-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:24px}.decision-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0f10b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.decision-sheet{position:relative;display:flex;flex-direction:column;width:min(720px,100%);max-height:min(780px,calc(100dvh - 48px));overflow:hidden;border:1px solid #3f4749;border-radius:14px;background:#1f2426;color:#edf0f0;box-shadow:0 24px 64px #000a;outline:none}.decision-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid #343b3d}.decision-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#e8bd6c;font-size:11px;font-weight:700;letter-spacing:.08em}.decision-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.decision-header h2{margin:6px 0 0;color:#f3f5f4;font-size:19px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.decision-minimize{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #434b4d;border-radius:10px;background:transparent;color:#dfe5e4;cursor:pointer}.decision-minimize:hover{background:#2a3032}.decision-body{flex:1;min-height:0;display:grid;align-content:start;gap:22px;padding:18px 24px 12px;overflow-y:auto;overscroll-behavior:contain}.decision-section-label{color:#9aa5a7;font-size:11px;font-weight:700;letter-spacing:.06em}.decision-why{display:grid;gap:10px}.decision-reason{margin:0;color:#c9d1d0;font-size:14px;line-height:1.65}.decision-source{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;padding:12px;border:1px solid #343b3d;border-radius:10px;background:#181c1d}.decision-source-card{align-self:start;padding:0;border:0;background:none;cursor:zoom-in}.decision-source-card img{display:block;width:88px;aspect-ratio:5 / 7;-o-object-fit:contain;object-fit:contain;border:1px solid #4a5355;border-radius:6px;background:#14222a}.decision-source-copy{min-width:0;display:grid;align-content:start;gap:3px}.decision-source-copy strong{font-size:15px;overflow-wrap:anywhere}.decision-source-copy small,.decision-muted{color:#9aa5a7;font-size:12px}.decision-muted{margin:6px 0 0}.decision-effect{max-height:140px;margin-top:6px;padding-right:6px;overflow-y:auto}.decision-effect .rules-text{margin:0;color:#d7dddc;font-size:13px;line-height:1.75;overflow-wrap:anywhere}.decision-effect .rule-token{padding:0 4px;border:1px solid #5c5236;border-radius:4px;background:#33302a;color:#f0dca8;font-weight:600;white-space:normal}.decision-battle{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #343b3d;border-radius:10px;background:#181c1d;color:#dfe5e4;font-size:14px}.decision-battle svg{flex:none;color:#efa7aa}.decision-option-list{display:grid;gap:8px;margin-top:10px}.decision-option{display:flex;align-items:center;gap:14px;width:100%;min-height:62px;padding:12px 14px;border:1px solid #3d4547;border-radius:10px;background:#262c2e;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.decision-option:hover{border-color:#6f7b7e;background:#2c3335}.decision-option.tone-primary{border-color:#8a7446;background:#2d2920}.decision-option.tone-primary:hover{border-color:#e8bd6c;background:#362f1f}.decision-option.tone-decline{background:transparent}.decision-option-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#343b3d;color:#dfe5e4;font-size:18px}.tone-primary .decision-option-icon{background:#e8bd6c;color:#2a2112}.decision-option-art{flex:none;width:42px;aspect-ratio:5 / 7;-o-object-fit:contain;object-fit:contain;border:1px solid #4a5355;border-radius:4px;background:#14222a}.decision-option-copy{min-width:0;display:grid;gap:3px}.decision-option-copy strong{font-size:15px;font-weight:700;overflow-wrap:anywhere}.decision-option-copy small{color:#a9b3b4;font-size:12.5px;line-height:1.5}.decision-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.decision-count{color:#e8bd6c;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.decision-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:16px 12px;margin-top:12px;padding:4px}.decision-card{position:relative;min-width:0;display:grid;justify-items:center;gap:6px}.arena .decision-card .game-card{width:100%;height:auto;flex-basis:auto;aspect-ratio:5 / 7;margin:0}.decision-card.unavailable{opacity:.5}.decision-card-name{width:100%;color:#d7dddc;font-size:12px;line-height:1.35;text-align:center;overflow-wrap:anywhere}.decision-hidden-card{display:grid;place-items:center;align-content:center;gap:8px;width:100%;aspect-ratio:5 / 7;padding:0;border:1px dashed #5a6365;border-radius:6px;background:#181c1d;color:#9aa5a7;font:inherit;font-size:12px;cursor:pointer}.decision-hidden-card[aria-pressed=true]{border:3px solid #ffb0a0}.decision-hidden-card:disabled{cursor:default}.decision-combos{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.decision-combo{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 12px;border:1px solid #3d4547;border-radius:10px;background:#262c2e;color:inherit;font:inherit;text-align:left;cursor:pointer}.decision-combo:hover{border-color:#e8bd6c}.decision-combo-index{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#343b3d;font-size:12px;font-weight:700}.decision-combo-cards{min-width:0;display:flex;flex-wrap:wrap;gap:6px}.decision-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 8px 3px 3px;border:1px solid #434b4d;border-radius:6px;background:#1b1f20;font-size:12.5px}.decision-chip img{flex:none;width:22px;aspect-ratio:5 / 7;-o-object-fit:contain;object-fit:contain;border-radius:3px;background:#14222a}.decision-chip b{padding-left:4px;color:#e8bd6c;font-size:11px}.decision-chip span{overflow-wrap:anywhere}.decision-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;padding:14px 24px 18px;border-top:1px solid #343b3d;background:#1b1f21}.decision-secondary{min-height:44px;padding:0 16px;border:1px solid #4a5355;border-radius:9px;background:transparent;color:#dfe5e4;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.decision-secondary:hover{background:#2a3032}.decision-footer .decision-peek{margin-right:auto}.decision-primary{min-width:150px;min-height:44px;padding:0 20px;border:1px solid #e8bd6c;border-radius:9px;background:#e8bd6c;color:#231b0c;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.decision-primary:disabled{border-color:#4a5355;background:#2a3032;color:#8c9698;cursor:default}.decision-layer :focus-visible{outline:2px solid #e8bd6c;outline-offset:2px}.decision-battle-legend{margin:8px 0 0;color:#a9b3b4;font-size:12.5px;line-height:1.7}.decision-battle-legend span{margin-right:2px;padding:1px 6px;border-radius:4px;font-weight:700}.decision-battle-legend .role-attacker{background:#efa7aa26;color:#f7b6b9}.decision-battle-legend .role-defender{background:#7bb8e024;color:#a9d2f2}.decision-card.role-attacker .decision-card-name{color:#f7b6b9;font-weight:700}.decision-card.role-defender .decision-card-name{color:#a9d2f2;font-weight:700}.decision-card.role-attacker .game-card{box-shadow:0 0 0 3px #e5646b,0 0 20px #e5646b66}.decision-card.role-defender .game-card{box-shadow:0 0 0 3px #5fa4d8}.decision-role-tag{position:absolute;z-index:12;top:-10px;left:50%;translate:-50% 0;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% + 8px);padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap;box-shadow:0 2px 8px #0008;pointer-events:none}.decision-role-tag svg{width:13px;height:13px;flex:none}.decision-role-tag.role-attacker{background:#e5646b;color:#fff}.decision-role-tag.role-defender{background:#3f88bf;color:#fff}.decision-chip.role-attacker{border-color:#e5646b;background:#2b1c1e}.decision-chip.role-defender{border-color:#3f88bf;background:#1b2430}.decision-role-dot{padding:0 5px;border-radius:4px;font-size:10.5px;font-style:normal;font-weight:800}.role-attacker.decision-role-dot{background:#e5646b;color:#fff}.role-defender.decision-role-dot{background:#3f88bf;color:#fff}.decision-order-badge{position:absolute;z-index:12;top:-8px;left:-8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e8bd6c;color:#231b0c;font-size:12px;font-weight:800;box-shadow:0 2px 8px #0008}.decision-dock{position:fixed;z-index:var(--z-banner);left:50%;bottom:24px;translate:-50% 0;display:flex;align-items:center;gap:12px;width:min(560px,calc(100% - 24px));padding:10px 10px 10px 16px;border:1px solid #8a7446;border-radius:12px;background:#1f2426f5;color:#edf0f0;box-shadow:0 12px 32px #0009}.decision-dock-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#e8bd6c;box-shadow:0 0 0 4px #e8bd6c33}.decision-dock-copy{flex:1;min-width:0;display:grid;gap:2px}.decision-dock-copy small{color:#e8bd6c;font-size:11px;font-weight:700}.decision-dock-copy strong{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.decision-dock button{flex:none;min-height:44px;padding:0 16px;border:0;border-radius:9px;background:#e8bd6c;color:#231b0c;font:inherit;font-weight:800;cursor:pointer}.arena:has(.decision-dock){padding-bottom:calc(110px + env(safe-area-inset-bottom))}.decision-summary{width:100%;display:grid;gap:10px;padding:14px;border:1px solid #8a7446;border-radius:10px;background:#2a261d}.arena .decision-summary .eyebrow{color:#e8bd6c;font-size:11px;font-weight:700;letter-spacing:.06em}.decision-summary p{margin:0;color:#e6e0d2;font-size:13px;line-height:1.6}.decision-summary button{min-height:44px;border:0;border-radius:9px;background:#e8bd6c;color:#231b0c;font:inherit;font-weight:800;cursor:pointer}.game-log{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-drawer);display:flex;flex-direction:column;width:min(400px,92vw);border-left:1px solid #3b4143;background:#1b1f20;color:#e6eaea;box-shadow:-16px 0 48px #0008}.game-log[hidden]{display:none}.game-log-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 12px}.game-log-eyebrow{color:#8f9a9c;font-size:10px;font-weight:700;letter-spacing:.14em}.game-log-header h2{margin:2px 0 0;font-size:18px;font-weight:700}.game-log-close{width:44px;height:44px;border:1px solid #3b4143;border-radius:9px;background:transparent;color:#dfe5e4;font-size:22px;line-height:1;cursor:pointer}.game-log-close:hover{background:#262c2e}.game-log-export{display:grid;gap:6px;padding:0 18px 12px}.game-log-export button{min-height:44px;padding:8px 12px;border:1px solid #586b69;border-radius:9px;background:#253735;color:#edf6f3;cursor:pointer;font:inherit}.game-log-export button:hover{background:#354b47}.game-log-export button:focus-visible{outline:2px solid #b4e7d6;outline-offset:2px}.game-log-export small,.game-log-export [role=status]{color:#b6c6c1;font-size:12px}.game-log-export [role=status]:empty{display:none}.game-log-filters{display:flex;gap:4px;margin:0 18px 10px;padding:4px;border:1px solid #30363a;border-radius:10px;background:#15181a}.game-log-filters button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:0;border-radius:7px;background:transparent;color:#aab4b6;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.game-log-filters button.on{background:#2c3336;color:#f3f5f4}.game-log-filters button span{min-width:20px;padding:1px 6px;border-radius:999px;background:#262c2e;color:#9aa5a7;font-size:11px;font-variant-numeric:tabular-nums}.game-log-body{flex:1;min-height:0;padding:0 14px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.game-log-turn+.game-log-turn{margin-top:10px}.game-log-turn h3{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;margin:0;padding:10px 4px 6px;background:#1b1f20;color:#9aa5a7;font-size:11px;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums}.game-log-turn h3 span{padding:2px 7px;border-radius:4px;font-size:10.5px;letter-spacing:0}.game-log-turn h3 span.you{background:#7bd8b91f;color:#9fe3c9}.game-log-turn h3 span.rival{background:#efa7aa1f;color:#f2b8bb}.game-log-turn ol{display:grid;gap:2px;margin:0;padding:0;list-style:none}.game-log-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:8px 6px;border-radius:8px}.game-log-row:hover{background:#232829}.game-log-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#2a3032;color:#c9d1d0;font-size:14px}.game-log-row.you .game-log-icon{background:#7bd8b924;color:#8fe0c1}.game-log-row.rival .game-log-icon{background:#efa7aa24;color:#f2b3b6}.game-log-main{min-width:0;display:grid;gap:6px}.game-log-line{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:13.5px;line-height:1.45}.game-log-line>span{flex:1;min-width:0;overflow-wrap:anywhere}.game-log-actor{flex:none;font-size:12px;font-weight:700}.you .game-log-actor{color:#8fe0c1}.rival .game-log-actor{color:#f2b3b6}.system .game-log-actor{color:#9aa5a7}.game-log-line time{flex:none;color:#7f8a8c;font-size:11px;font-variant-numeric:tabular-nums}.game-log-cards{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.game-log-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:32px;padding:2px 8px 2px 2px;border:1px solid #383f42;border-radius:6px;background:#15181a;color:#dfe5e4;font:inherit;font-size:12px;cursor:pointer}.game-log-chip:hover{border-color:#6f7b7e}.game-log-chip img{flex:none;width:20px;aspect-ratio:5 / 7;-o-object-fit:contain;object-fit:contain;border-radius:3px;background:#14222a}.game-log-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-log-chip.is-hidden{padding:2px 8px;border-style:dashed;color:#8f9a9c;cursor:default}.game-log-arrow{color:#7f8a8c;font-size:12px}.game-log-empty{display:grid;justify-items:center;gap:6px;padding:56px 16px;color:#9aa5a7;text-align:center}.game-log-empty strong{color:#dfe5e4;font-size:14px}.game-log-empty p{margin:0;font-size:13px}.game-log :focus-visible{outline:2px solid #e8bd6c;outline-offset:2px}.arena .log-toggle{position:relative}.log-toggle-badge{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e8bd6c;color:#231b0c;font-size:11px;font-weight:800;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--field-bg, #1b1e20);pointer-events:none}@media(max-width:800px){.decision-dock{bottom:calc(76px + env(safe-area-inset-bottom))}.arena:has(.decision-dock){padding-bottom:calc(170px + env(safe-area-inset-bottom))}}@media(max-width:600px){.decision-layer{place-items:end stretch;padding:0}.decision-sheet{width:100%;max-height:calc(100dvh - 20px - env(safe-area-inset-top));border-bottom:0;border-radius:16px 16px 0 0}.decision-header{padding:16px 16px 12px}.decision-header h2{font-size:17px}.decision-body{gap:18px;padding:14px 16px 10px}.decision-source{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px}.decision-source-card img{width:64px}.decision-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.decision-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.decision-footer>*{flex:1 1 auto}.decision-footer .decision-peek{margin-right:0}.decision-primary{min-width:0}.game-log{width:100%;border-left:0}}.action-menu-section{display:grid;gap:8px}.action-menu-hint{margin:8px 0 0;padding:8px 10px;border-left:3px solid #e8bd6c;border-radius:4px;background:#2a261d;color:#e6e0d2;font-size:12.5px;line-height:1.6}.action-menu-lead{margin:2px 0 0;color:#c9d1d0;font-size:13px}.action-menu-targets{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px}.action-menu-target{min-width:0;display:grid;justify-items:center;gap:6px;padding:10px 8px 12px;border:1px solid #7a4b4d;border-radius:10px;background:#2b2223;color:inherit;font:inherit;cursor:pointer}.action-menu-target:hover{border-color:#efa7aa;background:#352729}.action-menu-target img,.action-menu-target .card-back{width:100%;max-width:112px;aspect-ratio:5 / 7;-o-object-fit:contain;object-fit:contain;border-radius:6px;background:#14222a}.action-menu-target-name{width:100%;font-size:13px;font-weight:700;text-align:center;overflow-wrap:anywhere}.action-menu-target small{display:inline-flex;align-items:center;gap:4px;color:#f2b8bb;font-size:12px;font-weight:700}.action-menu-target small svg{width:14px;height:14px}.decision-hand{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.decision-option-notes{display:grid;gap:4px;margin:10px 0 0;padding:0;list-style:none;color:#a9b3b4;font-size:12.5px;line-height:1.5}.decision-option-notes b{color:#dfe5e4}.decision-card-level{color:#e8bd6c;font-size:11px;font-weight:700}.decision-footer .decision-primary.wide{flex:1 1 200px}@media(min-width:720px){.action-menu{width:min(860px,100%)}.action-menu-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;-moz-column-gap:20px;column-gap:20px}.action-menu-split>.decision-source{grid-column:1 / -1}.action-menu-split .action-menu-target img{max-width:96px}}@media(max-width:600px){.decision-hand{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px}.decision-hand .decision-card-name{font-size:11px}.action-menu-targets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.action-menu-target{padding:8px 4px 10px}.action-menu-target small{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.decision-layer{padding:8px}.decision-sheet{max-height:calc(100dvh - 16px)}.decision-header{padding:10px 16px 8px}.decision-header h2{font-size:16px}.decision-body{gap:14px;padding:10px 16px 6px}.decision-source{grid-template-columns:56px minmax(0,1fr)}.decision-source-card img{width:56px}.decision-effect{max-height:72px}.decision-footer{padding:8px 16px}}.lang-toggle{flex:none;min-width:44px;min-height:36px;padding:0 12px;border:1px solid color-mix(in srgb,currentColor 38%,transparent);border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer}.lang-toggle:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.lang-toggle:focus-visible{outline:2px solid #e8bd6c;outline-offset:2px}.lobby-lang{margin-left:10px}@media(max-width:800px){.arena .game-nav .lang-toggle,.deck-builder-nav .lang-toggle{min-height:44px}}.lobby-steps{display:grid;gap:10px;margin:18px 0 22px;padding:0;list-style:none}.lobby-steps li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5}.lobby-steps b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,currentColor 14%,transparent);font-size:13px}.lobby-steps span{padding-top:2px}.load-demo-deck{min-height:40px;padding:0 14px;border:1px dashed color-mix(in srgb,currentColor 45%,transparent);border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.load-demo-deck:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.tutorial-open{flex:none;min-height:36px;padding:0 12px;border:1px solid color-mix(in srgb,currentColor 38%,transparent);border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.deck-tutorial{position:fixed;z-index:var(--z-modal, 60);left:50%;bottom:20px;translate:-50% 0;width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 40px);overflow-y:auto;padding:16px 18px;border:1px solid #8a7446;border-radius:14px;background:#1f2426;color:#edf0f0;box-shadow:0 18px 48px #000a;outline:none}.deck-tutorial-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.deck-tutorial-step{color:#e8bd6c;font-size:12px;font-weight:800;letter-spacing:.04em}.deck-tutorial-skip{min-height:36px;padding:0 8px;border:0;background:transparent;color:#aab4b6;font:inherit;font-size:13px;cursor:pointer}.deck-tutorial h2{margin:6px 0;font-size:18px;font-weight:800}.deck-tutorial p{margin:0;color:#d7dddc;font-size:14px;line-height:1.65}.deck-tutorial ul{display:grid;gap:6px;margin:10px 0 0;padding-left:18px;color:#d7dddc;font-size:13.5px;line-height:1.55}.deck-tutorial-dots{display:flex;gap:6px;margin:14px 0 12px}.deck-tutorial-dots i{width:8px;height:8px;border-radius:50%;background:#3b4345}.deck-tutorial-dots i.done{background:#8a7446}.deck-tutorial-dots i.on{width:22px;border-radius:999px;background:#e8bd6c}.deck-tutorial-actions{display:flex;justify-content:flex-end;gap:8px}.deck-tutorial-back,.deck-tutorial-next{min-height:44px;padding:0 20px;border-radius:9px;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.deck-tutorial-back{border:1px solid #4a5355;background:transparent;color:#dfe5e4}.deck-tutorial-back:disabled{opacity:.4;cursor:default}.deck-tutorial-next{border:1px solid #e8bd6c;background:#e8bd6c;color:#231b0c}.deck-tutorial :focus-visible{outline:2px solid #e8bd6c;outline-offset:2px}.tutorial-target{position:relative;z-index:5;outline:3px solid #e8bd6c;outline-offset:4px;border-radius:10px;animation:tutorial-pulse 1.6s ease-in-out infinite}@keyframes tutorial-pulse{50%{outline-color:#e8bd6c55}}@media(prefers-reduced-motion:reduce){.tutorial-target{animation:none}}.support-cost{display:inline-flex;gap:3px}.support-cost .rule-pip{width:14px;height:14px}.tutorial-scrim{position:fixed;z-index:calc(var(--z-modal, 60) - 1);pointer-events:none;border-radius:14px;box-shadow:0 0 0 200vmax #060a0b9e;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tutorial-scrim.full{top:0;right:0;bottom:0;left:0;border-radius:0;box-shadow:none;background:#060a0b9e;transition:none}@media(prefers-reduced-motion:reduce){.tutorial-scrim{transition:none}}.official-example{overflow-wrap:anywhere;word-break:break-all}.builder-filters,.builder-deck{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow-y:auto;overscroll-behavior:contain}.filter-head{display:flex;align-items:center;gap:6px}.filter-head h2{flex:1;margin:0;padding:0;border:0;display:flex;align-items:center;gap:8px}.filter-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;color:#fff;background:var(--ui-green);font-size:11px;font-style:normal;font-weight:700}.filter-toggle{display:none}.builder-filters input[type=search]{width:100%;margin-top:10px}.filter-group{margin-top:14px}.builder-filters .filter-label{display:block;margin:0 0 6px;color:var(--ui-muted);font-size:12px;font-weight:700}.builder-filters .filter-chips{display:flex;flex-wrap:wrap;gap:6px}.builder-filters .filter-chips button{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12px}.color-dot{width:9px;height:9px;border-radius:50%;border:1px solid #0003;background:#bbb}.color-dot.red{background:#e2574c}.color-dot.blue{background:#3f7fd6}.color-dot.green{background:#4caf6a}.color-dot.yellow{background:#f0c23b}.color-dot.purple{background:#8a5bc2}.color-dot.black{background:#34383a}.color-dot.pure{background:#f6f3ea}.builder-filters .filter-check{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:13px;cursor:pointer}.builder-filters .filter-check input{width:16px;height:16px;margin:0;accent-color:var(--ui-green)}.builder-filters .filter-select{display:block;margin:14px 0 0;color:var(--ui-muted);font-size:12px;font-weight:700}.builder-filters .filter-select select{width:100%;margin-top:6px}.builder-filters .filter-hint{margin-top:16px;padding-top:12px;border-top:1px solid var(--ui-line);font-size:12px}.builder-catalog .builder-section-heading{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;margin:-18px -18px 0;padding:12px 18px;background:var(--ui-panel);border-radius:8px 8px 0 0}.builder-catalog .builder-section-heading span{flex:1}.sort-select{display:flex;align-items:center;gap:8px;color:var(--ui-muted);font-size:12px;font-weight:700}.sort-select select{min-height:32px;padding:2px 8px;border:1px solid var(--ui-line);border-radius:8px;color:var(--ui-ink);background:#f8faf5;color-scheme:light}.active-filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.active-filters button{min-height:28px;padding:2px 10px;border:1px solid #bdcbbf;border-radius:999px;color:var(--ui-green);background:var(--ui-green-soft);font-size:12px;cursor:pointer}.active-filters button:hover{background:#d6e4d6}.catalog-empty{display:grid;justify-items:center;gap:10px;padding:48px 12px;color:var(--ui-muted)}.load-more{display:block;min-width:220px;margin:18px auto 4px}.builder-fold{margin-top:12px;border:1px solid var(--ui-line);border-radius:8px}.builder-fold>summary{padding:9px 12px;cursor:pointer;font-size:13px;font-weight:700}.builder-fold[open]>summary{border-bottom:1px solid var(--ui-line)}.builder-fold>:not(summary){margin-left:12px;margin-right:12px}.builder-fold>h2{margin-top:12px;font-size:13px}.builder-fold>.saved-decks{margin-bottom:12px}@media(max-width:900px){.builder-filters,.builder-deck{position:static;max-height:none;overflow:visible}.filter-toggle{display:inline-flex}.builder-filters.folded .filter-body{display:none}.builder-catalog .builder-section-heading{position:static;margin:0;padding:0 0 10px;flex-wrap:wrap}}.builder-load{margin:0 0 14px;background:var(--ui-panel)}.builder-load>.official-deck-url{width:calc(100% - 24px)}.match-setup-shell{min-height:100vh;padding:24px;color:var(--ui-ink);background:var(--ui-paper)}.match-setup-body{max-width:640px;margin:0 auto;display:grid;gap:18px}.setup-steps{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ui-muted)}.setup-steps .done{color:var(--ui-green)}.setup-steps .on{color:var(--ui-ink)}.setup-steps i{flex:none;width:24px;height:1px;background:var(--ui-line)}.setup-deck-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.my-deck-summary{padding:14px 16px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-panel);min-width:0}.my-deck-summary .eyebrow{display:block;margin-bottom:4px;color:var(--ui-green);font-size:10px;font-weight:700;letter-spacing:.14em}.my-deck-summary.opponent .eyebrow{color:#a3651f}.my-deck-summary strong{display:block;overflow-wrap:anywhere;font-size:16px}.my-deck-summary small{display:block;margin-top:2px;color:var(--ui-muted)}.match-setup-body .ai-controls{padding:14px 16px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-panel);width:auto;margin:0}.ai-level-hint{margin:6px 0 0;color:var(--ui-muted);font-size:12px}.match-setup-start{margin-top:4px;min-height:50px;font-size:15px}.match-setup-error{margin:0}@media(max-width:560px){.setup-deck-pair{grid-template-columns:1fr}}.home{min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(18px,5vw,64px);color:var(--ui-ink);background:var(--ui-paper)}.home-nav{width:100%;max-width:1040px;margin:0 auto;min-height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ui-line)}.home-brand{color:var(--ui-ink);font-size:15px;font-weight:800;letter-spacing:.06em;text-decoration:none}.home-brand small{margin-left:6px;color:var(--ui-muted);font-size:11px;font-weight:500;letter-spacing:.14em}.home-nav-actions{display:flex;align-items:center;gap:14px}.home-discord{display:grid;place-items:center;width:32px;height:32px;color:var(--ui-muted);border-radius:8px}.home-discord svg{width:20px;height:20px}.home-discord:hover{color:#5865f2;background:var(--ui-green-soft)}.home-body{flex:1;width:100%;max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(28px,6vw,80px);padding:48px 0 64px}.home-main h1{margin:0 0 14px;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.3;letter-spacing:-.03em}.home-main>p{max-width:34em;margin:0;color:var(--ui-muted);font-size:16px;line-height:1.75}.home-actions{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}.home-actions button{min-width:168px;min-height:46px;font-size:15px}.home-error{margin:14px 0 0;color:#a33b38;font-size:14px}.home-notes{margin:34px 0 0;padding:20px 0 0;border-top:1px solid var(--ui-line);list-style:none;display:grid;gap:10px;color:var(--ui-muted);font-size:14px;line-height:1.6}.home-notes li{position:relative;padding-left:16px}.home-notes li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:1px;background:var(--ui-muted)}.home-cards{display:flex;gap:10px}.home-cards img{width:128px;aspect-ratio:5 / 7;-o-object-fit:cover;object-fit:cover;border:1px solid var(--ui-line);border-radius:8px;background:#eef0ec}.home-cards img:nth-child(2){margin-top:28px}@media(max-width:760px){.home-body{grid-template-columns:minmax(0,1fr);padding:32px 0 40px}.home-cards{display:none}.home-actions button{flex:1 1 100%}}
