:root{color-scheme:dark}html,body,#shell{background:#101e1c}.overlay{background:linear-gradient(110deg,#0b1e20e8,#18372dd9),url('assets/foodhall-v2.png') center/cover;backdrop-filter:blur(7px)}.panel{width:min(94vw,640px);padding:26px;background:linear-gradient(155deg,#213c35f5,#11251ff7);border:1px solid #d6b66b66;border-radius:24px;box-shadow:0 24px 90px #0009;color:#f2efde}h1{font-size:32px;letter-spacing:-.06em;background:linear-gradient(#fff6de,#d3b474);background-clip:text;-webkit-background-clip:text}.brandLine{background:#263f34;border-color:#d5b66c44;color:#d7c18c;letter-spacing:.06em}.startLead{font-size:14px;color:#d0dbc9;line-height:1.8}.sectionTitle{color:#d9c79b}.chars{gap:12px}.charCard{border-radius:14px!important;background:#253e32!important;border-color:#75957955!important}.charCard.selected{border-color:#e1be6a!important;background:#3c4d32!important;box-shadow:0 0 0 2px #e1be6a33}.portraitBox{background:radial-gradient(#79937c55,#142d24)!important;border-color:#c7b27844!important}.btn{background:linear-gradient(#dfc078,#b69245);color:#202f23;border:1px solid #edda99;border-radius:10px;box-shadow:0 4px 12px #0002;font-weight:800}.btn.secondary{background:#253f34;color:#e6e7d0;border-color:#91a68b66}.btn:hover{filter:brightness(1.12)}input{background:#0f2822!important;border-color:#81987d77!important;color:#fff4d8!important}.sub,.status,.notice{color:#bdcdb7}.cards>div,.cards>button,.recordBox,.rankBox{background:#294335!important;border-color:#92a08066!important}.guidePanel{width:min(94vw,780px)}.guidePoster{border-radius:14px}.resultScore{color:#eed18c}#game-root canvas{box-shadow:0 0 50px #08100bb0}@media(max-width:540px){.panel{padding:17px;border-radius:17px}h1{font-size:27px}.chars{gap:8px}.startLead{font-size:12px}}@media(prefers-reduced-motion:reduce){.panel{animation:none}}

.char{position:relative;min-height:150px;padding:14px 12px 12px 100px!important;text-align:left;border-radius:14px!important;background:#233d32!important;border:1px solid #809b7066!important;display:flex;flex-direction:column;justify-content:center}.char.active{background:#3e4b32!important;border:2px solid #e4c27b!important}.select-portrait{position:absolute;left:5px;bottom:8px;width:90px;height:125px;object-fit:contain;filter:drop-shadow(0 4px 5px #0005)}.char b{font-size:17px}.char small{font-size:10px;line-height:1.7}.upgrade{background:#274435!important;border:1px solid #7e9b78!important;border-radius:12px!important;padding:16px!important}.upgrade b{color:#efce87}.upgrade small{color:#c6d5c0}@media(max-width:440px){.char{min-height:158px;padding:100px 8px 8px!important}.select-portrait{top:3px;left:calc(50% - 38px);width:76px;height:95px}.char b{font-size:14px}.char small{font-size:9px}}

.select-motion{position:absolute;left:2px;bottom:12px;width:96px;height:100px;background-image:url("assets/heroes-volume.png");background-size:400% 400%;background-repeat:no-repeat;filter:drop-shadow(0 5px 4px #0005)}@media(max-width:440px){.select-motion{top:0;left:calc(50% - 45px);width:90px;height:90px}}