:root{--bg:#070a15;--panel:#11162a;--panel-2:#171e36;--ink:#f4ead4;--muted:#9ca6bf;--gold:#e6b85c;--gold-2:#ffe49a;--danger:#e76874;--success:#70d49a;--line:#e7d3a62e;--shadow:0 24px 70px #0000006b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% -10%,#4a539f47,#0000 34rem),radial-gradient(circle at 8% 70%,#713a7824,#0000 30rem),#070a15;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}img{max-width:100%;display:block}::selection{background:#e6b85c59}.home-screen,.screen{width:min(100%,1120px);min-height:100vh;padding:max(18px, env(safe-area-inset-top)) 20px max(30px, env(safe-area-inset-bottom));margin:0 auto}.home-screen{align-content:start;gap:18px;display:grid}.eyebrow{color:var(--gold-2);text-transform:uppercase;letter-spacing:.16em;font-size:.67rem;font-weight:800;display:block}.primary-button,.secondary-button{border:1px solid var(--line);cursor:pointer;border-radius:14px;min-height:46px;padding:0 18px;font-weight:800;transition:transform .18s,filter .18s,border-color .18s}.primary-button{color:#1b1305;background:linear-gradient(135deg,#f3d083,#b77a25);box-shadow:0 10px 30px #d19a3838}.secondary-button{color:var(--ink);background:#171d32}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.icon-button{border:1px solid var(--line);cursor:pointer;background:#141a30cc;border-radius:13px;place-items:center;width:42px;height:42px;font-size:1.8rem;display:grid}.hero-panel{border:1px solid var(--line);min-height:330px;box-shadow:var(--shadow);isolation:isolate;background:linear-gradient(140deg,#1f264bf7,#0b0e1ff0 60%,#4e2658db);border-radius:28px;position:relative;overflow:hidden}.hero-panel:before{content:"";z-index:-1;background:radial-gradient(circle at 72% 42%,#72c7ff33,#0000 25%),linear-gradient(115deg,#ffffff0a,#0000 50%);position:absolute;inset:0}.hero-copy{z-index:3;width:64%;padding:34px;position:relative}.hero-copy h1{letter-spacing:-.06em;text-shadow:0 4px 30px #00000059;margin:12px 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.6rem,10vw,6.5rem);line-height:.72}.hero-copy h1 em{color:var(--gold-2);font-style:normal}.hero-copy p{color:#c5cbe0;max-width:32rem;font-size:.95rem;line-height:1.55}.hero-character{z-index:2;filter:drop-shadow(0 20px 22px #00000080);width:min(45%,340px);position:absolute;bottom:-8%;right:-1%;transform:rotate(1deg)}.hero-orbit{aspect-ratio:1;border:1px solid #ffe49a33;border-radius:50%;width:330px;animation:22s linear infinite spin;position:absolute;top:-25%;right:-4%}.hero-orbit:after{content:"✦";color:var(--gold-2);position:absolute;top:46%;left:-9px}.orbit-two{width:245px;animation-duration:17s;animation-direction:reverse;top:8%;right:4%}@keyframes spin{to{transform:rotate(360deg)}}.primary-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.menu-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:linear-gradient(150deg,#181f38f5,#0d1122f5);border-radius:20px;align-items:center;gap:14px;min-height:88px;padding:15px 18px;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.menu-card:after{content:"";background:#ffffff09;border-radius:50%;width:110px;height:110px;position:absolute;top:-55px;right:-55px}.menu-card:hover{border-color:#ffe49a6b;transform:translateY(-3px)}.menu-card.featured{background:linear-gradient(140deg,#6c3d1ff2,#372226f2);border-color:#e6b85c61}.menu-card .menu-icon{width:48px;height:48px;color:var(--gold-2);background:#ffffff12;border-radius:14px;place-items:center;font-size:1.5rem;display:grid}.menu-card div{flex:1;gap:5px;display:grid}.menu-card b{font-size:1rem}.menu-card small{color:var(--muted);line-height:1.25}.menu-card i{color:var(--gold);font-size:1.8rem;font-style:normal}.home-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.home-grid button{border:1px solid var(--line);cursor:pointer;color:#c9cfe0;background:#11162adb;border-radius:18px;align-content:center;place-items:center;gap:5px;min-height:78px;font-size:.78rem;display:grid}.home-grid button:hover{color:var(--ink);border-color:#e6b85c66}.home-grid span{color:var(--gold-2);font-size:1.35rem}.profile-strip{border:1px solid var(--line);cursor:pointer;text-align:left;background:#0c101fd9;border-radius:18px;align-items:center;gap:12px;width:100%;min-height:70px;padding:10px;display:flex}.profile-strip img{object-fit:cover;border:1px solid #ffffff1a;border-radius:15px;width:48px;height:48px}.profile-strip span{flex:1;display:grid}.profile-strip small{color:var(--muted);margin-top:3px}.profile-strip i{color:var(--gold);font-size:1.6rem}.creator-footer{border:1px solid var(--line);background:linear-gradient(135deg,#0e1324eb,#080c18f5);border-radius:18px;justify-content:space-between;align-items:center;margin-top:4px;padding:16px 20px;display:flex}.creator-footer>span{color:var(--muted);font-size:.8rem}.creator-footer>span strong{color:var(--gold-2);font-weight:700}.creator-links{gap:10px;display:flex}.creator-links a{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:10px;align-items:center;gap:7px;padding:7px 14px;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.creator-links a:hover{color:var(--gold-2);background:#e6b85c12;border-color:#e6b85c73;transform:translateY(-2px)}.top-bar{z-index:20;background:linear-gradient(#070a15 72%,#0000);grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;min-height:72px;padding:7px 0 12px;display:grid;position:sticky;top:0}.top-bar h1{margin:2px 0 0;font-size:1.35rem}.top-bar-sigil{width:42px;height:42px;color:var(--gold-2);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.screen-intro{max-width:720px;color:var(--muted);margin:2px 0 18px 58px;line-height:1.55}.library-tools{gap:10px;margin-bottom:14px;display:grid}.library-tools input,.friend-actions input,.profile-card-large input{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#10162b;border-radius:14px;padding:0 16px}.faction-tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.faction-tabs button{border:1px solid var(--line);cursor:pointer;background:#12182d;border-radius:12px;min-width:46px;height:42px}.faction-tabs button.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold), 0 0 20px #e6b85c26}.type-tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.type-tabs button{border:1px solid var(--line);min-height:38px;color:var(--muted);text-transform:capitalize;cursor:pointer;background:#12182d;border-radius:999px;padding:0 13px}.type-tabs button.active{color:var(--ink);border-color:var(--gold);background:#e6b85c1f}.collection-summary{color:var(--muted);align-items:baseline;gap:9px;margin:18px 0;display:flex}.collection-summary strong{color:var(--ink);font-size:1.8rem}.collection-summary i{color:var(--success);margin-left:auto;font-size:.8rem;font-style:normal}.card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.game-card{--faction:#63739d;aspect-ratio:.69;border:1px solid color-mix(in srgb, var(--faction) 68%, #fff 20%);background:linear-gradient(155deg, color-mix(in srgb, var(--faction) 30%, #1b2138), #090d1b 62%);text-align:left;cursor:pointer;border-radius:15px;width:100%;min-width:0;padding:5px;transition:transform .2s,filter .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000042}.game-card:hover:not(:disabled),.game-card.selected{filter:brightness(1.08);box-shadow:0 17px 35px #00000073, 0 0 0 2px color-mix(in srgb, var(--faction), white 16%);transform:translateY(-7px)rotate(-.5deg)}.game-card.disabled{filter:saturate(.45)brightness(.65)}.game-card.compact{aspect-ratio:.69;border-radius:12px;min-width:95px;padding:4px}.game-card.compact .card-rules,.game-card.compact .card-type{display:none}.game-card.compact .card-title{min-height:26px;padding:4px 3px 2px;font-size:.65rem}.game-card.compact .card-stats{padding:3px;font-size:.62rem}.card-art-wrap{aspect-ratio:1;background:#080b17;border-radius:10px 10px 5px 5px;min-height:0;position:relative;overflow:hidden}.card-art{object-fit:cover;color:#0000;width:100%;height:100%}.card-cost,.card-faction{border-radius:50%;place-items:center;width:27px;height:27px;font-size:.78rem;font-weight:900;display:grid;position:absolute;top:5px;box-shadow:0 4px 12px #00000059}.card-cost{color:#171007;background:var(--gold-2);left:5px}.card-faction{color:#fff;background:var(--faction);right:5px}.card-title{text-align:center;padding:7px 6px 4px;font-family:Georgia,serif;font-size:.82rem;font-weight:800;line-height:1.08}.card-rules{color:#d2d6e3;padding:4px 7px;font-size:.65rem;line-height:1.35}.card-stats{background:#00000040;justify-content:space-around;gap:2px;margin-top:auto;padding:5px;font-size:.7rem;font-weight:800;display:flex}.card-type{color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.08em;padding:4px;font-size:.55rem}.faction-forge{--faction:#b85343}.faction-tide{--faction:#3977cd}.faction-dawn{--faction:#d0a53b}.faction-grove{--faction:#4e9a58}.faction-veil{--faction:#8a4e90}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#02040cd1;place-items:center;padding:18px;animation:.18s fade-in;display:grid;position:fixed;inset:0}.card-inspector{border:1px solid var(--line);width:min(900px,100%);max-height:min(760px,92vh);box-shadow:var(--shadow);background:linear-gradient(150deg,#181f39,#0d1123);border-radius:24px;grid-template-columns:minmax(220px,320px) 1fr;gap:28px;padding:24px;display:grid;position:relative;overflow:auto}.close-button{z-index:2;border:1px solid var(--line);cursor:pointer;background:#13182b;border-radius:12px;width:38px;height:38px;font-size:1.4rem;position:absolute;top:12px;right:12px}.inspector-info h2{margin:7px 0 0;font-family:Georgia,serif;font-size:2rem}.flavor{color:var(--gold-2);font-family:Georgia,serif;font-style:italic}.timing-note{color:#d7c7a0;border-left:2px solid var(--gold);margin:10px 0 0;padding-left:10px;font-size:.82rem;line-height:1.45}.level-comparison{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.level-comparison>div{border:1px solid var(--line);background:#ffffff06;border-radius:13px;padding:10px}.level-comparison>div.current{border-color:var(--gold);background:#e6b85c14}.level-comparison strong,.level-comparison span{display:block}.level-comparison span{color:var(--gold);margin-top:4px;font-size:.8rem}.level-comparison p{color:var(--muted);font-size:.75rem;line-height:1.4}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.deck-list{gap:12px;display:grid}.deck-toolbar{justify-content:flex-end;margin:0 0 12px;display:flex}.deck-panel{border:1px solid var(--line);background:#10162adb;border-radius:18px;overflow:hidden}.deck-panel.equipped{border-color:#e6b85c8c}.deck-heading{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:15px;width:100%;padding:12px 16px;display:flex}.deck-heading>span{flex:1;gap:4px;display:grid}.deck-heading small{color:var(--muted);text-transform:capitalize}.deck-heading i{color:var(--gold);font-style:normal}.deck-fans{width:74px;height:58px;position:relative}.deck-fans img{object-fit:cover;border:1px solid var(--line);transform-origin:bottom;border-radius:7px;width:42px;height:58px;position:absolute}.deck-fans img:first-child{left:0;transform:rotate(-13deg)}.deck-fans img:nth-child(2){z-index:2;left:16px}.deck-fans img:nth-child(3){left:32px;transform:rotate(13deg)}.deck-details{border-top:1px solid var(--line);padding:16px}.deck-details>p{color:var(--muted);line-height:1.5}.deck-details dl{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.deck-details dl div{background:#ffffff08;border-radius:12px;padding:10px}.deck-details dt{color:var(--gold);text-transform:uppercase;font-size:.75rem}.deck-details dd{color:var(--muted);margin:5px 0 0;font-size:.8rem}.deck-cards{grid-template-columns:repeat(12,minmax(72px,1fr));gap:6px;margin:14px 0;padding:8px 2px 12px;display:grid;overflow-x:auto}.deck-actions,.deck-editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.deck-editor{gap:14px;display:grid}.deck-editor-head{border:1px solid var(--line);background:#10162adb;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.deck-editor-head input{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#10162b;border-radius:13px;padding:0 14px;font-size:1.1rem;font-weight:900}.deck-editor-head div{color:var(--muted);justify-items:end;gap:3px;font-size:.75rem;display:grid}.deck-editor-head strong{color:var(--gold-2);font-size:1.5rem}.deck-validation{flex-wrap:wrap;gap:8px;min-height:30px;display:flex}.deck-validation span{color:#ffc4ca;background:#e768741a;border:1px solid #e7687459;border-radius:999px;padding:6px 10px;font-size:.72rem}.deck-validation .valid{color:#bdf4d2;background:#70d49a1a;border-color:#70d49a5c}.deck-editor-hint{color:var(--muted);margin:-4px 0 0;font-size:.78rem;line-height:1.45}.draft-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.draft-slot{aspect-ratio:.72;min-width:0;color:var(--muted);background:#080d18c7;border:1px dashed #e7d3a63d;border-radius:8px;place-items:center;display:grid;overflow:hidden}.draft-slot.filled{border-style:solid;border-color:#e6b85c6b;position:relative}.draft-card-preview{width:100%;height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.draft-card-preview img{object-fit:cover;filter:brightness(.78);width:100%;height:100%;position:absolute;inset:0}.draft-slot span{z-index:1;text-align:center;background:linear-gradient(#0000,#000000e6);width:100%;padding:11px 4px 5px;font-size:.62rem;font-weight:800;line-height:1.1;position:absolute;inset:auto 0 0}.draft-slot:not(.filled)>span{background:0 0;padding:5px;position:static}.draft-remove{z-index:2;width:24px;height:24px;color:var(--ink);cursor:pointer;background:#0d111de6;border:1px solid #ffffff6b;border-radius:50%;font-size:1rem;line-height:1;position:absolute;top:4px;right:4px}.deck-builder-grid{margin-bottom:8px}.deck-editor .game-card{touch-action:manipulation}.deck-editor-actions{z-index:10;bottom:max(8px, env(safe-area-inset-bottom));background:linear-gradient(#070a1500,#070a15f5 34%);margin:0 -4px;padding:10px;position:sticky}.character-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.character-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:linear-gradient(150deg,#181f38f2,#0c101ff2);border-radius:20px;grid-template-columns:96px 1fr;gap:13px;padding:12px;display:grid;position:relative;overflow:hidden}.character-card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.character-card img{object-fit:cover;border-radius:14px;width:96px;height:110px}.character-card div{align-content:center;gap:4px;display:grid}.character-card small{color:var(--gold)}.character-card p{color:var(--muted);margin:5px 0 0;font-size:.77rem;line-height:1.42}.character-card i{color:#1b1305;background:var(--gold-2);border-radius:999px;padding:4px 8px;font-size:.65rem;font-style:normal;font-weight:900;position:absolute;top:8px;right:9px}.settings-panel,.legal-panel,.rules-copy,.friend-panel,.tutorial-banner{border:1px solid var(--line);background:#10162ae0;border-radius:22px;padding:22px}.settings-panel{gap:0;display:grid}.settings-panel label{border-bottom:1px solid var(--line);align-items:center;gap:18px;min-height:72px;display:flex}.settings-panel label:last-child{border-bottom:0}.settings-panel span{flex:1;gap:4px;display:grid}.settings-panel small{color:var(--muted)}.settings-panel input[type=checkbox]{appearance:none;cursor:pointer;background:#30364c;border-radius:999px;width:52px;height:29px;padding:3px;transition:background .2s}.settings-panel input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:23px;height:23px;transition:transform .2s;display:block}.settings-panel input[type=checkbox]:checked{background:#b98228}.settings-panel input[type=checkbox]:checked:before{transform:translate(23px)}.legal-panel{color:var(--muted);margin-top:14px;line-height:1.55}.legal-panel h2{color:var(--ink);margin:16px 0 4px;font-size:1rem}.legal-panel h2:first-child{margin-top:0}.profile-card-large{border:1px solid var(--line);background:linear-gradient(140deg,#1b2445,#10152b);border-radius:24px;grid-template-columns:160px 1fr;align-items:center;gap:22px;padding:18px;display:grid}.profile-card-large img{aspect-ratio:1;object-fit:cover;border-radius:22px;width:160px}.profile-card-large input{width:100%;margin:8px 0;font-size:1.5rem;font-weight:900;display:block}.profile-card-large p{color:var(--muted)}.profile-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.profile-stats div{border:1px solid var(--line);text-align:center;background:#10162ad9;border-radius:17px;padding:18px;display:grid}.profile-stats b{color:var(--gold-2);font-size:1.8rem}.profile-stats span{color:var(--muted);font-size:.8rem}.tutorial-banner{text-align:center;background:radial-gradient(circle at 50% 0,#4e69be40,#0000 55%),#10162ae6}.tutorial-banner>span{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.tutorial-banner h2{margin:8px 0;font-family:Georgia,serif;font-size:2rem}.tutorial-banner p{color:var(--muted);max-width:560px;margin:0 auto 18px}.tutorial-list{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.tutorial-list article{border:1px solid var(--line);background:#10162ad1;border-radius:16px;align-items:center;gap:12px;padding:13px;display:flex}.tutorial-list article>b{width:38px;height:38px;color:var(--gold-2);background:#e6b85c1f;border-radius:50%;place-items:center;display:grid}.tutorial-list h3,.tutorial-list p{margin:0}.tutorial-list h3{font-size:.92rem}.tutorial-list p{color:var(--muted);margin-top:3px;font-size:.76rem;line-height:1.35}.rules-copy{color:var(--muted);line-height:1.65}.rules-copy h2{color:var(--ink)}.keyword-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.keyword-grid article{border:1px solid var(--line);background:#10162ad1;border-radius:15px;padding:14px}.keyword-grid b{color:var(--gold-2)}.keyword-grid p{color:var(--muted);margin:6px 0 0;font-size:.8rem;line-height:1.42}.friend-panel{text-align:center;max-width:620px;margin:30px auto 0}.room-orb{width:88px;height:88px;color:var(--gold-2);border:1px solid #ffe49a66;border-radius:50%;place-items:center;margin:0 auto 18px;font-size:2.8rem;display:grid;box-shadow:0 0 60px #7090ff33,inset 0 0 35px #7090ff26}.friend-panel h2{font-family:Georgia,serif;font-size:1.7rem}.friend-panel>p{color:var(--muted);line-height:1.55}.room-status{color:#bdf4d2;text-transform:uppercase;letter-spacing:.08em;background:#70d49a1a;border:1px solid #70d49a57;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:.72rem;font-weight:900;display:inline-flex}.room-status.local{color:var(--gold-2);background:#e6b85c1a;border-color:#e6b85c57}.friend-actions{gap:10px;max-width:380px;margin:20px auto 0;display:grid}.friend-actions input{text-align:center;letter-spacing:.25em;font-weight:900}.separator{color:var(--muted);align-items:center;gap:10px;font-size:.75rem;display:flex}.separator:before,.separator:after{content:"";background:var(--line);flex:1;height:1px}.room-wait{margin-top:20px}.room-wait span{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;display:block}.room-wait strong{color:var(--gold-2);letter-spacing:.18em;margin:5px 0;font-size:2.8rem;display:block}.connection-status{color:var(--success)}.error-text{color:var(--danger)}.match-shell{width:min(100%,760px);min-height:100dvh;padding:max(7px, env(safe-area-inset-top)) 8px max(82px, calc(env(safe-area-inset-bottom) + 72px));background:radial-gradient(circle at 50% 28%,#4552942e,#0000 22rem);margin:0 auto;position:relative;overflow-x:hidden}.match-header{grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;height:44px;display:grid}.match-header>div{text-align:center}.match-header strong{margin-top:2px;font-size:.83rem;display:block}.combatant{border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;min-height:70px;padding:6px 8px;transition:border-color .2s,background .2s;display:flex}.combatant.active{background:#e6b85c0d;border-color:#ffe49a57}.player-avatar{flex:0 0 52px;position:relative}.player-avatar img{object-fit:cover;border:1px solid var(--line);border-radius:15px;width:52px;height:52px}.combatant-stats{flex:1;min-width:0;padding-top:0}.combatant-name{white-space:nowrap;text-overflow:ellipsis;height:17px;padding-left:2px;font-size:.76rem;font-weight:800;overflow:hidden}.health-bar{background:#2a1421;border:1px solid #ffffff14;border-radius:999px;height:19px;position:relative;overflow:hidden}.health-bar>span{background:linear-gradient(90deg,#8d293e,#e05c69);transition:width .35s;position:absolute;inset:0 auto 0 0}.health-bar b{z-index:1;text-align:center;text-shadow:0 1px 4px #000;font-size:.68rem;line-height:17px;display:block;position:relative}.combatant-stats.damaged .health-bar{animation:.42s leader-damage-pulse}.minor-stats{color:var(--muted);gap:8px;margin:4px 0;font-size:.62rem;display:flex}.resource-bar{gap:5px;display:flex;overflow-x:auto}.resource{background:color-mix(in srgb, var(--faction) 25%, #11172c);border:1px solid color-mix(in srgb, var(--faction) 50%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:3px;min-width:37px;height:20px;font-size:.65rem;font-weight:800;display:inline-flex}.resource b{color:color-mix(in srgb, var(--faction), white 45%)}.battlefield{border:1px solid var(--line);background:linear-gradient(#060914a6,#090d1ce0),radial-gradient(#5d6cbe38,#0000 60%);border-radius:20px;padding:8px;box-shadow:inset 0 0 40px #00000052}.board-row{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.board-slot{aspect-ratio:.72;cursor:pointer;background:#26305233;border:1px solid #9aa9d633;border-radius:10px;min-width:0;padding:3px;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.opponent-row .board-slot,.opponent-row .board-unit{transform:rotate(180deg)}.board-slot.legal{border-color:var(--gold-2);animation:1s ease-in-out infinite alternate pulse;box-shadow:inset 0 0 20px #ffe49a38,0 0 12px #ffe49a33}@keyframes pulse{to{filter:brightness(1.25)}}.lane-number{color:#ffffff2b;font-size:1rem}.board-unit{--faction:#63739d;background:color-mix(in srgb, var(--faction) 24%, #10152a);border:1px solid color-mix(in srgb, var(--faction) 55%, transparent);border-radius:7px;grid-template-rows:1fr auto auto;height:100%;display:grid;position:relative;overflow:hidden}.board-unit img{object-fit:cover;color:#0000;background:#0003;width:100%;height:100%;min-height:0}.board-unit strong{white-space:nowrap;text-overflow:ellipsis;padding:3px;font-size:clamp(.46rem,1.6vw,.68rem);overflow:hidden}.board-unit>div:not(.unit-badges){background:#0000007a;justify-content:space-around;padding:3px 1px;font-size:clamp(.48rem,1.5vw,.64rem);font-weight:900;display:flex}.unit-badges{pointer-events:none;flex-wrap:wrap;align-content:flex-start;gap:2px;display:flex;position:absolute;top:2px;left:2px;right:2px}.unit-badges .badge{text-transform:uppercase;color:#fff;text-shadow:none;background:#0a0e1cd9;border:1px solid #ffffff4d;border-radius:3px;padding:1px 3px;font-size:.42rem;font-weight:800;line-height:1}.unit-badges .badge-stun{color:#fca5a5;border-color:#fca5a5}.unit-badges .badge-sleep{background:0 0;border:none;padding:0;font-size:.55rem}.unit-badges .badge-barrier{color:#60a5fa;border-color:#60a5fa}.unit-badges .badge-guard{color:#fbbf24;border-color:#fbbf24}.board-unit.concealed img{object-fit:contain;filter:hue-rotate(70deg);padding:16%}.lane-divider{color:#ffe49a66;text-align:center;grid-template-columns:24px 1fr 24px;align-items:center;height:26px;display:grid}.lane-divider b{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.phase-hint{text-align:center;color:var(--gold-2);text-transform:uppercase;letter-spacing:.09em;min-height:25px;padding:6px 0;font-size:.68rem;font-weight:800}.error-toast{z-index:65;top:max(12px, env(safe-area-inset-top));color:#ffe4e7;width:min(92%,430px);min-height:44px;box-shadow:var(--shadow);background:#461622f5;border:1px solid #e768748c;border-radius:13px;padding:10px 15px;position:fixed;left:50%;transform:translate(-50%)}.event-cue{--faction:#63739d;z-index:66;left:50%;top:max(72px, calc(env(safe-area-inset-top) + 60px));border:1px solid color-mix(in srgb,var(--faction) 58%,#ffe2a2 22%);background:linear-gradient(140deg,color-mix(in srgb,var(--faction) 18%,#101624),#060a13f7);pointer-events:none;border-radius:12px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;width:min(360px,100% - 24px);min-height:76px;padding:8px 12px;animation:1.45s both event-cue-in;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 40px #00000070,inset 0 0 0 1px #ffedc30f}.event-cue img{object-fit:cover;border:1px solid #ffe8aa47;border-radius:7px;width:54px;height:60px}.event-cue div{gap:3px;min-width:0;display:grid}.event-cue span{color:color-mix(in srgb,var(--faction),#fff 55%);text-transform:uppercase;font-size:.56rem;font-weight:900}.event-cue strong{color:#fff4d6;white-space:nowrap;text-overflow:ellipsis;font-family:Georgia,serif;font-size:.94rem;overflow:hidden}.event-cue small{color:#c9c0a8;white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.hand-tray{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:7px;min-height:146px;padding:7px 4px 16px;display:flex;overflow-x:auto}.hand-tray .game-card{scroll-snap-align:center;flex:0 0 92px}.turn-timer-bar{pointer-events:none;background:#00000080;border-radius:4px;height:4px;position:absolute;top:-6px;left:0;right:0;overflow:hidden}.turn-timer-fill{height:100%;transition:width .1s linear,background-color .3s}.action-bar{z-index:50;left:50%;bottom:max(7px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e1cf0;border:1px solid #ffe49a2e;border-radius:17px;grid-template-columns:repeat(5,1fr);gap:5px;width:min(100% - 14px,746px);padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 -10px 40px #00000059}.action-bar button{border:1px solid var(--line);cursor:pointer;background:linear-gradient(#1d2541,#11172b);border-radius:12px;align-content:center;place-items:center;gap:1px;min-width:0;height:52px;font-size:.61rem;font-weight:800;display:grid}.action-bar span{color:var(--gold-2);font-size:1rem;line-height:1}.action-bar small{color:var(--danger);font-size:.5rem}.action-bar button.ready{border-color:var(--gold);animation:1s infinite alternate glow}.action-bar .end-turn{background:linear-gradient(#6e4522,#342315);border-color:#e6b85c59}@keyframes glow{to{box-shadow:0 0 16px #ffe49a61}}.log-toggle{z-index:34;border:1px solid var(--line);color:var(--muted);transform-origin:100%;background:#0e1324eb;border-radius:999px;padding:7px 10px;font-size:.6rem;position:fixed;top:50%;right:12px;transform:rotate(-90deg)translateY(50%)}.battle-log{z-index:75;border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:min(360px,100% - 16px);box-shadow:var(--shadow);background:#090d1bf7;border-radius:18px;padding:15px;position:fixed;top:8px;bottom:82px;right:8px;overflow:auto}.battle-log>button{float:right;border:1px solid var(--line);background:#171d32;border-radius:10px;padding:6px 10px}.battle-log p{color:var(--muted);background:#ffffff08;border-radius:8px;margin:6px 0;padding:8px;font-size:.73rem}.battle-log p.result{color:var(--gold-2)}.result-overlay{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle,#684a9f6b,#02040ceb 55%);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.result-card{text-align:center;width:min(470px,100%);box-shadow:var(--shadow);background:linear-gradient(145deg,#222b4d,#0d1226);border:1px solid #ffe49a59;border-radius:25px;padding:34px}.result-card h1{color:var(--gold-2);margin:8px 0;font-family:Georgia,serif;font-size:3.2rem}.result-card p{color:var(--muted)}.loading-panel{min-height:100vh;color:var(--gold-2);place-items:center;display:grid}@keyframes fade-in{0%{opacity:0;transform:scale(.985)}}@media (max-width:820px){.home-screen,.screen{width:min(100%,650px)}.hero-copy{width:70%;padding:26px}.hero-copy h1{font-size:clamp(3.2rem,14vw,5.6rem)}.card-grid{grid-template-columns:repeat(4,1fr)}.character-grid{grid-template-columns:repeat(2,1fr)}.home-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.home-screen,.screen{padding-left:12px;padding-right:12px}.hero-panel{border-radius:22px;min-height:285px}.hero-copy{width:77%;padding:22px 18px}.hero-copy h1{font-size:3.7rem}.hero-copy p{max-width:18rem;font-size:.78rem}.hero-character{width:48%;right:-7%}.primary-menu{grid-template-columns:1fr}.menu-card{min-height:72px}.home-grid{gap:7px}.home-grid button{min-height:67px}.screen-intro{margin-left:2px}.card-grid{grid-template-columns:repeat(3,1fr);gap:7px}.game-card.compact{min-width:0}.collection-summary i{display:none}.card-inspector{grid-template-columns:135px 1fr;gap:14px;max-height:94vh;padding:15px}.inspector-info h2{padding-right:25px;font-size:1.35rem}.inspector-card .game-card{position:sticky;top:0}.level-comparison{grid-template-columns:1fr;max-height:260px;overflow:auto}.modal-actions{flex-direction:column}.deck-details dl{grid-template-columns:1fr}.deck-cards{grid-template-columns:repeat(12,78px)}.deck-editor-head{grid-template-columns:1fr}.deck-editor-head div{justify-items:start}.draft-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.character-grid{grid-template-columns:1fr}.character-card{grid-template-columns:78px 1fr}.character-card img{width:78px;height:94px}.tutorial-list,.keyword-grid{grid-template-columns:1fr}.profile-card-large{grid-template-columns:92px 1fr;gap:12px}.profile-card-large img{width:92px}.profile-card-large input{font-size:1rem}.profile-stats div{padding:12px 5px}.profile-stats b{font-size:1.35rem}.room-wait strong{font-size:2.2rem}.match-shell{padding-left:4px;padding-right:4px}.battlefield{border-radius:14px;padding:5px}.board-row{gap:3px}.board-slot{border-radius:7px;padding:2px}.combatant{padding-left:3px;padding-right:3px}.player-avatar{flex-basis:46px}.player-avatar img{width:46px;height:46px}.minor-stats{gap:5px}.hand-tray .game-card{flex-basis:83px}.hand-tray{min-height:132px}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.high-contrast{--line:#ffffff73;--muted:#d2d7e4}.high-contrast .board-slot{border-color:#ffffff61}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}body:before{content:"";pointer-events:none;z-index:-1;opacity:.22;background-image:radial-gradient(circle at 20% 20%,#ffda8f17 0 1px,#0000 2px),radial-gradient(circle at 72% 60%,#597ed317 0 1px,#0000 2px);background-size:29px 29px,43px 43px;position:fixed;inset:0}.ornate-panel{background-color:#080d18e8;position:relative;box-shadow:inset 0 0 0 1px #ffe2a409,0 14px 34px #0000004d;border-color:#c4964a5c!important}.ornate-panel:after{content:"";pointer-events:none;border-radius:inherit;border:1px solid #e7be7117;position:absolute;inset:4px}.hero-panel{background:linear-gradient(90deg,#030812fa 0%,#030812d1 44%,#0308121f 76%),url(/art/ui/hero.webp) 100%/cover no-repeat;border-color:#cfa14f7a;min-height:390px}.hero-panel:after{content:"";pointer-events:none;background:linear-gradient(#0000,#03070fd6);height:38%;position:absolute;inset:auto 0 0}.hero-character{display:none}.hero-copy{width:57%;padding:48px 38px}.hero-copy h1{color:#eee7dc;letter-spacing:-.04em;text-shadow:0 3px #2b1b12,0 0 24px #e2bc6f3d;font-size:clamp(3.7rem,8.5vw,6.8rem)}.hero-copy h1 em{color:#d8b473}.menu-card,.home-grid button,.profile-strip,.deck-panel,.character-card,.settings-panel,.legal-panel,.friend-panel{background:linear-gradient(155deg,#121927f5,#050a13f7);border-color:#bc904947}.menu-card.featured{background:linear-gradient(135deg,#6f3a18f2,#1c1414fa);box-shadow:inset 0 0 0 1px #ffd47e14}.game-card{aspect-ratio:.69;border:1px solid color-mix(in srgb,var(--faction) 40%,#e7c47b 60%);-webkit-user-select:none;user-select:none;touch-action:pan-x;background:linear-gradient(145deg,#cba85e 0%,#4d351b 4%,#111524 8%,#070a12 93%,#9a743d 100%);border-radius:13px;padding:3px;display:block;overflow:visible;box-shadow:0 12px 26px #0000006b,inset 0 0 0 1px #ffecbc24}.card-outer-frame{background:linear-gradient(180deg,color-mix(in srgb,var(--faction) 18%,#111625),#090b12 65%);border:1px solid #090502cc;border-radius:10px;grid-template-rows:minmax(0,1fr) auto auto auto auto auto;height:100%;min-height:0;display:grid;overflow:hidden}.game-card.compact .card-outer-frame{grid-template-rows:minmax(0,1fr) auto auto}.game-card:hover:not(:disabled),.game-card.selected{box-shadow:0 20px 38px #0000008c,0 0 18px color-mix(in srgb,var(--faction) 34%,transparent);transform:translateY(-9px)scale(1.025)}.game-card.playable:after{content:"";pointer-events:none;border:1px solid color-mix(in srgb,var(--faction) 62%,#ffe7aa 38%);opacity:.4;border-radius:16px;position:absolute;inset:-3px}.game-card.unplayable{filter:saturate(.68)brightness(.76)}.game-card.dragging{opacity:.22;transform:translateY(-4px)}.card-art-wrap{border-bottom:1px solid #e8c67c4d;border-radius:8px 8px 3px 3px}.card-art{filter:saturate(1.08)contrast(1.04)}.card-art-shade{pointer-events:none;background:linear-gradient(#0000,#04070cd1);position:absolute;inset:42% 0 0}.card-cost,.card-faction{z-index:3;border:1px solid #fff1ccb8;box-shadow:0 2px 8px #000,inset 0 0 8px #ffffff29}.card-cost{background:radial-gradient(circle at 35% 30%,#fff1b4,#b7822c 68%,#5d3912)}.card-cost.taxed{color:#fff7fb;background:radial-gradient(circle at 35% 30%,#ffe8f5,#a44b77 68%,#4e1730)}.card-faction{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--faction),white 32%),var(--faction) 70%,#111)}.card-rarity{display:none}.rarity-advanced .card-rarity{background:#70a9e8}.rarity-elite .card-rarity{background:#ba6fe1}.rarity-legendary .card-rarity{background:#f0ba4f;box-shadow:0 0 13px #ffc045e6}.card-title{z-index:2;background:linear-gradient(90deg,#020307eb,#181311d1,#020307eb);border-top:1px solid #ffdd9526;border-bottom:1px solid #ffdd951f;position:relative}.card-name-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;display:grid}.card-title strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.card-level-badge{color:#f4ddb2;background:linear-gradient(#3a2d17,#16110a);border:1px solid #ffebb885;border-radius:50%;place-items:center;min-width:18px;height:18px;font-family:Georgia,serif;font-size:.58rem;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 0 7px #ffe09e1f}.card-title small{color:#d1b77e;letter-spacing:.03em;margin-top:3px;font-family:Inter,sans-serif;font-size:.48rem;display:block}.card-rules{background:#05080ec2}.card-stats{background:linear-gradient(90deg,#23140adb,#04070ce0,#1e0b0ddb);border-top:1px solid #ffdfa026}.card-stats .attack{color:#ffcf76}.card-stats .armor{color:#a7c8ff}.card-stats .health{color:#ff8a91}.card-type{background:#070910}.ability-name{color:#d9b875;margin:0 0 10px;font-family:Georgia,serif;font-size:1rem;font-weight:500}.match-shell{width:min(100%,820px);padding-bottom:max(88px,calc(env(safe-area-inset-bottom) + 78px));background:linear-gradient(#03060dd6,#04070ef0),url(/art/ui/battlefield.webp) 50% 130px/cover fixed}.match-header{border:1px solid #c7994f47;border-radius:12px;grid-template-columns:42px 1fr auto 42px;height:50px;margin-bottom:5px;padding:4px 7px}.match-clock{color:#dfc184;justify-content:center;align-items:center;gap:5px;min-width:64px;font-size:.67rem;display:flex!important}.combatant{background:linear-gradient(90deg,#080d19f5,#0d1422e6,#080d19f5);border-radius:10px;min-height:65px}.player-avatar img{object-position:center 20%;border:2px solid #b9914f;border-radius:50%;box-shadow:0 0 0 3px #151c2be6,0 0 20px #5176b83d}.battlefield{background:linear-gradient(#04070dc2,#070a11db),radial-gradient(#5164973d,#0000 62%);overflow:visible}.battlefield-glow{pointer-events:none;background:radial-gradient(circle,#527dcf17,#0000 65%);border-radius:50%;position:absolute;inset:20% 14%}.board-slot{background:linear-gradient(150deg,#2a2b2f7a,#0b0e14ad);border-color:#ac8b5045;box-shadow:inset 0 0 0 1px #ffedc306}.board-slot:before{content:"";pointer-events:none;border:1px solid #cda86614;border-radius:7px;position:absolute;inset:5px}.board-slot.legal{border-color:#ffe1a0;transform:translateY(-3px);box-shadow:inset 0 0 25px #ffd67540,0 0 18px #ffcd5b59}.opponent-row .board-slot.legal{transform:rotate(180deg)translateY(3px)}.board-unit{border-color:#e1b86873;box-shadow:0 4px 12px #00000080}.lane-divider{background:linear-gradient(90deg,#0000,#b88e4917,#0000);margin:2px 0}.phase-hint{text-shadow:0 1px 8px #000;min-height:31px}.hand-zone{background:linear-gradient(#080d18eb,#04080ff7);border:1px solid #be944d4d;border-radius:12px;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;padding:2px 0;display:grid;position:relative;overflow:hidden}.hand-tray{scrollbar-width:thin;scrollbar-color:#9c783d transparent;touch-action:pan-x;gap:8px;min-height:152px;padding:11px 5px 14px;scroll-padding:0 44%}.hand-tray .game-card{flex:0 0 96px}.hand-scroll{z-index:4;color:#d7b774;cursor:pointer;background:linear-gradient(90deg,#050911fa,#05091140);border:0;height:100%;font-size:1.7rem;position:relative}.hand-scroll.right{background:linear-gradient(-90deg,#050911fa,#05091140)}.drag-ghost{z-index:120;pointer-events:none;filter:drop-shadow(0 20px 25px #000000ad);width:116px;animation:.55s ease-in-out infinite alternate drag-float;position:fixed;transform:translate(-50%,-78%)}.drag-ghost .game-card{opacity:.96;transform:rotate(-3deg)scale(1.05)}@keyframes drag-float{to{transform:translate(-50%,-82%)}}.card-dragging body{overscroll-behavior:none}.action-bar{background:linear-gradient(#0e141ffa,#04080efa);border-color:#c6984d73;border-radius:10px;grid-template-columns:repeat(4,1fr)}.action-bar button{background:linear-gradient(#202533,#0d111b);border-color:#b9904c4d;border-radius:7px}.action-bar button:disabled small{display:none}.action-bar .end-turn{color:#fff0c9;background:linear-gradient(#8a5c28,#3a2311)}@media (max-width:560px){.hero-panel{background-position:58%;min-height:315px}.hero-copy{width:68%;padding:28px 17px}.hero-copy h1{font-size:3.45rem}.match-header{grid-template-columns:38px 1fr auto 38px}.match-clock{min-width:54px}.hand-zone{grid-template-columns:22px minmax(0,1fr) 22px}.hand-tray .game-card{flex-basis:90px}.hand-tray{min-height:142px}.hand-scroll{font-size:1.35rem}.action-bar button{height:55px;font-size:.57rem}.drag-ghost{width:104px}}.combat-fx{--fx:var(--faction,#86a6ff);z-index:24;pointer-events:none;border-radius:inherit;isolation:isolate;place-items:center;animation:.86s both fx-life;display:grid;position:absolute;inset:0;overflow:hidden}.combat-fx .fx-backdrop{background:radial-gradient(circle at center,color-mix(in srgb,var(--fx) 26%,transparent),transparent 58%);animation:.7s both fx-flash;position:absolute;inset:0}.fx-card-art{object-fit:cover;opacity:0;filter:drop-shadow(0 18px 25px #000);width:44%;max-height:78%;animation:.78s cubic-bezier(.2,.9,.2,1) both fx-card-rise;animation-delay:var(--fx-delay,0s);border-radius:16px;position:absolute}.fx-copy{text-align:center;text-shadow:0 2px 10px #000;animation:.72s both fx-copy;position:absolute;bottom:8%;left:8%;right:8%}.fx-copy span,.fx-copy small{color:#d9c188;text-transform:uppercase;letter-spacing:.15em;font-size:.55rem;display:block}.fx-copy strong{color:#fff4d6;font-family:Georgia,serif;font-size:clamp(.78rem,3vw,1.25rem);display:block}.fx-rings{place-items:center;display:grid;position:absolute;inset:0}.fx-rings i{aspect-ratio:1;border:2px solid color-mix(in srgb,var(--fx) 72%,white 28%);opacity:0;width:34%;transform:skew(var(--fx-skew,0deg));border-radius:50%;animation:.7s ease-out both fx-ring;position:absolute}.fx-rings i:nth-child(2){animation-delay:80ms}.fx-rings i:nth-child(3){animation-delay:.16s}.fx-particles{position:absolute;inset:0}.fx-particles i{--angle:calc(var(--i) * 25.714deg);background:color-mix(in srgb,var(--fx) 68%,white 32%);width:7px;height:7px;box-shadow:0 0 12px var(--fx);transform:rotate(var(--angle)) translateX(24px);border-radius:50%;animation:.75s ease-out both fx-particle;position:absolute;top:50%;left:50%}.fx-slash{opacity:0;position:absolute;inset:0}.fx-slash i{background:linear-gradient(90deg,transparent,#fff,var(--fx),transparent);width:92%;height:6px;filter:drop-shadow(0 0 12px var(--fx));position:absolute;top:47%;left:4%;transform:rotate(-18deg)scaleX(0)}.fx-slash i:nth-child(2){transform:rotate(17deg)scaleX(0)}.fx-attack .fx-card-art,.fx-damage .fx-card-art,.fx-resource .fx-card-art{display:none}.fx-attack .fx-copy,.fx-damage .fx-copy,.fx-resource .fx-copy{opacity:.85}.fx-attack .fx-slash,.fx-damage .fx-slash{opacity:1}.fx-attack .fx-slash i,.fx-damage .fx-slash i{animation:.52s ease-out both fx-slash}.fx-attack .fx-slash i:nth-child(2),.fx-damage .fx-slash i:nth-child(2){animation-delay:.11s}.fx-heal .fx-backdrop,.fx-level .fx-backdrop{background:radial-gradient(circle,#ffe89161,#0000 64%)}.fx-recall .fx-rings i{border-style:dashed;animation-duration:.9s}.fx-trap .fx-backdrop{background:radial-gradient(circle,#ff3a536b,#0000 60%)}.fx-type-spell .fx-rings i{transform:rotate(45deg) skew(var(--fx-skew,0deg));border-radius:18%}.fx-type-support .fx-particles i{border-radius:999px;width:4px;height:16px}.fx-type-trap .fx-rings i{border-style:dotted}.fx-variant-1 .fx-slash i{transform-origin:0}.fx-variant-2 .fx-card-art{border-radius:50%;width:36%}.fx-variant-3 .fx-particles i{clip-path:polygon(50% 0,100% 100%,0 100%)}.fx-variant-4 .fx-rings i{width:48%}.fx-variant-5 .fx-backdrop{filter:hue-rotate(24deg)saturate(1.2)}.board-unit.attacking{z-index:4;filter:brightness(1.22)drop-shadow(0 0 12px #ffe29a59);animation:.82s cubic-bezier(.2,.82,.18,1) both unit-attack-lunge-player}.opponent-row .board-unit.attacking{animation-name:unit-attack-lunge-opponent}.board-slot.damaged{animation:.42s board-impact}.board-unit.damaged{animation:.42s unit-damage-pulse}@keyframes fx-life{0%{opacity:0}8%,78%{opacity:1}to{opacity:0}}@keyframes fx-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes fx-card-rise{0%{opacity:0;transform:translateY(30%) scale(.62) rotate(calc(var(--fx-spin,1) * -4deg))}35%{opacity:.94;transform:translateY(-4%) scale(.94) rotate(calc(var(--fx-spin,1) * 1deg))}to{opacity:0;transform:translateY(-15%) scale(1.06) rotate(calc(var(--fx-spin,1) * 5deg))}}@keyframes fx-copy{0%{opacity:0;transform:translateY(12px)}28%,72%{opacity:1;transform:none}to{opacity:0;transform:translateY(-7px)}}@keyframes fx-ring{0%{opacity:.8;transform:scale(.25) rotate(0) skew(var(--fx-skew,0deg))}to{opacity:0;transform:scale(2.2) rotate(calc(var(--fx-spin,1) * 110deg)) skew(var(--fx-skew,0deg))}}@keyframes fx-particle{0%{opacity:0;transform:rotate(var(--angle)) translateX(15px) scale(.2)}28%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateX(var(--fx-burst,230px)) scale(1.3)}}@keyframes fx-slash{0%{opacity:0;transform:rotate(-18deg)scaleX(0)}35%{opacity:1;transform:rotate(-18deg)scaleX(1)}to{opacity:0;transform:rotate(-18deg)translate(18%)scaleX(.85)}}@keyframes unit-attack-lunge-player{0%,to{transform:translateY(0)scale(1)}36%{transform:translateY(-18px)scale(1.07)}62%{transform:translateY(-7px)scale(1.03)}}@keyframes unit-attack-lunge-opponent{0%,to{transform:rotate(180deg)translateY(0)scale(1)}36%{transform:rotate(180deg)translateY(-18px)scale(1.07)}62%{transform:rotate(180deg)translateY(-7px)scale(1.03)}}@keyframes board-impact{0%,to{filter:none;box-shadow:inset 0 0 0 1px #ffedc306}36%{filter:brightness(1.75)saturate(1.45);box-shadow:inset 0 0 24px #ff775b59,0 0 14px #ff775b47}}@keyframes unit-damage-pulse{0%,to{filter:none}40%{filter:brightness(1.45)saturate(1.35)}}@keyframes leader-damage-pulse{0%,to{filter:none;box-shadow:none}42%{filter:brightness(1.45)saturate(1.35);box-shadow:0 0 18px #ff576166}}@keyframes event-cue-in{0%{opacity:0;transform:translate(-50%,-10px)scale(.98)}14%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)scale(.99)}}