/* Forever Island III — cinematic but lightweight. No canvas, no video, no WebGL. */
:root{--reborn-gold:#f2d58b;--reborn-fern:#a5e47f;--reborn-night:#101f19}
body{background:radial-gradient(ellipse at 45% 12%,#253c27,#101e17 44%,#101f1a 90%)}
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.13;background:linear-gradient(90deg,transparent 95%,#94bb803d 96%),linear-gradient(transparent 95%,#94bb803d 96%);background-size:36px 36px;mask-image:linear-gradient(#000,transparent 74%)}
::selection{background:#b8dc7d;color:#112016}
.site-header{background:#101d18e8;backdrop-filter:blur(16px);border-bottom:1px solid #8eab7066}
.hero-section{background:radial-gradient(ellipse at 75% 13%,#4d6d4799,transparent 38%),radial-gradient(ellipse at 4% 65%,#183d2b,transparent 46%),#12241b}
.hero-copy h1{letter-spacing:-1.7px;text-shadow:0 5px #09100c,0 0 48px #96f15f38}
.hero-copy h1 span{background:linear-gradient(#e3ffa6,#9ed86e);color:transparent;background-clip:text}
.hero-visual{isolation:isolate}
.hero-visual>img{border:6px solid #c6d695;box-shadow:0 0 0 7px #263c28,10px 13px 0 #09160e,0 24px 65px #080d09ca}
.hero-visual:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(122deg,transparent 25%,#fff7 49%,transparent 54%);background-size:250% 100%;animation:glint 13s ease-in-out infinite;mix-blend-mode:overlay}
.hero-bottom{background:linear-gradient(90deg,#1b3625,#315136,#152c20);border-color:#72945d}
.hero-bottom-row{letter-spacing:.8px}
.pulse-grid{position:relative;z-index:3}
.pulse-card{background:linear-gradient(137deg,#31513c,#15291e 77%);border:2px solid #7da375;box-shadow:5px 6px #0b160e,inset 0 1px #b2d19740;transition:transform .2s ease,box-shadow .2s ease}
.pulse-card:hover{transform:translateY(-4px);box-shadow:5px 10px #0b160e,0 0 27px #78cd7138}
.pulse-card strong{color:#f6e0aa}
.section-intro h2,.realm-intro h2{filter:drop-shadow(3px 4px #0a160f)}
.section-kicker{letter-spacing:1.1px}
.rank-shell,.panel,.world-aside,.records-card,.realm-card,.quest-chapter{box-shadow:0 13px 45px #050d0880}
.rank-shell{border:2px solid #728e60}
.leader-row{transition:background .2s ease,transform .2s ease}
.leader-row:hover{background:#5a85501d;transform:translateX(2px)}
.leader-position{color:#edcf89}
.leader-progress i{background:linear-gradient(90deg,#629f59,#cbe798)}
.avatar,.leader-avatar{image-rendering:pixelated}
.dungeon-card.codex-card{overflow:hidden;background:linear-gradient(146deg,#375944,#182e24 78%);border:2px solid #82a57b;box-shadow:5px 6px #09190e,inset 0 0 30px #b6ce7a0b}
.dungeon-card.codex-card.locked{background:linear-gradient(145deg,#29312f,#151c1a 78%);border-color:#526057;filter:saturate(.48)}
.dungeon-card.codex-card:before{content:"";position:absolute;top:-20%;right:-30%;width:180px;height:180px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#baff8d26,transparent 68%);transition:transform .3s ease}
.dungeon-card.codex-card:hover:before{transform:scale(1.4)}
.codex-card .codex-type{letter-spacing:.25px}
.codex-card .codex-label{background:#142b1ee3;border:1px solid #94bd78;color:#def4b9}
.codex-card.locked .codex-label{border-color:#6c786d;color:#bdc2b4}
.codex-overview{color:#eddaa6}
.codex-filters button:focus-visible,.codex-more:focus-visible,.pixel-btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #fff1a4;outline-offset:3px}
.map-frame{background:#182b20;border:5px solid #9dba83;box-shadow:0 0 0 6px #233b27,10px 14px #0c160d}
.map-frame img{display:block;width:100%;height:auto;object-fit:contain}
.world-aside{background:linear-gradient(170deg,#2b4935,#142b20)}
.archivist-trigger{box-shadow:0 9px 24px #050d0880;transition:transform .2s,filter .2s}
.archivist-trigger:hover{transform:translateY(-4px);filter:brightness(1.15)}
.legend-banner{border-block:5px solid #64734c}
.legend-banner img{object-position:center}
@keyframes glint{0%,75%,100%{background-position:130% 0}90%{background-position:-130% 0}}
@media(max-width:800px){
  .hero-shell{display:flex;flex-direction:column-reverse;gap:14px}
  .hero-visual{width:100%;margin:0}
  .hero-visual>img{aspect-ratio:auto;max-height:none;object-fit:contain;width:100%;height:auto;box-shadow:0 0 0 4px #253d27,4px 8px #09140e}
  .hero-copy{padding-top:10px}
  .hero-copy h1{letter-spacing:-.8px}
  .codex-card{min-width:0}
  .codex-overview{line-height:1.6}
}
@media(max-width:560px){
  .hero-visual>img{border:3px solid #c6d695}
  .hero-bottom-row{justify-content:center;text-align:center}
  .hero-bottom-row span:nth-child(2){display:none}
  .rank-shell,.map-frame{box-shadow:3px 6px #09160e}
  .dungeon-card.codex-card{min-height:208px}
  .archivist{bottom:calc(88px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.hero-visual:after{animation:none}.pulse-card,.leader-row,.archivist-trigger{transition:none}}