:root{--bg-dark: #0f0c1b;--bg-card: rgba(24, 20, 42, .85);--neon-cyan: #00f0ff;--neon-yellow: #ffe600;--neon-red: #ff2a6d;--neon-green: #05ffa1;--neon-purple: #9d00ff;--text-main: #f0f4f8;--text-muted: #8c9ba5;--font-pixel: "DotGothic16", "Press Start 2P", monospace;--font-sans: "Noto Sans TC", sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(circle at 50% 20%,#201738,#0d0a17);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:16px;overflow-x:hidden}#app-container{width:100%;max-width:920px;display:flex;flex-direction:column;align-items:center;gap:14px}.game-header{text-align:center}.title-badge{display:inline-block;background:linear-gradient(90deg,#ff2a6d,#9d00ff);font-family:var(--font-pixel);font-size:.8rem;padding:3px 10px;border-radius:4px;letter-spacing:2px;margin-bottom:6px;text-shadow:0 0 5px rgba(255,255,255,.6)}.main-title{font-family:var(--font-pixel);font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:3px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.neon-yellow{color:var(--neon-yellow);text-shadow:0 0 12px rgba(255,230,0,.6),2px 2px 0 #000}.neon-red{color:var(--neon-red);text-shadow:0 0 12px rgba(255,42,109,.6),2px 2px 0 #000}.sub-title{font-size:.95rem;color:var(--text-muted);letter-spacing:1px;margin-top:4px}.game-wrapper{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;background:var(--bg-card);border:2px solid rgba(0,240,255,.3);border-radius:12px;padding:12px;box-shadow:0 10px 30px #0009,0 0 20px #00f0ff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-hud{width:100%;display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:8px;background:#0a0814e6;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin-bottom:8px;align-items:center;font-family:var(--font-pixel)}.hidden{display:none!important}.hud-item{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-label{font-size:.72rem;color:var(--text-muted)}.health-bar-container{width:100%;height:14px;background:#252033;border-radius:4px;overflow:hidden;border:1px solid rgba(0,240,255,.4)}.health-bar-fill{height:100%;background:linear-gradient(90deg,#05ffa1,#00f0ff);transition:width .2s ease,background .3s ease}.health-bar-fill.danger{background:linear-gradient(90deg,#ff2a6d,#ffe600)}.hud-value{font-size:.85rem;font-weight:700;color:var(--neon-cyan)}.stage-badge{background:var(--neon-purple);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:1px}.timer-value{font-size:1.1rem;color:var(--neon-yellow)}.mooncake-slots{display:flex;gap:3px;font-size:1rem}.mooncake-slots .slot{opacity:.2;transition:opacity .2s}.mooncake-slots .slot.active{opacity:1;filter:drop-shadow(0 0 5px #ffe600)}.score-value{font-size:1.1rem;color:var(--neon-green);text-shadow:0 0 8px rgba(5,255,161,.4)}.boss-ticker{width:100%;background:linear-gradient(90deg,#ff2a6d40,#9d00ff40);border:1px solid var(--neon-red);color:#fff;padding:6px 12px;border-radius:6px;font-size:.85rem;display:flex;align-items:center;gap:8px;margin-bottom:8px;animation:ticker-pulse 1.5s infinite alternate}@keyframes ticker-pulse{0%{box-shadow:0 0 4px #ff2a6d4d}to{box-shadow:0 0 12px #ff2a6db3}}.ticker-text{font-weight:700;letter-spacing:1px}.canvas-container{width:100%;position:relative;aspect-ratio:4 / 3;max-height:520px;background:#000;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 20px #000c}.canvas-container canvas{width:100%!important;height:100%!important;display:block}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0814eb;display:flex;justify-content:center;align-items:center;padding:16px;z-index:10}.start-card{text-align:center;max-width:540px;display:flex;flex-direction:column;align-items:center;gap:14px}.pixel-art-hero{font-size:1.3rem;display:flex;align-items:center;gap:8px;background:#00f0ff1a;padding:8px 16px;border-radius:20px;border:1px dashed var(--neon-cyan)}.hero-net{color:var(--neon-yellow);font-family:var(--font-pixel);font-size:.85rem}.story-desc{font-size:.92rem;line-height:1.6;color:var(--text-main)}.control-guide{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;background:#ffffff0d;padding:10px;border-radius:6px;font-size:.8rem;text-align:left}.guide-col{display:flex;flex-direction:column;gap:4px}.guide-title{color:var(--neon-cyan);font-weight:700;margin-bottom:2px}.btn-retro{font-family:var(--font-pixel);font-size:1rem;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;letter-spacing:1px;transition:all .15s ease;color:#fff;background:#2b2540}.btn-glow{background:linear-gradient(135deg,#ff2a6d,#9d00ff);box-shadow:0 0 15px #ff2a6d80;font-weight:700}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff2a6dcc}.btn-glow:active{transform:translateY(1px)}.btn-secondary{background:#34495e}.btn-threads{background:#000;border:1px solid #444}.btn-fb{background:#1877f2}.sound-toggle-wrapper{margin-top:4px}.toggle-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted);cursor:pointer}.mobile-controls{display:none;width:100%;grid-template-columns:1fr 1.2fr 1fr;gap:8px;margin-top:10px}.touch-btn{font-family:var(--font-pixel);font-size:1rem;padding:16px 8px;border-radius:8px;border:2px solid rgba(0,240,255,.4);background:#141026e6;color:#fff;touch-action:manipulation}.touch-btn:active{background:var(--neon-cyan);color:#000}.touch-dash{border-color:var(--neon-yellow);color:var(--neon-yellow)}.touch-dash:active{background:var(--neon-yellow);color:#000}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:100;padding:16px}.result-card{background:#141026;border:2px solid var(--neon-cyan);border-radius:12px;padding:20px;max-width:580px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 0 30px #00f0ff4d}.result-badge{font-family:var(--font-pixel);font-size:2.2rem;font-weight:700;padding:4px 20px;border-radius:8px;display:inline-block}.grade-s{background:linear-gradient(135deg,#ffe600,#f80);color:#000;box-shadow:0 0 20px #ffe60099}.grade-a{background:linear-gradient(135deg,#c084fc,#ec4899);color:#fff;box-shadow:0 0 20px #c084fc99}.grade-b{background:linear-gradient(135deg,#00f0ff,#05ffa1);color:#000;box-shadow:0 0 20px #00f0ff99}.grade-c{background:linear-gradient(135deg,#fbbf24,#f97316);color:#000;box-shadow:0 0 20px #fbbf2499}.grade-f{background:linear-gradient(135deg,#ff2a6d,#602);color:#fff;box-shadow:0 0 20px #ff2a6d99}.result-title{font-family:var(--font-pixel);font-size:1.4rem;color:#fff}.result-quote{font-size:.9rem;color:var(--text-muted);font-style:italic;line-height:1.5;background:#ffffff0d;padding:8px 12px;border-radius:6px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.stat-box{background:#0006;padding:8px 4px;border-radius:6px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4px}.stat-name{font-size:.68rem;color:var(--text-muted)}.stat-num{font-family:var(--font-pixel);font-size:1rem;color:var(--neon-cyan)}.result-civic-quote{background:linear-gradient(135deg,#ffe60024,#00f0ff17);border:1.5px solid rgba(255,230,0,.45);border-radius:8px;padding:10px 14px;width:100%;margin:6px 0 10px;box-shadow:0 0 16px #ffe60033,inset 0 0 10px #ffe60014}.civic-quote-text{font-size:.92rem;font-weight:700;color:#ffe600;line-height:1.55;margin:0;text-shadow:0 0 10px rgba(255,230,0,.6);text-align:center;letter-spacing:.5px}.share-preview-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.preview-title{font-size:.75rem;color:var(--text-muted)}#share-card-canvas{width:100%;max-width:440px;height:auto;border:1px solid rgba(255,255,255,.2);border-radius:6px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.action-buttons .btn-retro{font-size:.85rem;padding:10px 14px}.btn-native-share{background:linear-gradient(135deg,#00f0ff,#05ffa1);color:#000!important;font-weight:900;box-shadow:0 0 15px #00f0ff99;flex-basis:100%}.btn-native-share:hover{transform:translateY(-2px);box-shadow:0 0 22px #05ffa1cc}.share-toast{background:#0a0814f2;color:var(--neon-yellow);border:1px solid var(--neon-yellow);box-shadow:0 0 16px #ffe60066;font-size:.8rem;font-weight:700;padding:8px 14px;border-radius:6px;text-align:center;margin-top:8px;animation:toastFadeIn .3s ease}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fact-section{width:100%}.fact-details{background:var(--bg-card);border:2px solid var(--neon-cyan);border-radius:10px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);animation:borderGlowPulse 2.4s infinite ease-in-out}.fact-details:hover{transform:translateY(-2px);border-color:var(--neon-yellow);box-shadow:0 0 25px #ffe60080,inset 0 0 15px #ffe60033}.fact-details[open]{animation:none;border-color:#00f0ff99;box-shadow:0 0 20px #00f0ff40}.fact-summary{padding:14px 18px;cursor:pointer;font-weight:800;font-size:.95rem;color:#fff;background:linear-gradient(90deg,#00f0ff1f,#ffe60014,#00f0ff1f);background-size:200% 100%;animation:shimmerBg 4s linear infinite;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;transition:all .2s ease}.fact-summary:hover{color:var(--neon-yellow);text-shadow:0 0 12px rgba(255,230,0,.8)}@keyframes borderGlowPulse{0%,to{border-color:#00f0ff;box-shadow:0 0 12px #00f0ff66,inset 0 0 8px #00f0ff26}50%{border-color:#ffe600;box-shadow:0 0 22px #ffe600b3,inset 0 0 14px #ffe6004d}}@keyframes shimmerBg{0%{background-position:0% 50%}to{background-position:200% 50%}}.fact-content{padding:16px;overflow-x:auto}.fact-table{width:100%;border-collapse:collapse;font-size:.85rem}.fact-table th,.fact-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.fact-table th{color:var(--neon-yellow)}.badge-actor{display:inline-block;padding:2px 6px;border-radius:4px;background:#ffffff1f;color:#fff;font-size:.76rem;font-weight:700}.tag-pos{display:inline-block;padding:2px 6px;border-radius:4px;background:#05ffa133;color:var(--neon-green);border:1px solid var(--neon-green);font-size:.74rem;font-weight:700}.tag-neg{display:inline-block;padding:2px 6px;border-radius:4px;background:#ff2a6d33;color:var(--neon-red);border:1px solid var(--neon-red);font-size:.74rem;font-weight:700}.tag-boss{display:inline-block;padding:2px 6px;border-radius:4px;background:#ffe60033;color:var(--neon-yellow);border:1px solid var(--neon-yellow);font-size:.74rem;font-weight:700;animation:ticker-pulse 1.2s infinite alternate}.game-footer{font-size:.78rem;color:var(--text-muted);text-align:center;padding:10px}@media(max-width:680px){.game-container{padding:8px 6px;gap:10px}.game-hud{grid-template-columns:1fr 1fr;row-gap:6px}.mobile-controls{display:grid}.mobile-controls.hidden{display:none!important}.stats-grid{grid-template-columns:1fr 1fr}.canvas-container{aspect-ratio:auto;min-height:400px;max-height:70vh}.overlay-screen{padding:10px 8px;overflow-y:auto}.start-card{gap:8px;max-width:100%;margin:auto 0}.pixel-art-hero{font-size:.95rem;padding:3px 10px;gap:6px}.hero-net{font-size:.72rem}.story-desc{font-size:.78rem;line-height:1.35;margin:0}.control-guide{grid-template-columns:1fr;gap:4px;padding:6px 10px;font-size:.74rem}.guide-pc{display:none}.guide-mobile{display:flex;text-align:center;align-items:center}#btn-start-game{width:90%;max-width:280px;padding:11px 16px;font-size:.95rem;box-shadow:0 0 16px #ff2a6d99}.sound-toggle-wrapper{margin-top:0}.toggle-label{font-size:.75rem}}.fact-item-icon{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;vertical-align:middle;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6));transition:transform .2s ease}.fact-item-icon:hover{transform:scale(1.25)}.tag-rescue{display:inline-block;padding:2px 6px;border-radius:4px;background:#00f0ff33;color:var(--neon-cyan);border:1px solid var(--neon-cyan);font-size:.74rem;font-weight:700}.hud-pause-wrap{display:flex;align-items:center;justify-content:center}.btn-hud-pause{background:#f053;border:1.5px solid var(--neon-pink);color:#fff;font-family:inherit;font-size:13px;font-weight:700;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;box-shadow:0 0 10px #ff005540;-webkit-user-select:none;user-select:none}.btn-hud-pause:hover{background:var(--neon-pink);color:#fff;transform:scale(1.05);box-shadow:0 0 18px var(--neon-pink)}.btn-hud-pause:active{transform:scale(.95)}#pause-modal.modal-overlay{background:#00000038;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.pause-card{background:#120e24eb;border:2px solid var(--neon-yellow);border-radius:12px;padding:20px 24px;max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 0 40px #000000a6,0 0 25px #ffe60059;animation:pausePop .2s cubic-bezier(.175,.885,.32,1.275);transition:opacity .2s ease,transform .2s ease}.pause-card.photo-mode{opacity:.15;transform:scale(.9)}.pause-card{background:#120e24;border:2px solid var(--neon-yellow);border-radius:12px;padding:24px;max-width:440px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 0 35px #ffe60059;animation:pausePop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes pausePop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.pause-icon{font-size:38px;filter:drop-shadow(0 0 8px var(--neon-yellow))}.pause-title{font-size:26px;font-weight:900;color:var(--neon-yellow);letter-spacing:2px;text-shadow:0 0 10px rgba(255,230,0,.5);margin:0}.pause-subtitle{font-size:13px;color:#a0aec0;margin:0}.pause-stats-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin:8px 0}.stat-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 4px;display:flex;flex-direction:column;gap:4px}.stat-lbl{font-size:11px;color:#a0aec0}.stat-val{font-size:16px;font-weight:900}.fact-news-link{color:#00f0ff;text-decoration:none;display:inline-flex;align-items:center;gap:3px;font-weight:700;transition:all .2s ease}.fact-news-link:hover{color:#ffe600;text-decoration:underline;text-shadow:0 0 8px rgba(255,230,0,.7)}.fact-news-link:after{content:" ↗";font-size:.8em;opacity:.75;color:var(--neon-yellow)}.neon-yellow{color:var(--neon-yellow);text-shadow:0 0 8px rgba(255,230,0,.6)}.neon-cyan{color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,240,255,.6)}.neon-pink{color:var(--neon-pink);text-shadow:0 0 8px rgba(255,0,85,.6)}.pause-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:6px}