/* v1.8.0 - original Spice Road identity, premium landing and compact audio controls */
:root{--brand-amber:#f2bc58;--brand-sand:#f4dfb5;--brand-terracotta:#c55c31;--brand-jade:#58a378;--brand-walnut:#21130d}
body:not(.game-active){background:radial-gradient(circle at 18% 12%,#8d4b2938,transparent 31%),radial-gradient(circle at 82% 18%,#c9953b1d,transparent 28%),linear-gradient(150deg,#1b0f0b 0,#2b1710 48%,#110b08 100%);background-attachment:fixed}
body:not(.game-active):before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,#f3bd5520 42.2% 42.5%,transparent 42.7% 100%),radial-gradient(circle at 70% 70%,#f3bd550b 0 2px,transparent 3px);background-size:auto,28px 28px;mask-image:linear-gradient(to bottom,#0009,transparent 80%)}
.topbar{border-bottom-color:#b67c3f80;background:linear-gradient(90deg,#170e0bcf,#2d180fd9 52%,#150d09e8);box-shadow:0 10px 35px #08040355}
.brand-lockup{display:flex;align-items:center;gap:11px;min-width:0}.brand-emblem{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 4px 8px #0008)}.brand-lockup>div{min-width:0}.brand{color:#f5e5c7;letter-spacing:.015em}.brand #brandMain{margin-left:0;color:#f5e5c7;font-size:1em;font-weight:800;text-shadow:0 2px 12px #d18a3c26}.brand #brandSub{color:#bda98d;font-size:.48em;font-weight:500}.eyebrow{color:#d5a65e}
body:not(.game-active) .landing{max-width:1080px;margin:clamp(18px,4vh,48px) auto 32px}
body:not(.game-active) .hero{position:relative;isolation:isolate;grid-template-columns:clamp(150px,22vw,235px) minmax(0,1fr);gap:clamp(20px,4vw,54px);padding:clamp(22px,4vw,48px);overflow:hidden;border-color:#c38b4a;background:radial-gradient(circle at 18% 34%,#d88b3440,transparent 31%),linear-gradient(135deg,#4a291be8,#27150fe8 58%,#1a100de8);box-shadow:0 26px 70px #08030291,inset 0 1px 0 #ffe2a82b}
body:not(.game-active) .hero:after{content:"";position:absolute;z-index:-1;right:-8%;bottom:-55%;width:62%;aspect-ratio:1;border:1px solid #e8b85a18;border-radius:50%;box-shadow:0 0 0 32px #e8b85a0a,0 0 0 66px #e8b85a08}
.hero-logo-wrap{display:grid;place-items:center;min-width:0}.hero-logo{display:block;width:min(100%,220px);height:auto;filter:drop-shadow(0 18px 24px #0803018c)}.hero-copy{min-width:0}.hero .kicker{margin:0;color:#e4bc78;font-weight:800}.hero h2{color:#fff0d2;text-wrap:balance;text-shadow:0 3px 18px #130704}.hero p{max-width:650px;color:#d8c3a8;font-size:clamp(13px,1.4vw,16px)}
.brand-spice-row{display:flex;align-items:center;gap:7px;margin-top:18px}.brand-spice-row i{display:block;width:15px;height:15px;border-radius:4px;border:1px solid #fff8;box-shadow:inset 0 2px 3px #fff6,0 3px 8px #0007}.brand-spice-row .Y{background:var(--y)}.brand-spice-row .R{background:var(--r)}.brand-spice-row .G{background:var(--g)}.brand-spice-row .B{background:var(--b)}.brand-spice-row span{height:1px;flex:1;max-width:150px;margin-left:7px;background:linear-gradient(90deg,#d8a64f8a,transparent)}
body:not(.game-active) .entry-grid{gap:18px;margin-top:18px}.entry-card{position:relative;overflow:hidden;padding:clamp(22px,3vw,32px);border-color:#8d603c;background:linear-gradient(155deg,#3b2418e8,#21140fec);box-shadow:0 18px 44px #09040366,inset 0 1px 0 #fff1}.entry-card:before{content:"01";position:absolute;right:18px;top:13px;color:#e4b45e24;font:800 44px/1 Georgia,serif}.entry-card:nth-child(2):before{content:"02"}.entry-card h3{color:#f5dfbd}.entry-card label{color:#c7ad8e}.entry-card input,.entry-card select{border-color:#745039;background:#160f0c;color:#f8e9d3;box-shadow:inset 0 2px 8px #0005}.entry-card input:focus,.entry-card select:focus{border-color:#ebb75c;box-shadow:0 0 0 3px #e8b44f22,inset 0 2px 8px #0004}.entry-card .primary{min-height:48px;border-color:#f0b35a;background:linear-gradient(135deg,#d97738,#a94425);box-shadow:0 10px 26px #9e351f38,inset 0 1px 0 #fff4}.fan-note{color:#947e68}
.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.audio-button-icon{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#d5b98b;background:#2a2119}.audio-button.is-on{border-color:#d6a751;color:#f6ddb0}.audio-button.is-on .audio-button-icon{color:#25170c;background:#e8b454;box-shadow:0 0 12px #e8b45455}
.audio-panel{position:fixed;z-index:120;top:62px;right:clamp(10px,2vw,28px);width:min(330px,calc(100vw - 20px));padding:15px;border:1px solid #b77c42;border-radius:15px;background:linear-gradient(150deg,#352117f5,#160f0cf8);box-shadow:0 22px 55px #050201c9,inset 0 1px 0 #fff2;backdrop-filter:blur(18px)}.audio-panel.hidden{display:none}.audio-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.audio-panel-head>div{display:flex;flex-direction:column}.audio-panel-head small{color:#b98d55;font-size:8px;letter-spacing:.18em}.audio-panel-head strong{color:#f4dfbd;font:800 18px Georgia,"Noto Serif SC",serif}.audio-power,.audio-toggle{border:1px solid #735138;border-radius:999px;color:#bca58a;background:#1a120e;cursor:pointer}.audio-power{padding:7px 10px;font-size:10px}.audio-toggle{min-width:43px;padding:3px 7px;font-size:8px}.audio-power.on,.audio-toggle.on{border-color:#d9a750;background:#4b321c;color:#ffdda0}.audio-setting{padding:10px 11px;margin-top:8px;border:1px solid #69472f;border-radius:10px;background:#120d0aa6}.audio-setting>div,.audio-setting>small{display:flex;align-items:center;justify-content:space-between;gap:8px}.audio-setting>div span{color:#ead3b0;font-size:12px}.audio-setting>small{color:#8e7964;font-size:7px}.audio-setting input[type=range]{width:100%;height:4px;margin:12px 0 5px;accent-color:#d99a42;cursor:pointer}
body.game-active .brand-lockup{gap:6px}.game-active .brand-emblem{width:27px;height:27px}.game-active .audio-panel{top:42px}.game-active .audio-button-icon{width:15px;height:15px}.game-active .audio-button{gap:4px}
@media(max-width:720px){.brand-lockup{gap:7px}.brand-emblem{width:36px;height:36px}.top-actions{align-items:center}.audio-button{padding:8px!important}.audio-button #audioLabel{display:none}body:not(.game-active) .hero{grid-template-columns:1fr;text-align:center;padding:22px 18px}.hero-logo{width:150px}.brand-spice-row{justify-content:center}.brand-spice-row span{display:none}.entry-card:before{font-size:34px}.audio-panel{top:54px}}
@media(orientation:landscape) and (max-height:520px){body:not(.game-active) .topbar{min-height:48px;padding:5px 11px}.brand-emblem{width:34px;height:34px}body:not(.game-active) .landing{margin:10px auto 22px}body:not(.game-active) .hero{grid-template-columns:112px minmax(0,1fr);gap:18px;padding:13px 18px;text-align:left}.hero-logo{width:108px}.hero h2{font-size:25px;margin:2px 0 6px}.hero p{margin:4px 0;line-height:1.45;font-size:11px}.hero .kicker{font-size:8px}.brand-spice-row{justify-content:flex-start;margin-top:8px}.entry-card{padding:17px 20px}.entry-card h3{font-size:19px;margin-bottom:10px}.entry-card label{margin:7px 0}.entry-card input,.entry-card select{padding:9px 11px}.entry-card .primary{min-height:38px;margin-top:7px}.audio-panel{top:50px}.game-active .brand-emblem{width:23px;height:23px}.game-active .audio-button{height:28px!important;padding:3px 7px!important}}
@media(prefers-reduced-motion:reduce){.hero-logo,.brand-emblem{filter:none}.entry-card,.hero{scroll-behavior:auto}}