@font-face{font-family:Royale;src:url('/assets/fonts/display.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Nunito;src:url('/assets/fonts/ui.ttf') format('truetype');font-display:swap;font-weight:200 1000}@font-face{font-family:Pixel;src:url('/assets/fonts/pixel.ttf') format('truetype');font-display:swap;font-weight:400 700}
:root{--bg:#071915;--panel:#102822;--mint:#97fce4;--gold:#f9d486;--cream:#f4f2da;--muted:#9aafa7;--line:#29453a;--display:Royale,sans-serif;--ui:Nunito,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--ui);font-weight:600;overflow-x:hidden}button,a,input{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}::selection{color:#092219;background:var(--mint)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.015em}em{font-style:normal;color:var(--mint)}.skip{position:fixed;top:-100px;left:20px;background:var(--gold);color:#15231b;padding:12px;z-index:100}.skip:focus{top:10px}.masthead{height:94px;max-width:1440px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%;z-index:20;border-bottom:1px solid #f0eccd25}.brand{display:flex;align-items:center;gap:10px;font:400 25px/.85 var(--display);letter-spacing:.025em}.brand>span{display:flex;flex-direction:column}.brand>span>span{color:var(--mint);font-size:19px;letter-spacing:.15em;margin-top:5px}.brand img{filter:drop-shadow(0 3px 0 #0005)}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:800}nav a{transition:color .2s}nav a:hover{color:var(--mint)}.deck-count{font-size:11px;border:1px solid #7f9a89;padding:2px 5px;border-radius:4px;margin-left:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:58px;padding:0 27px;border-radius:9px;border:1px solid transparent;font-weight:1000;font-size:16px;box-shadow:0 5px 0 #06140f;transition:transform .2s,filter .2s,box-shadow .2s;position:relative}.button:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 8px 0 #06140f}.button:active{transform:translateY(3px);box-shadow:0 2px 0 #06140f}.button.gold{background:linear-gradient(#ffe9ae,#eec16b);color:#31280f;border-color:#f9e6b1;box-shadow:0 5px 0 #88692a,0 8px 25px #0003}.button.mint{background:linear-gradient(#b4ffe9,#70dfba);color:#103d2b;border-color:#aef9de;box-shadow:0 5px 0 #2c7861}.button.outline{background:#0a201cd1;border-color:#a0c6ac6b;color:#e8f4dc}.button.small{min-height:43px;padding:0 20px;font-size:13px;border-radius:6px}.button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}.tiny-gem,.diamond{width:9px;height:9px;display:inline-block;background:currentColor;transform:rotate(45deg);border:1px solid #ffffff60}.hero{position:relative;min-height:760px;height:calc(100svh - 70px);max-height:1050px;isolation:isolate;overflow:hidden;background:#10251f}.hero-world{position:absolute;inset:0;background:url('/assets/hero-arena.png') center center/cover;z-index:-3;transform:scale(1.04);will-change:transform;animation:world-intro 2s ease-out both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#061512f0 0%,#071b14c7 28%,#0a1b1540 56%,#071b1500 80%),linear-gradient(0deg,#071915 0%,transparent 24%,#09171040 94%)}.hero-copy{padding:225px 0 155px;margin-left:max(6vw,calc((100vw - 1280px)/2));position:relative;width:min(610px,48%)}.eyebrow{font:800 10px/1.5 var(--ui);letter-spacing:.2em;color:var(--mint);display:flex;align-items:center;gap:10px}.hero h1{font-size:clamp(58px,6.2vw,96px);line-height:.99;letter-spacing:-.025em;margin:25px 0;text-shadow:0 5px 1px #03120d,0 12px 40px #00140950}.hero h1 span{color:var(--gold)}.hero-intro{font-size:19px;line-height:1.65;color:#d7e6da;text-shadow:0 2px 8px #0008}.hero-actions{display:flex;gap:15px;margin-top:32px}.hero-note{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:11px;color:#bad1c1}.hero-note i{height:3px;width:3px;border-radius:50%;background:#799083;margin:0 2px}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #97fce47d}.world-label{position:absolute;right:6%;bottom:120px;padding:16px 23px;background:#071b16b0;backdrop-filter:blur(15px);border-left:2px solid var(--gold)}.world-label>span{font-size:8px;letter-spacing:.3em;color:var(--gold)}.world-label strong{display:block;font:400 23px var(--display);margin:6px 0}.world-label small{font-size:10px;color:#c3d1c7}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;height:68px;border-top:1px solid #bec9a83b;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;color:#adc5b5}.hero-bottom a{display:flex;align-items:center;gap:12px;color:#e5eddb}.scroll-rune{display:block;width:10px;height:18px;border:1px solid #adccbc;border-radius:9px;position:relative}.scroll-rune:before{content:'';position:absolute;top:3px;left:3px;width:2px;height:4px;background:var(--mint);animation:scrollhint 2s infinite}.motes{position:absolute;inset:0;z-index:-1;pointer-events:none}.mote{position:absolute;width:3px;height:3px;background:#b5ffcf;box-shadow:0 0 12px 2px #99ffce;opacity:0;animation:floatmote var(--dur) infinite linear;animation-delay:var(--delay);left:var(--x);top:var(--y)}.realm-bar{display:flex;justify-content:center;gap:40px;align-items:center;min-height:88px;background:linear-gradient(#102d24,#0c241c);border-top:1px solid #3f5f42;border-bottom:1px solid #365343;position:relative}.realm-bar p{font-size:9px;letter-spacing:.12em;color:#bed0ba;display:flex;gap:12px;align-items:center}.realm-bar b{font:400 28px var(--display);color:var(--gold)}.realm-bar>span{color:#6f875c;font-size:13px}.section{max-width:1280px;margin:auto;padding:105px 40px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-heading h2,h2{font-size:clamp(36px,4.3vw,61px);line-height:1.06}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{font-size:15px;line-height:1.8;color:#bacdc0;padding-bottom:4px;max-width:370px}.section-heading>p span{font-size:11px;color:#7f9b8c}.collection{position:relative}.collection:before{content:'✦';position:absolute;font-size:200px;right:-30px;top:45px;color:#acffca03;transform:rotate(15deg)}.collection-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.segmented{display:flex;gap:6px}.segmented button{padding:10px 18px;border:1px solid #294739;border-radius:5px;background:#10271f;color:#9fb7a7;font-size:12px;font-weight:900}.segmented button.active{background:#c2e9ce;color:#112c21;border-color:#d7edb7;box-shadow:0 3px 0 #52765b}.segmented small{margin-left:8px;opacity:.6}.pixel{font-family:Pixel,monospace;font-size:12px;letter-spacing:.08em;color:#86a696}.collection-tools>.pixel{font-size:10px}.card-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 25px;padding:12px 4px 5px}.game-card{background:linear-gradient(140deg,#d2c39a,#5b7160 30%,#779987 72%,#dac58d);padding:6px;border:1px solid #a7ae83;border-radius:18px 18px 12px 12px;position:relative;box-shadow:0 6px 0 #04110d,0 12px 24px #0004;text-align:left;transform:rotate(var(--rot,0deg));transition:transform .25s,box-shadow .25s;isolation:isolate;width:100%}.game-card:nth-child(4n+1){--rot:-1.5deg}.game-card:nth-child(4n+4){--rot:1.5deg}.game-card:hover{transform:translateY(-9px) rotate(0);box-shadow:0 10px 0 #04110d,0 20px 40px #0008;z-index:2}.game-card .card-art{display:block;width:100%;aspect-ratio:1;background-image:url('/assets/card-atlas.png');background-size:400% 200%;border-radius:12px 12px 3px 3px;border:2px solid #092019;position:relative}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061b14b0,transparent 38%);border-radius:inherit}.cost{position:absolute;top:13px;left:12px;width:33px;height:39px;display:grid;place-items:center;background:linear-gradient(145deg,#d8fff1,#339f83);border:2px solid #d6ffdd;border-radius:10px 10px 16px 16px;font:400 25px var(--display);color:#123e30;text-shadow:0 1px #fff8;box-shadow:0 3px 0 #143b2a;z-index:2}.card-index{position:absolute;right:16px;top:18px;font:11px Pixel;color:#e3efdb;z-index:2;opacity:.7}.card-label{padding:12px 12px 14px;background:linear-gradient(#142f24,#0b2018);border-radius:0 0 7px 7px;display:block;position:relative;border-top:1px solid #b3b48580}.card-label strong{font:400 25px var(--display);display:block;color:#f5edd5}.card-label small{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#a7c6b2;margin-top:5px}.card-label small b{font:700 9px var(--ui);color:var(--gold)}.in-deck{position:absolute;bottom:10px;right:12px;background:#caffde;color:#173d27;font-size:8px;padding:4px 6px;border-radius:3px;font-weight:1000;z-index:2}.collection-foot{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#859f90;margin-top:33px;align-items:center}.collection-foot>span{display:flex;align-items:center;gap:8px}.collection-foot a{border-bottom:1px solid #829b80;padding:5px 0;color:#c1dfc7}.energy-icon{display:inline-block;width:12px;height:15px;background:linear-gradient(130deg,#d1ffe9,#4bb791);clip-path:polygon(50% 0,100% 30%,80% 85%,50% 100%,20% 85%,0 30%)}.arena-section{background:radial-gradient(ellipse at 20% 45%,#213f2b 0,#142c20 40%,#0d2018 80%);position:relative;border-top:1px solid #3a5943;border-bottom:1px solid #355441;overflow:hidden}.arena-section:after{content:'';position:absolute;inset:0;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.arena-topline{display:flex;justify-content:space-between;padding:16px max(40px,calc((100vw - 1200px)/2));font-size:9px;letter-spacing:.17em;color:#afc2a2;border-bottom:1px solid #55714a44}.arena-content{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding-top:75px;padding-bottom:80px}.arena-map{position:relative;transform:rotate(-4deg);padding:0 30px 0 12px}.map-frame{padding:9px;background:#21392a;border:1px solid #799470;border-radius:18px;box-shadow:10px 16px 0 #06140c70,0 30px 50px #0005;position:relative}.map-frame>img{aspect-ratio:.8;width:100%;object-fit:cover;border-radius:10px;border:1px solid #6f8858}.map-pin{position:absolute;width:29px;height:29px;border-radius:50%;background:var(--gold);color:#3b2e11;border:2px solid #fff2bd;font:400 15px var(--display);display:grid;place-items:center;box-shadow:0 0 0 6px #ffdc7328,0 5px 20px #0006}.map-pin b{position:absolute;left:36px;font:900 10px var(--ui);white-space:nowrap;background:#071d17ed;border:1px solid #638369;padding:9px 12px;border-radius:5px;color:#edf4dc}.pin-one{top:51%;left:32%}.pin-two{top:30%;left:66%}.pin-three{top:12%;left:44%}.pin-two b{left:auto;right:36px}.map-caption{font-size:9px;letter-spacing:.15em;color:#acbf9f;display:flex;justify-content:space-between;padding:22px 6px 0}.map-caption span{letter-spacing:0;font-size:10px;color:#82947b}.arena-copy .eyebrow{margin-bottom:20px}.arena-copy h2{font-size:67px}.arena-copy>p:not(.eyebrow){line-height:1.85;font-size:15px;color:#b4c7b4;margin-top:23px;max-width:390px}.match-specs{display:flex;gap:25px;margin:30px 0;border-top:1px solid #4f684d60;border-bottom:1px solid #4f684d60;padding:20px 0}.match-specs span{display:block;font-size:8px;letter-spacing:.09em;color:#7e9d84}.match-specs strong{display:block;margin-top:7px;font-size:12px;color:#e6efce}.arena-fine{display:block;font-size:10px;color:#819987;margin-top:18px;max-width:300px;line-height:1.6}.deck-workbench{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:0;border:1px solid #4e6954;border-radius:16px;background:radial-gradient(ellipse at 20% 0,#1e3e2e,#0c2119);box-shadow:0 10px 0 #030e0a;overflow:hidden}.deck-surface{padding:30px;border-right:1px solid #3e5e46;background-image:repeating-linear-gradient(0deg,transparent 0 49px,#ccedac03 49px 50px)}.bench-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.text-button{background:none;border:0;padding:5px 0;color:#b9ceb9;font-size:11px}.text-button:hover{text-decoration:underline;color:var(--mint)}.deck-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;min-height:245px;align-items:center}.deck-slots .game-card{border-radius:13px 13px 8px 8px;padding:4px}.deck-slots .card-label{padding:10px 7px}.deck-slots .card-label strong{font-size:19px}.deck-slots .card-label small{font-size:8px;letter-spacing:0}.deck-slots .cost{top:8px;left:8px;width:25px;height:30px;font-size:20px}.deck-slots .card-index{display:none}.deck-slots .game-card:after{content:'SWAP';position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:1000;padding:7px 10px;background:var(--mint);color:#14382a;border-radius:4px;opacity:0;transition:opacity .2s}.deck-slots .game-card:hover:after{opacity:1}.deck-instruction{text-align:center;font-size:11px;color:#839e8b;margin-top:30px}.deck-summary{padding:29px;display:flex;flex-direction:column;align-items:start;background:#0617104d}.deck-crest{position:absolute;opacity:.12;align-self:flex-end}.deck-summary .eyebrow{font-size:8px}.deck-summary h3{font-size:29px;line-height:1.1;margin:14px 0 16px}.deck-energy{display:flex;align-items:center;gap:8px}.deck-energy b{font:400 28px var(--display);color:var(--mint)}.deck-energy span{font-size:10px;color:#7c9c8a}.deck-summary>p{font-size:12px;line-height:1.65;color:#9cb6a4;margin:16px 0 22px;min-height:38px}.deck-summary .button{width:100%;font-size:13px;min-height:44px;border-radius:5px}.button.quiet{background:transparent;color:#b3c7b5;box-shadow:none;border:0;font-size:11px;margin-top:10px}.guide-section{padding-top:35px}.guide-stamp{font:400 22px/1 var(--display);color:#799f8a;transform:rotate(8deg);border:2px dashed #4c715a;border-radius:50%;padding:25px;text-align:center;display:grid;width:145px;height:145px;place-content:center}.guide-stamp b{font:800 6px var(--ui);letter-spacing:.13em;margin-top:8px}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px}.guide-steps article{position:relative;border-top:1px solid #2c4938;padding-top:24px}.step-number{position:absolute;top:20px;right:0;font:400 30px var(--display);color:#294b39}.guide-steps h3{font-size:27px;margin:18px 0 12px}.guide-steps p{font-size:13px;line-height:1.8;color:#a1b7a6;max-width:300px}.step-visual{height:130px;position:relative;display:flex;align-items:center;justify-content:center;width:150px}.mini-cards i{position:absolute;width:65px;height:95px;border-radius:7px;border:2px solid #acd2b5;box-shadow:0 7px 0 #07120c;background:repeating-linear-gradient(45deg,#204a36 0 3px,#244f3c 3px 6px);transform:rotate(-20deg) translateX(-25px)}.mini-cards i:nth-child(2){transform:rotate(10deg);background:#8cf0ce}.mini-cards i:nth-child(3){transform:rotate(25deg) translateX(25px);background:#1e4635}.mini-cards i:after{content:'✦';display:grid;place-items:center;height:100%;font-size:35px;color:#d3e8bb}.energy-crystal i{width:65px;height:90px;display:block;background:conic-gradient(from 70deg,#caffe6,#299e7e,#5ac3a0,#b9ffe4,#53ae8a,#caffe6);clip-path:polygon(50% 0,100% 28%,80% 83%,50% 100%,20% 83%,0 28%);filter:drop-shadow(0 0 20px #73ffc17f);transform:rotate(13deg)}.energy-crystal span{position:absolute;right:0;top:6px;color:var(--gold);font:24px var(--display)}.lane-visual{gap:32px}.lane-visual i{height:110px;width:38px;background:linear-gradient(#91c29330,#8ecfab80);border:1px solid #588c6f;transform:skewY(-15deg)}.lane-visual b{position:absolute;font-size:50px;color:var(--gold);text-shadow:0 4px 0 #7b652b;transform:translateX(32px) rotate(10deg)}.keyboard-note{display:flex;align-items:center;gap:8px;border-top:1px solid #2a4433;margin-top:45px;padding-top:22px;font-size:10px;color:#849e8a;flex-wrap:wrap}.keyboard-note>span:first-child{margin-right:15px;letter-spacing:.1em;font-size:8px}.keyboard-note kbd{font:10px var(--ui);width:24px;height:24px;display:grid;place-items:center;border:1px solid #496b51;border-bottom:3px solid #496b51;border-radius:4px;color:#c1d7be}.keyboard-note>span{margin-right:15px}.touch-note{margin-left:auto!important;font-style:italic}.chronicle-section{padding-top:40px;padding-bottom:45px;border-block:1px solid #34513c;background:linear-gradient(110deg,#182f21,#12241a);max-width:1200px;border-radius:12px}.chronicle-heading{display:flex;align-items:center;gap:20px}.chronicle-heading h2{font-size:34px;margin-top:8px}.chronicle-heading .eyebrow{font-size:8px}.record-line{display:flex;gap:65px;margin-top:30px;align-items:center;padding-left:83px}.record-line>div{display:flex;flex-direction:column;gap:5px}.record-line b{font:400 34px var(--display);color:var(--gold)}.record-line span{font-size:8px;letter-spacing:.1em;color:#8fa28b}.record-line p{font-size:12px;line-height:1.6;color:#aab7a1;margin-left:auto}.lore-section{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.lore-heading .eyebrow{margin-bottom:20px}.lore-heading h2{font-size:49px}.faq details{border-bottom:1px solid #294635;padding:21px 0}.faq details:first-child{padding-top:0}.faq summary{list-style:none;cursor:pointer;font-size:16px;font-weight:900;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--mint);font:22px var(--display)}.faq details[open] summary:after{content:'−'}.faq summary::-webkit-details-marker{display:none}.faq p{font-size:13px;line-height:1.8;color:#9db5a4;padding:16px 22px 0 0}.final-banner{max-width:1440px;margin:0 auto;position:relative;isolation:isolate;overflow:hidden;min-height:390px;display:flex;align-items:center;padding:70px max(40px,calc((100% - 1200px)/2));border-top:1px solid #a8bd8430}.final-art{background:linear-gradient(90deg,#091a13,#08170d50 90%),url('/assets/hero-arena.png') center 45%/cover;position:absolute;inset:0;z-index:-1;opacity:.75}.final-banner h2{font-size:57px;margin:15px 0 25px}.final-banner .eyebrow{font-size:9px}.final-rune{position:absolute;right:16%;font-size:230px;color:#97fce477;text-shadow:0 0 70px #69ffc66b}footer{max-width:1280px;margin:auto;padding:45px 40px;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:9px;color:#759180}footer p{line-height:1.7}footer>.brand{font-size:18px;color:var(--cream)}footer>.brand>span>span{font-size:14px}.reveal{opacity:1;transition:opacity .75s,transform .75s}.js .reveal:not(.visible){opacity:0;transform:translateY(24px)}
dialog{background:#10281d;color:var(--cream);border:1px solid #688f68;box-shadow:0 30px 120px #000c;border-radius:18px;padding:0;max-height:90svh;max-width:calc(100vw - 28px)}dialog::backdrop{background:#010b08d9;backdrop-filter:blur(9px)}.close-modal{position:absolute;right:15px;top:12px;width:34px;height:34px;border:1px solid #5c7860;background:#0d2118;color:#dfecd5;border-radius:50%;font-size:25px;line-height:1;z-index:3}.card-dialog{width:760px}.detail-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;padding:38px;align-items:center}.detail-art{width:100%;aspect-ratio:1;background-image:url('/assets/card-atlas.png');background-size:400% 200%;border:5px solid #b4ae7d;border-radius:18px;box-shadow:0 7px 0 #06130d}.detail-copy h2{font-size:40px;margin:9px 0 14px}.detail-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#bed0b8}.detail-stats{display:flex;gap:25px;margin:22px 0}.detail-stats b{font:25px var(--display);color:var(--gold);display:block}.detail-stats span{font-size:8px;letter-spacing:.1em;color:#98af93}.detail-copy .button{font-size:13px;min-height:45px;width:100%}.picker-dialog{padding:32px;width:850px}.picker-dialog h2{font-size:36px;margin:12px 0}.picker-dialog>p:not(.eyebrow){font-size:12px;color:#a9c3ac;margin-bottom:25px}#picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}#picker-grid .card-label strong{font-size:20px}#picker-grid .card-label small{font-size:8px;letter-spacing:0}#picker-grid .game-card:disabled{opacity:.4;filter:grayscale(.7);transform:none}.battle-dialog{width:1000px;border-color:#81a582;overflow:auto;max-height:96svh}.battle-dialog-bar{padding:12px 20px;border-bottom:1px solid #335f46;display:flex;justify-content:space-between;align-items:center;gap:15px}.battle-dialog-bar>.pixel{font-size:10px}.battle-dialog-bar button span{font-size:20px;margin-left:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);max-width:calc(100vw - 30px);background:#c7f3d5;color:#133d2a;border:1px solid #e3ffcd;box-shadow:0 5px 0 #30634c,0 10px 30px #0005;padding:12px 22px;border-radius:7px;font-weight:900;font-size:12px;z-index:100;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes world-intro{from{transform:scale(1.12)}to{transform:scale(1.04)}}@keyframes scrollhint{0%,100%{transform:translateY(0);opacity:1}60%{transform:translateY(5px);opacity:.3}}@keyframes floatmote{0%{opacity:0;transform:translate(0,30px)}20%{opacity:.65}80%{opacity:.4}100%{opacity:0;transform:translate(35px,-150px)}}
@media(min-width:1600px){.hero-copy{padding-top:260px}.hero-world{background-position:center 40%}.hero{min-height:850px}}@media(max-width:1100px){.masthead{padding:0 28px}nav{gap:20px}.hero{min-height:710px}.hero-copy{padding-top:210px;width:53%;margin-left:5%}.hero h1{font-size:72px}.hero-actions .button{padding:0 21px;font-size:14px}.world-label{right:4%;bottom:110px}.realm-bar{gap:25px}.arena-content{gap:50px}.arena-copy h2{font-size:58px}.deck-workbench{grid-template-columns:1fr 240px}.deck-surface{padding:24px 20px}.deck-slots{gap:9px}.deck-summary{padding:24px}.deck-slots .card-label strong{font-size:17px}.record-line{gap:40px}.guide-steps{gap:35px}.card-gallery{gap:25px 19px}.card-label strong{font-size:23px}}@media(max-width:800px){.masthead{height:80px;padding:0 22px}nav{gap:18px}nav a{font-size:12px}nav a:last-child{display:none}.brand{font-size:22px}.brand img{width:40px}.brand>span>span{font-size:16px}.masthead>.button{display:none}.hero{height:780px;min-height:0;max-height:none}.hero-world{background-position:66% center}.hero-shade{background:linear-gradient(90deg,#05170eeb,#05170e7a 60%,#05170e10),linear-gradient(0deg,#071915,transparent 80%)}.hero-copy{width:75%;padding-top:240px;margin-left:6%}.hero h1{font-size:69px}.hero-intro{font-size:16px}.world-label{display:none}.hero-bottom{font-size:8px}.sound-label{display:none}.realm-bar{gap:20px;padding:22px;flex-wrap:wrap;min-height:75px}.realm-bar p{font-size:8px;gap:8px}.realm-bar p:last-child,.realm-bar>span:last-of-type{display:none}.realm-bar b{font-size:24px}.section{padding:75px 25px}.section-heading{align-items:start}.section-heading h2{font-size:46px}.section-heading>p{max-width:260px;font-size:13px}.collection-tools>.pixel{display:none}.card-gallery{grid-template-columns:repeat(4,minmax(170px,1fr));overflow:auto;padding:12px 6px 25px;margin-right:-25px;scroll-snap-type:x mandatory;scrollbar-color:#577f64 #0b2118}.card-gallery .game-card{scroll-snap-align:start}.card-gallery .card-label strong{font-size:22px}.collection-foot{font-size:10px}.arena-content{gap:25px;padding-block:60px}.arena-map{padding:0 10px 0 0}.arena-copy h2{font-size:46px}.arena-copy>p:not(.eyebrow){font-size:13px}.match-specs{gap:15px;flex-wrap:wrap}.map-caption{display:none}.map-pin{width:23px;height:23px;font-size:12px}.map-pin b{font-size:8px;padding:7px;left:28px}.pin-two b{right:28px;left:auto}.deck-workbench{grid-template-columns:1fr}.deck-surface{border-right:0;border-bottom:1px solid #3e5e46;padding:28px}.deck-slots{min-height:0;gap:17px}.deck-slots .card-label strong{font-size:21px}.deck-summary{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:center;padding:26px 28px}.deck-crest{display:none}.deck-summary .eyebrow{grid-column:1}.deck-summary h3{grid-column:1;margin-bottom:0}.deck-energy{grid-column:2;grid-row:1/3;justify-self:end}.deck-summary>p{margin:16px 0}.deck-summary>.button.mint{grid-column:2;grid-row:3}.deck-summary>.button.quiet{grid-column:2;grid-row:4;margin:0;min-height:28px}.guide-section{padding-top:25px}.guide-steps{gap:25px}.guide-steps h3{font-size:24px}.guide-steps p{font-size:12px}.step-visual{transform:scale(.85);transform-origin:left bottom;width:125px}.step-number{font-size:24px}.guide-stamp{width:125px;height:125px;font-size:20px}.chronicle-section{margin:0 25px;padding:30px}.chronicle-heading h2{font-size:28px}.record-line{padding:0;gap:30px;flex-wrap:wrap}.record-line p{width:100%;margin-left:0}.lore-section{gap:40px}.lore-heading h2{font-size:38px}.lore-heading .eyebrow{font-size:8px}.faq summary{font-size:14px}.final-banner{padding:65px 30px}.final-banner h2{font-size:48px}.final-rune{right:6%;opacity:.45}footer{padding:35px 25px}footer>span{display:none}}
@media(max-width:540px){html{scroll-padding-top:20px}.masthead{padding:0 16px;height:73px}.brand{font-size:20px;gap:4px}.brand>span>span{font-size:15px}.brand img{width:34px}nav{gap:17px}nav a{font-size:11px}nav a:nth-child(2){display:none}.hero{height:810px}.hero-world{background-size:auto 640px;background-repeat:no-repeat;background-position:64% top;background-color:#061a12;transform:none;animation:none}.hero-shade{background:linear-gradient(0deg,#071915 7%,#071915f5 26%,#071915a3 51%,#07191505 79%),linear-gradient(180deg,#07191588,transparent 20%)}.hero-copy{width:calc(100% - 40px);margin:0 20px;padding:425px 0 100px}.hero h1{font-size:59px;line-height:.97;margin:16px 0}.hero .eyebrow{font-size:8px;letter-spacing:.14em}.hero-intro{font-size:14px;line-height:1.6}.hero-actions{gap:11px;margin-top:23px}.hero-actions .button{min-height:49px;padding:0 19px;font-size:13px;border-radius:7px}.hero-actions .button svg{width:18px}.hero-note{font-size:9px;margin-top:21px}.hero-bottom{height:48px;left:20px;right:20px}.hero-bottom>span:first-child{font-size:6px}.hero-bottom a{font-size:8px}.realm-bar{gap:14px;padding:17px 8px}.realm-bar>span{font-size:8px}.realm-bar p{flex-direction:column;gap:4px;font-size:6px;letter-spacing:.09em}.realm-bar b{font-size:24px}.section{padding:60px 20px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,h2{font-size:42px}.section-heading>p{margin-top:20px;max-width:100%;font-size:12px;line-height:1.7}.eyebrow{font-size:8px;letter-spacing:.15em}.collection-tools{margin-bottom:17px}.segmented button{font-size:11px;padding:10px 13px}.segmented small{margin-left:4px}.card-gallery{grid-template-columns:repeat(4,172px);margin-right:-20px;gap:24px 15px;padding-right:25px}.card-label strong{font-size:22px}.collection-foot{flex-direction:column;align-items:start;gap:14px;margin-top:20px}.arena-topline{padding:14px 20px;font-size:7px}.arena-content{display:flex;flex-direction:column;gap:45px;padding-top:45px;padding-bottom:55px}.arena-map{width:80%;padding:0;transform:rotate(-3deg)}.map-pin b{font-size:8px}.arena-copy{width:100%}.arena-copy h2{font-size:50px}.arena-copy h2 br:first-child{display:none}.arena-copy h2 br:first-child:after{content:' '}.arena-copy>p:not(.eyebrow){font-size:13px;max-width:none}.match-specs{justify-content:space-between;gap:8px;margin-block:25px}.match-specs strong{font-size:11px}.match-specs span{font-size:7px}.arena-fine{max-width:100%}.deck-surface{padding:22px 15px}.bench-heading{margin-bottom:22px}.deck-slots{grid-template-columns:repeat(2,1fr);gap:21px 15px}.deck-slots .card-label strong{font-size:22px}.deck-slots .card-label small{font-size:9px}.deck-instruction{font-size:10px;margin-top:25px}.deck-summary{padding:25px 20px;gap:0 12px}.deck-summary h3{font-size:27px}.deck-summary>p{font-size:11px}.deck-energy{gap:5px}.deck-energy b{font-size:25px}.deck-energy span{font-size:9px;max-width:50px}.deck-summary>.button.mint{font-size:12px;padding:0 14px}.guide-section{padding-top:15px}.guide-stamp{display:none}.guide-steps{display:block}.guide-steps article{padding:25px 0 25px 110px;min-height:170px}.step-visual{position:absolute;left:0;top:25px;transform:scale(.6);width:130px;transform-origin:left center}.step-number{top:14px;font-size:20px;right:0}.guide-steps h3{font-size:25px;margin:0 0 9px}.guide-steps p{font-size:12px}.keyboard-note{margin-top:0;line-height:1.6;gap:6px}.keyboard-note>span:first-child{width:100%;margin-bottom:6px}.keyboard-note>span{margin-right:0}.touch-note{width:100%;margin-left:0!important;margin-top:6px}.chronicle-section{margin:0 20px;padding:27px 20px}.chronicle-heading{gap:12px}.chronicle-heading img{width:45px}.chronicle-heading h2{font-size:25px}.chronicle-heading .eyebrow{font-size:7px}.record-line{gap:28px}.record-line b{font-size:30px}.record-line span{font-size:7px}.record-line p{font-size:11px}.lore-section{display:block}.lore-heading h2{font-size:41px}.faq{margin-top:35px}.faq p{font-size:12px}.final-banner{padding:55px 23px;min-height:350px}.final-banner h2{font-size:44px}.final-banner .eyebrow{font-size:7px}.final-rune{font-size:160px;right:-50px;opacity:.4}.final-banner .button{min-height:50px;font-size:14px}footer{padding:30px 20px;gap:20px;align-items:start}footer .brand{flex-shrink:0}footer p{font-size:8px;max-width:160px}.detail-layout{grid-template-columns:1fr;padding:35px 25px;gap:22px}.detail-art{width:70%;margin:auto}.detail-copy h2{font-size:35px}.detail-copy>p:not(.eyebrow){font-size:12px}.detail-stats{margin:15px 0}.picker-dialog{padding:30px 20px}.picker-dialog h2{font-size:32px;padding-right:10px}#picker-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}#picker-grid .card-label strong{font-size:21px}.battle-dialog{width:100%;max-width:calc(100vw - 10px);max-height:98svh;border-radius:10px}.battle-dialog-bar{padding:8px 12px}.battle-dialog-bar>.pixel{font-size:8px}.toast{font-size:11px;width:max-content;text-align:center}.js .reveal:not(.visible){transform:translateY(15px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.hero-world{will-change:auto}}
.battle-dialog-bar{min-height:38px;height:38px;padding:4px 15px}.battle-dialog-bar button{line-height:20px}.battle-dialog-bar button span{line-height:1;vertical-align:middle}.battle-dialog .hr-game{border-radius:0;border-left:0;border-right:0;border-bottom:0}
.collection{overflow:clip}@media(max-width:540px){.arena-copy h2 br:first-child{display:block}}