: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 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;animation:fx-life var(--fx-duration,.9s) ease both;place-items:center;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:fx-flash var(--fx-duration,.9s) ease both;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:fx-card-rise var(--fx-duration,.9s) cubic-bezier(.2,.9,.2,1) both;animation-delay:var(--fx-delay,0s);border-radius:16px;position:absolute}.fx-copy{text-align:center;text-shadow:0 2px 10px #000;animation:fx-copy var(--fx-duration,.9s) ease both;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%;animation:fx-ring var(--fx-duration,.9s) ease-out both;transform:skew(var(--fx-skew,0deg));border-radius:50%;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) * var(--fx-step,30deg));background:color-mix(in srgb,var(--fx) 68%,white 32%);width:7px;height:7px;box-shadow:0 0 12px var(--fx);animation:fx-particle var(--fx-duration,.9s) ease-out both;animation-delay:var(--particle-delay,0s);transform:rotate(var(--angle)) translateX(24px);border-radius:50%;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}.board-unit.attacking{z-index:4;animation:unit-attack-lunge-player var(--unit-duration,.82s) cubic-bezier(.2,.82,.18,1) both;filter:brightness(1.22)drop-shadow(0 0 12px #ffe29a59)}.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)rotate(0)scale(1)}38%{transform:translateY(calc(-1 * var(--unit-lunge,18px))) rotate(var(--unit-tilt,0deg)) scale(var(--unit-flare,1.06))}68%{transform:translateY(-5px)rotate(0)scale(1.02)}}@keyframes unit-attack-lunge-opponent{0%,to{transform:rotate(180deg)translateY(0)scale(1)}38%{transform:rotate(calc(180deg + var(--unit-tilt,0deg))) translateY(calc(-1 * var(--unit-lunge,18px))) scale(var(--unit-flare,1.06))}68%{transform:rotate(180deg)translateY(-5px)scale(1.02)}}@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)}}:root{--bg:#0b0c0e;--panel:#151719;--panel-2:#202326;--ink:#f2eee6;--muted:#aaa69d;--gold:#c89d50;--gold-2:#f0d28d;--line:#e5dac333;--danger:#ef6a70;--success:#67c89a}*{letter-spacing:0}body{color:var(--ink);background:#0b0c0e}body:before{display:none}.hero-panel,.menu-card,.home-grid button,.profile-strip,.creator-footer,.deck-panel,.deck-editor-head,.character-card,.settings-panel,.legal-panel,.friend-panel,.tutorial-banner,.card-inspector,.result-card{border-radius:8px}.primary-button,.secondary-button,.icon-button,.library-tools input,.friend-actions input,.profile-card-large input,.faction-tabs button,.type-tabs button,.action-bar,.action-bar button{border-radius:6px}.home-screen{gap:12px}.hero-panel{background:linear-gradient(90deg,#050708fa 0%,#050708cc 46%,#05070814 78%),url(/art/ui/hero.webp) 100%/cover no-repeat;min-height:292px}.hero-copy{width:58%;padding:38px 32px}.hero-copy h1{letter-spacing:0;margin:10px 0 14px;font-size:5.2rem;line-height:.78}.hero-copy p{color:#d0cbc0}.menu-card{background:#151719;min-height:78px}.menu-card.featured{background:#35251b}.menu-card.ranked-mode{background:#152522;border-color:#5eada280}.menu-card:after,.hero-panel:before,.hero-panel:after{display:none}.menu-card .menu-icon{background:#25282a;border-radius:6px}.home-grid button{background:#141617;border-radius:6px}.screen,.home-screen{padding-bottom:max(26px, env(safe-area-inset-bottom))}.top-bar{background:linear-gradient(#0b0c0e 76%,#0000)}.eyebrow,.card-type,.fx-copy span,.fx-copy small{letter-spacing:0}.game-card{border-radius:8px;padding:3px;overflow:visible}.game-card.compact{border-radius:7px}.card-outer-frame{border-radius:5px}.card-art-wrap{border-radius:4px 4px 2px 2px}.game-card.playable:after{border-radius:9px}.card-kind-mark{z-index:4;color:#fff;background:#07090ae6;border:1px solid #ffffff7a;border-radius:3px;place-items:center;min-width:23px;height:17px;font-size:.48rem;font-weight:900;display:grid;position:absolute;bottom:5px;left:5px}.card-type-creature{--kind:#d56d57}.card-type-spell{--kind:#5f9fd2}.card-type-support{--kind:#72ad7d}.card-type-trap{--kind:#c477a7}.game-card.card-type-spell,.game-card.card-type-support,.game-card.card-type-trap{border-color:color-mix(in srgb, var(--kind) 55%, #dfbd78 45%)}.card-kind-mark{box-shadow:inset 3px 0 0 var(--kind)}.card-level-badge{border-radius:3px;min-width:31px;height:17px;padding:0 4px;font-family:inherit;font-size:.48rem}.card-title{padding:5px 4px 3px}.card-title small{font-size:.52rem}.card-stats{gap:3px;padding:4px 2px}.card-stats span{font-size:.56rem}.card-type{padding:3px;font-size:.5rem}.level-stats{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px;display:grid}.level-stats b{border:1px solid var(--line);text-align:center;border-radius:3px;padding:4px;font-size:.64rem}.deck-editor-head{border-radius:8px}.draft-slot{border-radius:5px}.draft-cost,.draft-kind{z-index:2;color:#fff0c8;background:#08090ae6;border:1px solid #ffffff94;border-radius:3px;place-items:center;min-width:23px;height:23px;font-size:.62rem;display:grid;position:absolute;top:4px}.draft-cost{left:4px}.draft-kind{color:#d6e5ed;left:31px}.deck-editor-actions{background:linear-gradient(#0000,#0b0c0e 34%)}.type-tabs button{border-radius:4px}.match-shell{background:linear-gradient(#070809c7,#070809f0),url(/art/ui/battlefield.webp) 50% 110px/cover fixed;width:min(100%,980px)}.match-header,.combatant,.battlefield,.hand-zone,.action-bar,.battle-log,.event-cue{border-radius:7px}.combatant{background:#0f1112f0;min-height:68px}.combatant.active{background:#3b2f1cf0}.player-avatar img{border-radius:50%}.health-bar,.resource{border-radius:4px}.minor-stats{flex-wrap:wrap;row-gap:2px}.battlefield{isolation:isolate;background:#0c0e0fd1;padding:7px;position:relative;overflow:hidden}.battlefield-glow{display:none}.board-row{gap:6px}.board-slot{aspect-ratio:.76;background:#1f2223a8;border-color:#d2be9538;border-radius:5px}.board-slot:before{border-radius:3px}.board-unit{background:#101213;border-radius:4px;grid-template-rows:minmax(0,1fr) auto auto}.board-unit strong{background:#111;padding:3px 2px;font-size:.58rem}.board-unit .unit-art{background:0 0;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.board-unit .unit-art img{position:absolute;inset:0}.board-level{z-index:2;color:#fff2cf;background:#040506db;border:1px solid #ffffff7a;border-radius:2px;padding:2px 3px;font-size:.45rem;font-weight:900;position:absolute;bottom:3px;right:3px}.board-unit .unit-stats{background:#090a0b;grid-template-columns:repeat(3,1fr);padding:2px;display:grid}.unit-stats span{justify-items:center;line-height:1;display:grid}.unit-stats b{font-size:.64rem}.unit-stats small{color:var(--muted);margin-top:2px;font-size:.38rem}.unit-badges{z-index:3;top:3px;left:3px;right:3px}.unit-badges .badge{border-radius:2px;max-width:100%;font-size:.4rem}.unit-badges .badge-sleep{color:#bcd5ff;background:#081424e6;border:1px solid #9cc4ff;padding:2px 3px;font-size:.4rem}.board-unit.concealed{grid-template-rows:minmax(0,1fr) auto}.board-unit.concealed .unit-art img{filter:sepia(.25)hue-rotate(255deg);padding:22%}.board-unit.transformed .unit-art img{filter:grayscale()contrast(1.25)brightness(.62)hue-rotate(180deg)}.board-unit.transformed .unit-art:after{content:"";border:1px dashed #9ed9dc;position:absolute;inset:8%;transform:rotate(45deg);box-shadow:0 0 12px #70cfd759}.board-slot.effect-target{border-color:var(--gold-2);animation:.9s both effect-target-pulse}.board-unit.casting{z-index:5;animation:.92s cubic-bezier(.2,.78,.2,1) both unit-cast}.opponent-row .board-unit.casting{animation-name:unit-cast-opponent}.lane-divider{height:30px}.lane-divider b{color:#d4c9b4;font-size:.68rem}.phase-hint{color:#e0c68c;min-height:29px}.combat-fx{z-index:12;animation-duration:var(--fx-duration,1.05s);background:#04050633;border-radius:6px}.fx-card-art{border-radius:6px;width:24%;max-height:66%}.fx-copy{bottom:5%}.fx-copy strong{font-size:1rem}.fx-card-art{translate:var(--fx-drift-x,0) var(--fx-drift-y,0);rotate:var(--fx-angle,0deg)}.fx-choreo-strike .fx-slash,.fx-choreo-fracture .fx-slash,.fx-choreo-hunt .fx-slash,.fx-choreo-decree .fx-slash,.fx-choreo-ambush .fx-slash{opacity:1}.fx-choreo-strike .fx-slash i,.fx-choreo-fracture .fx-slash i,.fx-choreo-hunt .fx-slash i,.fx-choreo-decree .fx-slash i,.fx-choreo-ambush .fx-slash i{animation:.58s ease-out both fx-slash}.fx-choreo-fracture .fx-particles i{clip-path:polygon(50% 0,100% 100%,0 78%);border-radius:0;animation-name:fx-particle-fracture}.fx-choreo-fracture .fx-rings i{transform:rotate(45deg) skew(var(--fx-skew,0deg));border-radius:3px}.fx-choreo-aegis .fx-rings i{border-width:3px;border-radius:22% 22% 42% 42%;width:30%;animation-name:fx-ring-aegis}.fx-choreo-aegis .fx-particles i{border-radius:1px;width:3px;height:18px;animation-name:fx-particle-rise}.fx-choreo-ambush .fx-card-art{clip-path:polygon(7% 0,100% 7%,93% 100%,0 92%);animation-name:fx-card-ambush}.fx-choreo-ambush .fx-backdrop{background:radial-gradient(circle at 50% 55%,#ef4b6552,#0000 52%)}.fx-choreo-charge .fx-rings{transform:scaleY(.66)}.fx-choreo-charge .fx-particles i{border-radius:1px;width:3px;height:16px;animation-name:fx-particle-rise}.fx-choreo-decree .fx-rings i{border-radius:2px;transform:rotate(45deg)}.fx-choreo-decree .fx-slash i{height:2px;transform:rotate(0)scaleX(0)}.fx-choreo-growth .fx-rings i{border-radius:42% 58% 38% 62%;animation-name:fx-ring-growth}.fx-choreo-growth .fx-particles i{border-radius:80% 0;width:5px;height:12px;animation-name:fx-particle-rise}.fx-choreo-hunt .fx-rings{transform:scaleX(1.45)scaleY(.45)}.fx-choreo-hunt .fx-slash i:nth-child(2){display:none}.fx-choreo-mirror .fx-card-art{filter:saturate(.75)contrast(1.18)drop-shadow(0 18px 25px #000);animation-name:fx-card-mirror}.fx-choreo-mirror .fx-rings i{border-radius:0;animation-name:fx-ring-mirror;transform:rotate(45deg)}.fx-choreo-nova .fx-rings i{border-width:3px;width:46%}.fx-choreo-nova .fx-particles i{animation-name:fx-particle-nova}.fx-choreo-rally .fx-rings i{border-radius:3px;transform:scaleX(1.35)scaleY(.62)}.fx-choreo-rally .fx-particles i{border-radius:1px;width:4px;height:13px;animation-name:fx-particle-rise}.fx-choreo-recall .fx-card-art{animation-name:fx-card-recall}.fx-choreo-recall .fx-rings i{border-style:dashed;animation-name:fx-ring-recall}.fx-choreo-recall .fx-particles i{animation-name:fx-particle-in}.fx-choreo-restore .fx-backdrop{background:radial-gradient(circle,#ffeca952,#0000 58%)}.fx-choreo-restore .fx-particles i{border-radius:50%;width:4px;height:15px;animation-name:fx-particle-rise}.fx-choreo-rewrite .fx-card-art{animation-name:fx-card-rewrite}.fx-choreo-rewrite .fx-rings i{border-radius:0;animation-name:fx-ring-rewrite;transform:rotate(45deg)}.fx-choreo-rewrite .fx-particles i{border-radius:0;animation-name:fx-particle-orbit}.fx-choreo-shift .fx-card-art{animation-name:fx-card-shift}.fx-choreo-shift .fx-rings{transform:skewX(var(--fx-skew,0deg)) scaleX(1.35)}.fx-choreo-shift .fx-particles i{animation-name:fx-particle-shift}.fx-choreo-siphon .fx-backdrop{background:radial-gradient(circle at center,color-mix(in srgb,var(--fx) 34%,#050508),transparent 58%)}.fx-choreo-siphon .fx-rings i{animation-name:fx-ring-recall}.fx-choreo-siphon .fx-particles i{animation-name:fx-particle-in}.combat-fx .fx-rings{scale:var(--fx-ring-scale,1);filter:hue-rotate(var(--fx-hue,0deg))}.fx-emblem{z-index:2;width:72px;height:72px;translate:-50% -50%;rotate:var(--fx-emblem-rotation,0deg);filter:hue-rotate(var(--fx-hue,0deg)) drop-shadow(0 0 16px var(--fx));opacity:0;animation:fx-emblem var(--fx-duration,.9s) ease both;position:absolute;top:48%;left:50%}.fx-emblem i,.fx-emblem b{border:1px solid color-mix(in srgb,var(--fx) 68%,white 32%);background:color-mix(in srgb,var(--fx) 10%,transparent);position:absolute;inset:12%}.fx-emblem i:first-child{transform:rotate(45deg)}.fx-emblem i:nth-child(2){inset:27%;transform:rotate(-18deg)}.fx-emblem b{background:color-mix(in srgb,var(--fx) 72%,white 28%);border-radius:50%;inset:42%}.combat-fx .fx-particles i{filter:hue-rotate(var(--fx-hue,0deg))}.fx-shape-shard .fx-particles i{clip-path:polygon(50% 0,100% 100%,48% 74%,0 100%);border-radius:0}.fx-shape-leaf .fx-particles i{border-radius:90% 0;width:6px;height:13px}.fx-shape-coin .fx-particles i{background:color-mix(in srgb,var(--fx) 58%,#c99539);border:2px double #fff1bb;width:10px;height:10px}.fx-shape-drop .fx-particles i{transform-origin:50%;border-radius:70% 30% 65% 35%;width:7px;height:12px}.fx-shape-ray .fx-particles i{border-radius:1px;width:3px;height:22px}.fx-shape-rune .fx-particles i{background:0 0;border:1px solid #fff3c8;border-radius:0;width:9px;height:9px}.fx-shape-wisp .fx-particles i{border-radius:50% 50% 15% 15%;width:5px;height:16px}.fx-shape-mote .fx-particles i{border:1px solid #fff6d8;width:6px;height:6px}.fx-shape-ember .fx-particles i{border-radius:1px 70%}.fx-pattern-guard .fx-emblem i{border-radius:44% 44% 18% 18%}.fx-pattern-cross .fx-emblem i:first-child{transform:skew(-12deg)rotate(45deg)}.fx-pattern-orbit .fx-emblem,.fx-pattern-mirror .fx-emblem{animation-name:fx-emblem-orbit}.fx-pattern-fracture .fx-emblem{animation-name:fx-emblem-fracture}.fx-pattern-bloom .fx-emblem,.fx-pattern-rise .fx-emblem{animation-name:fx-emblem-bloom}.fx-pattern-inward .fx-emblem,.fx-pattern-drain .fx-emblem{animation-name:fx-emblem-inward}.fx-pattern-spiral .fx-emblem{animation-name:fx-emblem-spiral}.fx-pattern-wave .fx-emblem{animation-name:fx-emblem-wave}.fx-pattern-sweep .fx-emblem i{border-radius:50%;transform:scaleX(1.65)}.fx-pattern-focus .fx-emblem i{border-radius:50%}.fx-pattern-rain .fx-emblem b{box-shadow:0 -18px 0 color-mix(in srgb,var(--fx) 45%,transparent), 0 18px 0 color-mix(in srgb,var(--fx) 45%,transparent)}.fx-pattern-orbit .fx-particles i,.fx-pattern-mirror .fx-particles i,.fx-pattern-spiral .fx-particles i{animation-name:fx-particle-orbit}.fx-pattern-inward .fx-particles i,.fx-pattern-drain .fx-particles i{animation-name:fx-particle-in}.fx-pattern-bloom .fx-particles i,.fx-pattern-rise .fx-particles i{animation-name:fx-particle-rise}.fx-pattern-burst .fx-particles i{animation-name:fx-particle-nova}.fx-pattern-fracture .fx-particles i{animation-name:fx-particle-fracture}.fx-pattern-wave .fx-particles i,.fx-pattern-sweep .fx-particles i{animation-name:fx-particle-shift}.fx-pattern-rain .fx-particles i{animation-name:fx-particle-rain}.fx-pattern-focus .fx-particles i{animation-name:fx-particle-focus}.fx-pattern-guard .fx-particles i{animation-name:fx-particle-guard}.fx-pattern-cross .fx-particles i,.fx-pattern-slash .fx-particles i{animation-name:fx-particle-cross}.hand-tray .game-card{flex-basis:100px}.action-bar{background:#0c0e0ff7;width:min(100% - 14px,966px)}.action-bar button{background:#202326}.action-bar button small{display:block}.result-overlay{background:#050607f0}.result-card{background:#17191a}@keyframes unit-cast{0%,to{filter:none;transform:translateY(0)scale(1)}36%{filter:brightness(1.35)saturate(1.25);transform:translateY(-5px)scale(1.035)}}@keyframes unit-cast-opponent{0%,to{filter:none;transform:rotate(180deg)translateY(0)scale(1)}36%{filter:brightness(1.35)saturate(1.25);transform:rotate(180deg)translateY(-5px)scale(1.035)}}@keyframes effect-target-pulse{0%,to{box-shadow:none}42%{box-shadow:inset 0 0 24px color-mix(in srgb, var(--faction) 28%, transparent), 0 0 12px #f0d28d4d}}@media (max-width:820px){.hero-copy h1{font-size:4.4rem}.draft-slots{z-index:12;border:1px solid var(--line);background:#0b0c0ef7;border-radius:6px;min-height:120px;padding:8px;display:flex;position:sticky;top:70px;overflow-x:auto}.draft-slot{aspect-ratio:auto;flex:0 0 76px;height:105px}}@media (max-width:560px){.hero-panel{background-position:62%;min-height:252px}.hero-copy{width:73%;padding:24px 16px}.hero-copy h1{font-size:3.25rem}.hero-copy p{display:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.deck-builder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-inspector{grid-template-columns:120px minmax(0,1fr)}.board-row{gap:3px}.board-slot{padding:2px}.board-unit strong{font-size:.5rem}.unit-stats b{font-size:.55rem}.hand-tray .game-card{flex-basis:92px}.action-bar{grid-template-columns:repeat(4,1fr)}.action-bar button{height:54px}.fx-card-art{width:34%}}.board-unit.attacking.attack-motion-arc{animation-name:unit-attack-arc-player}.opponent-row .board-unit.attacking.attack-motion-arc{animation-name:unit-attack-arc-opponent}.board-unit.attacking.attack-motion-blink{animation-name:unit-attack-blink-player}.opponent-row .board-unit.attacking.attack-motion-blink{animation-name:unit-attack-blink-opponent}.board-unit.attacking.attack-motion-crush{animation-name:unit-attack-crush-player}.opponent-row .board-unit.attacking.attack-motion-crush{animation-name:unit-attack-crush-opponent}.board-unit.attacking.attack-motion-dash{animation-name:unit-attack-dash-player}.opponent-row .board-unit.attacking.attack-motion-dash{animation-name:unit-attack-dash-opponent}.board-unit.attacking.attack-motion-drive{animation-name:unit-attack-drive-player}.opponent-row .board-unit.attacking.attack-motion-drive{animation-name:unit-attack-drive-opponent}.board-unit.attacking.attack-motion-lance{animation-name:unit-attack-lance-player}.opponent-row .board-unit.attacking.attack-motion-lance{animation-name:unit-attack-lance-opponent}.board-unit.attacking.attack-motion-reap{animation-name:unit-attack-reap-player}.opponent-row .board-unit.attacking.attack-motion-reap{animation-name:unit-attack-reap-opponent}.board-unit.attacking.attack-motion-surge{animation-name:unit-attack-surge-player}.opponent-row .board-unit.attacking.attack-motion-surge{animation-name:unit-attack-surge-opponent}@keyframes fx-particle-fracture{0%{opacity:0;transform:rotate(var(--angle)) translateX(12px) scale(.2) rotate(0)}28%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateX(var(--fx-burst,220px)) scale(1.4) rotate(calc(var(--fx-spin,1) * 150deg))}}@keyframes fx-particle-rise{0%{opacity:0;transform:translate(calc(var(--fx-drift-x,0px) * .2),42px) scale(.25)}24%{opacity:1}to{opacity:0;transform:translate(var(--fx-drift-x,0px),var(--fx-drift-y,-44px)) scale(1.12) rotate(calc(var(--fx-spin,1) * 28deg))}}@keyframes fx-particle-nova{0%{opacity:0;transform:rotate(var(--angle)) translateX(4px) scale(.1)}34%{opacity:1;transform:rotate(var(--angle)) translateX(46px) scale(1.25)}to{opacity:0;transform:rotate(var(--angle)) translateX(var(--fx-burst,240px)) scale(.45)}}@keyframes fx-particle-in{0%{opacity:0;transform:rotate(var(--angle)) translateX(var(--fx-burst,220px)) scale(.25)}32%{opacity:1}82%{opacity:.9;transform:rotate(var(--angle)) translateX(18px) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateX(2px) scale(.1)}}@keyframes fx-particle-orbit{0%{opacity:0;transform:rotate(var(--angle)) translateX(22px) scale(.3)}30%{opacity:1}to{opacity:0;transform:rotate(calc(var(--angle) + 210deg * var(--fx-spin,1))) translateX(calc(var(--fx-burst,220px) * .58)) scale(.7)}}@keyframes fx-particle-shift{0%{opacity:0;transform:translateX(calc(-1 * var(--fx-burst,220px))) skewX(var(--fx-skew,0deg)) scaleX(2)}36%{opacity:1}to{opacity:0;transform:translateX(var(--fx-burst,220px)) skewX(var(--fx-skew,0deg)) scaleX(.3)}}@keyframes fx-ring-aegis{0%{opacity:0;transform:scale(.45)translateY(12%)}34%,72%{opacity:.82;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(1.18)translateY(-4%)}}@keyframes fx-ring-growth{0%{opacity:0;transform:scale(.28)rotate(-18deg)}45%{opacity:.75;transform:scale(.92)rotate(8deg)}to{opacity:0;transform:scale(1.6)rotate(28deg)}}@keyframes fx-ring-mirror{0%{opacity:0;transform:scaleX(.1)scaleY(.7)rotate(45deg)}40%,70%{opacity:.8;transform:scaleX(1)scaleY(1)rotate(45deg)}to{opacity:0;transform:scaleX(.12)scaleY(1.3)rotate(225deg)}}@keyframes fx-ring-recall{0%{opacity:0;transform:scale(1.8) rotate(calc(var(--fx-spin,1) * 140deg))}36%{opacity:.82}to{opacity:0;transform:scale(.18)rotate(0)}}@keyframes fx-ring-rewrite{0%{opacity:0;transform:scale(.3)rotate(0)}38%{opacity:.9;transform:scale(.9)rotate(45deg)}76%{opacity:.55;transform:scale(1.15)rotate(135deg)}to{opacity:0;transform:scale(.35)rotate(225deg)}}@keyframes fx-card-ambush{0%{opacity:0;filter:brightness(.3);transform:translate(-38%,-8%)scale(.72)rotate(-8deg)}32%,70%{opacity:.96;filter:brightness(1.15);transform:translateY(-3%)scale(.96)rotate(1deg)}to{opacity:0;filter:brightness(.45);transform:translate(30%,-10%)scale(1.03)rotate(6deg)}}@keyframes fx-card-mirror{0%{opacity:0;transform:scaleX(.08)scaleY(.82)}38%,72%{opacity:.94;transform:scaleX(1)scaleY(1)}to{opacity:0;transform:scaleX(-.12)scaleY(1.08)}}@keyframes fx-card-recall{0%{opacity:0;transform:translateY(-28%) scale(1.15) rotate(calc(var(--fx-spin,1) * 5deg))}42%,72%{opacity:.94;transform:translateY(0)scale(.94)rotate(0)}to{opacity:0;transform:translateY(25%) scale(.5) rotate(calc(var(--fx-spin,1) * -8deg))}}@keyframes fx-card-rewrite{0%{opacity:0;filter:grayscale()contrast(1.8);transform:scale(.62)rotate(-12deg)}36%{opacity:.95;filter:grayscale(.2)contrast(1.25);transform:scale(.96)rotate(0)}72%{opacity:.85;filter:hue-rotate(110deg)saturate(.6);transform:scale(.88)rotate(5deg)}to{opacity:0;filter:grayscale();transform:scale(.3)rotate(45deg)}}@keyframes fx-card-shift{0%{opacity:0;transform:translateX(calc(-1 * var(--fx-burst,220px) * .4)) skewX(-12deg) scale(.76)}38%,70%{opacity:.94;transform:translate(0)skew(0)scale(.96)}to{opacity:0;transform:translateX(calc(var(--fx-burst,220px) * .42)) skewX(12deg) scale(.8)}}@keyframes fx-emblem{0%{opacity:0;scale:.2}34%,68%{opacity:.85;scale:1}to{opacity:0;scale:1.45}}@keyframes fx-emblem-orbit{0%{opacity:0;scale:.32;rotate:calc(var(--fx-emblem-rotation,0deg) - 90deg)}38%,72%{opacity:.9;scale:1}to{opacity:0;scale:.72;rotate:calc(var(--fx-emblem-rotation,0deg) + 180deg)}}@keyframes fx-emblem-fracture{0%{opacity:0;scale:.2 1.25}42%{opacity:.95;scale:1}62%{opacity:.8;scale:1.18 .78}to{opacity:0;scale:1.8 .12}}@keyframes fx-emblem-bloom{0%{opacity:0;translate:-50% -32%;scale:.18}44%,72%{opacity:.86;translate:-50% -50%;scale:1}to{opacity:0;translate:-50% -70%;scale:1.55}}@keyframes fx-emblem-inward{0%{opacity:0;scale:1.9;rotate:calc(var(--fx-emblem-rotation,0deg) + 150deg)}44%,74%{opacity:.9;scale:.82}to{opacity:0;scale:.08;rotate:var(--fx-emblem-rotation,0deg)}}@keyframes fx-emblem-spiral{0%{opacity:0;scale:.2;rotate:calc(var(--fx-emblem-rotation,0deg) - 160deg)}40%,68%{opacity:.92;scale:1}to{opacity:0;scale:.24;rotate:calc(var(--fx-emblem-rotation,0deg) + 240deg)}}@keyframes fx-emblem-wave{0%{opacity:0;translate:-95% -50%;scale:.15 1}42%,68%{opacity:.88;translate:-50% -50%;scale:1}to{opacity:0;translate:5% -50%;scale:.2 1}}@keyframes fx-particle-rain{0%{opacity:0;transform:translate(calc(var(--i) * 16px - 128px),-130px) rotate(20deg)}28%{opacity:1}to{opacity:0;transform:translate(calc(var(--i) * 12px - 96px),130px) rotate(20deg)}}@keyframes fx-particle-focus{0%{opacity:0;transform:rotate(var(--angle)) translateX(var(--fx-burst,220px)) scale(.15)}48%,72%{opacity:1;transform:rotate(var(--angle)) translateX(36px) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateX(8px) scale(.2)}}@keyframes fx-particle-guard{0%{opacity:0;transform:rotate(var(--angle)) translateX(28px) scaleY(.2)}42%,76%{opacity:.92;transform:rotate(var(--angle)) translateX(calc(var(--fx-burst,220px) * .42)) scaleY(1)}to{opacity:0;transform:rotate(var(--angle)) translateX(calc(var(--fx-burst,220px) * .48)) scaleY(.2)}}@keyframes fx-particle-cross{0%{opacity:0;transform:rotate(var(--angle)) translateX(16px) scale(.2)}38%{opacity:1;transform:rotate(var(--angle)) translateX(calc(var(--fx-burst,220px) * .38)) scale(1.25)}to{opacity:0;transform:rotate(calc(var(--angle) + 35deg * var(--fx-spin,1))) translateX(var(--fx-burst,220px)) scale(.35)}}@keyframes unit-attack-arc-player{0%,to{transform:translate(0)rotate(0)scale(1)}24%{transform:translate(calc(-1 * var(--unit-lift,5px)),-5px) rotate(calc(-1 * var(--unit-tilt,2deg)))}52%{transform:translate(var(--unit-lift,5px),calc(-1 * var(--unit-lunge,18px))) rotate(var(--unit-tilt,2deg)) scale(var(--unit-flare,1.05))}72%{transform:translateY(-4px)rotate(0)scale(1.02)}}@keyframes unit-attack-arc-opponent{0%,to{transform:rotate(180deg)translate(0)scale(1)}24%{transform:rotate(calc(180deg - var(--unit-tilt,2deg))) translate(calc(-1 * var(--unit-lift,5px)),-5px)}52%{transform:rotate(calc(180deg + var(--unit-tilt,2deg))) translate(var(--unit-lift,5px),calc(-1 * var(--unit-lunge,18px))) scale(var(--unit-flare,1.05))}72%{transform:rotate(180deg)translateY(-4px)scale(1.02)}}@keyframes unit-attack-blink-player{0%,to{opacity:1;filter:none;transform:translateY(0)scale(1)}30%{opacity:.28;transform:translateY(calc(-.45 * var(--unit-lunge,18px))) scale(.9);filter:blur(2px)brightness(1.4)}48%{opacity:1;transform:translateY(calc(-1 * var(--unit-lunge,18px))) scale(var(--unit-flare,1.05));filter:brightness(1.5)}70%{transform:translateY(-4px)scale(1.02)}}@keyframes unit-attack-blink-opponent{0%,to{opacity:1;filter:none;transform:rotate(180deg)translateY(0)scale(1)}30%{opacity:.28;transform:rotate(180deg) translateY(calc(-.45 * var(--unit-lunge,18px))) scale(.9);filter:blur(2px)brightness(1.4)}48%{opacity:1;transform:rotate(180deg) translateY(calc(-1 * var(--unit-lunge,18px))) scale(var(--unit-flare,1.05));filter:brightness(1.5)}70%{transform:rotate(180deg)translateY(-4px)scale(1.02)}}@keyframes unit-attack-crush-player{0%,to{transform:translateY(0)scale(1)}24%{transform:translateY(var(--unit-lift,5px)) scale(.98,1.03)}50%{transform:translateY(calc(-1 * var(--unit-lunge,18px))) scale(var(--unit-flare,1.05))}61%{transform:translateY(-2px)scale(1.08,.92)}76%{transform:translateY(-4px)scale(1.01)}}@keyframes unit-attack-crush-opponent{0%,to{transform:rotate(180deg)translateY(0)scale(1)}24%{transform:rotate(180deg) translateY(var(--unit-lift,5px)) scale(.98,1.03)}50%{transform:rotate(180deg) translateY(calc(-1 * var(--unit-lunge,18px))) scale(var(--unit-flare,1.05))}61%{transform:rotate(180deg)translateY(-2px)scale(1.08,.92)}76%{transform:rotate(180deg)translateY(-4px)scale(1.01)}}@keyframes unit-attack-dash-player{0%,to{transform:translateY(0)skew(0)scale(1)}22%{transform:translateY(5px) skewX(calc(-1 * var(--unit-tilt,2deg))) scale(.98)}46%{transform:translateY(calc(-1.1 * var(--unit-lunge,18px))) skewX(var(--unit-tilt,2deg)) scale(var(--unit-flare,1.05))}68%{transform:translateY(-4px)skew(0)scale(1.02)}}@keyframes unit-attack-dash-opponent{0%,to{transform:rotate(180deg)translateY(0)skew(0)scale(1)}22%{transform:rotate(180deg) translateY(5px) skewX(calc(-1 * var(--unit-tilt,2deg))) scale(.98)}46%{transform:rotate(180deg) translateY(calc(-1.1 * var(--unit-lunge,18px))) skewX(var(--unit-tilt,2deg)) scale(var(--unit-flare,1.05))}68%{transform:rotate(180deg)translateY(-4px)skew(0)scale(1.02)}}@keyframes unit-attack-drive-player{0%,to{transform:translateY(0)rotate(0)scale(1)}20%{transform:translateY(var(--unit-lift,5px)) rotate(calc(-.5 * var(--unit-tilt,2deg))) scale(.98)}50%{transform:translateY(calc(-.82 * var(--unit-lunge,18px))) rotate(var(--unit-tilt,2deg)) scale(var(--unit-flare,1.05),1.02)}72%{transform:translateY(-3px)rotate(0)scale(1.02)}}@keyframes unit-attack-drive-opponent{0%,to{transform:rotate(180deg)translateY(0)scale(1)}20%{transform:rotate(calc(180deg - .5 * var(--unit-tilt,2deg))) translateY(var(--unit-lift,5px)) scale(.98)}50%{transform:rotate(calc(180deg + var(--unit-tilt,2deg))) translateY(calc(-.82 * var(--unit-lunge,18px))) scale(var(--unit-flare,1.05),1.02)}72%{transform:rotate(180deg)translateY(-3px)scale(1.02)}}@keyframes unit-attack-lance-player{0%,to{transform:translateY(0)scale(1)}18%{transform:translateY(4px)scale(.97,1.02)}44%{transform:translateY(calc(-1.15 * var(--unit-lunge,18px))) scale(var(--unit-flare,1.05),.98)}66%{transform:translateY(-6px)scale(1.03)}}@keyframes unit-attack-lance-opponent{0%,to{transform:rotate(180deg)translateY(0)scale(1)}18%{transform:rotate(180deg)translateY(4px)scale(.97,1.02)}44%{transform:rotate(180deg) translateY(calc(-1.15 * var(--unit-lunge,18px))) scale(var(--unit-flare,1.05),.98)}66%{transform:rotate(180deg)translateY(-6px)scale(1.03)}}@keyframes unit-attack-reap-player{0%,to{transform:translate(0)rotate(0)scale(1)}22%{transform:translate(calc(-1 * var(--unit-lift,5px)),2px) rotate(calc(-1 * var(--unit-tilt,2deg))) scale(.98)}48%{transform:translate(var(--unit-lift,5px),calc(-.88 * var(--unit-lunge,18px))) rotate(calc(var(--unit-tilt,2deg) + 3deg)) scale(var(--unit-flare,1.05))}72%{transform:translateY(-3px)rotate(-1deg)scale(1.02)}}@keyframes unit-attack-reap-opponent{0%,to{transform:rotate(180deg)translate(0)scale(1)}22%{transform:rotate(calc(180deg - var(--unit-tilt,2deg))) translate(calc(-1 * var(--unit-lift,5px)),2px) scale(.98)}48%{transform:rotate(calc(183deg + var(--unit-tilt,2deg))) translate(var(--unit-lift,5px),calc(-.88 * var(--unit-lunge,18px))) scale(var(--unit-flare,1.05))}72%{transform:rotate(179deg)translateY(-3px)scale(1.02)}}@keyframes unit-attack-surge-player{0%,to{filter:none;transform:translateY(0)scale(1)}24%{filter:brightness(1.2);transform:translateY(-4px)scale(1.02)}48%{transform:translateY(calc(-.72 * var(--unit-lunge,18px))) scale(var(--unit-flare,1.05));filter:brightness(1.42)saturate(1.22)}62%{transform:translateY(calc(-.5 * var(--unit-lunge,18px))) scale(1.04)}78%{filter:brightness(1.1);transform:translateY(-3px)scale(1.01)}}@keyframes unit-attack-surge-opponent{0%,to{filter:none;transform:rotate(180deg)translateY(0)scale(1)}24%{filter:brightness(1.2);transform:rotate(180deg)translateY(-4px)scale(1.02)}48%{transform:rotate(180deg) translateY(calc(-.72 * var(--unit-lunge,18px))) scale(var(--unit-flare,1.05));filter:brightness(1.42)saturate(1.22)}62%{transform:rotate(180deg) translateY(calc(-.5 * var(--unit-lunge,18px))) scale(1.04)}78%{filter:brightness(1.1);transform:rotate(180deg)translateY(-3px)scale(1.01)}}.hero-copy h1{letter-spacing:0}.game-card .card-outer-frame{box-shadow:inset 0 3px 0 var(--kind), inset 0 0 18px color-mix(in srgb, var(--kind) 7%, transparent)}.game-card.card-type-spell .card-outer-frame{background:linear-gradient(180deg, color-mix(in srgb,var(--kind) 18%,#101820), #080b0e 66%)}.game-card.card-type-support .card-outer-frame{background:linear-gradient(180deg, color-mix(in srgb,var(--kind) 17%,#141a15), #090c0a 66%)}.game-card.card-type-trap .card-outer-frame{background:linear-gradient(180deg, color-mix(in srgb,var(--kind) 18%,#1a1117), #0d080b 66%);border-style:dashed}.card-kind-mark{background:color-mix(in srgb,var(--kind) 30%,#07090af0);border-color:color-mix(in srgb,var(--kind) 62%,white 18%)}.card-type{color:color-mix(in srgb,var(--kind) 72%,#e8e0d0 28%);background:color-mix(in srgb,var(--kind) 12%,#070910);border-top:1px solid color-mix(in srgb,var(--kind) 28%,transparent)}.card-rarity{z-index:4;border:1px solid #ffffff7a;border-radius:1px;width:18px;height:3px;display:block;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 1px 5px #000}.rarity-basic .card-rarity{background:#9c9b94}.match-shell{background:linear-gradient(#05060794,#050607e0),url(/art/ui/battlefield.webp) 50% 96px/cover fixed}.match-header{background:#080a0beb;border-color:#dfbf7e61;box-shadow:inset 0 -1px #ffffff09,0 6px 18px #00000038}.combatant{border-color:#e1d4b821;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 5px 18px #0003}.combatant:before{content:"";background:#a84d5c;flex:0 0 3px;align-self:stretch;margin:-6px 0 -6px -8px}.combatant.player:before{background:#4f9e91}.combatant.opponent{background:#180f12eb}.combatant.player{background:#0c1917f0}.combatant.opponent.active{background:#41191ff0;border-color:#d55e7061}.combatant.player.active{background:#163b34f0;border-color:#5ebeaa66}.player-avatar img{border:2px solid #e2be719e;box-shadow:0 0 0 3px #0c0e0fe6,0 5px 14px #0006}.battlefield{background:linear-gradient(#4c192461 0%,#120e10ad 44%,#0709099e 50%,#09312b66 100%),url(/art/ui/battlefield.webp) 50% 48%/cover;border-color:#e0c4875c;box-shadow:inset 0 0 52px #00000075,0 12px 30px #00000042}.opponent-row .board-slot{background:linear-gradient(#461e259e,#121414a3);border-color:#c6697440}.player-row .board-slot{background:linear-gradient(#112926a8,#1014149e);border-color:#5cae9e40}.board-slot{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:inset 0 0 0 1px #ffffff06,inset 0 -18px 30px #00000029}.board-slot .lane-number{color:#ede1ca4d;background:#07080847;border:1px solid #e0cda424;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lane-divider{z-index:2;background:#050707c2;border-top:1px solid #d3ad663d;border-bottom:1px solid #59a19533;margin:2px 0;position:relative}.lane-divider b{color:#eee2c9;text-shadow:0 1px 5px #000}.board-unit{box-shadow:0 5px 14px #0000007a, inset 0 0 0 1px color-mix(in srgb,var(--faction) 24%,transparent)}.hand-zone{background:#080a0ae6;border-color:#d7b97b52;box-shadow:inset 0 1px #ffffff06,0 -8px 24px #0003}.action-bar{border-color:#debe7e66;box-shadow:0 -12px 34px #00000070,inset 0 1px #ffffff09}.action-bar button:not(.end-turn){background:#1c2222}.action-bar .end-turn{background:#765027}@media (max-width:560px){.match-shell{background:linear-gradient(#0506079e,#050607eb),url(/art/ui/battlefield.webp) 50% 120px/auto 760px fixed}.battlefield{background-position:50%}.combatant:before{margin-left:-6px}.card-rarity{width:14px;top:4px}}body{background-color:#07090a;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#9638370d,#0000 27% 72%,#3a88820e),linear-gradient(#e1c17c0a,#0000 18rem);display:block;position:fixed;inset:0}.home-v2{width:min(100%,1480px);padding:max(10px, env(safe-area-inset-top)) 24px max(34px, env(safe-area-inset-bottom));gap:28px}.home-command-bar{border-bottom:1px solid #dec58f38;grid-template-columns:1fr auto auto auto;align-items:center;gap:20px;min-height:62px;display:grid}.home-wordmark{grid-column:1}.home-unlock-status{grid-column:2}.home-install-button{grid-column:3}.home-profile-chip{grid-column:4}.home-wordmark,.home-profile-chip,.home-unlock-status{align-items:center;display:flex}.home-wordmark{gap:11px}.home-wordmark>span:last-child,.home-profile-chip>span{gap:2px;display:grid}.home-wordmark b{color:#f1eadb;text-transform:uppercase;font-family:Georgia,Times New Roman,serif;font-size:1rem}.home-wordmark small,.home-profile-chip small{color:#827f78;text-transform:uppercase;font-size:.65rem}.home-sigil{border:1px solid #e7ca8a80;width:34px;height:34px;position:relative;transform:rotate(45deg)}.home-sigil:before,.home-sigil:after,.home-sigil i{content:"";background:#dbbb73;position:absolute}.home-sigil:before{background:0 0;border:1px solid #dbbb73;inset:8px}.home-sigil:after{height:1px;top:50%;left:3px;right:3px}.home-sigil i:first-child{width:1px;top:3px;bottom:3px;left:50%}.home-sigil i:nth-child(2){width:4px;height:4px;top:4px;left:4px}.home-sigil i:nth-child(3){width:4px;height:4px;bottom:4px;right:4px}.home-unlock-status{color:#9d9a92;text-transform:uppercase;justify-content:center;gap:7px;font-size:.68rem}.home-unlock-status span{background:#68ba9c;width:6px;height:6px;animation:2.4s ease-in-out infinite home-status-pulse;box-shadow:0 0 14px #68ba9ccc}.home-unlock-status b{color:#e8d4a5}.home-install-button{color:#e7d29f;cursor:pointer;text-transform:uppercase;background:#161b1bd6;border:1px solid #dec58f4d;border-radius:4px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:.7rem;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.home-install-button:hover{background:#1c2422;border-color:#dec58f9e;transform:translateY(-1px)}.home-install-button span{font-size:1rem;line-height:1}.home-profile-chip{text-align:left;cursor:pointer;background:#0b0e0fbd;border:1px solid #dec58f33;border-radius:4px;justify-self:end;gap:10px;min-width:205px;min-height:46px;padding:5px 8px 5px 5px;transition:background .2s,border-color .2s,transform .2s}.home-profile-chip:hover{background:#131718;border-color:#dec58f7a;transform:translate(-3px)}.home-profile-chip img{object-fit:cover;border:1px solid #e1c17c73;border-radius:2px;width:34px;height:34px}.home-profile-chip b{color:#ece5d7;font-size:.78rem}.home-profile-chip i{color:#d8b66f;margin-left:auto;font-style:normal}.home-v2 .home-hero{--hero-x:0;--hero-y:0;isolation:isolate;background:#050708;border:1px solid #dfbe798c;border-radius:8px;height:min(58vh,590px);min-height:510px;max-height:590px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000007a,inset 0 0 0 1px #ffffff06}.home-v2 .home-hero:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#030506f0 0%,#030506ad 31%,#03050626 57%,#03050605 78%),linear-gradient(#0305060d 55%,#030506bd 100%);display:block;position:absolute;inset:0}.home-v2 .home-hero:after{content:"";z-index:7;pointer-events:none;background:0 0;border:1px solid #ffffff0b;width:auto;height:auto;display:block;position:absolute;inset:0;box-shadow:inset 0 0 70px #00000057}.hero-scene{z-index:1;position:absolute;inset:0;overflow:hidden}.hero-scene-image{filter:brightness(1.08)contrast(1.04)saturate(.96);transform:translate3d(calc(var(--hero-x) * -10px), calc(var(--hero-y) * -7px), 0) scale(1.045);will-change:transform;background:url(/art/ui/home-arena-v2.webp) 50% 48%/cover no-repeat;animation:16s ease-in-out infinite alternate home-scene-breathe;position:absolute;inset:-24px}.hero-eclipse-pulse{z-index:2;aspect-ratio:1;width:17%;min-width:180px;transform:translate3d(calc(var(--hero-x) * 10px), calc(var(--hero-y) * 7px), 0);transition:transform .18s ease-out;position:absolute;top:7%;left:63.4%}.hero-eclipse-pulse:before{content:"";background:#030607d9;border-radius:50%;animation:4.8s ease-in-out infinite home-eclipse-breathe;position:absolute;inset:34%;box-shadow:0 0 36px #5bb5b929,0 0 60px #e1c17c14}.hero-eclipse-pulse i{border:1px solid #dcc08057;border-radius:50%;animation:18s linear infinite home-ring-turn;position:absolute;inset:13%}.hero-eclipse-pulse i:before,.hero-eclipse-pulse i:after{content:"";background:#d6b36b;position:absolute;box-shadow:0 0 12px #d6b36b8c}.hero-eclipse-pulse i:before{width:7px;height:2px;top:50%;left:-4px}.hero-eclipse-pulse i:after{width:2px;height:7px;top:-4px;left:50%}.hero-eclipse-pulse i:nth-child(2){border-color:#56a9aa47;animation-duration:13s;animation-direction:reverse;inset:21%}.hero-eclipse-pulse i:nth-child(3){border-style:dashed;border-color:#e7d6b129;animation-duration:34s;inset:3%}.hero-lane-energy{z-index:3;height:41%;transform:perspective(480px) rotateX(54deg) translate3d(calc(var(--hero-x) * 5px), calc(var(--hero-y) * 2px), 0);transform-origin:bottom;pointer-events:none;grid-template-columns:repeat(5,1fr);gap:7%;display:grid;position:absolute;bottom:52px;left:42%;right:3%}.hero-lane-energy i{opacity:.18;clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);background:linear-gradient(#0000,#ddbe7a14);border-left:1px solid #52a5a22e;border-right:1px solid #e1c27e8c;align-self:stretch;animation:4.5s ease-in-out infinite home-lane-charge;position:relative}.hero-lane-energy i:nth-child(2){animation-delay:-.8s}.hero-lane-energy i:nth-child(3){animation-delay:-1.6s}.hero-lane-energy i:nth-child(4){animation-delay:-2.4s}.hero-lane-energy i:nth-child(5){animation-delay:-3.2s}.hero-card-stack{z-index:5;width:430px;height:300px;transform:translate3d(calc(var(--hero-x) * 14px), calc(var(--hero-y) * 9px), 0);transition:transform .16s ease-out;position:absolute;bottom:70px;right:2.5%}.hero-showcase-card{--card-angle:0deg;--card-shift:0px;aspect-ratio:.69;border:1px solid color-mix(in srgb, var(--faction) 58%, #e4c37d 42%);transform-origin:50% 90%;background:#090b0c;border-radius:5px;width:132px;margin:0;position:absolute;overflow:hidden;box-shadow:0 20px 34px #00000094,inset 0 0 0 2px #040607cc}.hero-showcase-card:before{content:"";z-index:2;border:1px solid color-mix(in srgb, var(--faction) 48%, #f0d493 20%);pointer-events:none;position:absolute;inset:4px}.hero-showcase-card:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 50%,#020405e6);position:absolute;inset:0}.hero-showcase-card img{object-fit:cover;filter:saturate(.8)contrast(1.08);width:100%;height:100%}.hero-showcase-card figcaption{z-index:3;grid-template-columns:23px 1fr;align-items:center;gap:6px;display:grid;position:absolute;bottom:10px;left:9px;right:9px}.hero-showcase-card figcaption span{border:1px solid color-mix(in srgb, var(--faction) 70%, #fff 20%);background:color-mix(in srgb, var(--faction) 64%, #080a0b);color:#fff;place-items:center;width:23px;height:23px;font-style:normal;display:grid}.hero-showcase-card figcaption b{color:#f0e6d5;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:.7rem;overflow:hidden}.hero-showcase-card.card-1{animation:5.8s ease-in-out infinite home-card-float-one;top:91px;left:9px}.hero-showcase-card.card-2{width:146px;animation:6.4s ease-in-out -1.8s infinite home-card-float-two;top:38px;left:146px}.hero-showcase-card.card-3{animation:5.4s ease-in-out -3.1s infinite home-card-float-three;top:86px;right:0}.hero-sparks i{z-index:4;background:#ecd18f;width:2px;height:2px;animation:5s linear infinite home-spark-rise;position:absolute;box-shadow:0 0 7px #ecd18fcc}.hero-sparks i:first-child{animation-delay:-1s;bottom:9%;left:51%}.hero-sparks i:nth-child(2){animation-delay:-3.4s;bottom:13%;left:58%}.hero-sparks i:nth-child(3){animation-delay:-2.2s;bottom:7%;left:67%}.hero-sparks i:nth-child(4){animation-delay:-.3s;bottom:18%;left:72%}.hero-sparks i:nth-child(5){animation-delay:-4.1s;bottom:8%;left:78%}.hero-sparks i:nth-child(6){animation-delay:-2.8s;bottom:16%;left:83%}.hero-sparks i:nth-child(7){animation-delay:-1.7s;bottom:9%;left:89%}.hero-sparks i:nth-child(8){animation-delay:-3.8s;bottom:22%;left:93%}.hero-sparks i:nth-child(9){animation-delay:-4.7s;bottom:4%;left:62%}.home-v2 .hero-copy{z-index:6;flex-direction:column;justify-content:center;align-items:flex-start;width:54%;height:calc(100% - 62px);padding:58px 54px 36px;display:flex;position:relative}.hero-kicker{color:#d9c69c;text-transform:uppercase;align-items:center;gap:9px;font-size:.7rem;font-weight:800;display:flex}.hero-kicker i{background:#d6b56f;width:24px;height:1px;box-shadow:0 0 8px #d6b56f80}.home-v2 .hero-copy h1{color:#fffaf0;text-transform:uppercase;text-shadow:0 5px 24px #000000b3;margin:18px 0 20px;font-family:Georgia,Times New Roman,serif;font-size:6rem;line-height:.72}.home-v2 .hero-copy h1 span,.home-v2 .hero-copy h1 em{display:block}.home-v2 .hero-copy h1 em{color:#e7c478;text-shadow:0 4px #261a0c,0 0 25px #d8b56f24;margin-left:.42em;font-style:normal}.home-v2 .hero-copy p{color:#bbb9b1;max-width:430px;margin:0;font-size:.9rem;line-height:1.65}.hero-actions{align-items:stretch;gap:10px;margin-top:28px;display:flex}.hero-quick-duel,.hero-deck-button{cursor:pointer;border-radius:4px;min-height:58px;transition:transform .2s,filter .2s,border-color .2s,background .2s}.hero-quick-duel{color:#15110a;text-align:left;background:#d7b56e;border:1px solid #e3c57f;grid-template-columns:44px 1fr 24px;align-items:center;gap:10px;width:286px;padding:6px 11px 6px 6px;display:grid;box-shadow:0 12px 30px #00000057,0 0 24px #ddbb711f}.hero-quick-duel:hover{filter:brightness(1.08);transform:translateY(-3px)}.hero-action-icon{background:#0b0c0c21;border:1px solid #17120a59;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.hero-quick-duel>span:nth-child(2){gap:2px;display:grid}.hero-quick-duel b{text-transform:uppercase;font-size:.9rem}.hero-quick-duel small{color:#15110ab3;font-size:.66rem}.hero-quick-duel>i{font-size:1.2rem;font-style:normal}.hero-deck-button{color:#ded6c6;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b0cb8;border:1px solid #e0ca9d59;padding:0 18px;font-size:.74rem;font-weight:800}.hero-deck-button:hover{background:#141919e6;border-color:#e0ca9db3;transform:translateY(-3px)}.hero-deck-button span{color:#d5b46c;margin-right:7px}.hero-faction-rail{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040708d6;border-top:1px solid #ddc48e38;grid-template-columns:repeat(5,1fr);min-height:62px;padding-left:36%;display:grid;position:absolute;bottom:0;left:0;right:0}.hero-faction-rail>span{--faction:#887d69;border-left:1px solid #ffffff0e;grid-template-rows:1fr 1fr;grid-template-columns:30px 1fr;align-items:end;column-gap:7px;min-width:0;padding:10px 9px 9px;display:grid;position:relative}.hero-faction-rail>span:before{content:"";background:var(--faction);height:2px;box-shadow:0 0 12px color-mix(in srgb, var(--faction) 60%, transparent);position:absolute;top:-1px;left:0;right:0}.hero-faction-rail i{border:1px solid color-mix(in srgb, var(--faction) 65%, #fff 12%);background:color-mix(in srgb, var(--faction) 25%, #080b0c);color:#eee6d5;grid-row:1/3;justify-content:center;align-self:center;align-items:center;width:30px;height:30px;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",sans-serif;font-size:1rem;font-style:normal;line-height:1;display:flex;overflow:visible}.hero-faction-rail b{color:#e8e1d4;text-overflow:ellipsis;text-transform:uppercase;align-self:end;font-size:.66rem;overflow:hidden}.hero-faction-rail small{color:#7f807c;align-self:start;font-size:.58rem}.mode-section,.archive-section{gap:14px;animation:.65s both home-section-reveal;display:grid}.archive-section{animation-delay:.12s}.home-section-heading{border-bottom:1px solid #e2ca972e;justify-content:space-between;align-items:end;gap:16px;padding-bottom:9px;display:flex}.home-section-heading .eyebrow{color:#8d887e}.home-section-heading h2{color:#eae3d6;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:500}.home-v2 .primary-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-v2 .menu-card{--mode-accent:#b48d4e;background:linear-gradient(112deg, color-mix(in srgb, var(--mode-accent) 12%, #111516) 0%, #101314 62%), #101314;min-height:104px;box-shadow:inset 3px 0 0 color-mix(in srgb, var(--mode-accent) 74%, #d8bd84 26%);border:1px solid #e0c99a33;border-radius:6px;gap:14px;padding:18px 18px 15px}.home-v2 .menu-card[data-mode=ranked]{--mode-accent:#a54c55}.home-v2 .menu-card[data-mode=friend]{--mode-accent:#4d9b92}.home-v2 .menu-card[data-mode=practice]{--mode-accent:#a98d4e}.home-v2 .menu-card:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--mode-accent) 70%, transparent), transparent);height:1px;transition:transform .45s;position:absolute;top:0;left:0;right:0;transform:translate(-75%)}.home-v2 .menu-card:after{display:none}.home-v2 .menu-card:hover{border-color:color-mix(in srgb, var(--mode-accent) 55%, #d7c19a 25%);box-shadow:inset 3px 0 0 var(--mode-accent), 0 14px 30px #00000047;transform:translateY(-4px)}.home-v2 .menu-card:hover:before{transform:translate(75%)}.home-v2 .menu-card .mode-code{color:#e7decc38;font-family:Georgia,Times New Roman,serif;font-size:.72rem;position:absolute;top:9px;right:11px}.home-v2 .menu-card .menu-icon{border:1px solid color-mix(in srgb, var(--mode-accent) 48%, #cfc2aa 16%);background:color-mix(in srgb, var(--mode-accent) 14%, #15191a);width:48px;height:56px;color:color-mix(in srgb, var(--mode-accent) 48%, #f1ddae 52%);border-radius:3px}.home-v2 .menu-card b{color:#eee7da;font-family:Georgia,Times New Roman,serif;font-size:1rem}.home-v2 .menu-card small{color:#858681;text-transform:uppercase;font-size:.7rem}.home-v2 .menu-card>i{color:color-mix(in srgb, var(--mode-accent) 70%, #e4c883 30%);font-size:1rem}.home-v2 .home-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.home-v2 .home-grid button{color:#d9d4ca;text-align:left;background:#101314;border:1px solid #dec7962b;border-radius:5px;grid-template-rows:1fr 1fr;grid-template-columns:36px 1fr;align-items:end;column-gap:10px;min-height:92px;padding:17px 14px;transition:transform .18s,border-color .18s,background .18s;display:grid;position:relative}.home-v2 .home-grid button:after{content:"";background:#967b48;width:12px;height:1px;transition:width .18s;position:absolute;bottom:10px;right:12px}.home-v2 .home-grid button:hover{background:#171a1b;border-color:#ddb96f7a;transform:translateY(-3px)}.home-v2 .home-grid button:hover:after{width:28px}.home-v2 .home-grid button>span{color:#d6b56f;border:1px solid #ddb96f4d;grid-row:1/3;align-self:center;place-items:center;width:34px;height:42px;font-size:1.05rem;display:grid}.home-v2 .home-grid button b{text-transform:uppercase;align-self:end;font-size:.76rem}.home-v2 .home-grid button small{color:#747570;align-self:start;font-size:.62rem}.home-v2 .creator-footer{background:#0e1112;border-color:#dec79626;border-radius:5px;margin-top:4px}.screen{width:min(100%,1240px)}.top-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07090aeb;border-bottom:1px solid #dfc69033}.top-bar .icon-button,.top-bar-sigil{background:#121617;border-radius:4px}.library-tools{border-top:1px solid #ffffff06;border-bottom:1px solid #dfc69029;padding:14px 0}.library-tools input,.friend-actions input,.profile-card-large input{background:#101415;border-radius:4px}.faction-tabs button,.type-tabs button{background:#111516;border-radius:4px}@keyframes home-status-pulse{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes home-scene-breathe{0%{transform:translate3d(calc(var(--hero-x) * -10px), calc(var(--hero-y) * -7px), 0) scale(1.045)}to{transform:translate3d(calc(var(--hero-x) * -13px), calc(var(--hero-y) * -9px), 0) scale(1.065)}}@keyframes home-eclipse-breathe{0%,to{opacity:.62;transform:scale(.9)}50%{opacity:1;transform:scale(1.14)}}@keyframes home-ring-turn{to{transform:rotate(360deg)}}@keyframes home-lane-charge{0%,to{opacity:.08;filter:brightness(.8)}45%{opacity:.32;filter:brightness(1.4)}}@keyframes home-card-float-one{0%,to{transform:translate(0,0)rotate(-12deg)}50%{transform:translate(-5px,-9px)rotate(-9deg)}}@keyframes home-card-float-two{0%,to{transform:translate(0,0)rotate(1deg)}50%{transform:translate(3px,-12px)rotate(-1deg)}}@keyframes home-card-float-three{0%,to{transform:translate(0,0)rotate(12deg)}50%{transform:translate(6px,-8px)rotate(9deg)}}@keyframes home-spark-rise{0%{opacity:0;transform:translate(0,0)scale(.5)}16%{opacity:.85}74%{opacity:.42}to{opacity:0;transform:translate(18px,-170px)scale(1.4)}}@keyframes home-section-reveal{0%{opacity:1;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1120px){.home-v2 .hero-copy{width:59%;padding-right:24px}.home-v2 .hero-copy h1{font-size:5.15rem}.hero-card-stack{width:370px;transform:translate3d(calc(var(--hero-x) * 11px), calc(var(--hero-y) * 7px), 0) scale(.88);transform-origin:100% 100%;right:-1%}.hero-faction-rail{padding-left:31%}.home-v2 .home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.home-v2{width:min(100%,720px);padding-left:14px;padding-right:14px}.home-command-bar{grid-template-columns:1fr auto auto}.home-unlock-status{display:none}.home-install-button{grid-column:2}.home-profile-chip{grid-column:3}.home-v2 .home-hero{height:65vh;min-height:530px}.home-v2 .home-hero:before{background:linear-gradient(90deg,#030506e6,#0305066e 58%,#03050612),linear-gradient(#0305060a 45%,#030506c2 100%)}.hero-scene-image{background-position:61%}.home-v2 .hero-copy{width:68%;padding:48px 26px 32px}.home-v2 .hero-copy h1{font-size:4.55rem}.hero-card-stack{opacity:.78;bottom:54px;right:-16%}.hero-eclipse-pulse{left:59%}.hero-faction-rail{min-height:58px;padding-left:0}.hero-faction-rail>span{padding:8px 6px}.hero-faction-rail small{display:none}.hero-faction-rail b{align-self:center}.home-v2 .primary-menu{grid-template-columns:1fr}}@media (max-width:600px){body{background-size:32px 32px}.home-v2{padding:max(6px, env(safe-area-inset-top)) 8px max(24px, env(safe-area-inset-bottom));gap:22px}.home-command-bar{gap:8px;min-height:54px}.home-wordmark small,.home-profile-chip small{display:none}.home-wordmark b{font-size:.8rem}.home-sigil{width:29px;height:29px}.home-profile-chip{min-width:0;padding-right:6px}.home-profile-chip img{width:32px;height:32px}.home-profile-chip b{text-overflow:ellipsis;white-space:nowrap;max-width:94px;font-size:.67rem;overflow:hidden}.home-install-button{justify-content:center;width:38px;min-height:38px;padding:0}.home-install-button b{display:none}.home-v2 .home-hero{height:57vh;min-height:480px;max-height:530px}.home-v2 .home-hero:before{background:linear-gradient(#030506b8 0%,#03050647 42%,#030506a3 73%,#030506e8 100%),linear-gradient(90deg,#0305066e,#03050612)}.hero-scene-image{background-position:67%;inset:-12px}.hero-eclipse-pulse{opacity:.78;width:55%;top:22%;left:47%}.hero-lane-energy{height:31%;bottom:58px;left:7%;right:2%}.home-v2 .hero-copy{justify-content:flex-start;width:100%;height:calc(100% - 58px);padding:28px 20px 20px}.hero-kicker{font-size:.62rem}.home-v2 .hero-copy h1{margin:14px 0 16px;font-size:3.25rem;line-height:.75}.home-v2 .hero-copy h1 em{margin-left:.22em}.home-v2 .hero-copy p{max-width:310px;font-size:.72rem;line-height:1.5}.hero-actions{grid-template-columns:1fr auto;margin:0;display:grid;position:absolute;bottom:72px;left:18px;right:18px}.hero-quick-duel{width:auto;min-width:0}.hero-quick-duel small{display:none}.hero-deck-button{color:#0000;white-space:nowrap;width:54px;padding:0;overflow:hidden}.hero-deck-button span{color:#d5b46c;place-items:center;width:100%;height:100%;margin:0;font-size:1.2rem;display:grid}.hero-card-stack{opacity:.8;transform-origin:100% 100%;width:330px;height:235px;bottom:105px;right:-78px;transform:scale(.52)}.hero-showcase-card.card-1{left:18px}.hero-showcase-card.card-2{left:120px}.hero-showcase-card.card-3{right:0}.hero-faction-rail{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.hero-faction-rail>span{grid-template-columns:1fr;place-items:center;min-width:0;min-height:58px;padding:7px 4px;display:grid}.hero-faction-rail i{grid-row:auto;place-self:center;width:30px;height:30px}.hero-faction-rail b{display:none}.home-section-heading{align-items:center}.home-section-heading h2{font-size:1rem}.home-v2 .menu-card{min-height:88px;padding:13px 15px}.home-v2 .menu-card .menu-icon{height:48px}.home-v2 .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-v2 .home-grid button{min-height:82px;padding:12px}.home-v2 .creator-footer{align-items:flex-start;gap:12px}.home-v2 .creator-links a{color:#0000;width:38px;height:38px;padding:9px;overflow:hidden}.home-v2 .creator-links a svg{color:#bdb8ad;flex:0 0 18px}}.reduced-motion .home-v2 *,.reduced-motion .home-v2 :before,.reduced-motion .home-v2 :after{transition-duration:.01ms!important;animation:none!important}@media (prefers-reduced-motion:reduce){.home-v2 *,.home-v2 :before,.home-v2 :after{transition-duration:.01ms!important;animation:none!important}}.resource-bar{scrollbar-width:none;align-items:center}.resource-bar::-webkit-scrollbar{display:none}.resource{font-variant-numeric:tabular-nums;flex:none;grid-template-columns:18px minmax(13px,auto);justify-content:center;align-items:center;gap:3px;min-width:43px;height:24px;padding:0 5px;line-height:1;display:inline-grid}.resource-symbol{width:18px;height:18px;color:color-mix(in srgb, var(--faction), white 45%);place-items:center;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",sans-serif;font-size:.76rem;font-weight:800;line-height:1;display:grid}.resource-count{text-align:center;min-width:13px;font-size:.68rem;font-weight:900;line-height:1}.screen,.screen-library,.screen-decks,.screen-characters,.screen-settings,.screen-profile,.screen-tutorial,.screen-rules,.screen-friend{touch-action:pan-y;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}.screen-library .card-grid,.deck-builder-screen .card-grid,.screen-decks .deck-list,.screen-characters .character-grid,.screen-rules .rules-copy,.screen-rules .keyword-grid,.screen-tutorial .tutorial-list,.screen-library .game-card,.deck-builder-screen .game-card{touch-action:pan-y}.faction-tabs,.type-tabs,.deck-cards,.draft-slots,.hand-tray{touch-action:pan-x;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.screen-decks .deck-cards,.deck-builder-screen .draft-slots{overscroll-behavior-x:contain;scroll-snap-type:x proximity}.screen-decks .deck-cards .game-card,.deck-builder-screen .draft-slot,.deck-builder-screen .draft-card-preview{touch-action:pan-x;scroll-snap-align:start}@media (max-width:560px){.combatant{gap:7px}.combatant-stats .resource-bar{gap:4px;width:100%;max-width:100%;padding-bottom:1px}.resource{grid-template-columns:17px minmax(12px,auto);min-width:40px;height:23px;padding:0 4px}.resource-symbol{width:17px;height:17px;font-size:.72rem}.resource-count{min-width:12px;font-size:.65rem}.screen-library .library-tools,.deck-builder-screen .library-tools{touch-action:pan-y}.screen-library .card-grid,.deck-builder-screen .card-grid{padding-bottom:max(22px, env(safe-area-inset-bottom))}.deck-editor-actions{padding-bottom:max(10px, env(safe-area-inset-bottom))}.card-role-note{grid-template-columns:1fr;gap:4px}}.combat-fx .fx-particles i{--angle:calc(var(--i) * var(--fx-step,30deg) + var(--particle-angle-offset,0deg))}.fx-elemental{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fx-elemental i{left:calc(50% + var(--element-x,0%));position:absolute;animation-delay:var(--element-delay,0s)!important}.fx-variant-2 .fx-elemental{transform:scaleX(-1)}.fx-variant-3 .fx-elemental{rotate:5deg;scale:1.08}.fx-variant-4 .fx-elemental{rotate:-7deg;scale:.94 1.08}.fx-variant-5 .fx-elemental{transform:scaleX(-1)rotate(4deg)scale(1.04)}.fx-motif-flame .fx-elemental{filter:drop-shadow(0 0 8px #ff6728b8);inset:32% -6% -12%}.fx-motif-flame .fx-elemental i{width:calc(18px * var(--element-scale,1));height:calc(88px * var(--element-scale,1));transform-origin:50% 100%;animation:fx-element-flame var(--fx-duration,1.65s) cubic-bezier(.18,.72,.22,1) both;background:radial-gradient(circle at 50% 72%,#fff3a0 0 8%,#0000 9%),linear-gradient(160deg,#0000 8%,#ffcf56 28%,#e64b2f 72%,#0000 74%);border-radius:70% 10% 62% 30%;bottom:-12%}.fx-motif-water .fx-elemental i{top:calc(28% + var(--i) * 3.2%);width:calc(80px * var(--element-scale,1));height:calc(28px * var(--element-scale,1));border:3px solid #0000;border-top-color:color-mix(in srgb, var(--fx) 62%, #dffaff 38%);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--fx) 72%, transparent));animation:fx-element-water var(--fx-duration,1.65s) ease-in-out both;border-radius:50%}.fx-motif-radiance .fx-elemental i{width:calc(4px * var(--element-scale,1));background:linear-gradient(transparent, #fff7cde6 48%, color-mix(in srgb,var(--fx) 65%,#fff) 68%, transparent);filter:blur(.2px)drop-shadow(0 0 7px #fff0ad);height:92%;transform:rotate(calc((var(--i) - 5) * 4deg));animation:fx-element-radiance var(--fx-duration,1.65s) ease both;top:-15%}.fx-motif-nature .fx-elemental i{width:calc(12px * var(--element-scale,1));height:calc(30px * var(--element-scale,1));background:linear-gradient(145deg, #d7e46f, color-mix(in srgb,var(--fx) 76%,#285a30));box-shadow:0 0 10px color-mix(in srgb,var(--fx) 62%,transparent);transform-origin:0 100%;animation:fx-element-nature var(--fx-duration,1.65s) cubic-bezier(.2,.74,.22,1) both;border:1px solid #e5ffbead;border-radius:95% 0;bottom:8%}.fx-motif-shadow .fx-elemental i{width:calc(10px * var(--element-scale,1));height:calc(72px * var(--element-scale,1));background:linear-gradient(transparent, color-mix(in srgb,var(--fx) 68%,#151025), transparent);filter:blur(2px) drop-shadow(0 0 9px color-mix(in srgb,var(--fx) 70%,transparent));animation:fx-element-shadow var(--fx-duration,1.65s) ease-in-out both;border-radius:50% 50% 16% 16%;top:38%}.fx-motif-metal .fx-elemental i{top:calc(39% + var(--i) * 3.6%);width:calc(17px * var(--element-scale,1));aspect-ratio:1;border:2px solid color-mix(in srgb,var(--fx) 56%,#ffe7af 44%);background:color-mix(in srgb,var(--fx) 12%,#14120ebf);clip-path:polygon(35% 0,65% 0,72% 22%,100% 35%,100% 65%,74% 73%,65% 100%,35% 100%,26% 74%,0 65%,0 35%,25% 25%);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--fx) 55%,transparent));animation:fx-element-metal var(--fx-duration,1.65s) ease both}.fx-motif-arcane .fx-elemental i{top:calc(27% + var(--i) * 4.1%);width:calc(22px * var(--element-scale,1));aspect-ratio:1;border:1px solid color-mix(in srgb,var(--fx) 60%,#e6fbff 40%);background:color-mix(in srgb,var(--fx) 7%,transparent);box-shadow:inset 0 0 8px color-mix(in srgb,var(--fx) 30%,transparent), 0 0 8px color-mix(in srgb,var(--fx) 45%,transparent);animation:fx-element-arcane var(--fx-duration,1.65s) ease both;transform:rotate(45deg)}.fx-outcome{z-index:8;border:1px solid color-mix(in srgb,var(--fx) 58%,#f5e3b8 42%);color:#fff7e5;min-height:34px;box-shadow:0 8px 24px #0000006b, inset 3px 0 0 var(--fx);white-space:nowrap;animation:fx-outcome-read var(--fx-duration,1.65s) ease both;background:#050708e0;border-radius:3px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex;position:absolute;top:8%;left:50%;transform:translate(-50%)}.fx-outcome i{border:1px solid color-mix(in srgb,var(--fx) 58%,#fff 42%);place-items:center;width:17px;height:17px;display:grid;transform:rotate(45deg)}.fx-outcome i:before{content:"✦";color:color-mix(in srgb,var(--fx) 58%,#fff 42%);font-size:.62rem;transform:rotate(-45deg)}.fx-outcome b{text-transform:uppercase;font-size:.7rem}.outcome-blocked i:before{content:"◈"}.outcome-stunned i:before{content:"!"}.outcome-healed i:before,.outcome-cleansed i:before{content:"+"}.outcome-damage i:before,.outcome-destroyed i:before{content:"×"}.outcome-moved i:before,.outcome-recovered i:before{content:"↶"}.outcome-armor i:before{content:"◇"}.outcome-failed{color:#c8c2b5;border-color:#beb8a96b;box-shadow:0 8px 24px #0000006b,inset 3px 0 #77736b}.fx-outcome-blocked .fx-rings i,.fx-outcome-armor .fx-rings i{border-width:4px;border-radius:28% 28% 46% 46%}.fx-outcome-stunned .fx-emblem{filter:hue-rotate(35deg)drop-shadow(0 0 18px #efff72)}.fx-outcome-healed .fx-backdrop,.fx-outcome-cleansed .fx-backdrop{background:radial-gradient(circle,#aaffc24d,#0000 58%)}.fx-outcome-destroyed .fx-backdrop{background:radial-gradient(circle,#ff4c534d,#0000 58%)}.combat-fx .fx-elemental{opacity:.52}.combat-fx .fx-particles{opacity:.34}.fx-impact-mark{--impact:color-mix(in srgb, var(--fx) 60%, #fff 40%);z-index:7;aspect-ratio:1;width:92px;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--impact) 72%, transparent));animation:fx-impact-mark var(--fx-duration,1.65s) cubic-bezier(.18,.8,.2,1) both;display:none;position:absolute;top:48%;left:50%;translate:-50% -50%}.combat-fx[data-effect] .fx-impact-mark{display:block}.fx-impact-mark i,.fx-impact-mark b{background:var(--impact);transform-origin:50%;border:0;width:76%;height:3px;position:absolute;top:50%;left:12%;transform:rotate(42deg)}.fx-impact-mark i:nth-child(2){transform:rotate(-42deg)}.fx-impact-mark b{width:12%;height:12%;box-shadow:0 0 0 5px color-mix(in srgb, var(--impact) 22%, transparent);border-radius:50%;top:44%;left:44%;transform:none}.fx-effect-damage .fx-impact-mark,.fx-effect-damage-adjacent .fx-impact-mark,.fx-effect-damage-highest .fx-impact-mark,.fx-effect-damage-random .fx-impact-mark,.fx-effect-destroy-weak .fx-impact-mark,.fx-effect-destroy-damaged .fx-impact-mark,.fx-effect-break-armor .fx-impact-mark,.fx-effect-sacrifice-weakest .fx-impact-mark,.fx-effect-discard-highest .fx-impact-mark{--impact:#ff8074}.fx-effect-heal .fx-impact-mark,.fx-effect-full-heal .fx-impact-mark,.fx-effect-cleanse .fx-impact-mark{--impact:#a9ffd0}.fx-effect-heal .fx-impact-mark i:first-child,.fx-effect-full-heal .fx-impact-mark i:first-child,.fx-effect-cleanse .fx-impact-mark i:first-child{transform:rotate(0)}.fx-effect-heal .fx-impact-mark i:nth-child(2),.fx-effect-full-heal .fx-impact-mark i:nth-child(2),.fx-effect-cleanse .fx-impact-mark i:nth-child(2){transform:rotate(90deg)}.fx-effect-heal .fx-impact-mark b,.fx-effect-full-heal .fx-impact-mark b,.fx-effect-cleanse .fx-impact-mark b{display:none}.fx-effect-barrier .fx-impact-mark,.fx-effect-shield .fx-impact-mark{--impact:#d9efff}.fx-effect-barrier .fx-impact-mark i,.fx-effect-shield .fx-impact-mark i{display:none}.fx-effect-barrier .fx-impact-mark b,.fx-effect-shield .fx-impact-mark b{border:3px solid var(--impact);background:color-mix(in srgb, var(--impact) 9%, transparent);width:74%;height:86%;box-shadow:inset 0 0 0 7px color-mix(in srgb, var(--impact) 12%, transparent);clip-path:polygon(50% 0,92% 14%,84% 69%,50% 100%,16% 69%,8% 14%);border-radius:4px;top:4%;left:13%}.fx-effect-stun .fx-impact-mark{--impact:#f6ec72}.fx-effect-stun .fx-impact-mark i{display:none}.fx-effect-stun .fx-impact-mark b{background:var(--impact);clip-path:polygon(55% 0,18% 51%,47% 51%,31% 100%,84% 39%,54% 39%);border-radius:0;width:43%;height:100%;top:0;left:29%}.fx-effect-bounce .fx-impact-mark,.fx-effect-move .fx-impact-mark,.fx-effect-return-to-hand .fx-impact-mark{--impact:#91e8ff}.fx-effect-bounce .fx-impact-mark i,.fx-effect-move .fx-impact-mark i,.fx-effect-return-to-hand .fx-impact-mark i{border-top:3px solid var(--impact);border-right:3px solid var(--impact);background:0 0;width:66%;height:32%;top:27%;left:17%;transform:rotate(20deg)skew(-18deg)}.fx-effect-bounce .fx-impact-mark i:nth-child(2),.fx-effect-move .fx-impact-mark i:nth-child(2),.fx-effect-return-to-hand .fx-impact-mark i:nth-child(2){top:47%;transform:rotate(200deg)skew(-18deg)}.fx-effect-bounce .fx-impact-mark b,.fx-effect-move .fx-impact-mark b,.fx-effect-return-to-hand .fx-impact-mark b{display:none}.fx-effect-revive .fx-impact-mark,.fx-effect-draw-card .fx-impact-mark,.fx-effect-reduce-vault-cost .fx-impact-mark{--impact:#d5bdff}.fx-effect-revive .fx-impact-mark i,.fx-effect-draw-card .fx-impact-mark i,.fx-effect-reduce-vault-cost .fx-impact-mark i{border:3px solid var(--impact);background:0 0;border-bottom:0;border-radius:50% 50% 0 0;width:56%;height:68%;top:18%;left:22%;transform:none}.fx-effect-revive .fx-impact-mark i:nth-child(2),.fx-effect-draw-card .fx-impact-mark i:nth-child(2),.fx-effect-reduce-vault-cost .fx-impact-mark i:nth-child(2){background:var(--impact);border:0;width:4px;height:48%;top:34%;left:48%}.fx-effect-revive .fx-impact-mark b,.fx-effect-draw-card .fx-impact-mark b,.fx-effect-reduce-vault-cost .fx-impact-mark b{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;width:24%;height:24%;top:25%;left:38%}.fx-effect-transform .fx-impact-mark,.fx-effect-copy-stats .fx-impact-mark,.fx-effect-swap-attack-health .fx-impact-mark,.fx-effect-silence-target .fx-impact-mark{--impact:#b8a9ff}.fx-effect-transform .fx-impact-mark i,.fx-effect-copy-stats .fx-impact-mark i,.fx-effect-swap-attack-health .fx-impact-mark i,.fx-effect-silence-target .fx-impact-mark i{border:2px solid var(--impact);background:0 0;width:76%;height:76%;top:12%;left:12%;transform:rotate(45deg)}.fx-effect-transform .fx-impact-mark i:nth-child(2),.fx-effect-copy-stats .fx-impact-mark i:nth-child(2),.fx-effect-swap-attack-health .fx-impact-mark i:nth-child(2),.fx-effect-silence-target .fx-impact-mark i:nth-child(2){width:48%;height:48%;top:26%;left:26%;transform:rotate(-22deg)}.fx-effect-buff-attack .fx-impact-mark,.fx-effect-buff-health .fx-impact-mark,.fx-effect-buff-all-attack .fx-impact-mark,.fx-effect-buff-all-health .fx-impact-mark,.fx-effect-double-attack .fx-impact-mark,.fx-effect-grant-keyword .fx-impact-mark,.fx-effect-gain-resource .fx-impact-mark,.fx-effect-steal-resource .fx-impact-mark,.fx-effect-steal-attack .fx-impact-mark,.fx-effect-reduce-attack .fx-impact-mark,.fx-effect-convert-armor-to-attack .fx-impact-mark,.fx-effect-summon-token .fx-impact-mark{--impact:#ffe19a}.fx-effect-buff-attack .fx-impact-mark i,.fx-effect-buff-health .fx-impact-mark i,.fx-effect-buff-all-attack .fx-impact-mark i,.fx-effect-buff-all-health .fx-impact-mark i,.fx-effect-double-attack .fx-impact-mark i,.fx-effect-grant-keyword .fx-impact-mark i,.fx-effect-gain-resource .fx-impact-mark i,.fx-effect-steal-resource .fx-impact-mark i,.fx-effect-steal-attack .fx-impact-mark i,.fx-effect-reduce-attack .fx-impact-mark i,.fx-effect-convert-armor-to-attack .fx-impact-mark i,.fx-effect-summon-token .fx-impact-mark i{border-top:3px solid var(--impact);border-left:3px solid var(--impact);background:0 0;width:52%;height:52%;top:21%;left:24%;transform:rotate(45deg)}.fx-effect-buff-attack .fx-impact-mark i:nth-child(2),.fx-effect-buff-health .fx-impact-mark i:nth-child(2),.fx-effect-buff-all-attack .fx-impact-mark i:nth-child(2),.fx-effect-buff-all-health .fx-impact-mark i:nth-child(2),.fx-effect-double-attack .fx-impact-mark i:nth-child(2),.fx-effect-grant-keyword .fx-impact-mark i:nth-child(2),.fx-effect-gain-resource .fx-impact-mark i:nth-child(2),.fx-effect-steal-resource .fx-impact-mark i:nth-child(2),.fx-effect-steal-attack .fx-impact-mark i:nth-child(2),.fx-effect-reduce-attack .fx-impact-mark i:nth-child(2),.fx-effect-convert-armor-to-attack .fx-impact-mark i:nth-child(2),.fx-effect-summon-token .fx-impact-mark i:nth-child(2){top:41%;transform:rotate(45deg)scale(.64)}.fx-skill-sequence{z-index:6;pointer-events:none;position:absolute;inset:0}.fx-skill-step{--skill-color:color-mix(in srgb,var(--fx) 58%,#fff 42%);width:76px;height:76px;translate:var(--skill-x,0) 0;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--skill-color) 68%,transparent));animation:fx-skill-step var(--fx-duration,2.1s) cubic-bezier(.16,.82,.22,1) var(--skill-delay,0s) both;margin:-38px;position:absolute;top:50%;left:50%}.fx-skill-step>b,.fx-skill-step>span,.fx-skill-step>em{box-sizing:border-box;background:var(--skill-color);font-style:normal;display:block;position:absolute}.fx-skill-damage,.fx-skill-damage-adjacent,.fx-skill-damage-highest,.fx-skill-damage-random,.fx-skill-destroy-weak,.fx-skill-destroy-damaged,.fx-skill-break-armor,.fx-skill-discard-highest{--skill-color:#ff7e70}.fx-skill-damage>b,.fx-skill-damage-adjacent>b,.fx-skill-damage-highest>b,.fx-skill-damage-random>b,.fx-skill-destroy-weak>b,.fx-skill-destroy-damaged>b,.fx-skill-break-armor>b,.fx-skill-discard-highest>b{width:72px;height:5px;top:34px;left:2px;transform:rotate(-34deg)skew(-24deg)}.fx-skill-damage>span,.fx-skill-damage-adjacent>span,.fx-skill-damage-highest>span,.fx-skill-damage-random>span,.fx-skill-destroy-weak>span,.fx-skill-destroy-damaged>span,.fx-skill-break-armor>span,.fx-skill-discard-highest>span{width:58px;height:3px;top:34px;left:10px;transform:rotate(34deg)}.fx-skill-damage>em,.fx-skill-damage-adjacent>em,.fx-skill-damage-highest>em,.fx-skill-damage-random>em,.fx-skill-destroy-weak>em,.fx-skill-destroy-damaged>em,.fx-skill-break-armor>em,.fx-skill-discard-highest>em{box-shadow:0 0 0 9px color-mix(in srgb,var(--skill-color) 18%,transparent);border-radius:50%;inset:25px}.fx-skill-heal,.fx-skill-full-heal,.fx-skill-cleanse{--skill-color:#a8ffd0}.fx-skill-heal>b,.fx-skill-full-heal>b,.fx-skill-cleanse>b{border-radius:2px;width:10px;height:62px;top:7px;left:33px}.fx-skill-heal>span,.fx-skill-full-heal>span,.fx-skill-cleanse>span{border-radius:2px;width:62px;height:10px;top:33px;left:7px}.fx-skill-heal>em,.fx-skill-full-heal>em,.fx-skill-cleanse>em{border:2px solid var(--skill-color);background:0 0;border-radius:50%;inset:3px}.fx-skill-barrier,.fx-skill-shield{--skill-color:#c9edff}.fx-skill-barrier>b,.fx-skill-shield>b{border:3px solid var(--skill-color);background:color-mix(in srgb,var(--skill-color) 10%,transparent);clip-path:polygon(50% 0,94% 13%,84% 70%,50% 100%,16% 70%,6% 13%);inset:2px 8px 4px}.fx-skill-barrier>span,.fx-skill-shield>span{border:2px solid var(--skill-color);clip-path:polygon(50% 0,94% 13%,84% 70%,50% 100%,16% 70%,6% 13%);background:0 0;inset:14px 19px 20px}.fx-skill-barrier>em,.fx-skill-shield>em{display:none}.fx-skill-stun{--skill-color:#f5ee72}.fx-skill-stun>b{clip-path:polygon(55% 0,18% 51%,47% 51%,31% 100%,84% 39%,54% 39%);inset:1px 20px}.fx-skill-stun>span{border:2px dashed var(--skill-color);background:0 0;border-radius:50%;animation:.8s linear infinite fx-skill-orbit;inset:-4px}.fx-skill-stun>em{display:none}.fx-skill-bounce,.fx-skill-move,.fx-skill-return-to-hand{--skill-color:#8fe8ff}.fx-skill-bounce>b,.fx-skill-move>b,.fx-skill-return-to-hand>b,.fx-skill-bounce>span,.fx-skill-move>span,.fx-skill-return-to-hand>span{border-top:4px solid var(--skill-color);border-right:4px solid var(--skill-color);background:0 0;border-radius:50%;width:58px;height:24px;top:18px;left:8px;transform:rotate(16deg)}.fx-skill-bounce>span,.fx-skill-move>span,.fx-skill-return-to-hand>span{top:39px;transform:rotate(196deg)}.fx-skill-bounce>em,.fx-skill-move>em,.fx-skill-return-to-hand>em{display:none}.fx-skill-revive,.fx-skill-draw-card,.fx-skill-reduce-vault-cost,.fx-skill-summon-token{--skill-color:#d8bfff}.fx-skill-revive>b,.fx-skill-draw-card>b,.fx-skill-reduce-vault-cost>b,.fx-skill-summon-token>b{border:3px solid var(--skill-color);background:0 0;border-bottom:0;border-radius:50% 50% 0 0;inset:7px 10px 2px}.fx-skill-revive>span,.fx-skill-draw-card>span,.fx-skill-reduce-vault-cost>span,.fx-skill-summon-token>span{width:6px;height:45px;bottom:4px;left:35px}.fx-skill-revive>em,.fx-skill-draw-card>em,.fx-skill-reduce-vault-cost>em,.fx-skill-summon-token>em{clip-path:polygon(50% 0,100% 100%,0 100%);width:26px;height:26px;bottom:32px;left:25px}.fx-skill-transform,.fx-skill-copy-stats,.fx-skill-swap-attack-health,.fx-skill-silence-target{--skill-color:#b9a9ff}.fx-skill-transform>b,.fx-skill-copy-stats>b,.fx-skill-swap-attack-health>b,.fx-skill-silence-target>b{border:3px solid var(--skill-color);background:0 0;inset:9px;transform:rotate(45deg)}.fx-skill-transform>span,.fx-skill-copy-stats>span,.fx-skill-swap-attack-health>span,.fx-skill-silence-target>span{border:2px solid var(--skill-color);background:0 0;inset:22px;transform:rotate(-25deg)}.fx-skill-transform>em,.fx-skill-copy-stats>em,.fx-skill-swap-attack-health>em,.fx-skill-silence-target>em{width:72px;height:2px;top:36px;left:2px}.fx-skill-buff-attack,.fx-skill-buff-health,.fx-skill-buff-all-attack,.fx-skill-buff-all-health,.fx-skill-double-attack,.fx-skill-grant-keyword,.fx-skill-gain-resource,.fx-skill-steal-resource,.fx-skill-steal-attack,.fx-skill-reduce-attack,.fx-skill-convert-armor-to-attack{--skill-color:#ffe09a}.fx-skill-buff-attack>b,.fx-skill-buff-health>b,.fx-skill-buff-all-attack>b,.fx-skill-buff-all-health>b,.fx-skill-double-attack>b,.fx-skill-grant-keyword>b,.fx-skill-gain-resource>b,.fx-skill-steal-resource>b,.fx-skill-steal-attack>b,.fx-skill-reduce-attack>b,.fx-skill-convert-armor-to-attack>b{clip-path:polygon(50% 0,100% 100%,68% 100%,50% 63%,32% 100%,0 100%);inset:4px 15px 28px}.fx-skill-buff-attack>span,.fx-skill-buff-health>span,.fx-skill-buff-all-attack>span,.fx-skill-buff-all-health>span,.fx-skill-double-attack>span,.fx-skill-grant-keyword>span,.fx-skill-gain-resource>span,.fx-skill-steal-resource>span,.fx-skill-steal-attack>span,.fx-skill-reduce-attack>span,.fx-skill-convert-armor-to-attack>span{clip-path:polygon(50% 0,100% 100%,68% 100%,50% 63%,32% 100%,0 100%);inset:27px 24px 7px}.fx-skill-convert-armor-to-attack>em{clip-path:polygon(50% 0,92% 14%,84% 69%,50% 100%,16% 69%,8% 14%);background:0 0;border:3px solid #d9efff;animation:1s both fx-skill-shatter;inset:5px}.fx-skill-sacrifice-weakest{--skill-color:#d77aff}.fx-skill-sacrifice-weakest>b{clip-path:polygon(50% 0,100% 42%,66% 100%,34% 100%,0 42%);inset:5px 19px}.fx-skill-sacrifice-weakest>span{width:4px;height:60px;top:12px;left:36px}.fx-skill-sacrifice-weakest>em{border:2px solid var(--skill-color);background:0 0;border-radius:50%;inset:12px}.board-slot[data-outcome]:after{content:attr(data-outcome);z-index:12;color:#fff2d2;text-transform:uppercase;background:#07090aed;border:1px solid #ffebbeb8;border-radius:2px;min-width:max-content;max-width:calc(100% - 6px);padding:4px 6px;font-size:clamp(.42rem,1.4vw,.62rem);font-weight:900;line-height:1.1;animation:1.05s both target-outcome;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 16px #0000007a}.opponent-row .board-slot[data-outcome]:after{transform:translate(-50%,-50%)rotate(180deg)}.combatant-stats[data-outcome]{position:relative}.combatant-stats[data-outcome]:after{content:attr(data-outcome);z-index:8;color:#ffd7c6;text-transform:uppercase;background:#2d0d10f0;border:1px solid #ffbf9aa3;border-radius:2px;padding:4px 7px;font-size:.58rem;font-weight:900;animation:1.1s both leader-outcome;position:absolute;top:17px;right:8px}.board-unit.finishing{z-index:6;animation:2.2s both finishing-card}.finisher-cue{z-index:86;border:1px solid color-mix(in srgb,var(--faction) 58%,#f2d995 42%);background:linear-gradient(110deg,color-mix(in srgb,var(--faction) 18%,#0a0c0d),#080a0b 72%);pointer-events:none;border-radius:5px;grid-template-columns:150px minmax(0,1fr);align-items:stretch;width:min(680px,100% - 24px);min-height:190px;animation:2.45s cubic-bezier(.18,.82,.2,1) both finisher-cue;display:grid;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 80px #000000c7,inset 0 0 0 1px #fff4d80f}.finisher-cue>img{object-fit:cover;border-right:1px solid color-mix(in srgb,var(--faction) 46%,#e4c482 30%);filter:saturate(1.12)contrast(1.07);width:150px;height:100%;min-height:190px}.finisher-cue>div:last-child{z-index:2;align-content:center;gap:6px;min-width:0;padding:22px 26px;display:grid;position:relative}.finisher-cue span{color:color-mix(in srgb,var(--faction) 48%,#ffeab8 52%);text-transform:uppercase;font-size:.62rem;font-weight:900}.finisher-cue strong{color:#fff4df;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,3.2vw,1.75rem)}.finisher-cue blockquote{color:#ddd4c5;margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(.9rem,2.5vw,1.15rem);line-height:1.4}.finisher-impact{z-index:1;pointer-events:none;position:absolute;inset:0}.finisher-impact i{background:linear-gradient(90deg,transparent,#fff3c4,var(--faction),transparent);width:56%;height:2px;filter:drop-shadow(0 0 9px var(--faction));transform-origin:0;animation:1.15s ease-out both finisher-line;position:absolute;top:50%;left:20%}.finisher-impact i:nth-child(2){animation-delay:.12s;transform:rotate(16deg)}.finisher-impact i:nth-child(3){animation-delay:.22s;transform:rotate(-13deg)}@keyframes fx-element-flame{0%{opacity:0;transform:translateY(44px) scale(var(--element-scale,1)) rotate(-8deg)}30%,72%{opacity:.9}58%{transform:translateY(-18px) scale(calc(var(--element-scale,1) * 1.18),.88) rotate(9deg)}to{opacity:0;transform:translateY(-112px)scale(.38,1.35)rotate(-5deg)}}@keyframes fx-element-water{0%{opacity:0;transform:translate(-110px)scale(.35,.8)}34%,72%{opacity:.86}56%{transform:translate(0)scale(1.15,.95)}to{opacity:0;transform:translate(120px)scale(.42,1.2)}}@keyframes fx-element-radiance{0%,to{opacity:0;scale:.25 1}34%,72%{opacity:.78;scale:1}}@keyframes fx-element-nature{0%{opacity:0;transform:translateY(70px)rotate(-45deg)scale(.2)}38%,72%{opacity:.92}to{opacity:0;transform:translate(var(--element-x,0%),-112px) rotate(155deg) scale(1.18)}}@keyframes fx-element-shadow{0%{opacity:0;transform:translateY(80px)scaleX(.3)}42%,70%{opacity:.82;transform:translateY(-8px)scaleY(1.18)}to{opacity:0;transform:translateY(-120px)scale(.15,1.45)}}@keyframes fx-element-metal{0%{opacity:0;transform:translate(-100px,52px)rotate(-120deg)scale(.2)}42%,72%{opacity:.92}to{opacity:0;transform:translate(110px,-70px)rotate(300deg)scale(.72)}}@keyframes fx-element-arcane{0%{opacity:0;transform:rotate(-135deg)scale(.15)}38%,72%{opacity:.9;transform:rotate(45deg)scale(1)}to{opacity:0;transform:rotate(225deg)scale(.22)}}@keyframes fx-outcome-read{0%,12%{opacity:0;transform:translate(-50%,-8px)scale(.92)}25%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-5px)scale(.98)}}@keyframes fx-impact-mark{0%,12%{opacity:0;scale:.5}24%{opacity:1;scale:1.12}38%,72%{opacity:.96;scale:1}to{opacity:0;scale:.82}}@keyframes fx-skill-step{0%,10%{opacity:0;transform:translateY(18px)scale(.45)}25%{opacity:1;transform:translateY(0)scale(1.12)}42%,70%{opacity:.96;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-16px)scale(.78)}}@keyframes fx-skill-orbit{to{transform:rotate(360deg)}}@keyframes fx-skill-shatter{0%,42%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.38)rotate(18deg)}}@keyframes target-outcome{0%,12%,to{opacity:0;scale:.86}28%,78%{opacity:1;scale:1}}@keyframes leader-outcome{0%,to{opacity:0;transform:translateY(5px)}22%,78%{opacity:1;transform:none}}@keyframes finishing-card{0%,to{filter:none}18%,72%{filter:brightness(1.35) saturate(1.35) drop-shadow(0 0 13px var(--faction))}}@keyframes finisher-cue{0%{opacity:0;clip-path:inset(0 48%);transform:translate(-50%,-45%)scale(.9)}18%{opacity:1;clip-path:inset(0);transform:translate(-50%,-50%)scale(1)}78%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-54%)scale(1.02)}}@keyframes finisher-line{0%{opacity:0;scale:0 1}35%,70%{opacity:1;scale:1}to{opacity:0;transform:translate(35%)}}@media (max-width:560px){.fx-outcome{min-height:29px;padding:5px 8px;top:6%}.fx-outcome i{width:14px;height:14px}.fx-outcome b{font-size:.58rem}.fx-copy{bottom:4%}.fx-copy strong{font-size:.82rem}.finisher-cue{grid-template-columns:104px minmax(0,1fr);min-height:154px}.finisher-cue>img{width:104px;min-height:154px}.finisher-cue>div:last-child{gap:4px;padding:15px 14px}.finisher-cue blockquote{font-size:.82rem}}.creator-footer,.creator-links{display:none!important}.screen{--screen-surface:#101415;--screen-surface-raised:#15191a;--screen-line:#e0c79233;width:min(100%,1320px);padding:max(10px, env(safe-area-inset-top)) 24px max(46px, env(safe-area-inset-bottom))}.top-bar{z-index:40;border-bottom:1px solid var(--screen-line);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#07090aeb;grid-template-columns:44px 1fr 44px;min-height:76px;padding:9px 0 10px;position:sticky;top:0}.top-bar:after{content:"";background:linear-gradient(90deg,#0000,#c9a35d);width:min(34%,280px);height:1px;position:absolute;bottom:-1px;right:0}.top-bar>div{gap:2px;min-width:0;display:grid}.top-bar .eyebrow{color:#918b80;font-size:.58rem}.top-bar h1{color:#f0e9dc;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-weight:500;overflow:hidden}.top-bar .icon-button{color:#d9bc7a;background:#121617;border:1px solid #dcc28b47;border-radius:4px;width:40px;height:40px;font-size:1rem;transition:transform .18s,border-color .18s,background .18s}.top-bar .icon-button:hover{background:#1a1e1f;border-color:#e1c280a6;transform:translate(-2px)}.top-bar-sigil{border:1px solid #dcc28b66;border-radius:0;justify-self:end;width:34px;height:34px;position:relative;transform:rotate(45deg)}.top-bar-sigil:before,.top-bar-sigil:after,.top-bar-sigil i{content:"";background:#d2af66;position:absolute}.top-bar-sigil:before{background:0 0;border:1px solid #d2af66;inset:8px}.top-bar-sigil:after{height:1px;top:50%;left:3px;right:3px}.top-bar-sigil i:first-child{width:1px;top:3px;bottom:3px;left:50%}.top-bar-sigil i:last-child{width:4px;height:4px;top:3px;right:3px}.screen-intro{color:#9c9a94;border-left:2px solid #a98549;max-width:780px;margin:22px 0 24px;padding:2px 0 2px 14px;font-size:.82rem;line-height:1.6}.screen .primary-button,.screen .secondary-button{text-transform:uppercase;min-height:44px;box-shadow:none;border-radius:4px;padding:0 17px;font-size:.72rem;font-weight:850}.screen .primary-button{color:#171108;background:#cda95f;border-color:#d6b66e}.screen .secondary-button{color:#ddd6c8;background:#15191a;border-color:#dcc5953d}.screen .primary-button:hover:not(:disabled),.screen .secondary-button:hover:not(:disabled){border-color:#e4c787b3;transform:translateY(-2px)}.screen-library .library-tools,.deck-builder-screen .library-tools{z-index:18;border-top:0;border-bottom:1px solid var(--screen-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07090af0;grid-template-columns:minmax(240px,1fr) auto;gap:9px 12px;margin:0;padding:14px 0;display:grid;position:sticky;top:75px}.screen-library .library-tools input,.deck-builder-screen .library-tools input{color:#ece5d8;background:#111516;border:1px solid #dfc7973d;border-radius:3px;min-height:44px}.screen-library .library-tools input::placeholder,.deck-builder-screen .library-tools input::placeholder{color:#6f706c}.screen-library .faction-tabs,.deck-builder-screen .faction-tabs{justify-content:flex-end;padding:0}.screen-library .faction-tabs button,.deck-builder-screen .faction-tabs button{background:#111516;border-radius:3px;min-width:43px;height:43px;transition:transform .15s,border-color .15s,background .15s}.screen-library .faction-tabs button:hover,.deck-builder-screen .faction-tabs button:hover{transform:translateY(-2px)}.screen-library .faction-tabs button.active,.deck-builder-screen .faction-tabs button.active{border-color:color-mix(in srgb, var(--faction,#c9a35d) 62%, #e6d3aa 38%);background:color-mix(in srgb, var(--faction,#c9a35d) 15%, #111516);box-shadow:inset 0 -2px 0 var(--faction,#c9a35d)}.screen-library .type-tabs,.deck-builder-screen .type-tabs{grid-column:1/-1;gap:0;padding:0}.screen-library .type-tabs button,.deck-builder-screen .type-tabs button{text-transform:uppercase;background:#0e1213;border-right-width:0;border-radius:0;min-height:34px;padding:0 16px;font-size:.66rem}.screen-library .type-tabs button:first-child,.deck-builder-screen .type-tabs button:first-child{border-radius:3px 0 0 3px}.screen-library .type-tabs button:last-child,.deck-builder-screen .type-tabs button:last-child{border-right-width:1px;border-radius:0 3px 3px 0}.screen-library .type-tabs button.active,.deck-builder-screen .type-tabs button.active{color:#f0d89e;background:#2a2419;border-color:#d3b16b7a;box-shadow:inset 0 -2px #c59a4d}.screen-library .collection-summary{border-bottom:1px solid #ffffff0a;min-height:62px;margin:0 0 18px}.screen-library .collection-summary strong{color:#e5c67d;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:500}.screen-library .collection-summary i{color:#74b79c;text-transform:uppercase;font-size:.68rem}.screen-library .card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.screen-decks .deck-toolbar{margin:-54px 0 18px}.screen-decks .deck-list{gap:10px}.screen-decks .deck-panel{background:#0f1314;border:1px solid #dfc7972e;border-radius:5px;position:relative;overflow:hidden;box-shadow:inset 3px 0 #9b8b6a33}.screen-decks .deck-panel:hover{border-color:#dfc79752}.screen-decks .deck-panel.equipped{border-color:#d4af6494;box-shadow:inset 3px 0 #c99f50,0 10px 28px #0000002e}.screen-decks .deck-heading{background:linear-gradient(90deg,#cda95f0a,#0000 34%),0 0;gap:20px;min-height:90px;padding:13px 18px}.screen-decks .deck-heading:hover{background-color:#ffffff05}.screen-decks .deck-heading>span{gap:5px}.screen-decks .deck-heading b{color:#ede6d9;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;font-weight:500}.screen-decks .deck-heading small{color:#858782;text-transform:uppercase;font-size:.67rem}.screen-decks .deck-heading>i{color:#d5b46e;border:1px solid #dbbe823d;order:3;place-items:center;width:30px;height:30px;display:grid}.screen-decks .deck-panel.equipped .deck-heading:after{content:"Equipped";color:#d7ba7b;text-transform:uppercase;border-left:2px solid #c69b4d;order:2;padding:5px 8px;font-size:.58rem;font-weight:800}.screen-decks .deck-fans{width:86px;height:65px}.screen-decks .deck-fans img{border-color:#dbbe8252;border-radius:3px;width:47px;height:65px;box-shadow:0 5px 12px #00000061}.screen-decks .deck-fans img:nth-child(2){left:19px}.screen-decks .deck-fans img:nth-child(3){left:38px}.screen-decks .deck-details{background:#0c1011;border-color:#dfc79729;padding:20px}.screen-decks .deck-details>p{color:#aaa8a1;max-width:800px;margin:0 0 16px;font-size:.8rem}.screen-decks .deck-details dl{gap:8px}.screen-decks .deck-details dl div{background:#121617;border:1px solid #ffffff0b;border-radius:3px;min-height:82px;padding:12px}.screen-decks .deck-details dt{color:#c7a35c;font-size:.62rem}.screen-decks .deck-details dd{color:#95958f;font-size:.75rem;line-height:1.45}.screen-decks .deck-cards{scrollbar-color:#a17b3e #111516;margin:17px 0;padding:8px 2px 13px}.screen-decks .deck-actions{border-top:1px solid #ffffff0d;padding-top:14px}.deck-builder-screen .deck-editor{gap:12px}.deck-builder-screen .deck-editor-head{background:linear-gradient(90deg,#4e948c14,#0000 48%),#111516;border:1px solid #dcc38f3d;border-radius:4px;padding:16px;position:relative}.deck-builder-screen .deck-editor-head:before{content:"Current covenant";color:#8f887c;text-transform:uppercase;background:#07090a;padding:0 7px;font-size:.56rem;font-weight:800;position:absolute;top:-7px;left:14px}.deck-builder-screen .deck-editor-head input{background:#0d1112;border-color:#dcc38f3d;border-radius:3px;font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.deck-builder-screen .deck-editor-head strong{color:#d9bb78;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;font-weight:500}.deck-builder-screen .deck-validation{min-height:28px}.deck-builder-screen .deck-validation span{background:#b2454f1a;border-radius:3px;padding:5px 9px}.deck-builder-screen .draft-slots{background:#080b0cb8;border-top:1px solid #d7b87929;border-bottom:1px solid #d7b87929;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;padding:8px}.deck-builder-screen .draft-slot{aspect-ratio:.7;background:#0f1314;border-radius:3px}.deck-builder-screen .draft-slot.filled{border-color:color-mix(in srgb, var(--faction) 56%, #d7bd84 24%);box-shadow:inset 0 0 0 1px #ffffff06}.deck-builder-screen .draft-card-preview img{filter:brightness(.82)contrast(1.04);transition:filter .16s,transform .16s}.deck-builder-screen .draft-card-preview:hover img{filter:brightness(.98)contrast(1.04);transform:scale(1.03)}.deck-builder-screen .draft-remove{color:#e5a4aa;background:#140c0df0;border-radius:2px;width:22px;height:22px;font-size:.75rem;top:3px;right:3px}.deck-builder-screen .deck-builder-tools{margin-top:2px;top:75px}.deck-builder-screen .deck-editor-actions{bottom:max(6px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07090af0;border-top:1px solid #d8b8772e;margin:0;padding:12px 0 5px}.screen-characters .character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.screen-characters .character-card{background:#101415;border:1px solid #ddc5952e;border-radius:5px;grid-template-rows:190px auto;grid-template-columns:1fr;gap:0;min-width:0;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.screen-characters .character-card:hover{border-color:#d8b56d80;transform:translateY(-4px);box-shadow:0 14px 30px #00000040}.screen-characters .character-card.selected{border-color:#d1aa5e;box-shadow:inset 0 -3px #cda353}.screen-characters .character-card img{object-position:center 24%;filter:saturate(.82)contrast(1.04);border-radius:0;width:100%;height:190px}.screen-characters .character-card>div{z-index:2;background:linear-gradient(#15191a,#0f1314);border-top:1px solid #e0c69033;align-content:start;gap:5px;min-height:132px;padding:15px;position:relative}.screen-characters .character-card b{color:#eee7da;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:500}.screen-characters .character-card small{color:#c8a65f;text-transform:uppercase;font-size:.62rem}.screen-characters .character-card p{color:#8f908b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:6px;display:-webkit-box;overflow:hidden}.screen-characters .character-card>i{color:#e8c981;text-transform:uppercase;background:#090c0de6;border:1px solid #e0c17d;border-radius:2px;padding:6px 8px;top:10px;right:10px}.screen-settings,.screen-profile{width:min(100%,980px)}.screen-settings .settings-panel{background:#101415;border:1px solid #dec69533;border-radius:5px;padding:0;overflow:hidden}.screen-settings .settings-panel label{border-color:#ffffff0d;min-height:86px;padding:0 18px 0 76px;position:relative}.screen-settings .settings-panel label:before{color:#d8b76f;border:1px solid #d3b16b52;place-items:center;width:38px;height:38px;font-size:1rem;display:grid;position:absolute;left:18px}.screen-settings .settings-panel label:first-child:before{content:"♪"}.screen-settings .settings-panel label:nth-child(2):before{content:"↝"}.screen-settings .settings-panel label:nth-child(3):before{content:"◐"}.screen-settings .settings-panel b{color:#e8e1d4;font-family:Georgia,Times New Roman,serif;font-weight:500}.screen-settings .settings-panel small{color:#8c8e89;font-size:.72rem}.screen-settings .settings-panel input[type=checkbox]{background:#272c2d;border:1px solid #ffffff14;border-radius:3px;width:48px;height:26px}.screen-settings .settings-panel input[type=checkbox]:before{background:#a9aba7;border-radius:2px;width:20px;height:20px}.screen-settings .settings-panel input[type=checkbox]:checked{background:#72582d}.screen-settings .settings-panel input[type=checkbox]:checked:before{background:#f1d99e;transform:translate(20px)}.screen-settings .legal-panel,.screen-profile .legal-panel{background:0 0;border:1px solid #ddc5952e;border-left:0;border-right:0;border-radius:0;grid-template-columns:150px 1fr;gap:0 26px;margin-top:18px;padding:18px 0;display:grid}.screen-settings .legal-panel h2,.screen-profile .legal-panel h2{color:#d3b46f;margin:0;padding:12px 0;font-family:Georgia,Times New Roman,serif;font-weight:500}.screen-settings .legal-panel p,.screen-profile .legal-panel p{color:#92938e;border-bottom:1px solid #ffffff0a;margin:0;padding:12px 0;font-size:.78rem}.screen-settings .legal-panel p:last-child,.screen-profile .legal-panel p:last-child{border-bottom:0}.screen-profile .profile-card-large{background:linear-gradient(90deg,#07090ae6,#07090a85),url(/art/ui/home-arena-v2.webp) 68% 45%/cover;border:1px solid #dec59352;border-radius:6px;grid-template-columns:220px 1fr;gap:30px;min-height:260px;padding:20px;position:relative;overflow:hidden;box-shadow:0 20px 48px #0000004d}.screen-profile .profile-card-large:after{content:"";background:linear-gradient(90deg,#0000,#5d9e96);width:42%;height:2px;position:absolute;bottom:0;right:0}.screen-profile .profile-card-large img{border:1px solid #e2c48573;border-radius:3px;width:220px;height:220px;box-shadow:0 14px 30px #0006}.screen-profile .profile-card-large>div{z-index:2;position:relative}.screen-profile .profile-card-large input{color:#f1eadc;background:#090c0dd1;border-color:#ddc18657;border-radius:3px;min-height:52px;margin:10px 0;font-family:Georgia,Times New Roman,serif;font-size:1.5rem}.screen-profile .profile-card-large p{color:#a5a49e;max-width:530px;font-size:.8rem;line-height:1.55}.screen-profile .profile-stats{gap:8px;margin-top:10px}.screen-profile .profile-stats div{background:#111516;border:1px solid #dcc3902e;border-radius:4px;align-content:center;min-height:102px}.screen-profile .profile-stats b{color:#dfc17d;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:500}.screen-profile .profile-stats span{color:#7e817d;text-transform:uppercase;font-size:.64rem}.screen-tutorial .tutorial-banner{text-align:left;background:linear-gradient(90deg,#050809f2,#050809b3 48%,#05080926),url(/art/ui/home-arena-v2.webp) 50% 54%/cover;border:1px solid #dec5935c;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:300px;padding:42px;display:flex;position:relative;overflow:hidden}.screen-tutorial .tutorial-banner:after{content:"";border:1px solid #d0b06e3d;border-radius:50%;width:170px;height:170px;animation:32s linear infinite home-ring-turn;position:absolute;bottom:24px;right:26px;box-shadow:inset 0 0 0 25px #080c0d38}.screen-tutorial .tutorial-banner>*{z-index:2;position:relative}.screen-tutorial .tutorial-banner>span{color:#c4a664;font-size:.62rem}.screen-tutorial .tutorial-banner h2{color:#f1eadc;max-width:560px;font-size:2.35rem;font-weight:500}.screen-tutorial .tutorial-banner p{color:#aaa9a3;max-width:520px;margin:0 0 20px;font-size:.82rem;line-height:1.55}.screen-tutorial .tutorial-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.screen-tutorial .tutorial-list article{background:#101415;border:1px solid #ddc59429;border-radius:4px;min-height:92px;padding:14px}.screen-tutorial .tutorial-list article>b{color:#dab971;background:#171811;border:1px solid #cda65857;border-radius:2px;width:38px;height:48px;font-family:Georgia,Times New Roman,serif;font-weight:500}.screen-tutorial .tutorial-list h3{color:#e8e1d5;font-family:Georgia,Times New Roman,serif;font-weight:500}.screen-tutorial .tutorial-list p{color:#8d8f8a}.screen-rules .rules-copy{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;display:grid}.screen-rules .rules-copy article{background:linear-gradient(145deg,#cda5550e,#0000 42%),#101415;border:1px solid #dec6952e;border-radius:4px;min-height:260px;padding:24px;position:relative;overflow:hidden}.screen-rules .rules-copy article:after{content:"";border:1px solid #c99f4f1f;width:100px;height:100px;position:absolute;bottom:-24px;right:-24px;transform:rotate(45deg)}.screen-rules .rules-copy span{color:#6d6c66;font-family:Georgia,Times New Roman,serif;font-size:2rem}.screen-rules .rules-copy h2{color:#e9e1d2;margin:22px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:500}.screen-rules .rules-copy p{color:#92938e;margin:0;font-size:.79rem;line-height:1.65}.screen-rules .keyword-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.screen-rules .keyword-grid article{background:#0f1314;border:1px solid #dec69526;border-radius:4px;min-height:118px;padding:15px;box-shadow:inset 2px 0 #55978f57}.screen-rules .keyword-grid b{color:#d8ba76;font-family:Georgia,Times New Roman,serif;font-weight:500}.screen-rules .keyword-grid p{color:#878984;font-size:.73rem}.screen-friend{width:min(100%,980px)}.screen-friend .friend-panel{background:linear-gradient(90deg,#050809f5,#050809d6 55%,#0508095c),url(/art/ui/home-arena-v2.webp) 66%/cover;border:1px solid #ddc38c57;border-radius:6px;flex-direction:column;justify-content:center;max-width:800px;min-height:520px;margin:24px auto 0;padding:42px;display:flex;position:relative;overflow:hidden}.screen-friend .friend-panel:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000,#4a918912);border-left:1px solid #dec38c1f;width:36%;position:absolute;top:0;bottom:0;right:0}.screen-friend .friend-panel>*{z-index:2;position:relative}.screen-friend .room-orb{color:#e0bf76;background:#070a0bad;border:1px solid #ddbe7f7a;border-radius:3px;width:76px;height:76px;margin:0 auto 20px;font-size:2rem;transform:rotate(45deg);box-shadow:inset 0 0 0 12px #cca6580a,0 14px 28px #0000004d}.screen-friend .room-orb:first-line{transform:rotate(-45deg)}.screen-friend .friend-panel h2{color:#f0e8da;margin:0 0 8px;font-size:2rem;font-weight:500}.screen-friend .friend-panel>p{color:#9d9e99;max-width:480px;margin:0 auto 14px;font-size:.8rem}.screen-friend .room-status{border-radius:3px;min-height:28px;font-size:.58rem}.screen-friend .friend-actions{width:min(100%,400px);margin-top:20px}.screen-friend .friend-actions input{color:#f0dfb4;background:#0a0e0fe6;border-color:#ddc28a52;border-radius:3px;min-height:50px;font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.screen-friend .resume-room-button{color:#f1f3ed;background:#356e64;border-color:#57a19385}.screen-friend .room-wait strong{color:#e1c17c;font-family:Georgia,Times New Roman,serif;font-weight:500}.modal-backdrop{-webkit-backdrop-filter:blur(12px)saturate(.85);backdrop-filter:blur(12px)saturate(.85);background:#030506db}.card-inspector{background:linear-gradient(135deg,#4f91890b,#0000 45%),#0e1213;border:1px solid #dec48e61;border-radius:6px;width:min(960px,100%);max-height:min(790px,94vh);padding:24px;box-shadow:0 30px 80px #0009}.card-inspector .close-button{background:#171b1c;border-radius:3px;width:36px;height:36px;top:10px;right:10px}.card-inspector .inspector-info h2{color:#f0e8d9;font-weight:500}.card-inspector .ability-name{color:#d3b069}.card-inspector .flavor{color:#a9a292}.card-role-note{--role-accent:#cda456;border:1px solid color-mix(in srgb, var(--role-accent) 42%, transparent);border-left:3px solid var(--role-accent);background:color-mix(in srgb, var(--role-accent) 7%, #0b0e0f);border-radius:3px;grid-template-columns:minmax(108px,auto) minmax(0,1fr);align-items:center;gap:10px;margin-top:12px;padding:9px 10px;display:grid}.card-role-note.type-spell{--role-accent:#72c7ff}.card-role-note.type-support{--role-accent:#a6df78}.card-role-note.type-trap{--role-accent:#ef8cc8}.card-role-note b{color:#f4e8cc;text-transform:uppercase;font-size:.68rem}.card-role-note span{color:#b8b4aa;font-size:.72rem;line-height:1.4}.card-inspector .level-comparison{gap:7px}.card-inspector .level-comparison>div{background:#121617;border-radius:4px}.card-inspector .level-comparison>div.current{background:#211d14;border-color:#cda456;box-shadow:inset 0 -2px #b88c40}.match-shell{width:min(100%,1040px);padding-top:max(8px, env(safe-area-inset-top))}.match-header{background:#080b0cf0;border-color:#debf806b;border-radius:5px;min-height:52px}.match-header .icon-button{background:#15191a;border-radius:3px}.combatant,.battlefield,.hand-zone,.action-bar,.battle-log,.event-cue{border-radius:5px}.battlefield{border-color:#debf806b}.hand-zone{background:#090c0df0}.action-bar{background:#090c0df7;border-radius:5px;width:min(100% - 14px,1026px);position:fixed}.action-bar button{border-radius:3px}.log-toggle{color:#0000;background:#0c1011f0;border-radius:3px;width:40px;height:40px;padding:0;font-size:0;overflow:hidden;transform:none}.log-toggle:before{content:"☰";color:#d5b46d;place-items:center;width:100%;height:100%;font-size:1rem;display:grid}.battle-log{background:#090c0dfa;border-radius:5px}.battle-log>button{background:#171b1c;border-radius:3px}@media (min-width:821px){.match-shell{flex-direction:column;height:100dvh;min-height:720px;display:flex;overflow:hidden}.combatant-stats{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name resources""health resources""minor resources";align-items:center;column-gap:12px;display:grid}.combatant-name{grid-area:name}.combatant-stats .health-bar{grid-area:health}.combatant-stats .minor-stats{grid-area:minor}.combatant-stats .resource-bar{grid-area:resources;max-width:260px}.battlefield{flex:auto;grid-template-rows:minmax(0,1fr) 26px minmax(0,1fr);min-height:300px;display:grid}.board-row{min-height:0}.board-slot{aspect-ratio:auto;height:100%}.hand-zone{flex:0 0 152px;min-height:0}.hand-tray{height:100%;min-height:0}}@media (max-width:1100px){.screen-library .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.screen-characters .character-grid,.screen-rules .keyword-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-builder-screen .draft-slots{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:820px){.screen{width:min(100%,720px);padding-left:14px;padding-right:14px}.top-bar{top:0}.screen-library .library-tools,.deck-builder-screen .library-tools{grid-template-columns:1fr;position:static}.screen-library .faction-tabs,.deck-builder-screen .faction-tabs{justify-content:flex-start}.screen-library .type-tabs,.deck-builder-screen .type-tabs{grid-column:1}.screen-library .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.screen-decks .deck-toolbar{margin:0 0 12px}.deck-builder-screen .draft-slots{z-index:16;scrollbar-color:#a17b3e #111516;background:#080b0cf7;min-height:122px;padding:8px;display:flex;position:sticky;top:75px;overflow-x:auto}.deck-builder-screen .draft-slot{aspect-ratio:auto;flex:0 0 78px;height:108px}.screen-characters .character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-rules .rules-copy{grid-template-columns:1fr}.screen-rules .rules-copy article{min-height:0}.screen-rules .keyword-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-tutorial .tutorial-banner{min-height:280px;padding:30px}.screen-tutorial .tutorial-list{grid-template-columns:1fr}.screen-friend .friend-panel{min-height:500px;margin-top:14px;padding:32px 24px}}@media (max-width:560px){.screen{padding-left:9px;padding-right:9px}.top-bar{grid-template-columns:40px 1fr 34px;gap:9px;min-height:66px}.top-bar h1{font-size:1.18rem}.top-bar-sigil{width:29px;height:29px}.screen-intro{margin:14px 0 18px;font-size:.74rem}.screen-library .library-tools,.deck-builder-screen .library-tools{padding-top:9px}.screen-library .faction-tabs button,.deck-builder-screen .faction-tabs button{min-width:40px;height:40px}.screen-library .type-tabs,.deck-builder-screen .type-tabs{overflow-x:auto}.screen-library .type-tabs button,.deck-builder-screen .type-tabs button{flex:none;padding:0 12px}.screen-library .collection-summary i{display:none}.screen-library .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.screen-decks .deck-heading{gap:11px;min-height:82px;padding:10px}.screen-decks .deck-panel.equipped .deck-heading:after{display:none}.screen-decks .deck-fans{transform-origin:0;transform:scale(.85)}.screen-decks .deck-details{padding:13px}.screen-decks .deck-details dl{grid-template-columns:1fr}.screen-decks .deck-details dl div{min-height:0}.screen-decks .deck-actions{justify-content:stretch}.screen-decks .deck-actions button{flex:100px}.deck-builder-screen .deck-editor-head{grid-template-columns:1fr;gap:8px}.deck-builder-screen .deck-editor-head div{grid-template-columns:auto 1fr;place-items:center start;gap:10px}.screen-characters .character-grid{grid-template-columns:1fr}.screen-characters .character-card{grid-template-rows:auto;grid-template-columns:126px 1fr;min-height:160px}.screen-characters .character-card img{width:126px;height:100%;min-height:160px}.screen-characters .character-card>div{border-top:0;border-left:1px solid #e0c69033;min-height:160px}.screen-settings .settings-panel label{min-height:80px;padding-left:60px;padding-right:12px}.screen-settings .settings-panel label:before{width:34px;height:34px;left:12px}.screen-settings .legal-panel,.screen-profile .legal-panel{grid-template-columns:1fr;gap:0}.screen-settings .legal-panel h2,.screen-profile .legal-panel h2{padding-bottom:3px}.screen-profile .profile-card-large{grid-template-columns:104px 1fr;gap:14px;min-height:180px;padding:12px}.screen-profile .profile-card-large img{width:104px;height:150px}.screen-profile .profile-card-large input{min-height:44px;font-size:1rem}.screen-profile .profile-card-large p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.screen-profile .profile-stats div{min-height:82px;padding:10px}.screen-profile .profile-stats b{font-size:1.5rem}.screen-tutorial .tutorial-banner{background-position:63%;min-height:250px;padding:24px 18px}.screen-tutorial .tutorial-banner:after{display:none}.screen-tutorial .tutorial-banner h2{font-size:1.65rem}.screen-rules .keyword-grid{grid-template-columns:1fr}.screen-rules .keyword-grid article{min-height:0}.screen-friend .friend-panel{background-position:63%;min-height:470px;padding:24px 16px}.screen-friend .friend-panel:after{display:none}.screen-friend .friend-panel h2{font-size:1.55rem}.card-inspector{grid-template-columns:118px minmax(0,1fr);gap:14px;padding:15px}.card-inspector .inspector-info h2{font-size:1.35rem}.card-inspector .level-comparison{grid-template-columns:1fr;max-height:330px;overflow-y:auto}.log-toggle{top:auto;bottom:80px;right:8px}}