:root{
  --bg-deep:#150f08;
  --bg-base:#1f160d;
  --card:#2c2015;
  --card-2:#352818;
  --card-hi:#46362583;
  --line:#4a3720;
  --line-hi:#6a5230;
  --cream:#f0e4cc;
  --cream-dim:#c9b893;
  --faint:#8a7a5c;
  --gold:#d4af37;
  --gold-hi:#fadc60;
  --wood:#7a5a30;
  --wood-hi:#a08858;
  --teal:#2ebf91;
  --teal-hi:#54e0b4;
  --ember:#ff7a3c;
  --ember-hi:#ffa66b;
  --rose:#ec5a7a;
  --live:#ff4d4d;
  --night-1:#08081a;
  --night-2:#0d1430;
  --night-3:#1a1838;
  --night-4:#1a1410;
  --lamp:#ffc760;
  --r-sm:2px;
  --r-md:4px;
  --notch:13px;
  --l-frame:#5a4628;
  --l-frame-dark:#2a1f14;
  --l-frame-light:#8a6f3f;
  --l-text:#f0e4cc;
  --l-text2:#c9b893;
  --l-faint:#8a7a5c;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Galmuri11','Galmuri9',monospace;
  background:var(--bg-base);
  color:var(--cream);
  line-height:1.7;
  overflow-x:hidden;
  -webkit-font-smoothing:none;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

:focus-visible{
  outline:3px solid var(--gold-hi);
  outline-offset:3px;
  border-radius:var(--r-sm);
}
.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}

.wrap{max-width:1180px;margin:0 auto;padding:0 22px;padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:1;
  opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
}

.l-nav{
  position:sticky;top:0;z-index:50;
  background:rgba(20,14,8,.0);
  backdrop-filter:blur(8px);
  border-bottom:1px solid transparent;
  transition:background .3s,border-color .3s,box-shadow .3s;
  padding-top:env(safe-area-inset-top,0);
}
.l-nav.scrolled{
  background:rgba(20,14,8,.88);
  border-bottom-color:var(--line);
  box-shadow:0 4px 20px rgba(0,0,0,.45);
}
.nav-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:62px;
}
.brand{display:flex;align-items:center;gap:11px;font-size:15px;letter-spacing:.5px}
.brand .logo{width:34px;height:34px;flex:none}
.brand b{color:var(--gold-hi)}
.brand .dom{color:var(--cream-dim);font-size:10px;letter-spacing:1px}
.nav-live{
  display:flex;align-items:center;gap:7px;font-size:11px;color:var(--cream-dim);
  padding:5px 11px;background:rgba(255,77,77,.08);border:1px solid rgba(255,77,77,.25);
  border-radius:999px;margin-left:14px;
}
.nav-live b{color:var(--cream);font-variant-numeric:tabular-nums}
.nav-actions{display:flex;align-items:center;gap:10px}

.live-dot{
  display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--live);
  box-shadow:0 0 0 0 rgba(255,77,77,.6);animation:livePulse 1.8s infinite;vertical-align:middle;
}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(255,77,77,.6)}70%{box-shadow:0 0 0 8px rgba(255,77,77,0)}100%{box-shadow:0 0 0 0 rgba(255,77,77,0)}}

.btn{
  font-family:inherit;
  cursor:pointer;
  border:0;
  white-space:nowrap;
  font-size:13px;
  letter-spacing:.5px;
  padding:11px 20px;
  position:relative;
  transition:transform .12s ease, filter .15s ease, box-shadow .15s ease;
  clip-path:polygon(var(--notch) 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%,0 var(--notch));
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-ghost{
  background:transparent;
  color:var(--cream);
  box-shadow:inset 0 0 0 1px var(--line-hi);
}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-hi)}
.btn-gold{
  background:linear-gradient(180deg,var(--gold-hi),var(--gold) 60%,#a8821e);
  color:#241408;
  font-weight:700;
  box-shadow:0 0 0 1px #8a6a1e, 0 6px 18px rgba(212,175,55,.3), inset 0 1px 0 rgba(255,255,255,.4);
}
.btn-gold:hover{filter:brightness(1.07)}
.btn-lg{padding:16px 34px;font-size:15px}

.ticker{
  position:relative;z-index:30;background:linear-gradient(90deg,#1a1108,#241710,#1a1108);
  border-bottom:1px solid var(--line);overflow:hidden;height:34px;display:flex;align-items:center;
}
.ticker-label{
  flex:none;display:flex;align-items:center;gap:7px;height:100%;padding:0 14px;
  background:var(--live);color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;z-index:2;
  clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);
}
.ticker-label .live-dot{background:#fff;box-shadow:none;animation:none}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;will-change:transform}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-item{padding:0 26px;font-size:12px;color:var(--cream-dim);position:relative}
.ticker-item::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--line-hi);border-radius:50%}
.ticker-item b{color:var(--cream)}
.ticker-item .t-seize{color:var(--ember-hi)}
.ticker-item .t-drop{color:var(--gold-hi)}
.ticker-item .t-pvp{color:var(--teal-hi)}
.ticker-item .t-join{color:var(--cream)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#08081a 0%,#0d1430 38%,#1a1838 66%,#1a1410 100%);
}
.hero-sky{position:absolute;inset:0;z-index:1}
.hero-village{position:absolute;left:0;right:0;bottom:0;z-index:2}
.hero-village svg{width:100%;height:auto;display:block}

.moon-glow{
  position:absolute;
  top:-8%;right:5%;
  width:340px;height:340px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(250,220,140,.22),rgba(250,220,140,.06) 42%,transparent 68%);
  z-index:1;
  pointer-events:none;
}

.stars{position:absolute;inset:0;z-index:1;pointer-events:none}
.star{
  position:absolute;
  background:#fff;
  border-radius:50%;
  opacity:.85;
  animation:twinkle 4s ease-in-out infinite;
}
@keyframes twinkle{0%,100%{opacity:.25}50%{opacity:.95}}

.motes{position:absolute;inset:0;z-index:3;pointer-events:none}
.mote{
  position:absolute;
  width:5px;height:5px;
  border-radius:50%;
  background:radial-gradient(circle,#ffe9a8,rgba(255,199,96,.55) 50%,transparent 72%);
  box-shadow:0 0 8px 2px rgba(255,199,96,.5);
  animation:drift 11s ease-in-out infinite;
}
@keyframes drift{
  0%{transform:translate(0,0);opacity:0}
  15%{opacity:.9}
  50%{transform:translate(22px,-46px);opacity:.7}
  85%{opacity:.85}
  100%{transform:translate(-12px,-96px);opacity:0}
}

.lamp-flicker{animation:flick 3.4s ease-in-out infinite}
@keyframes flick{0%,100%{opacity:.92}45%{opacity:1}70%{opacity:.78}}

.hero-inner{
  position:relative;z-index:5;
  display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;
  padding:62px 0 78px;
}
.hero-copy{min-width:0}
.hero-content{position:relative;z-index:5;min-width:0;width:100%}
.kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;letter-spacing:2px;
  color:var(--gold-hi);
  background:rgba(20,13,7,.55);
  border:1px solid #5a4527;
  padding:7px 14px;
  margin-bottom:20px;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
.kicker .pulse{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);animation:twinkle 2s infinite}
.hero h1{
  font-size:clamp(34px,6vw,62px);
  line-height:1.1;
  letter-spacing:1px;
  color:var(--cream);
  text-shadow:0 0 26px rgba(8,8,26,.9), 0 2px 0 #120c06;
  margin-bottom:8px;
  word-break:keep-all;
}
.hero h1 .g{color:var(--gold-hi);text-shadow:0 0 24px rgba(250,220,96,.5)}
.slogan{
  font-size:clamp(26px,4vw,42px);
  color:var(--gold-hi);
  letter-spacing:3px;
  margin:6px 0 18px;
  text-shadow:0 0 18px rgba(250,220,96,.35);
  word-break:keep-all;
}
.hero p.lead{
  font-size:15px;
  max-width:460px;
  color:var(--cream-dim);
  margin-bottom:30px;
}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-note{font-size:11px;color:#9a8a6a;letter-spacing:.5px}
.hero-chips{margin-top:22px;display:flex;gap:9px;flex-wrap:wrap}
.chip{font-size:11px;color:var(--cream-dim);padding:5px 12px;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:999px}
.hero-time{
  position:absolute;left:0;bottom:26px;z-index:5;
  font-size:11px;color:var(--cream-dim);letter-spacing:1px;opacity:.8;
  text-shadow:0 1px 0 rgba(0,0,0,.7);
}

.live-panel{
  position:relative;background:linear-gradient(180deg,#241a10,#1c150c);
  border:1px solid var(--line);border-radius:6px;overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);
}
.lp-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.25)}
.lp-title{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1px;color:var(--cream)}
.lp-now{font-size:10px;color:var(--faint);font-variant-numeric:tabular-nums}
.lp-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.lp-stat{background:linear-gradient(180deg,#2a2014,#221a10);padding:15px 16px}
.lp-stat .n{font-size:25px;color:var(--gold-hi);font-variant-numeric:tabular-nums;line-height:1.1;text-shadow:0 0 14px rgba(250,220,96,.25)}
.lp-stat .n.teal{color:var(--teal-hi);text-shadow:0 0 14px rgba(46,191,145,.25)}
.lp-stat .l{font-size:10px;color:var(--cream-dim);margin-top:4px;letter-spacing:.5px}
.lp-stat .d{font-size:9px;color:var(--teal);margin-top:2px}
.lp-feed{padding:8px 0}
.lp-feed-row{display:flex;align-items:center;gap:10px;padding:7px 16px;font-size:11px;border-left:3px solid transparent;animation:lpSlideIn .5s ease}
.lp-feed-row .ico{width:20px;height:20px;flex:none;border-radius:4px;display:grid;place-items:center;font-size:11px}
.lp-feed-row .txt{color:var(--cream-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-feed-row .txt b{color:var(--cream)}
.lp-feed-row .ago{margin-left:auto;flex:none;font-size:9px;color:var(--faint)}
.lp-feed-row.seize{border-left-color:var(--ember)}
.lp-feed-row.seize .ico{background:rgba(255,122,60,.16);color:var(--ember-hi)}
.lp-feed-row.drop{border-left-color:var(--gold)}
.lp-feed-row.drop .ico{background:rgba(212,175,55,.16);color:var(--gold-hi)}
.lp-feed-row.pvp{border-left-color:var(--teal)}
.lp-feed-row.pvp .ico{background:rgba(46,191,145,.16);color:var(--teal-hi)}
.lp-feed-row.join{border-left-color:var(--line-hi)}
.lp-feed-row.join .ico{background:rgba(240,228,204,.1);color:var(--cream)}
@keyframes lpSlideIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.lp-foot{padding:11px 16px;border-top:1px solid var(--line);font-size:10px;color:var(--faint);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.2)}

section{position:relative;z-index:2}
.band{padding:74px 0}
.band-alt{background:linear-gradient(180deg,#1f160d,#241b13)}
.board-bg{background:linear-gradient(180deg,#1a1208,#1f160d)}
.sec-head{text-align:center;margin-bottom:50px}
.sec-tag{
  font-size:11px;letter-spacing:3px;color:var(--teal);
  display:block;margin-bottom:12px;
}
.sec-head h2{
  font-family:'Galmuri11',monospace;
  font-size:clamp(26px,4vw,38px);
  color:var(--cream);
  letter-spacing:1px;
  word-break:keep-all;
}
.sec-head h2 .g{color:var(--gold-hi)}
.sec-head p{color:var(--cream-dim);margin-top:14px;font-size:14px}

.sec-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px;color:var(--gold);margin-bottom:12px}
.sec-eyebrow::before{content:"";width:22px;height:1px;background:var(--gold)}
.sec-headline{font-family:'Galmuri11',monospace;font-size:clamp(23px,3.6vw,34px);color:var(--cream);line-height:1.3;word-break:keep-all}
.sec-headline .accent{color:var(--teal-hi)}
.sec-sub{color:var(--cream-dim);margin-top:12px;font-size:14px;max-width:620px}

.board-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:24px;margin-top:34px}
.panel{background:linear-gradient(180deg,#2a2014,#221a10);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.22)}
.panel-head h3{font-size:14px;color:var(--cream);letter-spacing:.5px;display:flex;align-items:center;gap:9px}
.panel-head .tag{font-size:10px;color:var(--faint)}
.map{padding:18px;display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.vill{
  position:relative;aspect-ratio:1;border-radius:4px;display:grid;place-items:center;
  font-size:9px;cursor:default;border:1px solid rgba(0,0,0,.4);overflow:hidden;
}
.vill .vn{font-size:8px;color:rgba(255,255,255,.85);text-align:center;line-height:1.1;padding:0 2px;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.vill.f-iron{background:linear-gradient(135deg,#5a3a1f,#7a4a22)}
.vill.f-moon{background:linear-gradient(135deg,#243a5a,#2e5080)}
.vill.f-jade{background:linear-gradient(135deg,#1f5a3a,#226a44)}
.vill.f-rose{background:linear-gradient(135deg,#6a2440,#9a3458)}
.vill.f-free{background:linear-gradient(135deg,#3a3024,#4a3c2c);color:var(--faint)}
.vill.hot::after{content:"";position:absolute;inset:0;border:2px solid var(--ember);border-radius:4px;animation:hotBlink 1.2s infinite}
@keyframes hotBlink{0%,100%{opacity:1}50%{opacity:.3}}
.vill .flame{position:absolute;top:2px;right:3px;font-size:9px;animation:flameFlick .6s infinite alternate}
@keyframes flameFlick{from{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}
.map-legend{display:flex;flex-wrap:wrap;gap:12px;padding:0 18px 18px;font-size:10px;color:var(--cream-dim)}
.map-legend span{display:inline-flex;align-items:center;gap:6px}
.dot{width:10px;height:10px;border-radius:2px;flex:none}
.d-iron{background:#7a4a22}.d-moon{background:#2e5080}.d-jade{background:#226a44}.d-rose{background:#9a3458}.d-free{background:#4a3c2c}
.map-foot{padding:13px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--cream-dim);display:flex;align-items:center;gap:8px;background:rgba(255,122,60,.06)}
.map-foot b{color:var(--ember-hi)}
.rank-list{padding:8px 0}
.rank-row{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid rgba(74,55,32,.5)}
.rank-row:last-child{border-bottom:0}
.rank-pos{width:24px;flex:none;text-align:center;font-size:13px;color:var(--faint);font-variant-numeric:tabular-nums}
.rank-row.top .rank-pos{color:var(--gold-hi);font-size:15px}
.rank-crest{width:30px;height:30px;flex:none;border-radius:5px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.4)}
.rank-info{flex:1;min-width:0}
.rank-info .gn{font-size:12px;color:var(--cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank-info .gm{font-size:10px;color:var(--faint);margin-top:1px}
.rank-meta{flex:none;text-align:right}
.rank-meta .terr{font-size:14px;color:var(--gold-hi);font-variant-numeric:tabular-nums}
.rank-meta .chg{font-size:9px}
.chg.up{color:var(--teal-hi)}.chg.dn{color:var(--rose)}.chg.same{color:var(--faint)}

.feat-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}
.feat{
  position:relative;
  background:linear-gradient(180deg,#41311f,#2f2316);
  padding:28px 26px;
  border:1px solid #5a4527;
  box-shadow:0 6px 0 #1a1108, inset 0 1px 0 #5c4628;
  clip-path:polygon(var(--notch) 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%,0 var(--notch));
  transition:transform .15s ease, box-shadow .15s ease;
}
.feat:hover{transform:translateY(-4px);box-shadow:0 12px 0 #1a1108, inset 0 1px 0 #6c5630}
.feat-ico{width:60px;height:60px;margin-bottom:16px}
.feat h3{font-size:17px;color:var(--gold-hi);letter-spacing:.5px;margin-bottom:9px}
.feat p{font-size:13px;color:var(--cream-dim);line-height:1.65}
.feat .tag{
  display:inline-block;margin-top:14px;
  font-size:10px;letter-spacing:1px;color:var(--teal);
  border:1px solid #2c5e4d;padding:4px 9px;border-radius:var(--r-sm);
}

.stats-strip{background:linear-gradient(180deg,#150f08,#1a1208);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.stat-cell{background:linear-gradient(180deg,#1f160d,#1a1208);padding:30px 18px;text-align:center}
.stat-cell .big{font-size:clamp(26px,4vw,38px);color:var(--gold-hi);font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 18px rgba(250,220,96,.2)}
.stat-cell .big.teal{color:var(--teal-hi);text-shadow:0 0 18px rgba(46,191,145,.2)}
.stat-cell .cap{font-size:11px;color:var(--cream-dim);margin-top:9px;letter-spacing:.5px}

.fun-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.fun-card{background:linear-gradient(180deg,#2a2014,#221a10);border:1px solid var(--line);border-radius:6px;padding:20px;position:relative;overflow:hidden}
.fun-card .fc-ico{width:46px;height:46px;margin-bottom:13px}
.fun-card h4{font-size:15px;color:var(--cream);margin-bottom:7px}
.fun-card p{font-size:12px;color:var(--cream-dim)}
.fun-card .fc-live{position:absolute;top:14px;right:14px;font-size:9px;color:var(--cream-dim);display:flex;align-items:center;gap:5px;background:rgba(0,0,0,.3);padding:3px 8px;border-radius:999px;border:1px solid var(--line)}
.fun-card .fc-live b{color:var(--teal-hi)}
.fun-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.shot{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#120c06}
.shot img{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.94}
.shot .cap{padding:10px 13px;font-size:11px;color:var(--cream-dim);display:flex;align-items:center;gap:7px}
.shot .cap .live-dot{width:6px;height:6px}

.rev-bg{background:linear-gradient(180deg,#1f160d,#1a1208)}
.rev-head-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:30px}
.rev-score{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#2a2014,#221a10);border:1px solid var(--line);border-radius:6px;padding:12px 18px}
.rev-score .num{font-size:30px;color:var(--gold-hi);line-height:1}
.rev-score .stars{color:var(--gold-hi);font-size:13px;letter-spacing:2px}
.rev-score .cnt{font-size:10px;color:var(--faint)}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rev-card{background:linear-gradient(180deg,#2a2014,#221a10);border:1px solid var(--line);border-radius:6px;padding:18px;position:relative}
.rev-card .stars{color:var(--gold-hi);font-size:12px;letter-spacing:2px;margin-bottom:9px}
.rev-card p{font-size:12.5px;color:var(--cream);line-height:1.65}
.rev-card .who{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(74,55,32,.6)}
.rev-card .av{width:30px;height:30px;border-radius:6px;flex:none;display:grid;place-items:center;font-size:13px;border:1px solid rgba(0,0,0,.4)}
.rev-card .who .nm{font-size:11px;color:var(--cream-dim)}
.rev-card .who .ago{font-size:9px;color:var(--faint);margin-top:1px}
.rev-card .badge-v{margin-left:auto;font-size:9px;color:var(--teal-hi);display:flex;align-items:center;gap:4px}

.final{
  position:relative;
  overflow:hidden;
  text-align:center;
  padding:88px 0;
  background:linear-gradient(180deg,#1a1410 0%,#0d1430 60%,#08081a 100%);
}
.final-moon{position:absolute;top:30px;left:50%;transform:translateX(-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#fff6dd,#ffe39a 55%,#d8b25a);box-shadow:0 0 80px 20px rgba(255,210,120,.28);opacity:.9;z-index:1}
.final .stars{z-index:1}
.final-inner{position:relative;z-index:3}
.final h2{
  font-size:clamp(26px,4.4vw,42px);
  color:var(--cream);
  letter-spacing:1px;
  margin-bottom:10px;
  text-shadow:0 0 24px rgba(8,8,26,.8);
  word-break:keep-all;
}
.final .slogan{margin:4px 0 20px}
.final .fcount{margin:18px auto 0;display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--cream-dim);background:rgba(255,77,77,.08);border:1px solid rgba(255,77,77,.25);padding:8px 16px;border-radius:999px}
.final .fcount b{color:var(--cream);font-variant-numeric:tabular-nums}
.final p.sub{color:var(--cream-dim);font-size:14px;margin-top:22px;margin-bottom:0}

.footer{
  background:var(--bg-deep);
  border-top:1px solid var(--line);
  padding:36px 0 30px;
}
.foot-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
}
.foot-top{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.foot-brand{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--cream-dim)}
.foot-brand .logo{width:26px;height:26px;flex:none}
.foot-brand b{color:var(--gold-hi)}
.foot-links{display:flex;gap:22px;font-size:12px}
.foot-links a{color:var(--cream-dim)}
.foot-links a:hover{color:var(--gold-hi)}

.foot-rating{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid rgba(122,108,82,.22);
}
.foot-rating-mark{
  width:46px;
  height:auto;
  flex:none;
  border-radius:3px;
  display:block;
}
.foot-rating-txt{
  margin:0;
  font-size:11px;
  line-height:1.65;
  color:#9a9a9a;
  text-align:left;
  max-width:520px;
}
.foot-rating-txt b{color:var(--gold-hi);font-weight:600}

.foot-biz{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:7px 24px;
  margin:20px 0 0;
  padding:18px 12px 0;
  border-top:1px solid rgba(122,108,82,.22);
}
.biz-item{
  display:inline-flex;
  align-items:baseline;
  gap:7px;
  font-size:11.5px;
  line-height:1.8;
  white-space:nowrap;
}
.biz-item--wide{flex-basis:100%;justify-content:center}
.biz-item dt{
  flex:none;
  color:#7a6c52;
  letter-spacing:.2px;
}
.biz-item dd{
  margin:0;
  color:#9a9a9a;
}
.biz-verify{
  color:var(--gold-hi);
  margin-left:3px;
  white-space:nowrap;
}
.biz-verify:hover{text-decoration:underline}

.foot-copy{
  width:100%;
  text-align:center;
  font-size:11px;
  color:#7a6c52;
  margin-top:22px;
}

@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:34px;padding:48px 0 56px}
  .live-panel{max-width:560px}
  .board-grid{grid-template-columns:1fr}
  .fun-grid{grid-template-columns:1fr 1fr}
  .fun-shots{grid-template-columns:1fr 1fr}
}
@media(max-width:920px){
  .feat-grid{grid-template-columns:1fr}
  .rev-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .nav-live{display:none}
  .stats-row{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:1024px) and (min-width:768px){
  .wrap{padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right))}
  .feat-grid{gap:18px}
  .feat{padding:30px 30px}
}

@media(max-width:767px){
  .wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}

  .ticker{height:32px}
  .ticker-item{padding:0 18px;font-size:11px}

  .hero-inner{padding:40px 0 50px;gap:28px}
  .live-panel{max-width:none}
  .lp-stat .n{font-size:22px}

  .board-grid{gap:18px;margin-top:26px}
  .map{grid-template-columns:repeat(5,1fr)}

  .fun-grid{grid-template-columns:1fr;gap:14px}
  .fun-shots{grid-template-columns:1fr;gap:14px}

  .rev-grid{grid-template-columns:1fr;gap:14px}
  .rev-head-row{margin-bottom:24px}

  .feat-grid{gap:16px}
  .feat{padding:26px 22px}
  .feat-ico{width:52px;height:52px;margin-bottom:14px}
  .feat h3{font-size:16px}
  .feat p{font-size:13.5px;line-height:1.7}

  .hero p.lead{font-size:14.5px;line-height:1.75;margin-bottom:26px}
  .kicker{margin-bottom:16px;font-size:10.5px;letter-spacing:1.5px}
  .slogan{margin:6px 0 16px}

  .footer{padding:32px 0 28px}
  .foot-top{justify-content:center;text-align:center}
  .foot-rating{flex-direction:column;margin-top:22px;padding-top:20px;gap:10px}
  .foot-rating-txt{text-align:center}
  .foot-biz{margin-top:18px;padding-top:16px}
  .biz-item{white-space:normal}
}

@media(max-width:480px){
  .wrap{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .brand .dom{display:none}
  .btn{padding:10px 15px;font-size:12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .btn-lg{padding:15px 22px;min-height:50px}
  .foot-top{flex-direction:column;gap:12px}
  .foot-biz{gap:5px 16px}
  .biz-item{font-size:11px}

  .band{padding:54px 0}
  .final{padding:64px 0}
  .sec-head{margin-bottom:32px}
  .sec-head p{font-size:13.5px;margin-top:10px}

  .map{grid-template-columns:repeat(5,1fr)}
  .lp-stats{grid-template-columns:1fr 1fr}
  .stats-row{grid-template-columns:repeat(2,1fr)}
  .stat-cell{padding:24px 14px}

  .feat p{font-size:13px}

  .hero-inner{padding:34px 0 46px}
  .hero p.lead{margin-bottom:24px}
  .hero-village svg{height:200px}
  .moon-glow{width:170px;height:170px;top:9%;right:8%}
  .hero-time{bottom:18px;font-size:10.5px}

  .final h2{margin-bottom:8px}
  .final p.sub{font-size:13.5px}
}

.entry-overlay{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;background:rgba(5,5,16,0.66);backdrop-filter:blur(6px);opacity:0;transition:opacity 0.25s;overflow-y:auto;padding:max(24px,4vh,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));-webkit-overflow-scrolling:touch}
.entry-overlay.show{display:flex;opacity:1}
.entry-card{position:relative;width:min(420px,calc(100vw - 24px));margin:auto;background:linear-gradient(180deg,#1a1838 0%,#0d1430 55%,#08081a 100%);border:1px solid var(--gold-hi);border-radius:6px;padding:32px 28px;color:var(--cream);box-shadow:0 24px 64px rgba(0,0,0,0.78),inset 0 1px 0 rgba(250,220,96,0.18);transform:translateY(12px) scale(0.96);transition:transform 0.3s cubic-bezier(.2,.9,.3,1.1)}
.entry-overlay.show .entry-card{transform:translateY(0) scale(1)}
.entry-card-close{position:absolute;top:4px;right:6px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--cream-dim);font-size:24px;cursor:pointer;line-height:1;transition:color 0.15s}
.entry-card-close:hover{color:var(--gold-hi)}
.entry-card-title{font-size:18px;color:var(--gold-hi);font-weight:700;letter-spacing:1px;text-shadow:0 1px 0 #000;text-align:center;margin-bottom:6px;font-family:'Galmuri9','Galmuri11',monospace}
.entry-card-sub{font-size:12px;color:var(--cream-dim);text-align:center;margin-bottom:22px;letter-spacing:0.5px}
.entry-card-progress{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:18px}
.entry-card-progress .ec-dot{width:8px;height:8px;border-radius:50%;background:rgba(212,175,55,0.25);border:1px solid rgba(212,175,55,0.4)}
.entry-card-progress .ec-dot.active{background:var(--gold-hi);border-color:var(--gold-hi);box-shadow:0 0 8px rgba(250,220,96,0.6)}
.entry-card-progress .ec-step-label{margin-left:6px;font-size:10px;color:var(--cream-dim);letter-spacing:1px;font-family:'GalmuriMono9','Galmuri9',monospace}

.ec-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 16px;background:#fff;color:#1a140e;border:1px solid #5a4628;border-radius:4px;font-size:14px;font-weight:700;font-family:'Galmuri9',sans-serif;cursor:pointer;transition:all 0.15s;text-decoration:none;letter-spacing:0.5px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,0.4)}
.ec-google-btn:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.5)}
.ec-google-btn svg{width:20px;height:20px;flex-shrink:0}

.ec-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--cream-dim);font-size:11px;letter-spacing:1px}
.ec-divider::before,.ec-divider::after{content:'';flex:1;height:1px;background:rgba(212,175,55,0.2)}

.ec-form{display:flex;flex-direction:column;gap:10px}
.ec-input-wrap{position:relative}
.ec-input{width:100%;padding:13px 14px;background:rgba(8,8,22,0.55);border:1px solid #3a3a5a;border-radius:3px;color:var(--cream);font-size:16px;font-family:'Galmuri11',sans-serif;letter-spacing:0.5px;transition:border-color 0.15s,box-shadow 0.15s}
.ec-input-wrap .ec-input{padding-right:62px}
.ec-input:focus{outline:none;border-color:var(--gold-hi);box-shadow:0 0 0 2px rgba(250,220,96,0.15)}
.ec-input::placeholder{color:#6a6a8a}
.ec-pw-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);background:transparent;border:none;color:#8a8aac;cursor:pointer;font-size:11px;min-width:44px;min-height:36px;display:flex;align-items:center;justify-content:center;letter-spacing:1px;transition:color 0.15s}
.ec-pw-toggle:hover{color:var(--gold-hi)}
.ec-msg{font-size:12px;color:#f87b8c;min-height:18px;text-align:center;letter-spacing:0.5px;margin-top:4px}
.ec-msg.ok{color:#3ddc97}

.ec-submit{width:100%;padding:14px;background:linear-gradient(180deg,#fadc60,#d4af37);color:#1a140e;border:2px solid #fadc60;border-radius:4px;font-size:15px;font-weight:700;font-family:'Galmuri9',sans-serif;letter-spacing:3px;cursor:pointer;margin-top:6px;box-shadow:0 0 16px rgba(250,220,96,0.3),inset 0 1px 0 rgba(255,255,255,0.4),3px 3px 0 rgba(0,0,0,0.45);transition:all 0.18s}
.ec-submit:hover{background:linear-gradient(180deg,#fff0b0,#fadc60);transform:translateY(-1px);box-shadow:0 4px 24px rgba(250,220,96,0.5),inset 0 1px 0 rgba(255,255,255,0.5),3px 3px 0 rgba(0,0,0,0.45)}
.ec-submit:disabled{opacity:0.6;cursor:not-allowed;transform:none}

.ec-foot{display:flex;justify-content:space-between;margin-top:14px;font-size:12px}
.ec-foot a{color:var(--cream-dim);transition:color 0.15s}
.ec-foot a:hover{color:var(--gold-hi)}
.ec-foot .ec-link-strong{color:var(--gold-hi)}

.ec-terms-box{max-height:140px;overflow-y:auto;padding:10px 12px;background:rgba(8,8,22,0.55);border:1px solid #3a3a5a;border-radius:3px;font-size:11px;color:var(--cream-dim);line-height:1.7;letter-spacing:0.3px;margin-bottom:14px;scrollbar-width:thin;scrollbar-color:#3a3a5a transparent}
.ec-terms-box::-webkit-scrollbar{width:6px}
.ec-terms-box::-webkit-scrollbar-track{background:transparent}
.ec-terms-box::-webkit-scrollbar-thumb{background:#3a3a5a;border-radius:3px}
.ec-terms-box strong{color:var(--gold-hi)}
.ec-terms-grp{margin-bottom:12px}

.ec-check-row{display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer;font-size:13px;color:var(--cream);user-select:none}
.ec-check-row input[type=checkbox]{appearance:none;width:18px;height:18px;border:2px solid #3a3a5a;border-radius:3px;background:rgba(8,8,22,0.55);cursor:pointer;position:relative;flex-shrink:0;transition:all 0.15s}
.ec-check-row input[type=checkbox]:checked{background:var(--gold-hi);border-color:var(--gold-hi)}
.ec-check-row input[type=checkbox]:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#1a140e;font-size:12px;font-weight:900}

.ec-sign-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--cream-dim);letter-spacing:0.5px;margin-bottom:6px;margin-top:6px}
.ec-sign-label strong{color:var(--gold-hi);font-weight:700}
.ec-sign-clear{background:transparent;border:1px solid #3a3a5a;color:var(--cream-dim);padding:3px 10px;font-size:10px;font-family:'Galmuri9',sans-serif;cursor:pointer;letter-spacing:1px;border-radius:2px;transition:all 0.15s}
.ec-sign-clear:hover{border-color:var(--gold-hi);color:var(--gold-hi)}
.ec-sign-canvas-wrap{position:relative;width:100%;background:rgba(245,235,200,0.04);border:1px dashed #3a3a5a;border-radius:3px;overflow:hidden}
.ec-sign-canvas-wrap.signed{border-color:rgba(250,220,96,0.5)}
.ec-sign-canvas{display:block;width:100%;height:120px;cursor:crosshair;touch-action:none}
.ec-sign-placeholder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;color:#6a6a8a;letter-spacing:2px;pointer-events:none;transition:opacity 0.2s}
.ec-sign-canvas-wrap.signed .ec-sign-placeholder{opacity:0}

.ec-gender-row{display:flex;gap:8px;margin-bottom:12px}
.ec-gender-btn{flex:1;padding:11px;background:rgba(8,8,22,0.55);border:1px solid #3a3a5a;color:var(--cream-dim);font-family:'Galmuri9',sans-serif;font-size:13px;letter-spacing:2px;cursor:pointer;border-radius:3px;transition:all 0.15s}
.ec-gender-btn:hover{border-color:var(--l-frame-light);color:var(--cream)}
.ec-gender-btn.active{background:rgba(212,175,55,0.18);border-color:var(--gold-hi);color:var(--gold-hi);box-shadow:inset 0 0 8px rgba(250,220,96,0.2)}

.ec-avatar-row{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 10px;margin-bottom:12px;background:rgba(8,8,22,0.4);border:1px dashed #3a3a5a;border-radius:4px}
.ec-avatar-preview{position:relative;width:120px;height:120px;background:rgba(245,235,200,0.04);border:2px solid var(--l-frame-light);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.ec-avatar-preview img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.5))}
.ec-avatar-preview::after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 14px rgba(212,175,55,0.18);pointer-events:none}
.ec-avatar-randomize{padding:8px 16px;background:rgba(212,175,55,0.15);color:var(--gold-hi);border:1px solid var(--gold-hi);border-radius:4px;font-size:12px;font-family:'Galmuri9',sans-serif;letter-spacing:1px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all 0.15s}
.ec-avatar-randomize:hover{background:rgba(212,175,55,0.28);transform:translateY(-1px);box-shadow:0 4px 12px rgba(250,220,96,0.25)}
.ec-avatar-randomize:active{transform:translateY(0) rotate(15deg)}
.ec-avatar-parts{display:flex;flex-direction:column;gap:6px;width:100%}
.ec-avatar-part-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--cream-dim)}
.ec-avatar-part-label{width:60px;flex-shrink:0;text-align:right;letter-spacing:0.5px;color:#8a8aac}
.ec-avatar-color-row{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.ec-avatar-color-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid #3a3a5a;cursor:pointer;padding:0;transition:transform 0.15s,border-color 0.15s,box-shadow 0.15s}
.ec-avatar-color-btn:hover{transform:scale(1.15)}
.ec-avatar-color-btn.active{border:3px solid var(--gold-hi);box-shadow:0 0 0 2px #08081a,0 0 10px rgba(250,220,96,0.7)}
.ec-avatar-nav-row{display:flex;align-items:center;gap:6px;flex:1;justify-content:flex-start}
.ec-avatar-nav{width:34px;height:34px;background:transparent;border:1px solid #3a3a5a;color:var(--cream-dim);font-size:14px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all 0.15s;flex-shrink:0;font-family:'Galmuri9',sans-serif;user-select:none}
.ec-avatar-nav:hover{border-color:var(--gold-hi);color:var(--gold-hi);background:rgba(212,175,55,0.08)}
.ec-avatar-nav:active{transform:scale(0.92);background:rgba(212,175,55,0.15)}
.ec-avatar-nav-val{font-size:11px;color:var(--cream);min-width:60px;text-align:center;letter-spacing:1px}
.ec-avatar-jump{padding:0 8px;height:34px;font-size:10px;color:#8a8aac;background:transparent;border:1px solid #3a3a5a;border-radius:3px;cursor:pointer;font-family:'Galmuri9',sans-serif;letter-spacing:0.5px;flex-shrink:0;transition:all 0.15s}
.ec-avatar-jump:hover{color:var(--gold-hi);border-color:var(--gold-hi)}
.ec-avatar-part-row.adv-row{display:none}
.ec-avatar-parts.show-adv .ec-avatar-part-row.adv-row{display:flex}
.ec-avatar-toggle-adv{margin-top:4px;padding:8px 12px;background:transparent;border:1px dashed #3a3a5a;color:var(--cream-dim);font-size:11px;font-family:'Galmuri9',sans-serif;letter-spacing:1px;cursor:pointer;border-radius:3px;transition:all 0.15s}
.ec-avatar-toggle-adv:hover{border-color:var(--gold-hi);color:var(--gold-hi)}

.ec-village-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(8,8,22,0.4);border:1px solid #3a3a5a;border-radius:3px;margin-bottom:10px;font-size:12px;color:var(--cream-dim)}
.ec-village-row strong{color:var(--gold-hi);letter-spacing:1px}
.ec-village-tag{font-size:10px;color:#8a8aac;letter-spacing:1px}

.ec-name-status{font-size:11px;color:#8a8aac;min-height:16px;padding:2px 4px;letter-spacing:0.5px;transition:color 0.15s}
.ec-name-status.ok{color:#3ddc97}
.ec-name-status.bad{color:#f87b8c}
.ec-pw-match{font-size:11px;min-height:16px;padding:2px 4px;letter-spacing:0.5px;color:transparent;transition:color 0.15s}
.ec-pw-match.ok{color:#3ddc97}
.ec-pw-match.bad{color:#f87b8c}

.l-cinematic{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);pointer-events:all;animation:lcFade 1.5s ease-in forwards;text-align:center;flex-direction:column;padding:24px}
.l-cinematic-title{font-size:44px;color:var(--gold-hi);font-family:'Galmuri9',sans-serif;letter-spacing:10px;text-shadow:0 0 22px rgba(250,220,96,0.7),0 4px 14px rgba(0,0,0,0.85);margin-bottom:16px;animation:lcInnerIn 0.8s 0.15s cubic-bezier(.2,.9,.3,1.2) backwards;word-break:keep-all;max-width:90vw}
.l-cinematic-sub{font-size:18px;color:var(--cream);letter-spacing:4px;opacity:0.92;text-shadow:0 2px 6px rgba(0,0,0,0.85);animation:lcInnerIn 0.8s 0.4s cubic-bezier(.2,.9,.3,1.2) backwards;word-break:keep-all;max-width:90vw}
@keyframes lcFade{0%{background:rgba(0,0,0,0)}30%{background:rgba(8,8,22,0.7)}65%{background:rgba(13,20,48,0.88)}100%{background:rgba(8,8,22,1)}}
@keyframes lcInnerIn{0%{opacity:0;transform:scale(0.7) translateY(8px)}50%{opacity:1;transform:scale(1.08) translateY(0)}100%{opacity:1;transform:scale(1) translateY(0)}}
.hero.cinematic-out .hero-content{animation:lcContentOut 0.6s ease-in forwards}
.hero.cinematic-out .hero-village{animation:lcVillageOut 0.8s ease-in forwards}
@keyframes lcContentOut{0%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}
@keyframes lcVillageOut{0%{opacity:1}100%{opacity:0.2;transform:translateY(20px)}}

@media(max-width:760px){
    .l-cinematic-title{font-size:30px;letter-spacing:5px}
    .l-cinematic-sub{font-size:14px;letter-spacing:2px}
}
@media(max-width:1100px) and (min-width:761px){
    .l-cinematic-title{font-size:36px;letter-spacing:7px}
}

.fade-in{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}

@media(max-width:767px){
  .band{padding:60px 0}
  .final{padding:72px 0}
  .sec-head{margin-bottom:38px}
  .hero p.lead{word-break:keep-all}
  .hero-cta{gap:12px}
  .hero-cta .btn-lg{flex:1 1 auto;min-width:0;text-align:center}
  .hero-note{flex-basis:100%}
  .stat{min-width:120px;flex:1 1 40%;padding:14px 16px}
  .nav-actions{gap:8px}

  .entry-card{padding:26px 20px 22px}
  .entry-card-title{font-size:17px}
  .ec-google-btn{padding:13px 14px;min-height:48px}
  .ec-submit{padding:15px;min-height:50px}
  .ec-foot{font-size:13px}
  .ec-foot a{padding:6px 2px}

  .ec-avatar-nav{width:42px;height:42px;font-size:15px}
  .ec-avatar-nav-val{min-width:54px}
  .ec-avatar-color-btn{width:34px;height:34px}
  .ec-avatar-part-label{width:48px;font-size:10.5px}
  .ec-gender-btn{padding:13px;min-height:46px}
  .ec-sign-clear{padding:8px 12px;min-height:36px}
  .ec-sign-canvas{height:130px}
  .ec-check-row{padding:10px 0;align-items:flex-start}
  .ec-check-row input[type=checkbox]{width:22px;height:22px;margin-top:1px}
  .ec-terms-box{max-height:120px}
}
@media(max-width:480px){
  .entry-overlay{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .entry-card{padding:24px 16px 20px;border-radius:5px}
  .entry-card-sub{margin-bottom:18px}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn-lg{width:100%}
  .hero-note{text-align:center}
  .stat{flex:1 1 100%;min-width:0}
  .feat{padding:24px 20px}
  .ec-avatar-preview{width:108px;height:108px}
  .ec-avatar-nav-row{gap:5px}
  .ec-avatar-part-row{font-size:10.5px}
}

@media(max-width:360px){
  .wrap{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .feat{padding:22px 16px}
  .nav-actions{gap:6px}
  .btn{padding:9px 12px;font-size:11.5px}
}

@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
  .fade-in{opacity:1;transform:none}
  .entry-overlay,.entry-card{transition:none}
  .l-cinematic{animation:lcFade 0.5s ease-in forwards}
  .l-cinematic-title,.l-cinematic-sub{animation:none}
  .hero.cinematic-out .hero-content,.hero.cinematic-out .hero-village{animation:none;opacity:0;transition:opacity 0.3s}
}

.hero-walker{position:absolute;bottom:48px;left:-8%;width:26px;height:48px;z-index:3;opacity:.8;animation:walkAcross 36s linear infinite;pointer-events:none}
.hero-walker svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));animation:walkBob .62s ease-in-out infinite}
@keyframes walkAcross{0%{left:-8%}100%{left:112%}}
@keyframes walkBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}

.hero-village,.hero-sky{will-change:transform}

@media (prefers-reduced-motion: reduce){
  .hero-walker{display:none}
  .hero-village,.hero-sky{transform:none !important}
}

.band-alt::before{content:"❖";position:absolute;top:-9px;left:50%;transform:translateX(-50%);color:var(--gold);font-size:15px;line-height:1;background:linear-gradient(180deg,#241b13,#1f160d);padding:0 16px;opacity:.55}

.fun-card,.vill,.feat{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
@media (hover:hover){
  .fun-card:hover{transform:translateY(-4px);border-color:var(--line-hi)}
  .fun-card .fc-ico{transition:filter .22s ease,transform .22s ease}
  .fun-card:hover .fc-ico{filter:drop-shadow(0 0 9px rgba(250,220,96,.4));transform:scale(1.05)}
  .vill:hover{transform:scale(1.12);z-index:2}
}
@media (hover:none){
  .fun-card:hover,.vill:hover{transform:none}
}

.danger-link{display:inline-block;font-size:11px;color:#8a7a5c;text-decoration:underline;background:none;border:none;cursor:pointer;font-family:inherit;padding:6px 10px;letter-spacing:0.5px}
.danger-link:hover{color:#ff8090}
.del-overlay{position:fixed;inset:0;z-index:10000;background:rgba(8,6,4,0.85);display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);padding:20px}
.del-overlay.show{display:flex}
.del-modal{background:linear-gradient(180deg,#3a2c1f 0%,#241b13 100%);border:1px solid #5a4628;box-shadow:inset 0 0 0 1px #8a6f3f,inset 0 0 60px rgba(0,0,0,0.5),0 12px 40px rgba(0,0,0,0.7);padding:28px 26px;width:100%;max-width:420px;position:relative;color:#f0e4cc}
.del-modal::before{content:'';position:absolute;inset:6px;border:1px solid #5a4628;pointer-events:none}
.del-modal>*{position:relative;z-index:1}
.del-title{font-size:18px;color:#ff8090;text-shadow:0 0 2px #000,0 2px 0 #000,0 3px 0 #5a4628;letter-spacing:2px;text-align:center;margin-bottom:14px}
.del-warn{font-size:12px;color:#c8b794;line-height:1.7;margin-bottom:16px;padding:12px;background:rgba(0,0,0,0.35);border-left:2px solid #ff8090}
.del-warn b{color:#ff8090}
.del-warn ul{margin:6px 0 0 0;padding-left:18px}
.del-warn li{margin:2px 0}
.del-legal{font-size:10px;color:#6e5a3f;margin-top:8px;line-height:1.5}
.del-field{margin-bottom:12px}
.del-label{display:block;font-size:11px;color:#8a7a5c;margin-bottom:6px;letter-spacing:0.5px}
.del-input{display:block;width:100%;padding:10px 12px;background:#0d0a06;color:#f0e4cc;border:1px solid #5a4628;border-radius:2px;font-size:16px;font-family:inherit;outline:none;box-shadow:inset 0 1px 0 rgba(0,0,0,0.4)}
.del-input::placeholder{color:#6e5a3f}
.del-input:focus{border-color:#fadc60;box-shadow:inset 0 1px 0 rgba(0,0,0,0.4),0 0 0 2px rgba(250,220,96,0.2)}
.del-error{font-size:11px;color:#ff8090;min-height:16px;margin-bottom:8px;text-align:center}
.del-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-cancel{padding:10px;background:linear-gradient(180deg,#3a2c1f,#241b13);color:#c8b794;border:1px solid #5a4628;border-radius:2px;font-size:13px;font-family:inherit;cursor:pointer;box-shadow:inset 0 1px 0 rgba(250,220,96,0.2),0 2px 4px rgba(0,0,0,0.5)}
.btn-cancel:hover{border-color:#fadc60;color:#fadc60}
.btn-danger{padding:10px;background:linear-gradient(180deg,#a02830 0%,#5a1418 100%);color:#fff0e8;border:1px solid #ff8090;border-radius:2px;font-size:13px;font-family:inherit;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,180,180,0.3),0 2px 4px rgba(0,0,0,0.5);letter-spacing:1px}
.btn-danger:hover:not(:disabled){filter:brightness(1.12)}
.btn-danger:disabled{filter:grayscale(0.5);opacity:0.5;cursor:not-allowed}