:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:#ffffff;color:#29251a}*{box-sizing:border-box}body{margin:0;min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f8d878;outline-offset:9px}header{position:fixed;top:max(25px,env(safe-area-inset-top));right:max(26px,env(safe-area-inset-right));z-index:5}.menu-toggle{width:46px;height:46px;border:1px solid #ffffff20;background:#10110fd9;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:inherit}.menu-toggle span{width:17px;height:1px;background:#d5c9aa;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{position:absolute;right:0;top:61px;width:180px;background:#161712;border:1px solid #ddbc682c;border-radius:12px;padding:8px;box-shadow:0 15px 40px #0007}nav button{display:block;width:100%;text-align:left;padding:14px;background:none;border:0;border-radius:6px;color:#e8e3d5;font-size:14px}nav button:hover{background:#dfb85514}main{min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:85px 20px}.stage{position:relative;width:min(760px,88vw,108svh);isolation:isolate}.glow{position:absolute;z-index:-1;inset:-20% -18%;background:radial-gradient(ellipse at 50% 49%,#ffd447f2 0%,#ffbc20c9 28%,#f6b51a70 43%,#f8ce432e 57%,transparent 72%);filter:blur(18px);pointer-events:none;animation:breathe 6s ease-in-out infinite}.box{display:block;width:100%;position:relative;border:0;padding:0;background:transparent;color:#846019;transition:transform .25s,filter .25s;filter:drop-shadow(0 24px 20px #0003)}.box img{width:100%;height:auto;display:block;transform:rotate(-10deg) scale(.95);transform-origin:50% 50%}.hint{display:block;position:absolute;top:calc(100% + 25px);width:100%;font-size:10px;letter-spacing:.28em;font-weight:500}.hint span{display:inline-block;margin-left:10px;font-size:16px;vertical-align:-1px}.box:hover{transform:translateY(-7px) scale(1.025)}.box:active,.box.is-pressed{transform:translateY(8px) scale(.96);filter:drop-shadow(0 7px 7px #0003);transition-duration:90ms}dialog{padding:0;border:1px solid #d3aa532f;border-radius:16px;background:#141511;color:#f3efdf;width:min(580px,calc(100vw - 36px));box-shadow:0 30px 140px #000b}dialog::backdrop{background:#030503d9;backdrop-filter:blur(12px)}.panel{padding:clamp(28px,6vw,54px)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#c4a66a;font-size:11px;margin:0 0 26px}h2{font-size:clamp(29px,6vw,44px);line-height:1.16;letter-spacing:-.035em;margin:0 0 36px;font-weight:650}.return{background:transparent;border:1px solid #ddc69542;border-radius:7px;color:#ded3b7;padding:13px 20px;font-size:13px}.return:hover{background:#dabc6d15}.contact-title{font-size:24px;margin-bottom:26px}.email{font-size:clamp(14px,3.7vw,20px);color:#e2c581;text-decoration-color:#e2c58155;text-underline-offset:6px;overflow-wrap:anywhere;display:block;margin-bottom:38px}.note{color:#b9b7ad;line-height:1.6;margin:-15px 0 32px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{50%{opacity:.87;transform:scale(.98)}}@media(max-width:600px){.stage{width:94vw}.glow{inset:-50% -45%}.hint{top:calc(100% + 32px);font-size:9px}header{top:max(20px,env(safe-area-inset-top));right:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.menu-toggle{width:auto;min-width:76px;padding:0 18px;border-radius:24px;font-size:13px;letter-spacing:.04em;color:#f4eddb}
/* Gold matches the five battle card in the supplied live game (#edc65a). */
.box img{filter:brightness(1.12) saturate(1.03)}
.box-border{position:absolute;inset:0;width:100%;height:auto;overflow:visible;pointer-events:none;transform:rotate(-10deg) scale(.95);transform-origin:50% 50%;filter:drop-shadow(0 0 14px #edc65a) drop-shadow(0 0 28px #edc65a99)}
.box-border polygon{fill:none;stroke:#edc65a;stroke-width:5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#story,#contact{background:#fff;color:#24221d;border-color:#e4dfd2;color-scheme:light}
#story .eyebrow{color:#80631e}
#story .return,#contact .return{color:#403621;border-color:#bfb39a}
#story .return:hover,#contact .return:hover{background:#faf5e9}
#contact .email{color:#785710;text-decoration-color:#aa8849}

.box{text-decoration:none;cursor:pointer}
