/* Season VII: sunset gold, royal purple and turquoise from the supplied artwork. */
:root{color-scheme:light;--ink:#352940;--muted:#85758c;--line:#e9decb;--card:#fffcf6;--gold:#edb746;--amber:#ce8c25;--shadow:0 8px 25px #3b24480b}
body{background:#f3eee7!important;color:#352940!important}
.top,.arena-embedded .top{background-color:#30203e!important;background-image:linear-gradient(90deg,#281d3e 0%,#30203ef5 38%,#30203e8c 65%,#30203e22 100%),url('../../season-vii-reference.png')!important;background-size:cover,510px auto!important;background-position:center,right 37%!important;background-repeat:no-repeat!important;padding:28px 30px!important;border-bottom:3px solid #dba947;min-height:158px}
.top-inner{align-items:flex-start;flex-direction:column;gap:20px}.top h1{color:#ffdf8e;font-size:clamp(21px,2.5vw,29px)!important;font-weight:850;max-width:720px;text-shadow:0 2px 15px #180d2bcc;letter-spacing:-.025em;line-height:1.2}.top-actions{gap:8px}.top .btn.ghost{background:#2a1c39d9;border-color:#aa885d85;color:#f8e8c2;backdrop-filter:blur(8px)}.top .btn.ghost:hover{background:#4d315d}
.top,.arena-embedded .top{background-image:linear-gradient(110deg,#281d3e,#402849)!important}.top:before{content:"";position:absolute;inset:0 0 0 auto;width:540px;max-width:60%;background:url('../../season-vii-reference.png') center 26%/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 40%);opacity:.85;pointer-events:none}
.btn.primary{background:linear-gradient(135deg,#f7cd70,#e8ac36)!important;border-color:#dba13b!important;color:#34213f!important;box-shadow:0 3px 10px #cb8a2022}.btn.primary:hover{background:linear-gradient(135deg,#ffdc91,#f1bd55)!important}.btn.dark{background:#513661!important;border-color:#654379!important}.btn:not(.primary):not(.ghost):not(.dark){color:#60466d;border-color:#dacebc;background:#fffcf6}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#a586c5!important}
.panel,.metric{background:#fffcf6!important;border-color:#e3d7c5!important;color:#352940!important;box-shadow:0 5px 20px #4d34510a!important}.panel-head{border-color:#e9decb!important;background:linear-gradient(100deg,#f1e9f5,#fbf4e6)}.panel-head h2{color:#543662!important;font-weight:850}.panel-head p{color:#84718d!important}.metric{border-top:2px solid #d9b569!important}.metric b{color:#65416f}.metric span{color:#85758c}.metric:first-child{border-top-color:#80509b!important}.metric:last-child{border-top-color:#46a3b2!important}.tag{background:#f2e1b7;color:#77511c}
.tabs{background:#eee7f3!important}.tab{color:#806c89!important}.tab.active{color:#5b3471!important;background:#fffaf1;border:1px solid #e4c888}.member-row{background:#fffdf9;border-color:#eee2d1}.member-row.selected{border-color:#b38ac7!important;background:#f7eefb!important;box-shadow:0 0 0 2px #8151981a!important}.member-avatar{background:#e9dced;color:#694577}.member-name{color:#4a3257}.member-sub{color:#8a768f}.role-select,.swap-select,.swap-time{border-color:#e3d4c4;background:#fffdf9;color:#624b6c}.member-row .remove{background:#f0e9f3;color:#8b7098}.member-editor-body textarea{background:#fffdf9!important;border-color:#e1d2c5!important;color:#4c3858!important}.field label{color:#7b6386}.field input,.field select{border-color:#e3d5c7;color:#513c5d;background:#fffdf9}.route-item{border-color:#eadccd;background:#fffdf9}.route-title{color:#563962}.route-detail,.route-note{color:#826e88}.route-actions button{color:#76517e;background:#f0e6f3}.empty{border-color:#decee4;color:#927b99;background:#fbf7fc}.toast{background:#493055;color:#ffedbd}
.map-wrap{background:#fffaf1}.map-board{border:1px solid #d6b576;box-shadow:inset 0 0 40px #ab6d1520}.building-number{background:#4c315b;color:#ffe4a0;border-color:#e4b451}.building-label{background:#fff9ecf2;border-color:#d9bd85}.building-label strong{color:#53365f}.building-label em{color:#a16a1c}.opening{color:#927248}.building.selected .building-label{outline-color:#9963b0}.building.selected img{filter:drop-shadow(0 0 5px #ffe1a0) drop-shadow(0 0 10px #a06ec0)}
@media(max-width:600px){.top,.arena-embedded .top{padding:23px 18px!important;background-size:cover,320px auto!important;background-position:center,right 35%!important;min-height:165px}.top h1{font-size:21px!important;max-width:85%}.top-inner{gap:18px}.top-actions .btn{font-size:11px;padding:9px 10px}}
@media(max-width:600px){.top:before{width:100%;max-width:100%;opacity:.35;background-position:center 30%;mask-image:linear-gradient(90deg,transparent,#000)}}