@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:0;left:50%;transform:translate(-50%);width:100%;max-width:800px;height:35vh;background:linear-gradient(180deg,#ffffffe6,#c8e1ff99 25%,#6496dc66);clip-path:polygon(50% 10%,85% 100%,15% 100%);z-index:-1}#background-layer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,rgba(192,160,98,.08) 25%,transparent 25%,transparent 75%,rgba(192,160,98,.08) 75%,rgba(192,160,98,.08)),linear-gradient(45deg,rgba(192,160,98,.08) 25%,transparent 25%,transparent 75%,rgba(192,160,98,.08) 75%,rgba(192,160,98,.08));background-position:0 0,30px 30px;background-size:60px 60px;z-index:1;opacity:.8}#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 6px #ffffffe6,0 0 12px #ffd70066;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: #D72638;--primary-red-dark: #B01E2B;--accent-gold: #C0A062;--accent-gold-dark: #A3864F;--bg-dark: #222222;--bg-panel: #2C2C2C;--text-main: #FFFFFF;--text-muted: #CCCCCC;--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:linear-gradient(180deg,#efecdf,#e0dcc5);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:var(--primary-red);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}h1{font-family:var(--font-jp);font-size:5rem;color:var(--primary-red);margin:0;font-weight:900;line-height:1.1;text-shadow:4px 4px 0px #FFF,8px 8px 0px rgba(0,0,0,.1);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}h2{font-size:2.5rem;color:var(--accent-gold);margin-bottom: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:20px;margin-bottom:30px;width:80%;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)}}