/* Brighter slot-inspired visual layer. */
:root{--bg:#0b1c35;--panel:#142a49;--panel2:#1c385d;--line:#31577f;--accent:#ffd34f;--accent2:#42d9ff;--muted:#b3c5dc}
body{background:radial-gradient(circle at 12% 0,rgba(33,111,189,.7),transparent 32%),radial-gradient(circle at 92% 18%,rgba(0,194,255,.28),transparent 27%),linear-gradient(160deg,#102b50 0,#091a31 52%,#102846 100%);background-attachment:fixed}
.topbar{background:rgba(11,28,53,.86);border-bottom-color:rgba(95,190,255,.2)}
.panel,.empty-card,.history-card,.rank-card{background:linear-gradient(145deg,rgba(24,53,89,.96),rgba(13,34,61,.94));box-shadow:0 18px 44px rgba(1,10,27,.3)}
.welcome-hero{min-height:240px;margin-bottom:24px;padding:34px;display:flex;align-items:center;border:1px solid rgba(92,206,255,.42);border-radius:26px;overflow:hidden;background-image:linear-gradient(90deg,rgba(5,20,48,.98) 0%,rgba(7,27,61,.86) 43%,rgba(7,27,61,.12) 72%),url("slot-hero.webp");background-size:cover;background-position:center;box-shadow:0 24px 64px rgba(0,12,38,.45),inset 0 0 55px rgba(34,174,255,.08)}
.welcome-hero>div{max-width:520px;position:relative;z-index:1}.welcome-hero h2{margin:8px 0 10px;font-size:clamp(27px,5vw,44px);line-height:1.2;text-shadow:0 3px 18px #000}.welcome-hero p{max-width:430px;margin:0;color:#d5e7fb;line-height:1.8;font-size:14px}.welcome-hero .eyebrow{color:#ffd34f}
.primary{background:linear-gradient(105deg,#ffd34f,#ffae3d);color:#271800;box-shadow:0 8px 24px rgba(255,185,55,.22)}
.mode.active{background:linear-gradient(105deg,#ffd34f,#ffb23f);border-color:#ffd34f;color:#271800}.summary b,.rank-card>strong{color:#ffd34f}
.dropzone{background:linear-gradient(145deg,rgba(18,48,83,.95),rgba(12,36,67,.94));border-color:#5596c6}.bottom-nav{background:rgba(10,29,54,.95)}
input[readonly]{background:#183457;color:#fff;border-color:#3e6e99;cursor:default}
@media(max-width:640px){.welcome-hero{min-height:290px;padding:24px 20px;align-items:flex-end;background-image:linear-gradient(0deg,rgba(5,20,48,.98) 0%,rgba(6,25,57,.76) 46%,rgba(6,25,57,.08) 76%),url("slot-hero.webp");background-position:65% center}.welcome-hero>div{max-width:100%}.welcome-hero h2{font-size:29px}.welcome-hero p{font-size:12px;line-height:1.65}}
.history-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.history-actions{display:flex;gap:7px;flex:0 0 auto}.history-edit,.history-delete{border-radius:10px;padding:8px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.history-edit{border:1px solid #467daa;background:rgba(70,125,170,.2);color:#9ed8ff}.history-delete{border:1px solid #8e4355;background:rgba(142,67,85,.2);color:#ff8b99}.history-edit:active,.history-delete:active{transform:scale(.97)}
@media(max-width:420px){.history-card-heading{flex-direction:column}.history-actions{align-self:flex-end}}