:root{--festive-red:#a92f3d;--festive-deep:#3a0d20;--festive-wine:#641a2e;--festive-gold:#f3ca70;--festive-cream:#fff0c8}
body{background:radial-gradient(circle at 50% 8%,rgba(239,84,75,.3),transparent 28%),linear-gradient(145deg,#260812,#5b1426 48%,#250812)}
body:before{content:";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(circle at 0 0,transparent 0 17px,rgba(255,213,121,.18) 18px 19px,transparent 20px),radial-gradient(circle at 24px 24px,transparent 0 17px,rgba(255,213,121,.12) 18px 19px,transparent 20px);background-size:48px 48px}
.phone{filter:drop-shadow(0 24px 45px rgba(26,2,10,.46))}
.shell{overflow:hidden;background:linear-gradient(180deg,#511327,#2b0b19);box-shadow:inset 0 0 0 1px rgba(255,224,143,.38),inset 0 0 55px rgba(255,163,83,.08),0 20px 60px rgba(20,2,10,.45)}
.shell:before{content:";position:absolute;z-index:1;inset:7px;border:1px solid rgba(245,201,102,.22);border-radius:inherit;pointer-events:none}
#phaser-game{background:radial-gradient(circle at 70% 16%,rgba(255,211,115,.2),transparent 25%),linear-gradient(180deg,#711b36,#321020)}
.panel{background:radial-gradient(circle at 78% 13%,rgba(255,218,135,.28),transparent 24%),radial-gradient(circle at 18% 78%,rgba(221,65,75,.22),transparent 28%),linear-gradient(150deg,#7a2035,#a83742 48%,#390d21)}
.panel:before{content:";position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.26;background-image:linear-gradient(45deg,transparent 46%,rgba(255,219,139,.22) 47% 49%,transparent 50%),linear-gradient(-45deg,transparent 46%,rgba(255,219,139,.16) 47% 49%,transparent 50%);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 68%);mask-image:linear-gradient(to bottom,black,transparent 68%)}
.panel:after{inset:12px;border-color:rgba(255,220,137,.58);box-shadow:inset 0 0 0 5px rgba(111,26,39,.24),inset 0 0 30px rgba(255,202,101,.08)}
.intro{background:radial-gradient(circle at 78% 16%,#ffe19a 0 45px,rgba(255,213,124,.18) 46px 90px,transparent 91px),linear-gradient(165deg,#721a31 0,#bd3d43 48%,#4a1025 100%)}
.intro:before{content:";position:absolute;z-index:1;left:35px;right:35px;top:54px;height:330px;border:4px solid rgba(245,201,101,.75);border-bottom:0;border-radius:120px 120px 0 0;background:linear-gradient(90deg,rgba(84,17,35,.62),rgba(164,45,54,.2),rgba(84,17,35,.62));box-shadow:0 0 40px rgba(255,196,91,.12),inset 0 0 38px rgba(255,215,122,.08)}
.intro .moon{top:76px;right:39px;width:86px;height:86px;background:radial-gradient(circle at 35% 30%,#fff5c6,#f5c96b 58%,#c98137);box-shadow:0 0 0 7px rgba(255,224,143,.13),0 0 55px rgba(255,199,85,.65)}
.intro .cloud{height:34px;border:1px solid rgba(255,220,151,.2);background:linear-gradient(90deg,transparent,rgba(255,231,181,.3),transparent);filter:blur(.2px)}
.intro .procession{position:relative;width:330px;height:170px;justify-content:center;gap:4px;padding-bottom:16px}
.intro .procession:before{content:";position:absolute;z-index:0;left:9px;right:9px;bottom:5px;height:55px;border:2px solid rgba(246,204,109,.64);border-radius:50% 50% 10px 10px;background:linear-gradient(180deg,#b8333e,#70182d);box-shadow:0 12px 22px rgba(37,5,18,.42)}
.intro .procession>*{position:relative;z-index:2}
.intro .procession img{filter:drop-shadow(0 11px 9px rgba(37,4,14,.48)) drop-shadow(0 0 8px rgba(255,211,112,.12))}
.intro .palanquin{border-color:#f4ca68;background:linear-gradient(145deg,#dd4e4a,#8f2034);box-shadow:inset 0 0 0 4px rgba(94,20,35,.35),0 8px 18px rgba(34,4,13,.4)}
.intro h1{position:relative;margin:7px 0 5px;font-size:52px;letter-spacing:.08em;color:#ffe7a0;text-shadow:0 3px 0 #7d2431,0 8px 22px rgba(40,4,16,.62)}
.intro h1:before,.intro h1:after{content:◆;margin:0 10px;color:#f3c66b;font-size:13px;vertical-align:middle}
.intro>p{padding:5px 13px;border:1px solid rgba(255,225,150,.42);border-radius:999px;background:rgba(76,15,31,.48);color:#ffe6aa;letter-spacing:.14em}
.intro h3{color:#ffe2bd;letter-spacing:.08em}
.panel>button,.panel form>button{border-color:#ffe399;background:linear-gradient(180deg,#f9d87d,#d79d4b 55%,#ad6534);box-shadow:0 6px 0 #651f30,0 10px 22px rgba(48,4,17,.34);color:#521629}
.gender span,.mission-card{background:linear-gradient(145deg,rgba(255,244,214,.16),rgba(105,19,39,.34));box-shadow:inset 0 0 20px rgba(255,204,108,.05)}
.gender input:checked+span{box-shadow:0 0 0 3px #f4ca69,0 0 28px rgba(255,205,105,.2)}
.hud{border-bottom-color:#f1c568;background:linear-gradient(180deg,rgba(91,18,37,.98),rgba(55,11,27,.96));box-shadow:0 5px 18px rgba(35,4,15,.35)}
.hud-title b,.hud b{color:#ffe49c;text-shadow:0 2px 10px rgba(255,196,83,.2)}
.mission{border-color:rgba(255,221,138,.58);background:linear-gradient(90deg,rgba(89,18,38,.94),rgba(174,48,58,.94),rgba(89,18,38,.94));color:#ffe5a5;box-shadow:0 5px 16px rgba(40,4,17,.3)}
.meters{background:linear-gradient(90deg,rgba(60,11,28,.96),rgba(104,24,39,.94));border-color:rgba(241,196,99,.35)}
.controls{border-top-color:#f2c66b;background:radial-gradient(circle at 50% 0,rgba(217,68,65,.28),transparent 38%),linear-gradient(#751d35,#390d22);box-shadow:0 -12px 28px rgba(40,4,17,.32)}
.controls button{border-color:#f2cb74;background:linear-gradient(#9f3445,#5e1930);box-shadow:0 5px 0 #260815,0 0 18px rgba(255,203,98,.08)}
.controls .attack{background:radial-gradient(circle at 35% 25%,#f3ce78,#c47737 48%,#7e2631);box-shadow:0 6px 0 #451222,0 0 26px rgba(241,191,83,.22)}
.music{border-color:#f2c76c;background:linear-gradient(145deg,#b43c46,#6a1c31);color:#ffe8a8;box-shadow:0 5px 16px rgba(47,5,18,.35)}
.album{background:radial-gradient(circle at 50% 23%,rgba(214,68,70,.2),transparent 28%),linear-gradient(155deg,#4c1328,#1d0914)}
.life-photo{border-color:#efca78;box-shadow:0 18px 34px rgba(30,3,13,.42),0 0 0 7px rgba(124,29,44,.32)}
@media(min-width:431px){.shell{border-color:rgba(255,218,130,.72);box-shadow:0 28px 75px rgba(28,3,12,.52),inset 0 0 45px rgba(255,198,91,.08)}}