html,body{overscroll-behavior:none;color:#fff8ff;background:#180c20;width:100%;min-width:0;height:100%;min-height:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}body{touch-action:none;position:fixed;inset:0}[hidden]{display:none!important}#app,.donutoo-game,.game-surface{width:100%;min-width:0;height:100%;min-height:0}#app{overflow:hidden}.donutoo-game{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ff9fcb;position:relative;overflow:hidden}.game-surface{box-sizing:border-box;touch-action:none;display:block}button,[role=button]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hud{top:max(8px, env(safe-area-inset-top));z-index:4;pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid;position:absolute;left:8px;right:8px}.hud-badge,.mission-chip,.game-toast{color:#fff;text-shadow:0 1px 2px #3a123299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5620509e;border:1px solid #ffffff59;box-shadow:0 10px 25px #49154a33,inset 0 1px #fff3}.hud-badge{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;min-width:0;padding:6px 9px;font-size:clamp(.66rem,2.8vw,.86rem);font-weight:850;line-height:1;overflow:hidden}.score{background:#da4789bf}.combo{background:#ffa33cb8}.level{background:#5369e9a8}.power{background:#29a97ea8}.mission-chip{top:calc(max(8px, env(safe-area-inset-top)) + 72px);z-index:4;white-space:nowrap;pointer-events:none;border-radius:999px;max-width:calc(100% - 28px);padding:6px 12px;font-size:clamp(.68rem,2.8vw,.8rem);font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.game-toast{z-index:6;letter-spacing:.02em;text-align:center;border-radius:18px;padding:10px 16px;font-weight:950;animation:.22s ease-out toast-pop;position:absolute;top:28%;left:50%;transform:translate(-50%)}.start-overlay,.game-over{z-index:8;box-sizing:border-box;background:radial-gradient(circle at 50% 20%,#fff6b0a6,#0000 32%),linear-gradient(#3b14492e,#300d36bd);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.intro-card,.result-card{box-sizing:border-box;color:#5a194d;text-align:center;background:linear-gradient(#fffffff0,#ffe1f1e6),#fff0f8;border:1px solid #ffffff80;border-radius:30px;width:min(92%,430px);max-height:min(92%,720px);overflow:auto;box-shadow:0 24px 80px #360f405c}.intro-card{padding:20px 18px 18px}.dialogue{max-width:21rem;margin:8px auto 16px;font-size:clamp(1rem,4.2vw,1.22rem);font-weight:750;line-height:1.3}.dialogue strong{color:#dd2e87;font-size:1.25em}.primary{appearance:none;color:#fff;cursor:pointer;letter-spacing:.03em;text-shadow:0 2px 2px #74284866;background:linear-gradient(#ffec6d,#ff8d2f 52%,#e34791);border:0;border-radius:999px;padding:15px 24px;font:950 clamp(.95rem,4vw,1.1rem)/1 ui-sans-serif,system-ui;box-shadow:0 12px 24px #d63a7f54,inset 0 2px #ffffff73}.primary:active{transform:translateY(2px)scale(.99)}.loading-line,.small{color:#5a194db8;margin:12px 0 0;font-size:.82rem;font-weight:700}.mini-factory{height:150px;margin:0 auto 4px;position:relative}.cannon{background:linear-gradient(90deg,#b92879,#ff71b1);border-radius:24px;width:112px;height:46px;position:absolute;top:44px;left:calc(50% - 112px);transform:rotate(-18deg);box-shadow:inset 0 7px #ffffff38,0 10px 22px #721f593d}.cannon:after{content:"";background:#ffd85a;border-radius:18px;width:42px;height:60px;position:absolute;top:-7px;right:-22px}.mascot-donut{background:radial-gradient(circle,#0000 0 19%,#c77a38 20% 25%,#0000 26%),radial-gradient(circle at 40% 30%,#fff7b4,#f0a958 67%,#a85b2c);border-radius:50%;width:132px;height:132px;position:absolute;top:4px;right:calc(50% - 116px);box-shadow:0 16px 28px #62274c40}.mascot-donut:before{content:"";clip-path:path("M 7 49 C 16 13, 48 10, 64 16 C 86 4, 116 22, 109 51 C 124 73, 103 110, 70 104 C 46 120, 11 105, 17 74 C 1 68, 0 57, 7 49 Z");background:radial-gradient(circle at 38% 25%,#ffcfe7,#ff75b8 66%,#e34e91);border-radius:50%;position:absolute;inset:18px}.mascot-donut:after{content:"";background:#fff;border-radius:50% 50% 16px 16px;width:64px;height:38px;position:absolute;top:-18px;left:34px;box-shadow:0 20px 0 -8px #fff}.mascot-donut span{z-index:1;border-bottom:4px solid #76234e;border-radius:50%;width:50px;height:28px;position:absolute;top:49px;left:41px}.mascot-donut span:before,.mascot-donut span:after{content:"";background:#fff;border-radius:50%;width:12px;height:15px;position:absolute;top:-2px;box-shadow:inset 0 -4px #64aee5}.mascot-donut span:before{left:3px}.mascot-donut span:after{right:3px}.result-card{padding:18px}.result-card h2{color:#d92f86;margin:0 0 12px;font-size:clamp(1.2rem,5vw,1.5rem)}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.result-grid span,.mission-list,.qr-card{background:#ffffff9e;border-radius:18px;padding:10px;box-shadow:inset 0 0 0 1px #d643881f}.result-grid span{color:#5a194db8;gap:2px;font-size:.76rem;font-weight:800;display:grid}.result-grid strong{color:#5a194d;font-size:1.28rem}.mission-list{text-align:left;gap:6px;margin:12px 0;font-size:.84rem;font-weight:750;display:grid}.reward-row{grid-template-columns:1.15fr .85fr;align-items:center;gap:10px;display:grid}.reward-wheel{background:conic-gradient(#ff6bad 0 16%, #ffdf55 0 33%, #72d7ff 0 50%, #a77aff 0 67%, #ff9b4d 0 84%, #57d875 0), #fff;color:#5a194d;text-shadow:0 1px #ffffffb3;border-radius:50%;place-items:center;min-height:112px;font-weight:950;display:grid;box-shadow:inset 0 0 0 9px #fff,0 10px 22px #6e1f5338}.reward-wheel span{aspect-ratio:1;background:#ffffffe6;border-radius:50%;place-items:center;width:68%;padding:8px;display:grid}.qr-card{justify-items:center;gap:6px;font-size:.72rem;display:grid}.qr-card i{aspect-ratio:1;background:linear-gradient(90deg,#5a194d 12px,#0000 0) 0 0/22px 22px,linear-gradient(#5a194d 12px,#0000 0) 0 0/22px 22px,#ffd8ec;border:7px solid #fff;width:74px;box-shadow:inset 0 0 0 3px #5a194d}.qr-card b{font-size:.68rem}.retry-button{margin-top:14px}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (width>=560px){.hud{grid-template-columns:repeat(4,minmax(0,1fr))}.mission-chip{top:calc(max(8px, env(safe-area-inset-top)) + 42px)}}