/* Moonseal Atelier — mobile first, no build step. */
:root{color-scheme:dark;--night:#211c35;--deep:#151122;--surface:#302942;--alt:#39304e;--border:#514563;--text:#f7f2e8;--dim:#c2b8d3;--gold:#d5f58b;--violet:#bca3f5;--teal:#78dce8;--good:#a9d69a;--danger:#ff8995;--ease:cubic-bezier(.2,0,0,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--night);color:var(--text);font:400 16px/1.65 Outfit,'Noto Sans Myanmar',sans-serif;-webkit-font-smoothing:antialiased}body::before{content:"";position:absolute;inset:0 0 auto;height:900px;background:radial-gradient(ellipse at 78% 28%,#49375c75,transparent 60%);pointer-events:none;z-index:-1}a{color:var(--violet);text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}img,svg{max-width:100%}img{height:auto}.wrap{max-width:1200px;padding:0 24px;margin:auto}p{margin:0 0 1em}h1,h2,h3{line-height:1.12;margin:0;font-weight:600;letter-spacing:-.035em}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.skip{position:fixed;top:10px;left:20px;transform:translateY(-150%);background:var(--gold);color:var(--night);padding:12px 20px;z-index:9;border-radius:12px}.skip:focus{transform:none}
.site-header{min-height:100px;display:flex;gap:24px;align-items:center;border-bottom:1px solid #ffffff18}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.025em;line-height:1.2}.brand img{border-radius:12px}.brand small{display:block;font-size:10px;letter-spacing:.25em;color:var(--violet);margin-top:6px}.header-nav{display:none;margin-left:auto;gap:32px}.header-nav a{color:var(--dim);font-size:14px;text-decoration:none}.header-nav a:hover{color:var(--gold)}.language-trigger{margin-left:auto;display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:13px}.language-trigger svg{fill:none;stroke:var(--violet);stroke-width:1.5;flex-shrink:0}.eyebrow{color:var(--violet);font-size:12px;letter-spacing:.16em;font-weight:600;text-transform:uppercase;margin-bottom:24px}.eyebrow .status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px;box-shadow:0 0 0 4px #d5f58b16}
.hero{display:grid;gap:32px;padding:52px 0 24px;align-items:center}.hero-copy{min-width:0}.hero h1{font-size:clamp(44px,7vw,80px);letter-spacing:-.055em;line-height:1.04;max-width:660px}.hero h1 em{font-style:normal;color:var(--gold)}.hero .lead{color:var(--dim);max-width:500px;font-size:16px;margin:24px 0}.hero .gets{display:flex;gap:12px;flex-wrap:wrap;padding:4px 0 14px}.get{display:flex;align-items:center;gap:14px;border-radius:16px;padding:12px 20px;min-height:64px;min-width:225px;text-decoration:none;color:var(--night);transition:transform 140ms var(--ease)}.get.primary{background:var(--gold);box-shadow:0 5px 0 #849856}.get.primary:hover{transform:translateY(-2px)}.get.primary:active{transform:translateY(2px) scale(.98)}.get .glyph{font-size:23px}.get .l1{font-size:10px;letter-spacing:.12em}.get .l2{font-size:18px;font-weight:600}.get .badge{margin-left:auto;border-left:1px solid #211c3533;padding-left:12px;font-size:11px;font-weight:600}.get.off{background:transparent;color:var(--dim);border:1px solid var(--border);min-width:180px}.get.off .l2{font-size:15px}.get.off .glyph{font-size:22px}.fine{font-size:12px;color:var(--dim);max-width:490px;margin:6px 0}.house-live{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff18}.ever{font-size:12px;color:var(--dim)}.ever strong{color:var(--text);font-size:18px;font-weight:500;margin-right:4px}.status{font-size:12px;display:flex;gap:5px;align-items:center;flex-wrap:wrap;color:var(--dim)}.status .dot{width:6px;height:6px;background:var(--good);border-radius:50%;margin-right:4px}
.vault-scene{position:relative;isolation:isolate;aspect-ratio:1/1.02;min-width:0}.vault-scene::before{content:"";position:absolute;inset:3% 3% 10%;background:#302942;border-radius:48% 48% 25px 25px;border:1px solid #74618c55;box-shadow:inset 0 0 0 14px #211c35,inset 0 0 0 15px #74618c33;z-index:-1}.vault-drawing{position:absolute;width:100%;inset:0}.hero-crate{position:absolute;left:12%;top:24%;width:77%;transform:rotate(-8deg);filter:drop-shadow(0 24px 18px #15112270)}.seal-caption{position:absolute;left:7%;right:7%;bottom:4%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff20;padding-top:15px;color:var(--dim);font-size:11px;letter-spacing:.12em}.seal-caption strong{color:var(--gold);font-weight:500}.vault-tag{position:absolute;left:0;top:20%;background:var(--text);color:var(--night);padding:10px 16px;transform:rotate(-7deg);border-radius:14px 14px 14px 3px;box-shadow:0 5px 0 #b5a6c6;font-size:11px;letter-spacing:.08em;font-weight:600}.peri{position:absolute;right:0;top:2%;width:92px;transform:rotate(9deg)}.orbit-ring{transform-origin:260px 260px;animation:orbit 36s ease-in-out infinite;animation-play-state:paused}.in-view .orbit-ring{animation-play-state:running}.peri.in-view{animation:peri 7s ease-in-out infinite}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.section-heading .eyebrow{margin:0 0 12px}.section-heading h2{font-size:clamp(30px,4vw,46px);max-width:600px}.section-num{font-size:12px;color:var(--violet);font-variant-numeric:tabular-nums}.landing section{padding:64px 0;border-top:1px solid #ffffff18;margin-top:32px}.landing section>h2{font-size:clamp(26px,4vw,38px);margin-bottom:32px}.grid{display:grid;grid-template-columns:1fr;gap:20px}.card,.box,.ticket,.tease{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:24px 24px 24px 8px;padding:28px;box-shadow:0 5px 0 #15112255}.card::before,.box::before,.tease::before{content:"";position:absolute;top:-9px;left:28px;width:56px;height:9px;border-radius:10px 10px 0 0;border:1px solid var(--border);border-bottom:0;background:inherit}.card::after{content:"";position:absolute;top:44px;right:-1px;width:9px;height:18px;background:var(--night);border-radius:10px 0 0 10px;border-left:1px solid var(--border)}.card .n{color:var(--violet);font-size:12px;margin-bottom:36px;display:flex;justify-content:space-between}.card .n::after{content:"✧";font-size:24px;line-height:1}.card h3{font-size:21px;margin-bottom:14px;line-height:1.25}.card p{font-size:14px;color:var(--dim);margin:0}.rounds{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap}.round{flex:1 1 88px;border-top:2px solid var(--violet);padding:16px 10px;background:#30294280;border-radius:0 0 14px 14px}.round b{display:block;font-size:25px;color:var(--text);font-weight:500}.round:last-child{border-color:var(--gold)}.round span{font-size:10px;color:var(--dim)}.shots{display:grid;gap:40px}.shot{margin:0;display:grid;gap:20px;align-items:center}.shot img{display:block;width:100%;border-radius:20px 20px 20px 5px;border:1px solid var(--border);aspect-ratio:20/9;object-fit:cover;box-shadow:0 8px 0 #15112266}.shot figcaption{font-size:15px;color:var(--dim)}.shot figcaption b{display:block;color:var(--text);font-size:23px;line-height:1.3;margin-bottom:12px;font-weight:500}.shot-no{font-size:12px;color:var(--violet);display:block;margin-bottom:14px}.screenshot-note{font-size:12px;color:var(--dim);margin-top:20px}.commander-emblem{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:22px 22px 22px 8px;background:var(--accent);color:var(--night);margin-bottom:28px}.commander-emblem svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2.5}.commander-title{font-size:10px;letter-spacing:.12em;color:var(--accent);margin-bottom:8px}.tease{background:var(--text);color:var(--night);padding:32px}.tease h3{font-size:30px;margin-bottom:16px}.tease p{max-width:640px;color:#4b405c}.tease .eyebrow{color:#645179}.tease-mark{font-size:48px;line-height:1;float:right;margin:0 0 20px 20px;color:#645179}.site-footer{border-top:1px solid #ffffff18;margin-top:60px;padding:40px 0 32px;color:var(--dim);font-size:12px}.site-footer nav{display:flex;gap:16px 24px;flex-wrap:wrap;margin:24px 0}.site-footer a{color:var(--dim);text-decoration:none}.site-footer a:hover{color:var(--gold)}.site-footer p{margin:4px 0;max-width:680px}.footer-brand{font-size:22px;font-weight:600;letter-spacing:-.02em}.footer-brand span{color:var(--violet)}
/* Legal and recovery pages share the same paper ticket hierarchy. */
main:not(.landing){max-width:800px;margin:60px auto 0;padding:0 0 20px}main:not(.landing)>h1{font-size:clamp(30px,5vw,48px);color:var(--text);letter-spacing:-.04em;line-height:1.2;margin-bottom:18px}main:not(.landing) h2{font-size:23px;margin:40px 0 16px;padding-top:24px;border-top:1px solid var(--border);color:var(--text);letter-spacing:-.02em}main:not(.landing) p,main:not(.landing) li{font-size:16px;color:var(--dim)}main:not(.landing) strong{color:var(--text)}.updated,.hint{font-size:13px!important;color:var(--dim);margin-bottom:28px}.box{margin:24px 0}.box p:last-child{margin-bottom:0}.box.warn{border-color:#f5be6280}.box.bad{border-color:var(--danger)}.box.bad p{color:#ffb9c1}.box.ok,.box.good{border-color:var(--good)}.box.ok p{color:var(--good)}table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;overflow-wrap:anywhere}th,td{text-align:left;padding:16px 8px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--text);font-weight:500}td{color:var(--dim)}code{color:var(--gold);font-size:.85em;overflow-wrap:anywhere}form:not([method=dialog]){margin:24px 0}label{display:block;color:var(--dim);font-size:13px;letter-spacing:.04em;margin:20px 0 8px}input[type=text],input[type=email],input[type=password],textarea{width:100%;min-width:0;min-height:52px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--deep);color:var(--text);font:inherit;box-sizing:border-box}textarea{resize:vertical}button.go,form:not([method=dialog])>button{background:var(--gold);color:var(--night);border:0;border-radius:16px;padding:15px 24px;min-height:52px;font:600 15px/1.5 Outfit,'Noto Sans Myanmar',sans-serif;box-shadow:0 4px 0 #849856;margin-top:24px;letter-spacing:0;transition:transform 140ms var(--ease)}button.go:active,form:not([method=dialog])>button:active{transform:translateY(2px) scale(.98)}.tag{color:var(--violet);background:var(--alt);padding:4px 8px;border-radius:8px;font-size:11px}
p,li,a{overflow-wrap:anywhere}
.commander-showcase{display:grid;gap:28px;align-items:center;margin:0 0 48px}.commander-showcase figure{position:relative;margin:0;background:#e9e2f3;border:1px solid #bca3f5;border-radius:28px 28px 28px 8px;overflow:hidden}.commander-showcase img{display:block;width:100%;max-height:380px;object-fit:contain}.commander-showcase figcaption{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;background:var(--night);color:var(--text);padding:10px 16px;border-radius:12px;font-size:13px}.commander-showcase figcaption span{color:var(--gold)}.commander-showcase h3{font-size:clamp(30px,4vw,44px);margin-bottom:24px}.commander-showcase p:not(.eyebrow){color:var(--dim);font-size:17px;max-width:470px}@media(min-width:640px){.commander-showcase{grid-template-columns:1fr 1.5fr;gap:48px}.commander-showcase figure{max-width:330px}.commander-showcase img{max-height:420px}}
.vault-scene.arrived .hero-crate{animation:vault-in 600ms var(--ease) both}.vault-scene.arrived .seal-caption{animation:arrive 380ms 60ms var(--ease) both}
@keyframes vault-in{from{opacity:.3;transform:translateY(16px) rotate(-8deg)}to{opacity:1;transform:rotate(-8deg)}}
/* Accessible native dialog with a sculpted seal and stepped top edge. */
.modal-open{overflow:hidden}.language-modal{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid #d2c4e3;padding:38px 28px 24px;overflow-y:auto;background:var(--text);color:var(--night);border-radius:30px 30px 30px 10px;box-shadow:0 8px 0 #ae9bbf,0 28px 80px #0005}.language-modal::backdrop{background:#151122dc}.language-modal[open]{animation:modal-in 380ms var(--ease) both}.language-modal .moonseal{margin:0 auto 20px;display:grid;place-items:center;width:58px;height:58px;border-radius:20px 20px 20px 7px;background:var(--night);color:var(--gold);font-size:42px;line-height:1;box-shadow:0 4px 0 #bca3f5}.language-modal .eyebrow{font-size:10px;color:#76608b;text-align:center;margin-bottom:12px}.language-modal h2{font-size:32px;text-align:center;letter-spacing:-.04em;line-height:1.2;margin:0 0 12px}.language-modal>p:not(.eyebrow){color:#64566f;text-align:center;font-size:14px}.language-modal form{margin:0}.modal-close{position:absolute;right:12px;top:12px;background:transparent;color:#64566f;border:0;font-size:25px;width:44px;height:44px;border-radius:14px}.language-options{display:grid;gap:12px;margin:24px 0}.language-options button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;min-height:68px;border:1px solid #d7cddd;border-radius:17px 17px 17px 5px;background:#fffaf5;color:var(--night);text-align:left;font-weight:600;box-shadow:0 3px 0 #d7cddd;transition:transform 140ms var(--ease)}.language-options button:hover,.language-options button[aria-pressed=true]{background:var(--gold);border-color:#a6c16d}.language-options button:active{transform:translateY(2px) scale(.98)}.language-options small{display:block;font-weight:400;color:#64566f;font-size:12px;margin-top:2px}.language-options button>span:last-child{font-size:23px}.language-modal .modal-note{font-size:12px!important;margin-bottom:0}.no-script{position:fixed;bottom:0;background:var(--text);color:var(--night);padding:14px;width:100%;z-index:3;text-align:center}.no-script a{color:#594176}
html[lang=my] body,html[lang=my] button,html[lang=my] input,html[lang=my] textarea,[lang=my]{font-family:'Noto Sans Myanmar',sans-serif;line-height:1.9;letter-spacing:0!important}html[lang=my] h1,html[lang=my] h2,html[lang=my] h3{line-height:1.6;letter-spacing:0}html[lang=my] .hero h1{font-size:clamp(32px,4.7vw,54px)}html[lang=my] .eyebrow,html[lang=my] .round span{letter-spacing:0}html[lang=my] .language-modal h2{font-size:25px}html[lang=my] .brand{font-family:Outfit,sans-serif;line-height:1.2}html[lang=my] .get .l1{letter-spacing:0}.language-options [lang=my]{line-height:1.8}.language-options [lang=my] small{margin-top:4px}
@keyframes modal-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@keyframes orbit{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(24deg)}}@keyframes peri{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(-6px) rotate(6deg)}}@keyframes arrive{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:none}}[data-reveal].arrived{animation:arrive 600ms var(--ease) both}.grid .card:nth-child(2){animation-delay:60ms}.grid .card:nth-child(3){animation-delay:120ms}.grid .card:nth-child(4){animation-delay:180ms}
@media(min-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{padding:0 32px}.hero{padding-top:64px}.vault-scene{max-width:520px;width:100%;justify-self:center}.shot{grid-template-columns:1.7fr 1fr;gap:32px}.language-modal{padding:38px 36px 28px}}
@media(min-width:1000px){.header-nav{display:flex}.language-trigger{margin-left:12px}.hero{grid-template-columns:1.15fr 1fr;gap:32px;padding:64px 0 40px;min-height:690px}.hero .get.off{min-width:170px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero .lead{font-size:17px}.landing section{padding:76px 0}.card{padding:26px}.hero-copy>.eyebrow{margin-bottom:28px}}
@media(max-width:399px){.wrap{padding:0 20px}.brand{font-size:12px;gap:8px}.brand img{width:36px;height:36px}.site-header{gap:8px;min-height:84px}.language-trigger{padding:8px;font-size:12px;gap:5px}.hero .get{flex:1 1 100%}.hero .get.off{min-height:56px}.language-modal{padding:32px 22px 22px}.language-modal h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.get:hover,.get:active,.language-options button:active,button.go:active{transform:none!important}}

/* Original-recognisable game lettering, shared across public pages. */
.brand-words{display:flex;flex-direction:column;align-items:flex-end;width:184px;gap:3px;line-height:1}
.brand .brand-icon{flex:0 0 auto}
.brand .brand-words img,.brand-words>img{display:block;width:100%;height:auto;border-radius:0}
.brand .brand-words .brand-tag,.brand-words>.brand-tag{width:48%;margin-right:2%}
.hero-logo{width:min(100%,500px);gap:7px;margin-bottom:28px}
.footer-brand.brand-words{width:260px}
@media(max-width:399px){.brand .brand-words{width:156px}.brand .brand-words img{width:100%;height:auto}.brand .brand-words .brand-tag{width:48%}}
.ba{--pos:50%;position:relative;border-radius:20px 20px 20px 5px;box-shadow:0 8px 0 #15112266;overflow:hidden;border:1px solid var(--border);aspect-ratio:20/9;touch-action:pan-y}.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none;aspect-ratio:auto}.ba .ba-new{clip-path:inset(0 0 0 var(--pos))}.ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--gold);box-shadow:0 0 12px #f2b63c99;pointer-events:none}.ba-line::after{content:"⟷";position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:var(--night);border:2px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:18px}.ba-live .ba-line::after{animation:ba-glow 2.4s cubic-bezier(.4,0,.2,1) 1.4s infinite}.ba-tag{position:absolute;top:12px;padding:5px 11px;border-radius:999px;font-size:11px;letter-spacing:.12em;background:#15112299;color:var(--text);backdrop-filter:blur(4px);pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .3s cubic-bezier(.4,0,.2,1) .9s,transform .3s cubic-bezier(.4,0,.2,1) .9s}.ba-tag-old{left:12px}.ba-tag-new{right:12px;color:var(--gold)}.ba-live .ba-tag,.ba-still .ba-tag{opacity:1;transform:none}.ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.ba-range:focus-visible+.ba-line::after{outline:3px solid var(--text);outline-offset:3px}@keyframes ba-glow{0%,100%{box-shadow:0 0 0 0 #f2b63c00}50%{box-shadow:0 0 0 8px #f2b63c33}}@media(prefers-reduced-motion:reduce){.ba-tag{opacity:1;transform:none}}
/* Phones: no before/after slider, just the current look. */
@media(max-width:639px){.ba .ba-new{clip-path:none}.ba-old,.ba-line,.ba-tag,.ba-range{display:none}.screenshot-note{display:none}}