/* First Light: approved tiger palette, 2026-09-30. */
/* Fixed corner scale; repeat ornament strips instead of stretching across tall panels. */
.game-panel { border-image-repeat:round; }
.character-scene { height:590px; background:radial-gradient(ellipse at 50% 45%,#efdfbb,#a8bca0 65%,#779689); }
.character-scene #selected-class-art { width:100%; height:100%; object-fit:contain; padding:12px 12px 105px; object-position:center; }
.character-caption { background:linear-gradient(transparent,#284a40e6); padding:20px; left:0; right:0; bottom:0; }
.class-button { display:flex; align-items:center; gap:8px; min-height:80px; }
.class-thumb { width:48px; height:68px; object-fit:contain; flex-shrink:0; }
.humans .race-portrait { background-image:url('assets/classes/blademaster.webp?v=e779f336ed'); background-position:center; background-size:contain; background-color:#b6c2a7; }
.elves .race-portrait { background-image:url('assets/classes/cleric.webp?v=8a392b0788'); background-position:center; background-size:contain; background-color:#b6c2a7; }
.untamed .race-portrait { background-image:url('assets/classes/barbarian.webp?v=97cd959359'); background-position:center; background-size:contain; background-color:#b6c2a7; }
.city-gallery { margin:25px 0; }
.city-gallery>p { margin:10px 0 18px; color:var(--muted); }
.city-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.city-grid a { display:block; border:1px solid #9f844e; background:#cfcaab; }
.city-grid img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; }
.city-grid span { display:block; padding:12px; font-size:13px; }
@media(max-width:760px) { .character-scene { height:510px; } }
@media(max-width:420px) { .city-grid { grid-template-columns:1fr; } .character-scene { height:460px; } .class-button { gap:4px; font-size:11px; } .class-thumb { width:36px; height:60px; } }
:root { --ink:#2d413c; --muted:#59645a; --gold:#926229; --line:#9c824b66; --paper:#e0cfaa; --ok:#2f6859; }
body { background:#8caaa0; }
body:before { height:1250px; background:linear-gradient(180deg,#bad2c211 0%,#8caaa033 35%,#8caaa0c9 75%,#8caaa0 100%),url('assets/jade-dawn-world.webp?v=5ed36991eb') center top / auto 1100px no-repeat; }
.masthead { text-shadow:0 1px 8px #fff4d5; }
.wordmark-rule,.masthead-note { color:#354f46; }
.opening-seal { background:#eddbafc9; border-color:#a87a38; box-shadow:inset 0 0 0 3px #f7e8c077; }
.main-nav { background:linear-gradient(#588777,#39695e); border-color:#b28a47; box-shadow:inset 0 0 0 3px #dfbf7344,0 5px 15px #284b4633; }
.main-nav a,.main-nav>[data-discord] { color:#fff0c8; text-shadow:0 1px #23493e; }
.main-nav a:hover,.main-nav a[aria-current=page] { color:#fff7dd; background:linear-gradient(90deg,transparent,#daba6544,transparent); }
.main-nav:before,.main-nav:after { color:#e7c374; }
.game-panel { background:radial-gradient(ellipse at 25% 0%,#f5e9c577,transparent 75%),linear-gradient(135deg,#e4d6b6,#cec5a5); background-clip:padding-box; box-shadow:0 8px 24px #234a4226; }
.panel-title,.board-heading h2,.race-story h3,.concept-ledger dt { color:#48523a; }
.panel-title:after { background:#e0d2af; color:#a87732; }
.start-button { background:linear-gradient(135deg,#5e9681,#306355); color:#fff0c5; border-color:#b28c44; outline-color:#e9c778; }
.side-menu a:hover,.side-menu a[aria-current=page] { background:#72a28b26; color:#245847; }
.slider-controls { background:linear-gradient(#5b8677,#416f61); border-color:#b49754; color:#f4dfae; }
.slider-controls>button { background:linear-gradient(#e7ce95,#c6a469); color:#3c5141; border-color:#edd599; }
.slider-dots button { background:#bfd0b3; border-color:#ecd08c; }
.slider-dots button[aria-pressed=true] { background:#efc86d; }
.shortcut-row>a { background:linear-gradient(130deg,#d8dec1,#b8c9aa); border-color:#a18b52; }
.shortcut-row>a:hover { background:#e5dfbb; }
.bronze-button { background:linear-gradient(#ebd29a,#c3a46b); color:#354b3c; border-color:#9b773e; }
.opening-countdown>span { background:linear-gradient(#e9dba9,#d5c18b); border-color:#ad9258; }
.opening-countdown b { color:#315f51; }
.footer-discord { background:#d6dab9; }
.card,.chip { border-color:#9e965f66; }
.tiger-slide img { object-position:65% center!important; }
.tiger-slide:after { background:linear-gradient(0deg,#173d36e8,transparent 65%),linear-gradient(90deg,#173d3666,transparent 60%); }
.tiger-slide .slide-caption { max-width:62%; bottom:24px; }
.tiger-slide .slide-caption h2 { font-size:32px; line-height:1.1; color:#fff0c9; }
.tiger-slide .slide-caption p { color:#f1e4c8; }
.guild-host { display:grid; grid-template-columns:56px 1fr; align-items:center; gap:12px; padding:12px 5px 18px; border-bottom:1px solid var(--line); }
.guild-host img { width:56px; height:56px; border-radius:50%; border:2px solid #bd944b; box-shadow:0 2px 8px #4b624b33; }
.guild-host strong { display:block; color:#35604e; font-size:14px; font-weight:normal; }
.guild-host small { display:block; color:var(--muted); font:9px/1.6 'Segoe UI',sans-serif; margin-top:3px; }
@media(min-width:1500px) { body:before { background-size:cover; } }
@media(max-width:760px) { body:before { height:1000px; background-size:auto 900px; background-position:25% top; } .tiger-slide .slide-caption { max-width:75%; } .tiger-slide .slide-caption h2 { font-size:29px; } }
@media(max-width:420px) { .tiger-slide .slide-caption { max-width:90%; bottom:18px; } .tiger-slide .slide-caption h2 { font-size:26px; } .tiger-slide img { object-position:72% center!important; } }