.card-face[data-finish=foil] .card-art{isolation:isolate}.card-face[data-finish=foil] .card-set{z-index:2}.card-face[data-finish=foil] .card-art:before,.card-face[data-finish=foil] .card-art:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.card-face[data-finish=foil] .card-art:before{background-image:repeating-linear-gradient(115deg,#779bff 0%,#70f5df 12%,#f9eea1 24%,#ff99c6 36%,#ad8fff 48%,#779bff 60%),repeating-linear-gradient(35deg,#ffffff1a 0 1px,#17294c12 1px 3px);background-size:250% 250%,100% 100%;background-position:var(--pointer-x,50%) var(--pointer-y,50%), center;background-blend-mode:soft-light;mix-blend-mode:color-dodge;opacity:.48;-webkit-mask-image:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,40%), #000 5%, #000b 35%, #0002 75%);mask-image:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,40%), #000 5%, #000b 35%, #0002 75%)}.card-face[data-finish=foil] .card-art:after{background-image:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,40%), #fff9, #ffffff18 35%, transparent 65%), linear-gradient(115deg, transparent 35%, #fff5 48%, #fff9 50%, #fff5 52%, transparent 65%);background-size:100% 100%,240% 240%;background-position:center, var(--pointer-x,50%) var(--pointer-y,50%);mix-blend-mode:screen;opacity:.3}@media (prefers-reduced-motion:reduce){.card-face[data-finish=foil] .card-art:before,.card-face[data-finish=foil] .card-art:after{background-position:50%}.card-face[data-finish=foil] .card-art:before{-webkit-mask-image:linear-gradient(115deg,#0003,#000b,#0003);mask-image:linear-gradient(115deg,#0003,#000b,#0003)}.card-face[data-finish=foil] .card-art:after{background-image:linear-gradient(115deg,#0000 30%,#fff6 50%,#0000 70%)}}.music-controls{color:#355486;align-items:center;gap:8px;display:flex;position:relative}.music-controls>button{min-height:34px;color:inherit;white-space:nowrap;background:0 0;border:1px solid #9eb9e055;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:6px 9px;font:700 11px Arial,sans-serif;display:inline-flex}.music-controls>button[aria-pressed=true]{background:#407ceb12}.music-controls>button>span{font-size:17px}.music-controls input{accent-color:#447adb;cursor:pointer;width:62px;min-width:0;margin:0;padding:0}.music-controls>button:focus-visible,.music-controls input:focus-visible{outline-offset:3px;outline:2px solid #6398f8}.music-error{z-index:20;color:#912e48;background:#fff1f4;border:1px solid #c64967;border-radius:8px;width:240px;padding:12px;font:12px/1.5 Arial,sans-serif;position:absolute;top:100%;right:0;box-shadow:0 8px 20px #142e5222}.login-panel .music-controls input{background:0 0;border:0;width:62px;margin:0;padding:0}.hub-topbar{flex-wrap:wrap;gap:16px}.hub-topbar>.music-controls{margin-left:auto}.table-tools .music-controls{color:#d9eaff}.table-tools .music-controls>button,.table-tools .sound-controls>button{border-radius:6px;width:auto;height:36px;padding:6px 9px;font:700 11px Arial,sans-serif}.table-tools .music-error{top:auto;bottom:100%}.account-note{color:var(--muted);font-size:12px;line-height:1.6}.account-error{color:#bc355b;font-size:13px;line-height:1.5}.login-screen{color:#203458;--muted:#536b91;--gold:#295ccc;--line:#a9c4ed;background:radial-gradient(at 100% 0,#dce9ff,#0000 65%),#f2f6fc;grid-template-columns:minmax(0,1.6fr) minmax(390px,1fr);align-items:center;min-height:100dvh;display:grid;position:relative;overflow:clip}.login-world{--login-glow:#70e8ec;--login-base:#244fce;isolation:isolate;color:#fff;background:var(--login-base);min-height:max(780px,100dvh);padding:42px 8%;transition:background-color .7s;position:relative;overflow:clip}.login-world--saltwind-menagerie{--login-glow:#fff0b9;--login-base:#127b99}.login-world--lanternveil-caper{--login-glow:#ffc6cc;--login-base:#543490}.login-world:before{content:"";z-index:-1;opacity:.18;background:url(/art/appearance/epoch-pattern.svg) 0 0/160px 160px;animation:64s linear infinite login-pattern-drift;position:absolute;inset:0}.login-world:after{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 36%, var(--login-glow), transparent 67%);opacity:.75;transition:background .7s;position:absolute;inset:0}.login-constellation{border:1px solid #d0ffff66;border-radius:50%;width:680px;height:680px;position:absolute;top:9%;left:50%;translate:-50%;box-shadow:0 0 100px #a5faff18,inset 0 0 90px #a5faff18}.login-constellation:before,.login-constellation:after{content:"";border:1px solid #d0ffff55;border-radius:50%;position:absolute;inset:35px}.login-constellation:after{opacity:.5;border-style:dashed;animation:100s linear infinite eclipse-orbit;inset:85px}.login-constellation i{background:#ffdb5a;width:10px;height:10px;position:absolute;top:-5px;left:50%;rotate:45deg;box-shadow:0 0 25px #ffd76e88}.login-constellation i:nth-child(2){top:50%;left:-5px}.login-constellation i:nth-child(3){top:50%;left:calc(100% - 5px)}.login-card-fan{aspect-ratio:2/3;perspective:1200px;z-index:2;width:clamp(180px,18vw,285px);position:absolute;top:44%;left:50%;translate:-50% -50%}.login-card-float,.login-card-tilt{width:100%;height:100%;transform-style:preserve-3d;position:relative}.login-card-float{animation:8s ease-in-out infinite tarot-breathe}.login-card-fan:is(:hover,:focus-within) .login-card-float{animation-play-state:paused}.login-card-tilt{transition:transform .5s ease-out}.login-tarot{background:#2352ae;border:2px solid #d2f8ff;border-radius:9px;width:100%;padding:3px;transition:transform .75s cubic-bezier(.2,.75,.2,1),box-shadow .3s,translate .3s;position:absolute;inset:0;box-shadow:0 30px 45px #0c245c66,0 5px 8px #10255766}.login-tarot>span{pointer-events:none;display:block}.login-tarot:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 25%,#ffffff40 48%,#0000 68%) 100% 0/250% 100%;transition:background-position .7s,opacity .3s;position:absolute;inset:0}.login-tarot-0{transform:translate(-70%,10%)rotate(-18deg)scale(.86)}.login-tarot-1{z-index:2;transform:translateY(-8%)rotate(-3deg)}.login-tarot-2{transform:translate(70%,10%)rotate(18deg)scale(.86)}.login-tarot:focus-visible{outline-offset:7px;outline:4px solid #ffda58}.login-tarot:focus-visible:after{opacity:1;background-position:0 0}.login-world-copy{z-index:3;pointer-events:none;text-shadow:0 3px #1745ab22;position:absolute;bottom:7%;left:8%;right:8%}.eyebrow{letter-spacing:.15em;color:#3260b9;font-size:10px;font-weight:800}.login-world .eyebrow{color:#d5f8ff}.login-world-copy h1{letter-spacing:-.045em;max-width:12ch;margin:16px 0 0;font:900 clamp(38px,4.2vw,70px)/1.02 Arial,sans-serif;animation:.5s ease-out login-title-arrive}.login-panel{background:#ffffffd9;border:1px solid #fff;border-radius:20px;justify-self:center;width:min(420px,100% - 48px);margin-block:36px;padding:30px 36px;position:relative;box-shadow:0 24px 65px #28477914,0 3px 8px #28477908}.login-panel>.music-controls{justify-content:flex-end;margin-bottom:24px}.login-panel button{transition:translate .18s,box-shadow .18s,background-color .18s}.login-panel button[type=submit]:hover{translate:0 -2px;box-shadow:0 6px #d19b28,0 8px 18px #d19b2830}.login-panel button[type=submit]:active{translate:0 3px;box-shadow:0 1px #d19b28}.login-panel .account-switch:hover,.guest-entry:hover{color:#203458;background:#cfe1ff}.login-panel input:focus-visible{outline-offset:2px;border-color:#5689e8;outline:3px solid #467eec44}@keyframes eclipse-orbit{to{rotate:360deg}}@keyframes tarot-breathe{50%{translate:0 -10px}}@keyframes login-pattern-drift{to{background-position:160px -160px}}@keyframes login-title-arrive{0%{opacity:0;translate:0 8px}}@media (hover:hover) and (pointer:fine){.login-world:hover .login-card-tilt{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.login-tarot:hover{translate:0 -12px;box-shadow:0 40px 55px #0c245c77,0 5px 8px #10255766}.login-tarot:hover:after{opacity:1;background-position:0 0}}@media (width<=1000px) and (width>=800px){.login-card-fan{width:175px}.login-constellation{width:500px;height:500px;top:17%}}@media (width<=799px){.login-screen{grid-template-columns:1fr}.login-world{min-height:490px;padding:24px}.login-world .epoch-wordmark{font-size:23px}.login-world .epoch-wordmark>span{font-size:32px}.login-card-fan{width:145px;top:48%}.login-constellation{width:400px;height:400px;top:0}.login-world-copy{bottom:22px;left:24px}.login-world-copy h1{max-width:none;font-size:32px}.login-world-copy .eyebrow{font-size:8px}.login-panel{width:min(460px,100% - 32px);margin-block:24px;padding:24px}}@media (prefers-reduced-motion:reduce){.login-world:before,.login-card-float,.login-constellation:after,.login-world-copy h1{animation:none}.login-world,.login-world:after,.login-card-tilt,.login-tarot,.login-tarot:after,.login-panel button{transition:none}.login-world:hover .login-card-tilt{transform:none}.login-tarot:hover,.login-panel button[type=submit]:hover,.login-panel button[type=submit]:active{translate:none}}.epoch-wordmark{z-index:2;letter-spacing:.02em;color:#fff;align-items:center;gap:16px;font:italic 900 35px Arial,sans-serif;display:flex;position:relative}.epoch-wordmark>span{color:#ffcf47;font-size:48px}.epoch-wordmark small{letter-spacing:.2em;margin-top:9px;font:800 9px Arial,sans-serif;display:block}.login-panel h2{color:#203458;margin:16px 0 28px;font:900 31px Arial,sans-serif}.login-panel fieldset{border:0;margin:0;padding:0}.login-panel label{color:#203458;margin-top:18px;font-size:11px;display:block}.login-panel input{color:#203458;background:#fff;border:2px solid #c6d7f0;border-radius:10px;width:100%;margin-top:8px;padding:13px 14px;font-size:14px;display:block}.login-panel button[type=submit]{color:#203458;background:#ffcf47;border:2px solid #efba3a;border-radius:10px;width:100%;margin-top:24px;padding:14px;font-weight:700;box-shadow:0 4px #d19b28}.login-panel .account-switch{text-align:center;color:#203458;background:0 0;border:0;width:100%;margin-top:18px;padding:7px 0;font-size:11px}.login-divider{color:#536b91;align-items:center;gap:14px;margin:28px 0 20px;font-size:9px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#536b9133;flex:1;height:1px}.guest-entry{color:#2751a7;background:#e3edff;border:2px solid #b3cbee;border-radius:10px;width:100%;padding:13px;font-size:12px}.guest-entry span{margin-left:15px}.login-note{color:#536b91;text-align:center;margin-top:16px;font-size:11px;line-height:1.7}.guest-results{background:0 0;border:0;max-width:calc(100vw - 32px);padding:0}.guest-results::backdrop{background:#09090de0}.guest-results>div{color:#203458;background:#e7efff;border:1px solid #536b91;border-radius:16px;max-width:480px;padding:32px}.guest-results button{margin:12px 12px 0 0;padding:12px 18px}.card-detail-dialog{background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.card-detail-dialog[open]{place-items:center;display:grid}.card-detail-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061022d9}.card-detail-dialog .card-detail-close{z-index:2;right:max(18px, env(safe-area-inset-right));top:max(18px, env(safe-area-inset-top));color:#f4f8ff;background:#142642aa;border:1px solid #e1edff44;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font:300 30px/1 Arial,sans-serif;display:grid;position:absolute}.card-detail-dialog .card-detail-close:hover{color:#fff;background:#284365}.card-inspection{perspective:1600px;width:min(100vw - 80px,66.6667dvh - 66.6667px)}.card-inspection .card-face{border-width:3px;border-radius:12px;width:100%;padding:clamp(6px,1vw,12px);transition:transform .25s ease-out,box-shadow .25s ease-out;position:relative;transform:rotateX(0)rotateY(0);box-shadow:0 32px 55px #0009,0 10px 18px #0006,0 0 0 1px #fff5,inset 0 0 0 2px #ffffff80}@media (hover:hover) and (pointer:fine){.card-inspection:hover .card-face{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 36px 65px #000a,0 12px 24px #0006,0 0 0 1px #fff8,inset 0 0 0 2px #ffffff80}}@media (width<=550px){.card-inspection{width:min(100vw - 32px,66.6667dvh - 80px)}}@media (prefers-reduced-motion:reduce){.card-inspection:hover .card-face{transform:none}.card-inspection .card-face,.card-inspection .card-face:after{transition:none}}.starter-decks-dialog{color:#f2f7ff;background:#193573;border:2px solid #85bdff;border-radius:22px;width:1120px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);padding:38px 42px 24px;overflow-y:auto;box-shadow:0 30px 100px #000b}.starter-decks-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050908df}.starter-decks-heading{text-align:center}.starter-decks-heading .eyebrow{letter-spacing:.24em;color:#8dabd3;font-size:9px}.starter-decks-heading h2{margin:12px 0;font:800 38px Arial,Helvetica,sans-serif}.starter-decks-heading>p:last-child{color:#8dabd3;font-size:12px;line-height:1.7}.starter-decks-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;padding:28px 4px 25px;display:grid}.starter-deck{--box-accent:#ffcf47;--box-dark:#214db9;text-align:center;min-width:0}.starter-deck--saltwind-menagerie{--box-accent:#79f1df;--box-dark:#007a99}.starter-deck--lanternveil-caper{--box-accent:#ffacd9;--box-dark:#6940b6}.starter-deck--dawncourt-legends{--box-accent:#ffe2a0;--box-dark:#9a3048}.starter-deck--velvet-arcana{--box-accent:#ffc5e2;--box-dark:#643085}.starter-deck--ironwake-battalion{--box-accent:#ffd18c;--box-dark:#245c75}.starter-deck-choice{color:#f2f7ff;background:0 0;border:0;width:100%;padding:0;display:block}.starter-deck-choice:hover:not(:disabled){background:0 0}.starter-deck-choice:disabled{opacity:.65}.starter-deck-package{filter:drop-shadow(10px 18px 12px #0009);margin:0 13px 0 0;padding-top:14%;transition:transform .22s;position:relative}.starter-deck-choice:hover:not(:disabled) .starter-deck-package,.starter-deck-choice:focus-visible .starter-deck-package{transform:translateY(-7px)rotate(-1deg)}.starter-deck-tab{border:1px solid var(--box-accent);background:repeating-linear-gradient(125deg, transparent 0 16px, #f2f7ff12 17px 18px), var(--box-dark);letter-spacing:.12em;height:19%;color:var(--box-accent);border-radius:3px 3px 0 0;justify-content:space-between;align-items:start;padding:12px 10px;font:800 8px Arial,Helvetica,sans-serif;display:flex;position:absolute;top:0;left:8%;right:8%}.starter-deck-tab i{background:#111714;border-radius:8px;width:30%;height:14%;position:absolute;top:29%;left:35%;box-shadow:inset 0 2px 3px #000}.starter-deck-tab i:before{content:"";background:#111714;border-radius:50% 50% 0 0;width:22%;height:100%;position:absolute;top:-50%;left:39%}.starter-deck-front{isolation:isolate;aspect-ratio:.73;border:1px solid var(--box-accent);background:var(--box-dark);box-shadow:inset 0 0 0 4px #12120c, inset 0 0 0 5px var(--box-accent);border-top-width:3px;position:relative;overflow:hidden}.starter-deck-art{z-index:-2;object-fit:cover;object-position:38% center;width:100%;height:100%;position:absolute;inset:0}.starter-deck-front:before{content:"";z-index:-1;background:linear-gradient(0deg, var(--box-dark) 4%, transparent 62%), linear-gradient(110deg, transparent 30%, #0c1a3b44 90%);position:absolute;inset:0}.starter-deck-front:after{content:"";pointer-events:none;background:linear-gradient(115deg,#fff3 0%,#0000 18% 65%,#fff1 80%,#0000 90%);border:1px solid #f2f7ff52;position:absolute;inset:5px}.starter-deck-print{letter-spacing:.1em;color:#f2f7ff;background:#0c1a3ba6;justify-content:space-between;align-items:center;padding:12px 10px;font-size:6px;display:flex}.starter-deck-print b{color:var(--box-accent);font-size:15px}.starter-deck-window{background:linear-gradient(130deg,#f2f7ff,#254a83 45%,#8dabd3 80%,#f2f7ff);border:2px solid #f2f7ff;border-radius:3px;width:48%;padding:5px;position:absolute;top:19%;right:9%;box-shadow:0 0 0 3px #122858b3,0 6px 12px #0009}.starter-deck-window .card-face{border-radius:1px;padding:3px;box-shadow:0 0 0 1px #0c1a3b}.starter-deck-window:after{content:"";pointer-events:none;background:linear-gradient(120deg,#fff3,#0000 35% 60%,#fff2 61%,#0000 80%);position:absolute;inset:5px;box-shadow:inset 2px 3px 5px #0007}.starter-deck-brand{text-shadow:0 2px 3px #000,0 0 12px #000;width:100%;position:absolute;bottom:23%}.starter-deck-brand>span{letter-spacing:.04em;color:#f2f7ff;font:700 clamp(25px,3vw,38px) Arial,Helvetica,sans-serif}.starter-deck-brand small{letter-spacing:.28em;font-size:6px;display:block}.starter-deck-title{background:#0c1a3bc9;border-block:1px solid #f2f7ff77;width:100%;padding:8px 12px;position:absolute;bottom:8%}.starter-deck-title small{color:var(--box-accent);letter-spacing:.22em;margin-bottom:5px;font:800 8px Arial,Helvetica,sans-serif;display:block}.starter-deck-title strong{color:#f2f7ff;text-shadow:0 2px #000;font:700 clamp(18px,2vw,25px)/1.05 Arial,Helvetica,sans-serif;display:block}.starter-deck-seal{bottom:2.5%;color:#f2f7ff;letter-spacing:.09em;justify-content:space-between;align-items:center;font-size:6px;display:flex;position:absolute;inset-inline:12px}.starter-deck-seal>span:first-child{color:var(--box-accent);font:700 11px Arial,Helvetica,sans-serif}.starter-deck-spine{writing-mode:vertical-rl;text-align:center;border:1px solid var(--box-accent);background:linear-gradient(90deg, var(--box-dark), #0c1a3b);width:13px;color:var(--box-accent);letter-spacing:.17em;clip-path:polygon(0 0,100% 1.5%,100% 98.5%,0 100%);padding-top:20px;font:800 7px Arial,Helvetica,sans-serif;position:absolute;top:9.3%;bottom:0;right:-13px}.starter-deck-cta{color:#f2f7ff;background:#8dabd30c;border:1px solid #8dabd355;justify-content:space-between;align-items:center;margin-top:24px;padding:12px 15px;font-size:11px;display:flex}.starter-deck-choice:hover:not(:disabled) .starter-deck-cta{border-color:var(--box-accent);background:#8dabd31c}.starter-deck h3{margin:17px 0 7px;font:800 18px Arial,Helvetica,sans-serif}.starter-deck-ace{color:#8dabd3;margin:0;font-size:10px;line-height:1.7}.starter-deck-ace span{white-space:nowrap;color:var(--box-accent)}.starter-decks-footer{color:#8dabd3;border-top:1px solid #8dabd333;justify-content:space-between;gap:15px;padding-top:18px;font-size:10px;line-height:1.7;display:flex}@media (width<=760px){.starter-decks-dialog{padding:30px 22px 22px}.starter-decks-shelf{grid-template-columns:1fr;gap:35px}.starter-deck{width:min(290px,100%);margin-inline:auto}.starter-deck-brand>span{font-size:36px}.starter-deck-title strong{font-size:24px}.starter-decks-footer{text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){.starter-deck-package{transition:none}}.online-lobby-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:24px;display:grid}.online-loadout{background:radial-gradient(at 50% 30%,#536b9120,#0000 65%),#e7efff55;flex-direction:column;justify-content:center;padding:32px;display:flex}.online-loadout>.eyebrow{margin:0}.online-loadout .loadout-fan{height:245px;margin:20px 0 14px}.online-loadout h2{margin:16px 0 8px}.online-loadout>p:not(.eyebrow){margin:0}.online-loadout label{margin-top:24px}.online-loadout>.online-deck-ready{color:#203458;margin-top:14px}.online-options{gap:20px;min-width:0;display:grid}.online-match-option{padding:28px}.online-match-option>.eyebrow{margin:0 0 14px}.online-match-option h2,.online-waiting h2{color:#203458;margin:0 0 12px;font:800 25px Arial,Helvetica,sans-serif}.online-match-option>p:not(.eyebrow),.online-waiting>p:not(.eyebrow){color:#536b91;max-width:48ch;margin:0 0 22px;font-size:12px;line-height:1.8}.online-match-option>.hub-primary{border-radius:3px;min-width:185px}.online-invite-entry{border-top:1px solid #536b912b;margin-top:24px;padding-top:20px}.online-input-label{color:#203458;font-size:11px;line-height:1.6;display:block}.online-join-row{align-items:stretch;gap:10px;margin-top:8px;display:flex}.online-arena .online-join-row input{flex:1;min-width:0;margin:0}.online-join-row button{flex-shrink:0}.online-arena input::placeholder{color:#536b91;opacity:1}.online-arena input:focus,.online-arena select:focus{outline-offset:2px;outline:1px solid #536b91}.online-rules{border-block:1px solid #536b912b;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;padding:22px 0;display:grid}.online-rules>div+div{border-left:1px solid #536b912b;padding-left:24px}.online-rules strong{color:#203458;font:800 17px Arial,Helvetica,sans-serif;display:block}.online-rules span{color:#536b91;margin-top:8px;font-size:10px;line-height:1.6;display:block}.online-waiting{flex-direction:column;justify-content:center;align-items:flex-start;min-height:330px;padding:36px;display:flex}.online-seal{color:#536b91;margin-bottom:24px;font:800 56px Arial,Helvetica,sans-serif}.online-waiting .eyebrow{margin:0 0 16px}.online-waiting .online-input-label{width:100%;margin-bottom:24px}.online-input-label small{color:#536b91;margin-top:10px;font-size:10px;display:block}@media (width<=1150px){.online-lobby-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px}.online-loadout,.online-match-option{padding:24px}.online-join-row{flex-wrap:wrap}.online-join-row input{flex-basis:100%}.online-join-row button{width:100%}}@media (width<=950px){.online-lobby-layout{grid-template-columns:1fr}.online-loadout .loadout-fan{height:200px}.online-loadout label{align-self:center;width:100%;max-width:400px}.online-waiting{min-height:320px}}@media (width<=550px){.online-rules{gap:14px}.online-rules>div+div{padding-left:14px}.online-rules strong{font-size:14px}.online-rules span{font-size:9px}.online-loadout,.online-match-option,.online-waiting{padding:22px}.online-match-option>button{width:100%}}.online-battle{z-index:50;background:#f6f9ff;position:fixed;inset:0;overflow:hidden}.online-battle>.app-shell{height:100%}.online-table-status{color:#536b91;padding:0 16px 12px;font-size:11px}.online-table-status p{margin:0 0 8px;line-height:1.6}.online-table-status p>span:last-child:not(:first-child){display:block}.online-table-status .online-connected{color:#74efd3}.online-table-status [role=alert]{color:#ffa6bc}.online-ready-actions{flex-wrap:wrap;gap:12px;display:flex}.player-hub{color:#203458;--muted:#536b91;--gold:#285ad2;--line:#afc9ee;background:#f6f8fc;grid-template-columns:224px minmax(0,1fr);min-height:100dvh;display:grid}.hub-sidebar{color:#fff;background:linear-gradient(165deg,#153d8d,#102b63);border-right:0;flex-direction:column;align-self:start;height:100dvh;padding:34px 20px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.hub-sidebar .epoch-wordmark{gap:10px;font-size:30px;text-decoration:none}.hub-sidebar .epoch-wordmark>span{font-size:37px}.hub-sidebar .epoch-wordmark small{font-size:7px}.hub-nav-label{letter-spacing:.21em;color:#accaff;margin:52px 12px 16px;font-size:9px;font-weight:800}.hub-sidebar nav{gap:6px;display:grid}.hub-sidebar nav button{text-align:left;color:#dceaff;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:13px;padding:15px 12px;font-size:13px;font-weight:700;display:flex}.hub-sidebar nav button>span{color:currentColor;text-align:center;width:20px;font-size:18px}.hub-sidebar nav button small{opacity:.6;margin-left:auto;font-size:10px}.hub-sidebar nav button[aria-current]{color:#fff;background:#ffffff12;border-color:#ffffff26;box-shadow:inset 3px 0 #ffda58}.hub-battle-button{color:#193267;background:#ffcf47;border-color:#ffe79c;border-radius:10px;align-items:center;gap:12px;margin-top:25px;padding:15px 12px;font-size:12px;font-weight:900;display:flex;box-shadow:0 4px #0b296d}.hub-battle-button>:last-child{margin-left:auto}.hub-account{border-top:1px solid #536b9130;margin-top:auto;padding-top:17px}.hub-account>button:first-child{text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:0;font-size:12px;display:flex}.hub-account img{object-fit:cover;border:1px solid #536b9177;border-radius:50% 50% 3px 3px;width:36px;height:42px}.hub-account small{color:#bcd5ff;margin-top:5px;font-size:9px;display:block}.hub-signout{color:#bcd5ff;background:0 0;border:0;width:100%;margin-top:13px;padding:7px;font-size:10px}.hub-main{min-width:0}.hub-topbar{letter-spacing:.1em;color:#536b91;background:#ffffffbd;border-bottom:1px solid #536b9120;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 clamp(24px,4vw,64px);font-size:10px;font-weight:700;display:flex}.hub-topbar b{opacity:.5;margin:0 15px}.hub-storage{letter-spacing:0;align-items:center;gap:12px;display:flex}.hub-storage button{background:0 0;border:0;font-size:18px}.hub-content{max-width:1800px;margin-inline:auto;padding:30px clamp(24px,3.5vw,64px) 56px;animation:.25s ease-out hub-arrive}.hub-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.hub-page-heading .eyebrow{margin:0 0 14px}.hub-page-heading h1{letter-spacing:-.025em;margin:0;font:800 34px Arial,Helvetica,sans-serif}.hub-page-heading p:not(.eyebrow){color:#536b91;margin:12px 0 0;font-size:14px;line-height:1.6}.hub-chip{color:#2d56a7;letter-spacing:.045em;white-space:nowrap;background:#e5efff;border:1px solid #bdd3f4;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:700;display:inline-block}.hub-primary{color:#203458;background:#ffcf47;border:1px solid #ffdf72;border-radius:5px;padding:13px 21px;font-size:13px;font-weight:900;box-shadow:0 3px #c1952b}.hub-primary:hover:not(:disabled){color:#203458;background:#ffe180}.hub-primary>span{margin-left:25px}.hub-stats{background:#fff;border:1px solid #c5d7f4;border-radius:16px;grid-template-columns:repeat(4,1fr);margin:24px 0 32px;display:grid}.hub-stats>div{border-right:1px solid #536b9125;padding:23px 24px}.hub-stats>div:last-child{border:0}.hub-stats strong{color:#295ccc;font:900 30px Arial,sans-serif;display:block}.hub-stats span{color:#536b91;margin-top:8px;font-size:10px;display:block}.sanctum-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.hub-panel{background:#fff;border:1px solid #c5d7f4;border-radius:16px;padding:24px;box-shadow:0 4px #d8e4f433}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.panel-heading h2{margin:0;font:800 18px Arial,Helvetica,sans-serif}.panel-heading button{color:#536b91;background:0 0;border:0;padding:4px;font-size:9px}.recent-battle{border-top:1px solid #536b9124;align-items:center;gap:24px;padding:14px 0;font-size:11px;display:flex}.recent-battle strong{min-width:53px;font-weight:400}.recent-battle small{color:#536b91;margin-top:5px;font-size:9px;display:block}.result-win strong{color:#137961}.result-loss strong,.result-surrender strong{color:#af3f65}.hub-empty{text-align:center;color:#536b91;border:1px dashed #536b9133;padding:50px 20px}.hub-empty h2,.hub-empty h3{color:#203458;font:800 22px Arial,Helvetica,sans-serif}.hub-empty p{font-size:12px;line-height:1.7}.hub-empty>span{color:#536b91;font-size:36px}.compact-empty{border:0;padding:10px}.hub-empty button{margin-top:10px;padding:10px 15px}.hub-error{color:#a12f51;background:#ffe5ed;border:1px solid #efa3ba;padding:13px;font-size:12px;line-height:1.6}.hub-success{color:#137961;font-size:12px}.hub-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.hub-actions button{padding:10px 12px;font-size:10px}.hub-footer{color:#536b91;letter-spacing:.12em;border-top:1px solid #536b9120;justify-content:space-between;padding:18px clamp(24px,4vw,64px);font-size:8px;display:flex}.player-loading{text-align:center;background:radial-gradient(#e7efff,#101614 65%);place-content:center;justify-items:center;gap:15px;min-height:100dvh;padding:24px;display:grid}.player-loading h1{font:800 30px Arial,Helvetica,sans-serif}.player-loading button{padding:12px 20px}.player-loading p{max-width:540px;line-height:1.7}.hub-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.hub-tabs button{background:0 0;padding:9px 14px;font-size:11px}.hub-tabs [aria-pressed=true]{color:#203458;background:#536b912b;border-color:#536b9188}.history-entry{background:#f6f9ff6b;border:1px solid #536b9138;margin-bottom:10px}.history-entry summary{cursor:pointer;grid-template-columns:40px 1fr 1.4fr 100px 15px;align-items:center;gap:18px;padding:20px;font-size:12px;list-style:none;display:grid}.history-entry summary::-webkit-details-marker{display:none}.history-entry small{color:#536b91;margin-top:7px;font-size:10px;display:block}.result-seal{color:#536b91;font-size:27px}.history-detail{border-top:1px solid #536b9130;padding:0 24px 24px}.history-detail p{font-size:12px}.history-detail h3{color:#536b91;font-size:11px}.history-detail ol{color:#203458;max-height:270px;font-size:11px;line-height:1.9;overflow-y:auto}.profile-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:32px;margin-bottom:32px;display:grid}.duelist-passport{text-align:center;background:radial-gradient(at top,#c9daf635,#f6f9ff55);border:1px solid #536b9140;padding:35px}.duelist-passport>img{object-fit:cover;border:1px solid #536b91;border-radius:50% 50% 4px 4px;width:130px;height:158px;margin:0 auto 24px;display:block}.duelist-passport h2{font:800 29px Arial,Helvetica,sans-serif}.duelist-passport p{color:#536b91;overflow-wrap:anywhere;font:italic 14px/1.6 Arial,Helvetica,sans-serif}.duelist-passport>div{color:#536b91;border-block:1px solid #536b9130;justify-content:space-around;margin-top:25px;padding:20px 0;font-size:11px;display:flex}.duelist-passport>small{color:#536b91;margin-top:18px;font-size:10px;display:block}.profile-form fieldset{border:0;margin:0;padding:0}.profile-form label,.form-label{color:#203458;margin:0 0 22px;font-size:11px;display:block}.profile-form input,.profile-form textarea,.battle-loadout select,.online-arena input{color:#203458;background:#f6f9ff;border:1px solid #536b914d;border-radius:3px;width:100%;margin-top:8px;padding:12px 14px;font:13px Arial,sans-serif;display:block}.profile-form small{color:#536b91;margin-top:6px;font-size:9px;display:block}.avatar-options{gap:15px;margin-bottom:25px;display:flex}.avatar-options button{width:74px;height:86px;padding:3px}.avatar-options img{object-fit:cover;width:100%;height:100%}.avatar-options [aria-pressed=true]{border-color:#203458;box-shadow:0 0 0 2px #536b912c}.milestone-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:22px;display:grid}.milestone{text-align:center;opacity:.65;background:#f6f9ff5c;border:1px solid #536b9128;padding:15px 10px}.milestone>span{color:#536b91;font-size:30px;display:block}.milestone strong{margin:12px 0 8px;font:800 16px Arial,Helvetica,sans-serif;display:block}.milestone small{color:#536b91;font-size:10px}.milestone b{color:#536b91;text-transform:uppercase;letter-spacing:.1em;margin-top:17px;font-size:8px;display:block}.milestone.unlocked{opacity:1;border-color:#536b9159}.milestone.unlocked b{color:#536b91}.battle-setup{grid-template-columns:1.1fr 1fr;gap:28px;display:grid}.cpu-opponent{isolation:isolate;background:#d8e7ff;border:1px solid #bfd1f1;border-radius:18px;min-height:580px;position:relative;overflow:hidden}.cpu-opponent>img{object-fit:cover;opacity:1;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.cpu-opponent:after{content:"";z-index:-1;background:linear-gradient(#edf4ff00 25%,#edf4fff5 66%,#edf4ff 95%);position:absolute;inset:0}.cpu-opponent>div{padding:32px;position:absolute;bottom:0}.cpu-opponent h2{margin:19px 0;font:800 34px Arial,Helvetica,sans-serif}.cpu-opponent p{color:#203458;font-size:12px;line-height:1.8}.opponent-rules{color:#536b91;gap:15px;margin-top:22px;font-size:9px;display:flex}.battle-loadout{text-align:center;background:#fff;border:1px solid #c5d7f4;border-radius:18px;padding:30px}.battle-loadout label{text-align:left;color:#536b91;margin-top:24px;font-size:11px;display:block}.battle-loadout h2{font:800 25px Arial,Helvetica,sans-serif}.battle-loadout>p:not(.eyebrow){color:#536b91;font-size:11px}.battle-loadout .hub-primary{width:100%;margin-top:25px}.battle-loadout>small{color:#536b91;margin-top:14px;font-size:9px;display:block}.loadout-fan{justify-content:center;align-items:center;height:230px;margin-top:20px;display:flex}.loadout-fan>div{flex-shrink:0;width:120px;box-shadow:0 15px 30px #0008}.loadout-fan>div:first-child{translate:15px 10px;rotate:-12deg}.loadout-fan>div:nth-child(2){z-index:1}.loadout-fan>div:last-child{translate:-15px 10px;rotate:12deg}.loadout-fan>div:only-child{translate:0;rotate:0deg}.online-preview{color:#536b91;border:1px dashed #536b9144;align-items:center;gap:22px;margin-top:28px;padding:24px;display:flex}.online-preview>span:first-child{font-size:28px}.online-preview strong{font:800 18px Arial,Helvetica,sans-serif}.online-preview p{color:#536b91;font-size:11px}.online-preview .hub-chip{margin-left:auto}@keyframes hub-arrive{0%{opacity:0;translate:0 5px}}@media (width<=1100px){.player-hub{grid-template-columns:195px minmax(0,1fr)}.hub-sidebar{padding-inline:14px}.hub-content{padding-inline:24px}.sanctum-columns{grid-template-columns:1fr}.loadout-fan>div{width:95px}.battle-loadout,.cpu-opponent>div{padding:22px}.hub-stats>div{padding:20px 15px}}@media (width<=800px){.player-hub{grid-template-columns:1fr}.hub-sidebar{height:auto;padding:18px;display:block;position:relative}.hub-sidebar .epoch-wordmark{font-size:21px}.hub-sidebar nav{margin-top:18px;display:flex;overflow-x:auto}.hub-sidebar nav button{flex-shrink:0;padding:10px;font-size:10px}.hub-nav-label,.hub-account,.hub-sidebar nav button small{display:none}.hub-battle-button{margin:0;position:absolute;top:18px;right:18px}.hub-topbar{padding-inline:20px}.hub-content{padding:26px 20px}.hub-page-heading{align-items:start}.hub-page-heading h1{font-size:29px}.hub-page-heading>.hub-chip{display:none}.hub-stats{grid-template-columns:repeat(2,1fr)}.hub-stats>div{border-bottom:1px solid #536b9125}.battle-setup,.profile-layout{grid-template-columns:1fr}.cpu-opponent{min-height:460px}.milestone-grid{grid-template-columns:repeat(2,1fr)}.online-preview{flex-wrap:wrap}.online-preview .hub-chip{margin-left:0}.history-entry summary{grid-template-columns:22px 1fr 1fr;gap:12px;padding:15px}.history-entry summary time{grid-column:2}.hub-storage,.hub-topbar>span:first-child{font-size:8px}.hub-footer{padding-inline:20px}}.battle-loadout,.cpu-opponent{min-width:0}.loadout-fan>div{flex-shrink:1}@media (width<=800px){.hub-account{align-items:center;gap:15px;margin-top:16px;padding-top:12px;display:flex}.hub-account>button:first-child{flex:1;width:auto}.hub-signout{width:auto;margin-top:0}}.hub-secondary{color:#264daa;background:#e4edff;border:1px solid #9ebcee;border-radius:8px;min-height:42px;padding:11px 18px;font-size:12px;line-height:1.4}.hub-guest-notice{background:#eaf0fa;border:0;border-left:3px solid #73a3ed;border-radius:0;justify-content:space-between;align-items:center;gap:20px;width:calc(100% - 2*clamp(24px,3.5vw,64px));max-width:1672px;margin:20px auto 0;padding:12px 16px;display:flex}.hub-guest-notice strong{color:#203458;font:800 13px Arial,Helvetica,sans-serif}.hub-guest-notice p{color:#536b91;margin:3px 0 0;font-size:11px;line-height:1.6}.hub-guest-notice button{flex-shrink:0}@media (width<=800px){.hub-guest-notice{flex-wrap:wrap;gap:14px;width:calc(100% - 40px)}}.player-hub :where(button:not(.hub-primary,.hub-battle-button)):hover:not(:disabled){color:#193f92;background-color:#dceaff}.player-hub input,.player-hub select,.player-hub textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.player-hub button:not([class]),.deck-selector button,.deck-entry button,.catalog-card-meta button{color:#244b9b;background:#e5efff;border-color:#bed1ed}.hub-sidebar .epoch-wordmark{color:#fff}.hub-sidebar .eyebrow{color:#9deeff}.hub-sidebar .hub-account>button:first-child,.hub-sidebar .hub-signout{color:#e3efff;background:0 0}.hub-sidebar .hub-nav-item:hover:not(:disabled){color:#fff;background:#ffffff18}.hub-sidebar .hub-account button:hover:not(:disabled){color:#fff;background:#ffffff12}.hub-sidebar .epoch-wordmark:focus-visible{outline-offset:6px;outline:3px solid #ffda58}.hub-page-heading h1{overflow-wrap:anywhere}.hub-guest-notice .hub-secondary{background:0 0;min-height:36px;padding:8px 12px;font-size:11px}.home-welcome{margin-bottom:26px}.home-welcome .eyebrow{margin-bottom:9px;font-size:10px}.home-welcome h1{font-size:clamp(22px,2vw,30px)}.home-hero{isolation:isolate;color:#fff;background:#174acb;border-radius:8px;grid-template-columns:1.05fr 1fr;display:grid;position:relative;overflow:clip;box-shadow:0 16px 36px #193c7c16}.home-hero:before{content:"";z-index:-1;background:radial-gradient(at 0 0,#3677ef,#0000 70%);position:absolute;inset:0}.home-hero-copy{z-index:2;padding:clamp(32px,4vw,68px) 0 48px clamp(30px,3.5vw,60px)}.home-hero-copy .eyebrow{color:#d6edff;letter-spacing:.16em;align-items:center;gap:10px;font-size:10px;display:flex}.home-hero-copy .eyebrow>span{background:#ffda58;width:6px;height:6px;rotate:45deg}.home-hero h2{letter-spacing:-.065em;margin:28px 0 24px;font-size:clamp(44px,4.6vw,78px);font-weight:900;line-height:.99}.home-hero-copy>p:not(.eyebrow){color:#e1ecff;max-width:380px;font-size:14px;line-height:1.8}.home-hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px;display:flex}.home-hero-actions .hub-primary{min-width:165px;padding:16px 24px}.home-hero .home-hero-online{color:#fff;background:0 0;border:0;border-bottom:1px solid #a6c7ff88;border-radius:0;padding:14px 0;font-size:13px}.home-hero .home-hero-online:hover:not(:disabled){color:#ffda58;background:0 0;border-color:#ffda58}.home-hero-online span{margin-left:14px}.home-hero-display{place-items:center;min-width:0;display:grid;position:relative}.home-hero-display:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 40%,#c3f9ed,#63d7e3 68%);border-left:8px solid #b8f2f077;position:absolute;inset:0 -20% 0 -7%;transform:skew(-12deg)}.home-hero-display:after{content:"";z-index:-1;opacity:.14;background:radial-gradient(#124b94 1px,#0000 1px) 0 0/9px 9px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(140deg,#0000 35%,#000);mask-image:linear-gradient(140deg,#0000 35%,#000)}.home-orbit{aspect-ratio:1;border:1px solid #ffffff8c;border-radius:50%;width:85%;position:absolute}.home-orbit:before,.home-orbit:after{content:"";border:1px solid #ffffff65;border-radius:50%;position:absolute;inset:18px}.home-orbit:after{border-style:dashed;border-color:#187b9855;inset:-24px}.home-card-fan{aspect-ratio:2/3;perspective:1200px;width:36%;max-width:215px;position:relative;transform:translate(-8%,-4%)}.home-card-fan>div{transform-origin:50% 90%;filter:drop-shadow(0 17px 13px #123e6140);transition:transform .4s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.home-card-fan .card-face{border-color:#142d58;box-shadow:0 0 0 3px #fff9}.home-spark{color:#164bc5;font-size:54px;position:absolute}.home-spark-one{top:6%;right:15%;rotate:10deg}.home-spark-two{color:#fff;font-size:46px;bottom:14%;left:2%}.home-sets{padding:42px 0 32px}.home-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px;display:flex}.home-section-heading .eyebrow{color:#315aa3;margin:0 0 10px;font-size:9px}.home-section-heading h2{letter-spacing:-.045em;color:#142d58;margin:0;font-size:clamp(23px,2.2vw,32px)}.home-text-link{color:#194ab5;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:18px;padding:8px 0;font-size:12px;display:inline-flex}.player-hub .home-text-link:hover:not(:disabled){color:#103884;text-underline-offset:5px;background:0 0;text-decoration:underline}.home-set-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.home-set{--set-color:#624136;--set-accent:#ffe1a1;isolation:isolate;text-align:left;background:var(--set-color);color:#fff;border:0;border-radius:6px;align-items:end;min-height:295px;padding:24px;display:flex;position:relative;overflow:hidden}.home-set--saltwind-menagerie{--set-color:#123e5b;--set-accent:#b1f4ee}.home-set--lanternveil-caper{--set-color:#372a5b;--set-accent:#f8c6e4}.home-set--dawncourt-legends{--set-color:#662c3c;--set-accent:#ffe2a0}.home-set--velvet-arcana{--set-color:#49265f;--set-accent:#ffc5e2}.home-set--ironwake-battalion{--set-color:#183f53;--set-accent:#ffd18c}.home-set>img{z-index:-2;object-fit:cover;object-position:50% 30%;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.home-set:after{content:"";z-index:-1;background:linear-gradient(0deg, var(--set-color) 0%, color-mix(in srgb, var(--set-color) 90%, transparent) 18%, transparent 75%);position:absolute;inset:0}.home-set-edition{color:#fff;letter-spacing:.1em;background:#142744b3;border:1px solid #fff5;border-radius:2px;padding:6px 8px;font-size:9px;position:absolute;top:17px;left:19px}.home-set-copy{width:100%;display:block}.home-set-copy strong{letter-spacing:-.035em;max-width:240px;margin:9px 0 16px;font-size:clamp(23px,2.3vw,33px);line-height:1.04;display:block}.home-set-copy>span{color:var(--set-accent);border-top:1px solid #ffffff40;justify-content:space-between;align-items:center;padding-top:13px;font-size:11px;display:flex}.home-set-copy b{font-size:19px;font-weight:400;transition:transform .2s}.player-hub .home-set:hover:not(:disabled){color:#fff;background:var(--set-color)}.home-set:focus-visible{outline-color:#174acb}.home-activity{border-top:1px solid #d3deeb;padding-top:32px}.hub-home .hub-stats{border:0;background:0 0;border-block:1px solid #d7e1ef;border-radius:0;margin:0 0 24px}.hub-home .hub-stats>div{align-items:center;gap:14px;padding:20px 24px;display:flex}.hub-home .hub-stats>div:first-child{padding-left:0}.hub-home .hub-stats strong{letter-spacing:-.05em;color:#173e92;font-size:29px}.hub-home .hub-stats span{margin:0;font-size:11px}.hub-home .hub-panel{box-shadow:none;border-color:#d7e1ef;border-radius:6px;padding:26px}.home-deck-panel{background:linear-gradient(115deg,#edf4ff,#fff)}.hub-home .panel-heading{margin-bottom:22px}.hub-home .panel-heading h3{letter-spacing:-.02em;margin:0;font-size:16px}.hub-home .panel-heading button{color:#194ab5;font-size:11px}.home-deck-fan{flex-shrink:0;justify-content:center;align-items:center;width:144px;height:170px;display:flex}.home-deck-fan>div{filter:drop-shadow(0 5px 4px #12396b30);flex-shrink:0;width:83px;margin-left:-58px}.home-deck-fan>div:first-child{margin-left:0;transform:translateY(5px)rotate(-12deg)}.home-deck-fan>div:nth-child(2){z-index:1;transform:translateY(-4px)}.home-deck-fan>div:nth-child(3){transform:translateY(5px)rotate(12deg)}.home-deck-fan>div:only-child{transform:none}.hub-home .active-deck-summary{align-items:center;gap:18px;display:flex}.hub-home .active-deck-summary>div:last-child{min-width:0}.hub-home .active-deck-summary .eyebrow{font-size:8px}.hub-home .active-deck-summary>div:last-child>p{color:#526886;font-size:12px}.hub-home .active-deck-summary h4{letter-spacing:-.03em;overflow-wrap:anywhere;margin:12px 0;font-size:22px;line-height:1.15}.home-first-battle{align-items:center;gap:20px;min-height:170px;display:flex}.home-first-battle>span{color:#4874b8;border:1px solid #d2def2;border-radius:50%;flex-shrink:0;place-items:center;width:60px;height:60px;font-size:25px;display:grid}.home-first-battle h4{letter-spacing:-.02em;margin:0;font-size:17px}.home-first-battle p{color:#526886;font-size:12px;line-height:1.7}@media (hover:hover) and (prefers-reduced-motion:no-preference){.home-set:hover>img,.home-set:focus-visible>img{transform:scale(1.045)}.home-set:hover .home-set-copy b{transform:translate(2px,-2px)}}@media (width<=1200px){.home-hero-copy{padding:34px 0 34px 30px}.home-hero h2{font-size:52px}.home-hero-copy .eyebrow{letter-spacing:.1em;font-size:8px}.home-hero-copy>p:not(.eyebrow){max-width:285px;font-size:12px}.home-hero-actions{gap:16px}.home-set{min-height:265px;padding:20px}.home-set-grid{gap:14px}.hub-home .sanctum-columns{grid-template-columns:1fr 1fr;gap:18px}.hub-home .hub-panel{padding:20px}.home-deck-fan{width:105px}.home-deck-fan>div{width:70px;margin-left:-55px}.home-first-battle>span{display:none}}@media (width<=950px){.home-hero h2{font-size:44px}.home-hero-copy{padding-left:24px}.home-hero-actions .hub-primary{min-width:135px;padding:14px 16px}.home-hero-actions .hub-primary>span{margin-left:16px}.home-set{min-height:245px;padding:17px}.home-set-copy strong{font-size:25px}.hub-home .hub-stats>div{gap:9px;padding:18px 12px}.hub-home .active-deck-summary{flex-wrap:wrap}}@media (width<=600px){.home-welcome h1{font-size:23px}.home-hero{grid-template-columns:1fr}.home-hero-copy{padding:32px 26px 22px}.home-hero h2{margin-top:23px;font-size:clamp(45px,10vw,60px)}.home-hero-copy>p:not(.eyebrow){max-width:320px;font-size:13px}.home-hero-display{min-height:310px;margin-top:4px}.home-hero-display:before{border-top:6px solid #b8f2f077;border-left:0;inset:0 -20% -20%;transform:skewY(-6deg)}.home-card-fan{width:clamp(95px,29vw,130px);transform:translateY(4%)}.home-orbit{width:230px}.home-spark-one{font-size:35px;top:7%;right:8%}.home-spark-two{font-size:35px;bottom:10%;left:6%}.home-section-heading{flex-direction:column;align-items:start;gap:9px}.home-section-heading h2{font-size:27px}.home-sets{padding-top:34px}.home-set-grid{grid-template-columns:1fr;gap:16px}.home-set{min-height:270px;padding:24px}.home-set>img{object-position:50% 28%}.home-set-copy strong{max-width:230px;font-size:32px}.hub-home .sanctum-columns{grid-template-columns:1fr}.hub-home .hub-stats>div{border-right:0;padding:18px 12px}.hub-home .hub-stats>div:first-child{padding-left:12px}.hub-home .hub-stats>div:nth-child(3){border-bottom:0}.hub-home .active-deck-summary{flex-wrap:nowrap}.home-deck-fan{width:115px}.home-first-battle{min-height:130px}}.catalog-tools{flex-wrap:wrap;gap:10px;display:flex}.catalog-tools label{min-width:100px}.catalog-search{flex:1}.catalog-tools input,.catalog-tools select,.deck-selector select,.deck-name-label input,.deck-transfer textarea{color:#203458;background:#f6f9ff;border:1px solid #536b9144;border-radius:3px;width:100%;padding:12px 13px;font:12px Arial,sans-serif}.catalog-tools input:focus,.deck-name-label input:focus{outline:1px solid #536b91}.catalog-count{color:#536b91;margin:18px 0;font-size:10px}.card-catalog{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px 20px;display:grid}.catalog-card{min-width:0}.catalog-face{background:0 0;border:0;border-radius:5px;width:100%;padding:0;transition:translate .18s;display:block;box-shadow:0 8px 20px #0005}.catalog-face:hover{translate:0 -5px}.catalog-card-meta{color:#536b91;justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;display:flex}.catalog-card-meta small{text-transform:uppercase;color:#536b91;letter-spacing:.12em;font-size:8px}.catalog-card-meta button{color:#203458;width:27px;height:27px;padding:0;font-size:18px}.dialog-close{background:0 0;border:0;width:30px;height:30px;font-size:25px;position:absolute;top:8px;right:8px}.deck-selector{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:28px;display:flex}.deck-selector label{color:#536b91;flex:1;min-width:160px;font-size:10px}.deck-selector select{margin-top:8px;display:block}.deck-selector button{padding:12px 15px;font-size:10px}.deck-workspace{border:0;grid-template-columns:minmax(0,1fr) 330px;gap:28px;min-width:0;margin:0;padding:0;display:grid}.deck-library .card-catalog{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px 14px}.deck-library{min-width:0}.deck-roster{background:#fff;border:1px solid #bad0ee;border-radius:14px;align-self:start;min-width:0;padding:20px;position:sticky;top:20px}.deck-name-label{color:#536b91;font-size:10px;display:block}.deck-name-label input{margin-top:8px;font:800 18px Arial,Helvetica,sans-serif;display:block}.deck-total{justify-content:space-between;align-items:center;margin:22px 0 16px;display:flex}.deck-total strong{color:#203458;font:800 31px Arial,Helvetica,sans-serif}.deck-total small{color:#536b91;font:12px Arial,sans-serif}.deck-total>span{color:#536b91;font-size:10px}.deck-breakdown{gap:5px;display:flex}.deck-breakdown span{text-align:center;color:#536b91;background:#536b9116;border-top:2px solid #536b9180;flex:1;padding:10px 0;font-size:9px}.deck-breakdown b{color:#203458;margin-bottom:5px;font:800 18px Arial,Helvetica,sans-serif;display:block}.deck-breakdown .count-spell,.deck-breakdown .count-trap{border-color:#536b9180}.deck-entries{scrollbar-width:thin;scrollbar-color:#c9daf6 #f6f9ff;max-height:52vh;overflow-y:auto}.deck-entries h3{text-transform:uppercase;letter-spacing:.12em;color:#536b91;margin:19px 0 10px;font-size:9px}.deck-entry{border-bottom:1px solid #536b9124;align-items:center;gap:7px;padding:7px 0;display:flex}.deck-entry img{object-fit:cover;width:25px;height:34px}.deck-entry>span{flex:1;min-width:0;font-size:10px}.deck-entry small{color:#536b91;text-transform:capitalize;margin-top:5px;font-size:8px;display:block}.deck-entry button{flex-shrink:0;width:20px;height:22px;padding:0}.deck-entry b{font-size:11px;font-weight:400}.deck-validity{color:#203458;background:#536b911a;border-left:2px solid #536b91;margin-top:16px;padding:4px 10px;font-size:10px;line-height:1.7}.deck-validity p{margin:6px 0}.deck-validity--ready{color:#203458;background:#536b9112;border-color:#536b91}.deck-transfer{color:#536b91;margin-top:15px;font-size:10px}.deck-transfer textarea{margin-top:10px;font:10px/1.6 monospace;display:block}@media (width<=1250px){.deck-workspace{grid-template-columns:minmax(0,1fr) 285px;gap:20px}.deck-roster{padding:15px}.deck-library .card-catalog{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:18px 12px}}@media (width<=950px){.deck-workspace{grid-template-columns:1fr}.deck-roster{grid-row:1;position:relative;top:0}.deck-entries{max-height:280px}.deck-library .card-catalog,.card-catalog{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width<=550px){.catalog-tools label:not(.catalog-search){flex:1}.catalog-search{flex-basis:100%}.card-catalog{gap:18px 14px}}.player-hub:has(.home-hero){isolation:isolate;position:relative}.player-hub:has(.home-hero):before{content:"";z-index:-1;pointer-events:none;background:url(/art/appearance/epoch-pattern.svg) 0 0/160px 160px;animation:48s linear infinite hub-pattern-drift;position:absolute;inset:0}.player-hub:has(.home-hero) .hub-sidebar:before{content:"";z-index:-1;pointer-events:none;background:url(/art/appearance/epoch-pattern.svg) 0 0/160px 160px;animation:48s linear infinite hub-pattern-drift;position:absolute;inset:0}.player-hub:has(.home-hero):before{opacity:.11}.player-hub:has(.home-hero) .hub-sidebar{isolation:isolate}.player-hub:has(.home-hero) .hub-sidebar:before{opacity:.2;animation-duration:64s;animation-direction:reverse}@keyframes hub-pattern-drift{to{background-position:160px -160px}}.home-hero{--hero-base:#174acb;--hero-glow:#3677ef;--hero-light:#c3f9ed;--hero-tint:#63d7e3;--hero-accent:#ffda58;background:var(--hero-base);display:block;box-shadow:0 20px 40px #173d8d20,0 3px 7px #173d8d14}.home-hero--saltwind-menagerie{--hero-base:#08637e;--hero-glow:#168eb1;--hero-light:#fff0c1;--hero-tint:#eac886;--hero-accent:#c2fff0}.home-hero--lanternveil-caper{--hero-base:#51368f;--hero-glow:#7955b2;--hero-light:#ffe1dc;--hero-tint:#e99fb7;--hero-accent:#ffdb8e}.home-hero:before{background:radial-gradient(ellipse at 0 0, var(--hero-glow), transparent 70%)}.home-hero-slide{grid-template-columns:1.05fr 1fr;display:grid}.home-hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-height:505px;padding-right:28px;display:flex}.home-hero h2{color:#fff;overflow-wrap:normal;max-width:9ch}.home-hero-copy>.home-hero-tagline{color:#fff;max-width:none;margin:0;font-size:17px;font-weight:400}.home-hero-display:before{background:radial-gradient(circle at 50% 40%, var(--hero-light), var(--hero-tint) 68%)}.home-product-float{position:absolute;inset:0}.home-product-tilt{height:100%;transition:transform .3s ease-out;position:relative}.home-hero-box{width:32%;position:absolute;top:24%;left:0;rotate:-10deg}.home-hero-box .starter-deck-package{filter:drop-shadow(6px 18px 10px #14355e55);margin-right:8px}.home-hero-box .starter-deck-brand>span{font-size:clamp(16px,1.8vw,28px)}.home-hero-box .starter-deck-title strong{font-size:clamp(11px,1.2vw,19px)}.home-hero-box .starter-deck-title small{margin-bottom:3px;font-size:5px}.home-hero-box .starter-deck-title{padding:6px}.home-hero-box .starter-deck-tab{padding:6px;font-size:5px}.home-hero-box .starter-deck-print{padding:5px;font-size:4px}.home-hero-box .starter-deck-seal{font-size:4px;inset-inline:6px}.home-hero-box .starter-deck-spine{width:8px;font-size:5px;right:-8px}.home-card-fan{width:26%;max-width:190px;position:absolute;top:48%;left:62%;transform:translate(-50%,-50%)}.home-card-fan>div{--fan-x:-56%;--fan-y:5%;--fan-angle:-18deg;transform:translate(var(--fan-x), var(--fan-y)) rotate(var(--fan-angle));filter:drop-shadow(0 22px 13px #17374a55)}.home-card-fan>div:nth-child(2){z-index:2;--fan-x:0%;--fan-y:-5%;--fan-angle:-3deg;transform:translate(var(--fan-x), var(--fan-y)) rotate(var(--fan-angle))}.home-card-fan>div:nth-child(3){--fan-x:56%;--fan-y:7%;--fan-angle:17deg;transform:translate(var(--fan-x), var(--fan-y)) rotate(var(--fan-angle))}.home-set{transition:transform .3s ease-out,box-shadow .3s ease-out;box-shadow:0 8px 16px #17395b16,0 2px 3px #17395b12}.home-set-copy,.home-set-edition{z-index:1;position:relative}.home-set-edition{position:absolute}.home-set:before{content:"";z-index:1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,50%), #fff3, transparent 65%);transition:opacity .3s;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.home-hero-slide .home-hero-copy{animation:.6s ease-out both hero-copy-arrive}.home-card-fan>div{animation:.85s cubic-bezier(.18,.8,.25,1) backwards hero-fan-open}.home-hero-box{animation:.7s ease-out both hero-box-arrive}.home-product-float{animation:7s ease-in-out infinite hero-product-float}.home-orbit{animation:90s linear infinite hero-orbit}.home-spark{animation:6s ease-in-out infinite alternate hero-spark}.home-spark-two{animation-delay:-3s}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.home-hero:not([data-paused=true]) .home-hero-display:hover .home-product-tilt{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.home-hero:not([data-paused=true]) .home-hero-display:hover .home-card-fan>div:first-child{--fan-x:-65%;--fan-angle:-23deg}.home-hero:not([data-paused=true]) .home-hero-display:hover .home-card-fan>div:last-child{--fan-x:65%;--fan-angle:22deg}.home-set:hover{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px);box-shadow:0 22px 28px #17395b30,0 4px 7px #17395b15}.home-set:hover:before{opacity:1}}@keyframes hero-copy-arrive{0%{opacity:0;transform:translateY(12px)}}@keyframes hero-fan-open{0%{opacity:0;transform:translate(-32%,30%)rotate(-9deg)scale(.85)}to{opacity:1;transform:translate(var(--fan-x), var(--fan-y)) rotate(var(--fan-angle))}}@keyframes hero-box-arrive{0%{opacity:0;translate:-15px 20px}}@keyframes hero-product-float{0%,to{translate:0}50%{translate:0 -9px}}@keyframes hero-orbit{to{rotate:360deg}}@keyframes hero-spark{to{translate:0 -8px;rotate:12deg}}.home-hero[data-paused=true] *,.home-hero[data-running=false] .home-product-float{animation-play-state:paused}.player-hub:has(.home-hero[data-paused=true]):before{animation-play-state:paused}.player-hub:has(.home-hero[data-paused=true]) .hub-sidebar:before{animation-play-state:paused}.home-hero[data-paused=true] .home-hero-copy,.home-hero[data-paused=true] .home-card-fan>div,.home-hero[data-paused=true] .home-hero-box{animation:none}@media (width<=1200px){.home-hero-copy{min-height:475px}.home-hero-box{width:31%;top:31%;left:0}}@media (width<=950px){.home-hero-box .starter-deck-brand>span{font-size:16px}.home-hero-box .starter-deck-title strong{font-size:10px}}@media (width<=600px){.home-hero-slide{grid-template-columns:1fr}.home-hero-copy{min-height:330px}.home-hero h2{font-size:clamp(38px,10vw,60px)}.home-hero-copy>.home-hero-tagline{font-size:14px}.home-hero-display{min-height:315px}.home-hero-box{width:31%;top:20%;left:4%}.home-card-fan{width:29%;top:48%;left:61%}}.home-carousel-next{z-index:3;color:#fff;background:#14345ca8;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-size:21px;display:grid;position:absolute;bottom:22px;right:22px}.player-hub .home-carousel-next:hover:not(:disabled){color:#fff;background:#14345c;border-color:#fff}.card-face{aspect-ratio:2/3;border:2px solid var(--card-ink);background:var(--card-frame);color:var(--card-ink);text-align:left;border-radius:8px;grid-template-rows:9% 60% 6% 17% 8%;padding:6px;font-family:Arial,Helvetica,sans-serif;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff80;container-type:inline-size}.card-heading{white-space:nowrap;align-items:center;gap:2cqw;min-width:0;font-size:4.8cqw;font-weight:800;display:flex}.card-heading>:last-child{margin-left:auto;font-size:6cqw}.card-heading>:nth-child(2){text-overflow:ellipsis;overflow:hidden}.card-cost{background:var(--card-ink);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:8cqw;height:8cqw;font-size:5.4cqw;display:inline-grid;box-shadow:0 1px #fff9}.card-art{border:2px solid var(--card-ink);background:var(--card-paper);border-radius:4px;min-height:0;position:relative;overflow:hidden}.card-set{color:#fff;letter-spacing:.25cqw;text-transform:uppercase;background:#17294ce8;padding:1cqw 2cqw;font-size:2.6cqw;font-weight:700;position:absolute;inset:auto 0 0}.card-art img{object-fit:cover;width:100%;height:100%;display:block}.card-kind{letter-spacing:.15cqw;justify-content:center;align-items:center;font-size:2.6cqw;font-weight:800;display:flex}.card-kind span{margin:0 1.5cqw}.card-stars{color:var(--card-ink);letter-spacing:.1cqw}.card-description{background:var(--card-paper);border-radius:4px 4px 0 0;min-height:0;padding:2cqw 2cqw 0}.card-description p{margin:0;font-size:3.65cqw;line-height:1.3}.card-description em{color:#576077;margin-top:1.5cqw;font-size:2.7cqw;line-height:1.25;display:block}.card-stats{background:var(--card-paper);border-radius:0 0 4px 4px;justify-content:space-between;align-items:center;padding:0 2cqw;font-size:6.3cqw;font-weight:900;display:flex}.card-stats small{vertical-align:middle;font-size:2.5cqw;font-weight:800}.card-sigil{opacity:.5;font-size:5cqw}.card-support-label{text-align:center;letter-spacing:.35cqw;width:100%;font-size:3.2cqw;font-weight:800}.compact{padding:4px}.compact .card-heading>:last-child{display:none}.compact .card-description p{font-size:3.9cqw}.hand-card .card-face:not([data-finish=foil]):after,.held-card-back:after,.card-inspection .card-face:not([data-finish=foil]):after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,40%), #f2f7ff50, transparent 60%), linear-gradient(125deg, transparent 15%, #f2f7ff12 40%, #f2f7ff20 52%, transparent 75%);mix-blend-mode:screen;transition:opacity .25s;position:absolute;inset:0}.hand-card:hover .card-face:after,.hand-card:focus-visible .card-face:after,.held-card-back:hover:after,.card-inspection:hover .card-face:after{opacity:1}:root{color:#f2f7ff;font-synthesis:none;--gold:#56dfff;--muted:#a9bee0;--line:#6599df66;background:#0c1a3b;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:#203e75;border-radius:8px;font-weight:700;transition:background .18s,border-color .18s,color .18s}button:hover:not(:disabled){color:#fff;background-color:#315dc5;border-color:#6ceaff}button:disabled{opacity:.36;cursor:not-allowed}button:focus-visible{outline-offset:4px;outline:3px solid #ffce45}button:focus:not(:focus-visible){outline:none}::selection{background:#8dabd355}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{isolation:isolate;background:radial-gradient(at 65% 40%,#122858 0%,#0c1a3b 48% 100%);grid-template-columns:60px minmax(0,1fr);width:100%;height:100dvh;min-height:480px;display:grid;position:fixed;inset:0;overflow:clip}.table-stage{isolation:isolate;background:#060708;min-width:0;height:100%;position:relative;overflow:clip}.board-scene{position:absolute;inset:0}.board-scene canvas{touch-action:none}.table-tools{z-index:6;gap:8px;display:flex;position:absolute;top:24px;right:28px}.table-tools button{width:36px;height:36px;color:var(--gold);border-radius:50%;font:800 24px Arial,Helvetica,sans-serif;box-shadow:0 3px 12px #0004}.table-tools button[aria-pressed=false]{color:#8dabd3}.opponent-hand{--opponent-card-width:clamp(90px, 11vh, 144px);--opponent-tip:clamp(44px, 5vh, 64px);z-index:4;pointer-events:none;filter:drop-shadow(0 5px 8px #0008);justify-content:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.opponent-hand-slot{flex:0 0 var(--opponent-card-width);height:var(--opponent-tip);margin-left:calc(var(--opponent-card-width) * -.16);pointer-events:auto;position:relative}.opponent-hand-slot:first-child{margin-left:0}.opponent-hand .held-card-back{aspect-ratio:2/3;width:100%;transform:translateY(calc(var(--opponent-tip) - 100%));border:1px solid #8dabd3;border-radius:5px;display:block;position:absolute;top:0;left:0}.hand-section{z-index:4;--hand-hidden:clamp(48px, 6vh, 80px);--hand-lift:calc(var(--hand-hidden) + 20px);bottom:calc(-1 * var(--hand-hidden));pointer-events:none;position:absolute;left:6%;right:6%}.hand{--hand-card-width:clamp(132px, 19.5vh, 262.5px);justify-content:center;align-items:end;height:35vh;padding:0 28px 5px;display:flex}.hand-card{pointer-events:auto;width:var(--hand-card-width);margin-left:calc(-1 * max(var(--hand-card-width) * .32, (var(--hand-card-width) * var(--hand-count) - 100%) / max(1, var(--hand-count) - 1)));transform:translateY(var(--arc-y)) rotate(var(--angle));transform-origin:bottom;background:0 0;border:0;border-radius:6px;flex:none;padding:0;transition:transform .22s,filter .22s;position:relative;box-shadow:0 9px 22px #0009}.hand-card:first-child{margin-left:0}.hand-card:hover:not(:disabled),.hand-card:focus-visible{transform:translateY(calc(var(--arc-y) - var(--hand-lift))) rotate(0deg) scale(1.08);z-index:10;filter:drop-shadow(0 0 8px #56e7ff88);background:0 0}.hand-card.selected{transform:translateY(calc(var(--arc-y) - var(--hand-lift))) rotate(0deg);z-index:5;outline-offset:2px;outline:3px solid #56e7ff}.empty-hand{color:var(--muted);align-self:center;font:italic 15px Arial,Helvetica,sans-serif}.card-back-face{border-radius:inherit;width:100%;height:100%;display:block}.keyboard-slots{z-index:5;opacity:0;pointer-events:none;grid-template-columns:repeat(5,1fr);gap:6px;display:grid;position:absolute;top:0;left:16px}.keyboard-slots:focus-within{opacity:1;pointer-events:auto}.keyboard-slots button{padding:10px;font-size:11px}.loading-table{color:var(--gold);white-space:nowrap;background:#0c1a3b;padding:20px;font:italic 17px Arial,Helvetica,sans-serif}.fatal-error{max-width:700px;margin:auto;padding:45px;line-height:1.8}.fatal-error button{padding:12px 20px}@media (width<=1000px){.app-shell{grid-template-columns:50px minmax(0,1fr)}.table-tools{gap:4px;top:12px;right:12px}.table-tools button{width:30px;height:30px;font-size:20px}.hand{--hand-card-width:max(87px, min(19.5vh, 18vw))}}@media (aspect-ratio<=1){.app-shell{grid-template-columns:50px minmax(0,1fr)}.hand-section{left:2%;right:2%}.opponent-hand{--opponent-card-width:clamp(52px, 10vw, 96px);--opponent-tip:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1150px){.app-shell{grid-template-columns:50px minmax(0,1fr)}}.summon-wash{pointer-events:none;z-index:4;opacity:0;mix-blend-mode:screen;background:radial-gradient(at 50% 65%,#f2f7ff20,#0000 70%);position:absolute;inset:0}.hand{perspective:1000px}.hand-card{will-change:transform;transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .2s,box-shadow .25s,translate .28s;animation:.3s ease-out hand-join}.hand-card:hover:not(:disabled),.hand-card:focus-visible{transform:translateY(calc(var(--arc-y) - var(--hand-lift))) perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(0deg) scale(1.1);box-shadow:0 28px 32px #000a,0 0 20px #f2f7ff25}.hand-card:hover:before{content:"";inset:0 0 calc(-1 * var(--hand-lift));position:absolute}.hand-card.selected:not(:hover){transform:translateY(calc(var(--arc-y) - var(--hand-lift))) rotate(0deg);filter:drop-shadow(0 0 10px #8dabd350)}.hand-card:active{transform:translateY(calc(var(--arc-y) - var(--hand-lift))) scale(1.04)}.hand:has(.hand-card:hover) .hand-card:not(:hover):not(.selected){filter:brightness(.84)saturate(.85)}.hand-card:has(+.hand-card:hover){translate:-15px -4px}.hand-card:hover+.hand-card{translate:15px -4px}.hand-card .card-face{position:relative}.opponent-hand .held-card-back{background:#0c1a3b;padding:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s}.opponent-hand-slot:hover{z-index:2}.opponent-hand-slot:has(:focus-visible){z-index:2}.opponent-hand-slot:hover .held-card-back,.opponent-hand .held-card-back:focus-visible{filter:drop-shadow(0 8px 12px #0009);transform:translateY(8px)}.table-tools button,.card-actions button{transition:transform .18s,background .18s,box-shadow .2s}.table-tools button:hover,.card-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0005,0 0 12px #8dabd320}.table-tools button:active,.card-actions button:active{transform:translateY(1px)scale(.95)}.card-preview{transform-origin:0 100%;animation:.2s ease-out preview-arrive}.sound-controls{align-items:center;gap:8px;display:flex}.sound-controls input{accent-color:#8dabd3;cursor:pointer;opacity:.65;width:64px}.sound-controls:focus-within input,.sound-controls:hover input{opacity:1}.audio-error{background:#122858;border:1px solid #8dabd3;width:300px;padding:12px;font-size:12px;line-height:1.5;position:absolute;top:46px;right:0}.table-notice{isolation:isolate;z-index:8;color:#f2f7ff;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);pointer-events:none;background:linear-gradient(120deg,#8dabd3,#254a83 45%,#8dabd3);align-items:center;gap:14px;width:max-content;max-width:min(440px,85%);padding:18px 24px;animation:3s both notice-life;display:flex;position:absolute;bottom:24px;left:24px}.table-notice:before{content:"";z-index:-1;clip-path:inherit;background:radial-gradient(at 0,#12285866,#0000 60%),linear-gradient(125deg,#122858,#0c1a3b);position:absolute;inset:1px}.table-notice:after{content:"";border:1px solid var(--line);clip-path:inherit;position:absolute;inset:5px}.notice-seal{height:32px;color:var(--gold);background:#122858;border:1px solid #8dabd3;border-radius:50%;flex:0 0 32px;place-items:center;font:800 26px/1 Arial,Helvetica,sans-serif;display:grid;box-shadow:0 0 0 3px #8dabd318}.notice-copy{min-width:0}.notice-title{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font:800 10px/1.3 Arial,Helvetica,sans-serif;display:block}.notice-copy p{overflow-wrap:anywhere;margin:0;font:800 14px/1.5 Arial,Helvetica,sans-serif}.table-announcement{z-index:7;text-align:center;pointer-events:none;text-shadow:0 2px 6px #000,0 0 18px #000;width:max-content;max-width:80%;font-family:Arial,Helvetica,sans-serif;animation:3s both notice-life;position:absolute;top:50%;left:50%;translate:-50% -50%}.table-announcement--phase{color:#f2f7ff;letter-spacing:.14em;text-transform:uppercase;font-size:clamp(26px,3.5vw,48px)}.table-announcement--phase:before,.table-announcement--phase:after{content:"";background:linear-gradient(90deg,#0000,#8dabd3,#0000);height:1px;margin:14px 0;display:block}.table-announcement--error{color:#f2f7ff;font-size:clamp(18px,1.8vw,26px);line-height:1.45}@media (width<=600px){.table-notice{max-width:calc(100% - 24px);padding:14px 18px;bottom:12px;left:12px}}@keyframes hand-join{0%{opacity:0;translate:0 20px}}@keyframes preview-arrive{0%{opacity:0;transform:translateY(14px)scale(.95)}}@keyframes notice-life{0%{opacity:0;transform:translateY(8px)}10%,75%{opacity:1;transform:translateY(0)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.hand-card:hover:not(:disabled),.hand-card:focus-visible,.hand-card.selected:not(:hover){transform:translateY(calc(var(--arc-y) - var(--hand-lift))) rotate(0deg)}.hand-card:hover+.hand-card{translate:none}.hand-card:has(+.hand-card:hover){translate:none}.opponent-hand .held-card-back{transition:none}.table-notice,.table-announcement{animation:none}}.hand-card{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.hand.hand--dragging{align-items:end;height:22vh}.hand .hand-card--lifted{display:none}.hand.hand--dragging .hand-card:not(.hand-card--lifted){transform:translateY(calc(var(--arc-y) + 40px)) rotate(var(--angle)) scale(.9);filter:brightness(.8);pointer-events:none;translate:none}.hand.hand--dragging .hand-card:before{content:none}.hand-card:first-child,.hand-card--lifted:first-child+.hand-card{margin-left:0}.dragged-hand-card{z-index:100;pointer-events:none;transform-origin:0 0;will-change:transform;border-radius:6px;position:fixed;top:0;left:0;box-shadow:0 22px 36px #0009,0 0 12px #8dabd328}.hand .hand-card--returning{z-index:11;pointer-events:none;translate:none}@media (prefers-reduced-motion:reduce){.hand.hand--dragging .hand-card:not(.hand-card--lifted){transition:none}}.hand-card-turn{border-radius:inherit;position:relative}.hand-card-front,.hand-card-back{border-radius:inherit}.hand-card-back{display:none;position:absolute;inset:0;transform:rotateY(180deg)}.hand:has([data-drawing]){perspective:none}.hand [data-drawing]{z-index:12;pointer-events:none;box-shadow:none;outline:none;transition:none;animation:none;translate:none;filter:none!important}[data-drawing],[data-drawing] .hand-card-turn{transform-style:preserve-3d}[data-drawing]:before{content:none}[data-drawing] .hand-card-back{display:block}[data-drawing] .hand-card-front,[data-drawing] .hand-card-back{backface-visibility:hidden;box-shadow:0 8px 16px #0007}