/* Early social-browser-game warmth, not pixel art or glossy sci-fi chrome. */
:root{color-scheme:light;--night:#ede2c7;--surface:#fff4db;--surface-2:#e9d9b9;--cream:#493d31;--muted:#7a6b58;--gold:#d6a454;--orange:#c37e52;--aqua:#6b9e91;--rose:#be786d;--line:#bbab8b}
body{background:#e6dcc3;color:#493d31;font-family:'Trebuchet MS',Arial,sans-serif}
button,input,select{font-family:'Trebuchet MS',Arial,sans-serif!important}
.brand strong,.fighter strong,.turn-card strong,.menu-card h2,.result-overlay h2{font-family:'Trebuchet MS',Arial,sans-serif}
.brand span{color:#807057}.brand-mark{background:#e6b866;border:2px solid #786146;border-radius:12px;box-shadow:0 3px #bbab8b}.brand strong{letter-spacing:0}.season-badge{background:#f8eed6;color:#796749;border:2px solid #c2b08e;border-radius:14px}
.hero-stage,.menu-card,.lobby-panel,.canvas-frame,.controls-panel,.turn-card{background:#fff4db;border:3px solid #8b795d;border-radius:16px;box-shadow:0 4px 0 #b6a582}
.hero-backdrop,.fighter-portrait,.arena-choice,.weapon span,canvas{image-rendering:auto}.hero-backdrop{object-fit:fill;transform:none}.hero-stage::before{background:linear-gradient(#f7eccdc9,transparent 55%)}.hero-stage::after{background:linear-gradient(transparent,#7d8c6233)}
.hero-copy h1{font-family:'Trebuchet MS',Arial,sans-serif;letter-spacing:-.04em;text-shadow:0 2px #fff5de;color:#554432;font-size:clamp(36px,4.5vw,62px)}.hero-copy h1 em{color:#a26542}.hero-copy p{font-family:inherit;color:#65543d;font-size:15px;max-width:390px}.eyebrow,.card-kicker{color:#777747}
.feature-row span,.arena-tag{background:#fff2d7e8;color:#655336;border:1px solid #bbaa84;border-radius:10px}.arena-tag small{color:#8b795b}.arena-tag strong{color:#5b573a}
.menu-card h2{font-size:27px}.menu-card label,.picker-label,.solo-settings label,.online-settings label,.rule-settings label{color:#7c694d}.picker-label b{color:#966a3b}
.menu-card input:not([type=range]),.solo-settings select,.online-settings select,.rule-settings select{background:#fffbef;color:#514534;border:2px solid #c3b390;border-radius:8px}
.fighter-choice,.arena-choice,.weapon,.rule-settings{background-color:#f1e5c9;border:2px solid #ccbb96;border-radius:10px;color:#6c573c}.fighter-portrait{background-color:#e7dbc0;border-radius:7px}.fighter-choice.selected,.weapon.selected{background:#f4dc9f;border-color:#b68a43}.arena-choice.selected{border-color:#839354}.arena-choice small{color:#fff4da}.arena-choice span{color:#fff7dc;text-shadow:0 1px 3px #3d5144}
.primary-button,.secondary-button,.fire-button,.icon-button,.room-code{border:2px solid #977c51;border-radius:10px;box-shadow:0 3px #ccb88c}.primary-button{background:#edc578;color:#614422}.primary-button strong{color:#806138}.secondary-button,.icon-button{background:#eee0bc;color:#685239}.fire-button{background:#c88366;border-color:#906049;color:#fff3d5}.room-code{background:#f1deb4;color:#694d31}.text-button{color:#8d714c}.online-note,.status{color:#6d8056}.online-note i,.eyebrow i,.season-badge i{box-shadow:none}
.divider{color:#9e8968}.divider::before,.divider::after{background:#dacaa6}.rule-settings summary{color:#8a734f}.rule-settings p{color:#8a795e}
canvas{background:#b9cec5}.health-track{background:#cbb996}.health-track,.health-track i{border-radius:4px}.turn-card{box-shadow:none;background:#fff3d3}.turn-card small,.turn-card span{color:#8a7450}.turn-timer{background:#f2d38c;color:#765231;border-radius:50%;border:2px solid #a6854b}.fighter small,.fighter>b{color:#8d714b}.avatar{background:#dec58e;color:#6b5638;border:2px solid #bda275;box-shadow:none;border-radius:12px}
.move-control{background:#f9edcfe8;border:2px solid #b4a078;border-radius:10px;box-shadow:none}.move-control button{background:#ead6aa;color:#6d5334;border:1px solid #b39a6c;border-radius:7px}.move-control span,.control-group label,.keyboard-help{color:#8a734e}.control-group output{color:#876537}.weapon::after{background:#b2a58a;border-radius:3px}.status-chip,.roster-player{background:#f6e9cbe8;color:#695239;border-radius:7px}.result-overlay{background:#fff0d4ed}.result-overlay h2{color:#735637}
.weapon b,.fighter-choice span,.control-group label b{color:#705332}.weapon small{color:#88724d}.weapon.selected,.fighter-choice.selected{background-image:none}.weapon::after{color:#fff5df;background:#8d7854}.fighter-choice.selected span{color:#654623}
@media(max-width:560px){.hero-copy h1{font-size:38px}.hero-copy p{font-size:13px}.hero-stage,.menu-card,.canvas-frame,.controls-panel{border-radius:12px}.move-control{border:0;border-top:2px solid #cbbb97;border-radius:0}.season-badge{font-size:7px}}