/* Family Arena v1 — illustration integration; scoped to /1/ preview. */
body{background:linear-gradient(180deg,#048ef0 0%,#45cfff 40%,#0b6ed3 82%,#073c91 100%)}
.landscape{background:radial-gradient(ellipse at 50% 22%,#fff7bd 0%,#b1f6ff 25%,transparent 60%)}
.world-castle,.world-palms{position:absolute;pointer-events:none;object-fit:contain;filter:drop-shadow(0 12px 10px #034b7a55)}
.world-castle{width:clamp(160px,25vw,390px);bottom:10%;opacity:.94}.world-castle-left{left:-4%}.world-castle-right{right:-4%;transform:scaleX(-1)}
.world-palms{width:clamp(160px,22vw,340px);bottom:3%;opacity:.98}.world-palms-left{left:5%}.world-palms-right{right:5%;transform:scaleX(-1)}
.hero-logo img{object-fit:contain;max-height:300px;filter:drop-shadow(0 14px 8px #10256b77)}
.hero .heroes img{object-fit:contain;filter:drop-shadow(0 12px 6px #082c6888)}
.hero h1,.screen-title p{filter:drop-shadow(0 3px 2px #001d73)}
.topbar{background:linear-gradient(180deg,#0a63d6,#07216c);border:2px solid #55d4ff;box-shadow:0 8px 0 #03255b,0 15px 28px #001c5d88}
.topbar .brand img{object-fit:contain}
.game-btn{border:2px solid #fff5b0!important;box-shadow:inset 0 4px 0 #ffffff77,inset 0 -5px 0 #00000029,0 7px 0 #092669,0 12px 18px #07276488!important;text-shadow:0 1px 1px #0004;transition:transform .12s,filter .12s}
.game-btn:hover{filter:brightness(1.11);transform:translateY(-2px)}.game-btn:active{transform:translateY(3px)}
.panel,.arena-panel,.results-panel{border:3px solid #fff0a7;box-shadow:0 12px 0 #071c65,0 22px 36px #00154c66}
.title-ribbon,.turn-ribbon{border:2px solid #f9d4ff;box-shadow:inset 0 3px 0 #ffffff6b,0 5px 0 #4e147d}
.trophy-art{display:block;width:min(190px,44vw);height:auto;margin:0 auto;filter:drop-shadow(0 8px 10px #411e72)}
.winner-banner{display:block;width:min(290px,65vw);max-height:100px;object-fit:contain;margin:-12px auto -18px}
.nav-graphic{width:31px;height:31px;object-fit:contain;display:block;margin:0 auto 5px}.nav-graphic-letter{font-weight:1000;font-size:17px;color:#ffda4b;display:block;margin:0 auto 7px}
.button-graphic{display:inline-grid;place-items:center;border-radius:12px;padding:8px;font-weight:900;font-size:11px;background:#ffffff38;color:white}
@media(max-width:800px){.world-castle{width:150px;bottom:7%;opacity:.45}.world-palms{width:140px;bottom:2%;opacity:.55}.hero-logo img{max-height:210px}.hero .heroes img{max-height:200px}.topbar{max-width:100%}}
@media(prefers-reduced-motion:reduce){.game-btn{transition:none}}