@charset "UTF-8";#background-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}#background-layer:before{content:"";position:absolute;bottom:-100px;left:50%;transform:translate(-50%);width:200%;height:300px;background:radial-gradient(circle at center top,#FFFFFF 0%,#E0F2F1 70%,transparent 100%);border-radius:50% 50% 0 0;z-index:-1;filter:blur(20px)}#background-layer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#FFF 1px,transparent 1px);background-size:20px 20px;z-index:1;opacity:.1}#game-canvas{position:relative;z-index:10;width:100%;height:100%;display:block}.bg-object{position:absolute;will-change:transform;display:flex;justify-content:center;align-items:center;font-size:2rem;pointer-events:none;z-index:0}.bg-cloud{background:#fff9;border-radius:50px;filter:blur(5px);box-shadow:0 4px 8px #0000000d}.bg-star{background:#fff;border-radius:50%;box-shadow:0 0 4px #fff,0 0 8px #fff,0 0 15px #ffffff80;animation:twinkle 3s infinite alternate}@keyframes twinkle{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.bg-landmark{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));z-index:5}:root{--primary-red: #E63946;--primary-red-dark: #A8202A;--primary-green: #2B9348;--primary-green-dark: #1F6B34;--accent-gold: #FFD700;--accent-gold-dark: #DAA520;--bg-dark: #1A1A1A;--bg-panel: #262626;--text-main: #FFFFFF;--text-muted: #E0E0E0;--text-dark: #333333;--font-en: "Outfit", sans-serif;--font-jp: "Noto Sans JP", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}body{font-family:var(--font-jp);background:var(--bg-dark);color:var(--text-main);overflow:hidden;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}#app{width:100%;max-width:480px;height:100vh;max-height:100vh;position:relative;overflow:hidden;background:#fdfbf7;box-shadow:none}@media(min-width:500px){#app{height:90vh;max-height:850px;border:4px solid #333}}@media(min-width:900px){#app{max-width:700px;height:85vh;max-height:900px;border-radius:16px}}@media(min-width:1200px){#app{max-width:800px}}#game-container{width:100%;height:100%;position:relative;background:#050a14;transition:background 1s ease}#flash-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;pointer-events:none;z-index:999;mix-blend-mode:overlay;transition:opacity .1s ease-out}#flash-effect.active{opacity:.8;transition:none}#game-canvas{width:100%;height:100%;display:block}#ui-overlay{position:absolute;top:24px;left:20px;right:20px;pointer-events:none;z-index:100;display:flex;justify-content:space-between;align-items:flex-start}#score-container{font-family:var(--font-en);font-size:3.5rem;font-weight:800;color:#fff;line-height:.9;display:flex;align-items:baseline}#score-container .unit{font-family:var(--font-jp);font-size:1rem;font-weight:700;color:#888;margin-left:6px;transform:translateY(-4px)}#comparison-container{background:#fff;padding:8px 16px;border-radius:8px;font-weight:700;font-size:.85rem;color:var(--text-dark);border:2px solid var(--text-dark);max-width:60%;text-align:right}.effect-text{position:absolute;font-family:var(--font-en);font-weight:900;font-size:3rem;pointer-events:none;animation:popUp .8s cubic-bezier(.175,.885,.32,1.275) forwards;text-shadow:0px 4px 10px rgba(0,0,0,.2);z-index:200;background:-webkit-linear-gradient(#FFD700,#FDB931);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0px 2px 0px rgba(0,0,0,.5))}@keyframes popUp{0%{transform:translate(-50%) scale(0);opacity:0}50%{transform:translate(-50%,-40px) scale(1.5);opacity:1}to{transform:translate(-50%,-80px) scale(1);opacity:0}}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#222222f2;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center;color:var(--text-main);transition:opacity .4s ease,visibility .4s ease}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}#game-over-screen{background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center}#game-over-screen.photo-mode-active{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}#game-over-screen.photo-mode-active .result-panel,#game-over-screen.photo-mode-active #photo-mode-button{opacity:0;visibility:hidden;pointer-events:none}.result-panel{background:#141414cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:30px;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 40px #0006;transition:opacity .3s ease}#photo-mode-button{position:absolute;bottom:20px;right:20px;background:#fff3;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s ease;z-index:1100}#photo-mode-button:hover{background:#ffffff4d;transform:translateY(-2px)}h1{font-family:var(--font-jp);font-size:5rem;color:var(--primary-red);margin:0;font-weight:900;text-shadow:4px 4px 0px var(--primary-green-dark),8px 8px 0px rgba(0,0,0,.2);animation:titlePulse 2s infinite ease-in-out}@keyframes titlePulse{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.05) rotate(2deg)}}h1:after{display:none}.subtitle{font-family:var(--font-en);font-weight:400;font-size:1rem;color:var(--accent-gold);margin-bottom:40px;letter-spacing:4px;text-transform:uppercase}.overlay p{font-size:.95rem;color:var(--text-muted);line-height:1.8;margin-bottom:40px}button{background:var(--primary-red);color:#fff;border:none;padding:18px 48px;font-family:var(--font-jp);font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .1s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 0 var(--primary-red-dark),0 10px 10px #0003;position:relative;letter-spacing:1px;width:100%;max-width:240px;margin:10px}button:before{display:none}button:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--primary-red-dark),0 15px 20px #0000004d;filter:brightness(1.1)}button:active{transform:translateY(4px);box-shadow:0 2px 0 var(--primary-red-dark),0 2px 5px #0003}#share-button{background:transparent;border:2px solid #FFFFFF;color:#fff;box-shadow:none}#share-button:hover{background:#ffffff1a;transform:none;box-shadow:none}#share-button:active{background:#fff3}#finish-button{position:absolute;bottom:40px;left:50%;transform:translate(-50%);pointer-events:auto;background:var(--accent-gold);color:var(--text-dark);font-size:1.1rem;padding:12px 24px;box-shadow:0 4px 0 var(--accent-gold-dark);margin:0;width:auto;max-width:300px;z-index:1000;white-space:nowrap;animation:bounce 1s infinite alternate ease-in-out}#finish-button.hidden{display:none}@keyframes bounce{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.05)}}h2{font-size:2.2rem;color:var(--accent-gold);margin:0 0 20px;font-weight:900;letter-spacing:2px}.final-score-wrap{margin-bottom:2rem}#final-score{font-family:var(--font-en);font-size:6rem;font-weight:800;color:var(--text-main);line-height:1}.final-score-wrap .unit{font-size:1.5rem;color:var(--text-muted);font-weight:700;margin-left:8px}.stats-container{display:flex;gap:12px;margin-bottom:25px;width:100%;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center;background:#ffffff1a;padding:10px 20px;border-radius:8px;flex:1}.stat-label{font-family:var(--font-en);font-size:.8rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.stat-value{font-family:var(--font-en);font-size:1.8rem;font-weight:800;color:var(--text-main)}#final-comparison{margin:0 0 40px;font-size:1.1rem;font-weight:500;color:var(--text-dark);background:#fff;padding:20px 30px;border-radius:8px;border:none;max-width:90%}.result-actions{display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}#rank-container{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;animation:rankPop .8s cubic-bezier(.175,.885,.32,1.275)}#rank-emoji{font-size:6rem;margin-bottom:4px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:rankBounce 1s infinite alternate ease-in-out}#rank-name{font-family:var(--font-jp);font-size:3.5rem;font-weight:900;color:var(--accent-gold);text-shadow:2px 2px 0px #FFF,4px 4px 0px rgba(0,0,0,.1);background:-webkit-linear-gradient(#FFD700,#DAA520);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;line-height:1.2}#rank-desc{font-size:1.2rem;color:var(--text-muted);font-weight:700}@keyframes rankPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rankBounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.confetti{position:fixed;width:10px;height:10px;top:-10px;z-index:2000;animation:fall linear forwards}@keyframes fall{to{transform:translateY(100vh) rotate(720deg)}}