.quest-header{width:min(1120px,calc(100% - 48px));height:74px;flex:0 0 74px;margin:0 auto;display:flex;align-items:center;gap:22px}.quest-header .back-button{display:flex;align-items:center;width:auto;height:38px;padding:0 13px;white-space:nowrap;border:1px solid rgba(255,225,224,.2);border-radius:12px;background:rgba(255,230,228,.08);color:#fff3f1;font-size:12px}.quest-header h1{font-size:15px;font-weight:600;color:#fff;margin:0}.quest-clock{margin-left:auto;min-width:84px;height:48px;display:flex;align-items:baseline;justify-content:center;gap:4px;border:1px solid rgba(255,190,185,.3);border-radius:15px;background:rgba(84,4,19,.42);box-shadow:inset 0 1px #ffffff1c,0 8px 26px #cf233a22;color:#fff}.quest-clock span{font-size:25px;font-weight:750;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.quest-clock small{font-size:10px;color:#ffc1ba}.quest-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px 27px}.quest-arena{position:relative;width:min(980px,100%);height:min(68svh,620px);min-height:390px;overflow:hidden;border:1px solid rgba(255,120,131,.55);border-radius:26px;background:radial-gradient(ellipse at 50% 45%,#581323 0,#2c0b16 55%,#18060c 100%);box-shadow:0 22px 65px rgba(170,12,38,.28),inset 0 1px #ffefef26;touch-action:none;isolation:isolate}.quest-arena:before{content:"";position:absolute;inset:0;z-index:0;opacity:.31;background-image:linear-gradient(rgba(255,117,131,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,117,131,.1) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse at center,#000 25%,transparent 82%)}.quest-arena:after{content:"";position:absolute;inset:9px;z-index:0;border:1px solid rgba(255,185,180,.12);border-radius:19px;pointer-events:none}.arena-lights{position:absolute;inset:-30%;z-index:0;background:radial-gradient(circle at 20% 35%,rgba(255,45,76,.28),transparent 26%),radial-gradient(circle at 72% 68%,rgba(255,100,68,.22),transparent 30%);animation:arena-pulse 7s ease-in-out infinite alternate}.arena-mark{position:absolute;z-index:1;color:rgba(255,117,131,.25);font-size:28px;font-weight:200;animation:mark-float 4s ease-in-out infinite alternate}.mark-one{left:24%;top:22%}.mark-two{right:17%;top:33%;animation-delay:-2s}.mark-three{right:36%;bottom:17%;animation-delay:-1s}.game-actor{position:absolute;z-index:3;width:82px;height:88px;display:grid;place-items:center;pointer-events:none;will-change:left,top}.game-actor:before{content:"";position:absolute;inset:18% 9%;z-index:-1;border-radius:50%;background:#ff435e;filter:blur(22px);opacity:.65}.game-actor img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 11px rgba(0,0,0,.43));animation:actor-hover 1.9s ease-in-out infinite alternate}.enemy-actor{position:absolute;z-index:2;width:66px;height:66px;display:grid;place-items:center;pointer-events:none;will-change:left,top}.enemy-actor:before{content:"";position:absolute;inset:18%;border-radius:50%;background:#ff172e;filter:blur(17px);opacity:.65}.enemy-actor img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.5));animation:enemy-hover 1.4s ease-in-out infinite alternate}.enemy-actor:nth-child(even) img{animation-delay:-.6s}.joystick{position:absolute;z-index:4;left:24px;bottom:22px;width:116px;height:116px;border:1px solid rgba(255,224,226,.45);border-radius:50%;background:radial-gradient(circle,rgba(255,107,120,.16),rgba(57,7,19,.48));box-shadow:inset 0 0 20px rgba(255,94,110,.11),0 6px 28px #10020855;touch-action:none;user-select:none;cursor:grab}.joystick:before{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;transform:translate(-50%,-50%);border-radius:50%;background:#ffc8c3;box-shadow:0 0 0 26px #ffb2aa22,0 0 0 49px #ffb2aa15}.joystick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border:1px solid #ffd0c8a8;border-radius:50%;background:linear-gradient(145deg,#ff8c85,#ef2748 62%,#a30a2a);box-shadow:0 5px 20px #e6173f72,inset 0 1px #fff9;transition:box-shadow .15s;pointer-events:none}.joystick:active .joystick-knob{box-shadow:0 4px 27px #ff174d9c,inset 0 1px #fff9}.arena-hint{position:absolute;z-index:1;right:24px;bottom:27px;color:#d9a8ab;font-size:10px;letter-spacing:.08em;opacity:.8}.arena-hint span{color:#90646b;margin:0 5px}.quest-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:14px;color:#e4bfc0;font-size:11px}.control-dot{width:6px;height:6px;background:#ff6b79;border-radius:50%;box-shadow:0 0 10px #ff526b}.quest-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(18,3,9,.54);backdrop-filter:blur(5px);transition:opacity .35s,visibility .35s}.quest-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.quest-modal{width:min(390px,calc(100% - 32px));padding:28px 26px 24px;border:1px solid rgba(255,202,198,.31);border-radius:22px;text-align:center;background:linear-gradient(150deg,rgba(94,12,31,.94),rgba(39,6,18,.96));box-shadow:0 20px 80px #12000688,inset 0 1px #ffffff22;animation:modal-enter .5s cubic-bezier(.2,.8,.2,1) both}.modal-accent{font-size:60px;line-height:1;font-weight:800;letter-spacing:-.09em;background:linear-gradient(150deg,#fff1db,#ff8988 44%,#f1254c);background-clip:text;-webkit-background-clip:text;color:transparent}.quest-modal h2{margin:9px 0 7px;color:#fff1ef;font-size:20px;letter-spacing:-.03em}.quest-modal p{margin:0 0 19px;color:#d6b1b4;font-size:12px}.start-button{min-width:155px;height:43px;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(110deg,#ffad79,#ff636d 48%,#e91d49);box-shadow:0 7px 22px #ec294f38,inset 0 1px #ffffff9a;color:#330710;font-size:12px;font-weight:750;cursor:pointer;transition:transform .2s,filter .2s}.start-button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.wish-wrap{flex:1;display:grid;place-items:center;padding:28px 20px}.wish-card{position:relative;overflow:hidden;width:min(800px,100%);padding:clamp(28px,5vw,58px);border:1px solid rgba(255,196,193,.34);border-radius:30px;background:linear-gradient(140deg,rgba(255,237,229,.14),rgba(147,15,43,.2) 60%,rgba(255,60,81,.1));box-shadow:0 32px 100px #1401066b,inset 0 1px #ffffff35;backdrop-filter:blur(22px);animation:wish-reveal .85s cubic-bezier(.18,.8,.25,1) both}.wish-card:before{content:"";position:absolute;inset:-60% -30%;z-index:-1;background:radial-gradient(ellipse at 52% 48%,rgba(255,52,85,.27),transparent 53%);animation:wish-aura 6s ease-in-out infinite alternate}.wish-card h1{position:relative;margin:0 0 24px;font-size:clamp(34px,6vw,64px);line-height:1.02;letter-spacing:-.065em;color:#fff8f5}.wish-card h1 em{font-style:normal;background:linear-gradient(95deg,#ffd1aa,#ff8f8c 48%,#ff385c);background-clip:text;-webkit-background-clip:text;color:transparent}.wish-copy{position:relative;max-width:690px}.wish-copy p{color:#f5dfe0;font-size:clamp(14px,2vw,17px);line-height:1.8;margin:0 0 13px}.wish-copy p:nth-child(1){animation:wish-line .6s .18s both}.wish-copy p:nth-child(2){animation:wish-line .6s .38s both}.wish-copy p:nth-child(3){animation:wish-line .6s .58s both}.wish-sign{margin-top:24px;color:#ffb5b0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;animation:wish-line .6s .75s both}.wish-confetti{position:absolute;inset:0;pointer-events:none}.wish-confetti i{position:absolute;color:#ff9a91;font-style:normal;animation:confetti-drift 4.5s ease-in-out infinite}.wish-confetti i:nth-child(1){top:12%;right:12%;font-size:22px}.wish-confetti i:nth-child(2){top:26%;right:5%;font-size:16px;animation-delay:-1s}.wish-confetti i:nth-child(3){bottom:21%;right:9%;font-size:14px;animation-delay:-2s}.wish-confetti i:nth-child(4){top:8%;left:45%;font-size:12px;animation-delay:-3s}.wish-confetti i:nth-child(5){bottom:14%;left:8%;font-size:15px;animation-delay:-.5s}
@keyframes arena-pulse{from{transform:scale(.92) rotate(-6deg);opacity:.55}to{transform:scale(1.1) rotate(5deg);opacity:1}}@keyframes mark-float{from{transform:translateY(0) rotate(-9deg)}to{transform:translateY(-10px) rotate(8deg)}}@keyframes actor-hover{from{transform:translateY(1px) rotate(-1deg)}to{transform:translateY(-3px) rotate(1deg)}}@keyframes enemy-hover{from{transform:translateY(-2px) rotate(-3deg)}to{transform:translateY(2px) rotate(3deg)}}@keyframes modal-enter{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wish-reveal{from{opacity:0;transform:translateY(25px) scale(.97);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes wish-aura{from{transform:translateX(-9%) scale(.9);opacity:.55}to{transform:translateX(9%) scale(1.1);opacity:1}}@keyframes wish-line{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti-drift{0%,100%{transform:translateY(0) rotate(0);opacity:.45}50%{transform:translateY(-13px) rotate(16deg);opacity:1}}
@media(max-width:760px){.quest-header{width:calc(100% - 30px);height:62px;flex-basis:62px;gap:13px}.quest-header h1{font-size:13px}.quest-clock{min-width:68px;height:41px;border-radius:13px}.quest-clock span{font-size:22px}.quest-clock small{font-size:9px}.quest-wrap{padding:0 10px 18px;justify-content:center}.quest-arena{width:100%;height:min(66svh,590px);min-height:390px;border-radius:22px}.game-actor{width:68px;height:74px}.enemy-actor{width:57px;height:57px}.joystick{width:108px;height:108px;left:17px;bottom:17px}.joystick-knob{width:45px;height:45px}.arena-hint{right:17px;bottom:20px;font-size:8px}.quest-controls{font-size:10px;padding-top:10px}.wish-wrap{padding:16px 12px}.wish-card{padding:32px 23px;border-radius:25px}.wish-card h1{font-size:clamp(31px,9vw,46px);margin-bottom:18px}.wish-copy p{font-size:13px;line-height:1.7}.wish-sign{font-size:10px;margin-top:18px}}
@media(max-width:380px){.quest-header{gap:8px}.quest-header .back-button{padding:0 9px;font-size:11px}.quest-header h1{font-size:12px}.quest-arena{height:min(64svh,530px);min-height:360px}.game-actor{width:60px;height:67px}.enemy-actor{width:51px;height:51px}.joystick{width:98px;height:98px;left:13px;bottom:13px}.joystick-knob{width:40px;height:40px}.quest-modal{padding:23px 20px}.modal-accent{font-size:52px}}
.quest-screen,.quest-arena,.quest-arena *,.joystick,.joystick *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.quest-arena,.joystick{touch-action:none}
.game-actor img,.enemy-actor img{pointer-events:none;-webkit-user-drag:none;user-drag:none}