:root{--crimson:#6e1419;--crimson-deep:#4a0d10;--gold:#d4a64a;--gold-light:#f0d28c;--gold-dark:#9c7426;--parchment:#f1e4c8;--parchment-dark:#e2cfa6;--ink:#1b0f0d;--ink-soft:#2a1a16;--text-light:#f3e9d6;--text-muted:#c9b89a;--text-dark:#2b1b14;--text-dark-muted:#6b5442;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:14px;--header-h:68px;--shadow:0 20px 50px -20px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h);-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--text-light);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums;margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}img,video{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;margin:0;line-height:1.2}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}.container{width:min(1180px,100% - 32px);margin-inline:auto}.section{padding-block:clamp(72px,10vw,128px);position:relative}.section--dark{background:radial-gradient(ellipse at top, #6e141940, transparent 60%), var(--ink)}.section--ink{background:linear-gradient(180deg, var(--ink-soft), var(--ink))}.section--crimson{background:radial-gradient(ellipse at 20% 0%, #d4a64a1f, transparent 50%), linear-gradient(160deg, var(--crimson), var(--crimson-deep))}.section--parchment{background:radial-gradient(ellipse at center, transparent 40%, #9c74262e), var(--parchment);color:var(--text-dark);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.section--parchment:before,.section--crimson:before{content:"";background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold-light) 50%, var(--gold) 80%, transparent);opacity:.8;height:6px;position:absolute;inset:0 0 auto}.section-heading{text-align:center;max-width:720px;margin:0 auto clamp(40px,6vw,64px)}.section-heading h2,.about__text h2,.footer h2{font-size:clamp(2rem,4.5vw,3rem);font-weight:700}.section-heading__intro{color:var(--text-muted);margin-top:18px;font-size:1.05rem}.section--parchment .section-heading__intro{color:var(--text-dark-muted)}.eyebrow{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:.8rem;font-weight:600}.section--parchment .eyebrow{color:var(--crimson)}.ornament{background:linear-gradient(var(--gold), var(--gold)) left center / 54px 1px no-repeat, linear-gradient(var(--gold), var(--gold)) right center / 54px 1px no-repeat;width:140px;height:14px;margin:18px auto 0;display:block;position:relative}.ornament:after{content:"";border:1.5px solid var(--gold);width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.ornament--left{margin-left:0}.section--parchment .ornament{--gold:var(--gold-dark)}.lead{color:var(--text-muted);font-size:1.1rem}.frame{border-radius:var(--radius);background:linear-gradient(145deg, var(--gold-light), var(--gold-dark) 45%, var(--gold) 70%, var(--gold-dark));box-shadow:var(--shadow);margin:0;padding:8px;position:relative}.frame>img,.frame>video{border-radius:calc(var(--radius) - 6px);width:100%}.btn{border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 28px;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--gold{background:linear-gradient(180deg, var(--gold-light), var(--gold));color:var(--ink);box-shadow:0 10px 30px -10px #d4a64ab3}.btn--ghost{color:var(--gold-light);background:#0003;border-color:#f0d28c99}.btn--ghost:hover{background:#d4a64a26}.btn--small{min-height:40px;padding:8px 20px;font-size:.9rem}.icon-btn{width:44px;height:44px;color:var(--gold-light);background:#0000004d;border:1px solid #f0d28c66;border-radius:50%;place-items:center;transition:background-color .2s;display:inline-grid}.icon-btn:hover{background:#d4a64a33}[data-reveal]{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transition:none;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.about__grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(40px,6vw,80px);display:grid}.about__text .lead{margin-top:24px}.about__highlights{gap:20px;margin-top:32px;display:grid}.about__highlights li{align-items:flex-start;gap:18px;display:flex}.about__num{font-family:var(--font-display);color:var(--gold);flex:none;padding-top:2px;font-size:1.6rem;font-weight:700;line-height:1}.about__highlights h3{color:var(--gold-light);font-size:1.2rem}.about__highlights p{color:var(--text-muted)}.about__media video{aspect-ratio:16/9;object-fit:cover;background:var(--ink-soft)}.about__media figcaption{color:var(--gold-light);background:#1b0f0db3;border-radius:999px;padding:4px 12px;font-size:.8rem;position:absolute;bottom:22px;left:24px}@media (width<=900px){.about__grid{grid-template-columns:1fr}}.modal{border-radius:var(--radius);background:var(--ink-soft);max-width:min(960px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text-light);border:1px solid #d4a64a66;padding:0;overflow:auto;box-shadow:0 40px 80px -20px #000c}.modal[open]{animation:.25s modal-in}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0504d1}.modal__close{z-index:2;width:44px;height:44px;color:var(--gold-light);background:#00000080;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}}.cards{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold-dark) transparent;gap:18px;padding:24px max(16px,50% - 590px) 32px;display:flex;overflow-x:auto}.cards li{scroll-snap-align:center;flex:none}.card-thumb{background:0 0;border:0;width:clamp(160px,18vw,210px);padding:0;transition:transform .3s cubic-bezier(.2,.7,.2,1);display:block;position:relative}.card-thumb img{aspect-ratio:2/3;object-fit:cover;border-radius:12px;width:100%;height:auto;box-shadow:0 18px 30px -14px #000c}.card-thumb:hover,.card-thumb:focus-visible{transform:translateY(-10px)rotate(-1.5deg)}.card-thumb__name{font-family:var(--font-display);color:var(--text-dark);text-align:center;font-size:.95rem;font-weight:700;line-height:1.2;position:absolute;top:80%;left:12%;right:12%}.card-thumb__count{background:var(--crimson);color:var(--gold-light);border:1px solid var(--gold);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700;position:absolute;top:8px;right:8px}.card-detail{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:32px;padding:32px;display:grid}.card-detail__img{aspect-ratio:2/3;object-fit:cover;border-radius:14px;width:100%}.card-detail h3{color:var(--gold-light);font-size:2rem}.card-detail__info>p:not(.eyebrow){margin-top:20px;font-size:1.05rem}.card-detail .is-placeholder{color:var(--text-muted);font-style:italic}.card-detail__nav{gap:10px;margin-top:28px;display:flex}@media (width<=640px){.card-detail{grid-template-columns:1fr;gap:20px;padding:56px 20px 24px}.card-detail__img{max-width:240px;margin-inline:auto}}.factions{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.faction{border-radius:var(--radius);background:#fbf4e4;border:1px solid #9c742659;transition:transform .3s;overflow:hidden;box-shadow:0 18px 40px -24px #4a0d1099}.faction:hover{transform:translateY(-6px)}.faction:nth-child(2){transition-delay:80ms}.faction:nth-child(3){transition-delay:.16s}.faction:nth-child(4){transition-delay:.24s}.faction__photo{aspect-ratio:4/3;background:var(--faction);position:relative}.faction__photo img{object-fit:cover;width:100%;height:100%}.faction__photo:after{content:"";background:var(--faction);height:6px;position:absolute;inset:auto 0 0}.faction__body{padding:20px 20px 22px}.faction h3{color:var(--text-dark);align-items:center;gap:10px;font-size:1.35rem;display:flex}.faction__dot{background:var(--faction);width:16px;height:16px;box-shadow:0 0 0 3px #ffffffe6, 0 0 0 4px var(--faction);border-radius:50%}.faction__army{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.faction__army li{background:var(--parchment);border-radius:10px;flex-direction:column;padding:8px 10px;display:flex}.faction__army strong{font-family:var(--font-display);color:var(--crimson);font-size:1.4rem;line-height:1.1}.faction__army span{color:var(--text-dark-muted);font-size:.82rem}@media (width<=1024px){.factions{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.factions{grid-template-columns:1fr}.faction__photo{aspect-ratio:16/9}}.contact-form{border-radius:var(--radius);background:var(--parchment);color:var(--text-dark);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-shadow:0 0 0 1px var(--gold), 0 0 0 6px #d4a64a2e, var(--shadow);padding:clamp(20px,3vw,32px)}.contact-form h3{color:var(--crimson);font-size:1.5rem}.contact-form__topics{background:var(--parchment-dark);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:16px;padding:4px;display:grid}.contact-form__topics button{min-height:42px;color:var(--text-dark-muted);background:0 0;border:0;border-radius:10px;padding:6px 10px;font-size:.92rem;font-weight:600;line-height:1.2;transition:background-color .2s,color .2s}.contact-form__topics button[aria-checked=true]{background:var(--crimson);color:var(--gold-light)}.contact-form__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.contact-form__span-2{grid-column:span 2}.contact-form__span-3{grid-column:span 3}.contact-form label{flex-direction:column;gap:6px;display:flex}.contact-form label>span{color:var(--text-dark);font-size:.85rem;font-weight:600}.contact-form input,.contact-form textarea{width:100%;min-height:46px;font:inherit;color:var(--text-dark);background:#fffaf0;border:1.5px solid #9c742673;border-radius:10px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.contact-form textarea{resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a8927a}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--crimson);outline:none;box-shadow:0 0 0 3px #6e141926}:is(.contact-form input:user-invalid,.contact-form textarea:user-invalid){border-color:#c62828}.contact-form__honey{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.contact-form__error{color:#9b1c1c;background:#c628281a;border-radius:10px;margin-top:16px;padding:10px 14px;font-size:.92rem}.contact-form__submit{background:linear-gradient(180deg, #8a1c22, var(--crimson));width:100%;color:var(--gold-light);margin-top:20px;box-shadow:0 10px 24px -12px #4a0d10cc}.contact-form__submit:disabled{opacity:.7;cursor:progress;transform:none}.contact-form--done{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-block:48px;display:flex}.contact-form--done p{max-width:360px;color:var(--text-dark-muted)}.contact-form--done .btn--ghost{color:var(--crimson);border-color:var(--crimson);background:0 0;margin-top:8px}.contact-form__check{background:var(--crimson);width:64px;height:64px;color:var(--gold-light);box-shadow:inset 0 0 0 2px var(--gold);border-radius:50%;place-items:center;display:grid}@media (width<=520px){.contact-form__grid{grid-template-columns:1fr}.contact-form__span-2,.contact-form__span-3{grid-column:auto}}.footer{background:radial-gradient(ellipse at 50% 120%, #d4a64a2e, transparent 60%), linear-gradient(180deg, var(--crimson-deep), var(--crimson));padding-top:clamp(72px,10vw,112px);position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold-light) 50%, var(--gold) 80%, transparent);height:6px;position:absolute;inset:0 0 auto}.footer__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,5vw,64px);display:grid}.footer__info{gap:32px;display:grid}.footer__cta{align-items:center;gap:28px;display:flex}.footer__cta img{border:2px solid var(--gold);border-radius:50%;flex:none;width:104px;height:104px}.footer__cta p:not(.eyebrow){color:var(--text-muted);margin-top:12px}.footer__contacts{gap:12px;display:grid}.footer__contacts a{background:#1b0f0d59;border:1px solid #d4a64a4d;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;transition:background-color .2s,transform .2s;display:flex}.footer__contacts a:hover{background:#1b0f0d99;transform:translate(4px)}.footer__contacts small{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:.75rem;display:block}.footer__icon{background:var(--gold);width:44px;height:44px;color:var(--crimson-deep);border-radius:50%;flex:none;place-items:center;display:grid}.footer__bottom{color:var(--text-muted);border-top:1px solid #d4a64a40;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:clamp(56px,8vw,88px);padding-block:24px;font-size:.88rem;display:flex}.footer__bottom p:first-child{font-family:var(--font-display);font-style:italic}@media (width<=960px){.footer__inner{grid-template-columns:1fr}}@media (width<=520px){.footer__cta{flex-direction:column;align-items:flex-start}.footer__cta img{width:88px;height:88px}}.components-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,56px);display:grid}.components{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.component{background:#fbf4e4;border:1px solid #9c74264d;border-radius:12px;align-items:flex-start;gap:14px;padding:16px;display:flex}.component__icon{background:var(--crimson);width:52px;height:52px;color:var(--gold-light);box-shadow:inset 0 0 0 2px var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}.component__count{font-family:var(--font-display);color:var(--crimson);font-size:1.6rem;font-weight:800;line-height:1}.component h3{font-family:var(--font-body);margin-top:4px;font-size:1rem;font-weight:600}.component__note{color:var(--text-dark-muted);font-size:.85rem}.components-photo img{aspect-ratio:4/5;object-fit:cover}@media (width<=960px){.components-layout{grid-template-columns:1fr}.components-photo img{aspect-ratio:3/2}}@media (width<=480px){.components{grid-template-columns:1fr}}.gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(160px,18vw,240px);grid-auto-flow:dense;gap:14px;display:grid}.gallery li:nth-child(4n+2){grid-row:span 2}.gallery button{background:var(--ink-soft);border:0;border-radius:12px;width:100%;height:100%;padding:0;display:block;overflow:hidden}.gallery img{object-fit:cover;filter:saturate(.9);width:100%;height:100%;transition:transform .6s,filter .3s}.gallery button:hover img{filter:saturate(1.1);transform:scale(1.05)}@media (width<=720px){.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px;gap:10px}}.lightbox{background:var(--ink);max-width:min(1400px,100vw - 32px)}.lightbox__figure{margin:0}.lightbox__figure img{width:auto;max-height:calc(100dvh - 120px);margin-inline:auto}.lightbox__figure figcaption{color:var(--text-muted);text-align:center;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;font-size:.9rem;display:flex}.header{z-index:50;height:var(--header-h);transition:background-color .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.header--solid{background:#1b0f0df0;box-shadow:0 1px #d4a64a40}@media (width>=1081px){.header--solid{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1b0f0de0}}.header__inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.header__brand{font-family:var(--font-display);color:var(--gold-light);white-space:nowrap;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.header__brand img{border:1px solid #d4a64a80;border-radius:8px}.header__toggle{color:var(--gold-light);background:0 0;border:0;padding:8px;display:none}.header__nav ul{gap:4px;display:flex}.header__nav a{color:var(--text-light);border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;display:block}.header__nav a:hover,.header__nav a.is-active{color:var(--gold-light);background:#d4a64a1f}@media (width<=1080px){.header__toggle{display:block}.header__nav{inset:var(--header-h) 0 0;opacity:0;visibility:hidden;background:#1b0f0dfa;padding:24px 16px;transition:opacity .25s,transform .25s,visibility .25s;position:fixed;overflow-y:auto;transform:translateY(-8px)}.header__nav.is-open{opacity:1;visibility:visible;transform:none}.header__nav ul{flex-direction:column;gap:4px}.header__nav a{font-family:var(--font-display);border-radius:10px;padding:14px 16px;font-size:1.35rem}}.hero{min-height:100svh;padding:calc(var(--header-h) + 32px) 0 96px;isolation:isolate;text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.hero__bg{object-fit:cover;z-index:-2;width:100%;height:100%;animation:18s ease-out both hero-zoom;position:absolute;inset:0}.hero__shade{z-index:-1;background:radial-gradient(ellipse at center, #1b0f0d73, #1b0f0dd9 75%), linear-gradient(180deg, #4a0d108c, transparent 35%, var(--ink));position:absolute;inset:0}.hero__content{flex-direction:column;align-items:center;display:flex}.hero__logo{border:2px solid var(--gold);border-radius:50%;width:clamp(110px,18vw,160px);height:auto;margin-bottom:28px;animation:1s both hero-rise;box-shadow:0 0 0 6px #d4a64a26,0 20px 60px -10px #d4a64a73}.hero .eyebrow{animation:1s .1s both hero-rise}.hero__title{letter-spacing:.01em;background:linear-gradient(180deg, #fff3cf 10%, var(--gold-light) 45%, var(--gold) 80%);color:#0000;filter:drop-shadow(0 4px 18px #0009);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,9vw,6rem);font-weight:800;animation:1s .2s both hero-rise}.hero__slogan{max-width:560px;font-family:var(--font-display);color:var(--text-light);margin-top:18px;font-size:clamp(1.1rem,2.4vw,1.4rem);font-style:italic;animation:1s .3s both hero-rise}.hero__facts{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;animation:1s .4s both hero-rise;display:flex}.hero__facts li{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b0f0d80;border:1px solid #d4a64a66;border-radius:12px;flex-direction:column;align-items:center;min-width:96px;padding:10px 18px;display:flex}.hero__facts strong{font-family:var(--font-display);color:var(--gold-light);font-size:1.6rem;line-height:1.1}.hero__facts span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.hero__actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;animation:1s .5s both hero-rise;display:flex}.hero__scroll{border:1.5px solid #f0d28c99;border-radius:999px;width:28px;height:46px;position:absolute;bottom:28px;left:50%;translate:-50%}.hero__scroll span{background:var(--gold-light);border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:1.8s ease-in-out infinite hero-scroll;position:absolute;top:8px;left:50%}@keyframes hero-zoom{0%{transform:scale(1.12)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(20px)}}@keyframes hero-scroll{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(16px)}}@media (width<=520px){.hero__facts li{min-width:calc(50% - 6px)}.hero__actions .btn{width:100%}}.map-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,64px);display:grid}.map{filter:drop-shadow(0 30px 40px #00000080);position:relative}.map img{aspect-ratio:1540/1557;width:100%;height:auto}.map__grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:4% 3.5% 4.2% 3.7%}.map__cell{outline-offset:-3px;background:0 0;border:0;padding:0;transition:background-color .2s;position:relative}.map__cell:before{content:"";border:2px solid #0000;border-radius:6px;transition:border-color .2s,background-color .2s;position:absolute;inset:3px}.map__cell:hover:before{background:#fff3cf1f;border-color:#fff3cfe6}.map__cell.is-owned:before{background:color-mix(in srgb, var(--owner) 45%, transparent);border-color:var(--owner)}.map__cell.is-home{cursor:default}.map__cell.is-home:before{background:color-mix(in srgb, var(--owner) 70%, transparent);border:3px double var(--gold-light)}.map__coord{font-family:var(--font-display);color:#fff;text-shadow:0 1px 3px #000000e6;opacity:0;font-size:clamp(.7rem,1.4vw,.95rem);font-weight:700;transition:opacity .2s;position:absolute;top:8px;left:10px}.map__cell:hover .map__coord,.map__cell.is-owned .map__coord,.map:focus-within .map__coord{opacity:1}.map__home{text-transform:uppercase;letter-spacing:.06em;color:#fff;text-shadow:0 1px 3px #000000e6;font-size:clamp(.6rem,1.2vw,.8rem);font-weight:700;position:absolute;inset:auto 0 12%}.map-side h3{color:var(--gold-light);font-size:1.5rem}.win-list{counter-reset:win;gap:14px;margin-top:20px;display:grid}.win-list li{border-radius:var(--radius);counter-increment:win;background:#1b0f0d59;border:1px solid #d4a64a4d;padding:18px 20px 18px 72px;position:relative}.win-list li:before{content:counter(win);background:var(--gold);width:36px;height:36px;color:var(--ink);font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:18px;left:20px}.win-list h4{font-size:1.15rem}.win-list p{color:var(--text-muted);margin-top:4px}.sandbox{border-radius:var(--radius);background:#1b0f0d73;border:1px dashed #d4a64a80;margin-top:32px;padding:24px}.sandbox__hint{color:var(--text-muted);margin-top:8px;font-size:.95rem}.sandbox__factions{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.sandbox__faction{text-align:left;background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:10px 14px;transition:border-color .2s,background-color .2s;display:flex}.sandbox__faction[aria-checked=true]{border-color:var(--gold-light);background:#d4a64a26}.sandbox__faction span:nth-child(2){flex:1;font-weight:500}.sandbox__faction strong{font-variant-numeric:tabular-nums;color:var(--gold-light)}.sandbox__dot{background:var(--faction);border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 2px #fffc}.sandbox__status{min-height:1.6em;color:var(--gold-light);margin:14px 0 10px;font-weight:600}@media (width<=900px){.map-layout{grid-template-columns:1fr}}.rules{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,5vw,64px);display:grid}.rules__title{color:var(--gold-light);margin-bottom:24px;font-size:1.6rem}.timeline{gap:14px;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--gold), #d4a64a1a);width:2px;position:absolute;top:20px;bottom:20px;left:19px}.timeline li{align-items:center;gap:18px;display:flex;position:relative}.timeline__num{z-index:1;background:var(--ink);border:2px solid var(--gold);width:40px;height:40px;color:var(--gold-light);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.timeline p{background:#ffffff0a;border:1px solid #d4a64a26;border-radius:10px;flex:1;padding:12px 16px}.turn{gap:16px;display:grid}.turn__step{border-radius:var(--radius);background:linear-gradient(160deg,#6e14198c,#4a0d1059);border:1px solid #d4a64a59;padding:22px 24px;position:relative}.turn__step+.turn__step:before{content:"";border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);width:14px;height:14px;position:absolute;top:-17px;left:50%;transform:translate(-50%)rotate(45deg)}.turn__label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:.75rem;font-weight:600}.turn h4{margin-top:4px;font-size:1.35rem}.turn p{color:var(--text-muted);margin-top:6px}.turn__actions{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.turn__actions li{background:#1b0f0d8c;border:1px solid #d4a64a40;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.turn__actions strong{font-family:var(--font-display);color:var(--gold-light)}.turn__actions span{color:var(--text-muted);font-size:.85rem}@media (width<=900px){.rules{grid-template-columns:1fr}}@media (width<=520px){.turn__actions{grid-template-columns:1fr}}