:root{--miku:#8fe7ff;--rin:#f9ffa8;--panel-bg:#fff6d8;--panel-border:#ffc7e8;--button-bg:#ffb3e1;--button-bg-hover:#ff9fd8;--button-text:white;--dark-card:#3b3158}html,body{touch-action:none;overscroll-behavior:none;background:#ffcdf7;width:100%;height:100%;margin:0;overflow:hidden}.overlay-panel{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}.overlay-panel.visible{opacity:1;visibility:visible;pointer-events:auto}.popup-card{opacity:0;flex-direction:column;align-items:center;transition:transform .25s,opacity .25s;display:flex;transform:translateY(40px)}.overlay-panel.visible .popup-card{opacity:1;transform:translateY(0)}button{background:var(--button-bg);color:var(--button-text);border:3px solid #fff;border-radius:999px;font-size:clamp(13px,4.8cqw,18px);font-weight:700;transition:transform .15s,background .15s}button:hover{background:var(--button-bg-hover);transform:translateY(-2px)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}#loading-overlay{z-index:100;background-color:pink;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#loading-overlay h1{text-align:center;margin:0;font-size:48px}#game-wrapper{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#phone-viewport{aspect-ratio:9/16;touch-action:none;border-radius:clamp(12px,8cqw,32px);width:min(100vw,56.25dvh);position:relative;overflow:hidden;container-type:inline-size}*,:before,:after{box-sizing:border-box}#phone-viewport canvas{width:100%;height:100%;display:block}#menu-overlay,#pause-panel,#results-panel{justify-content:center;align-items:center;font-family:sans-serif;display:flex;position:absolute;inset:0}#pause-panel{z-index:50;background:#0000008c}#results-panel{z-index:60;background:#000000a6}#menu-overlay{z-index:100;background:var(--miku);color:#fff;flex-direction:column}#menu-card{border:4px solid var(--panel-border);background:#ffffffeb;border-radius:28px;justify-content:center;width:75%;height:50%;padding:clamp(16px,8cqw,32px)}#menu-overlay h1{color:var(--panel-border);text-shadow:0 0 10px #8fe7ff99,0 4px #00000026;white-space:nowrap;margin:0 0 clamp(12px,5cqw,24px);font-size:clamp(22px,11cqw,48px)}#menu-overlay button{cursor:pointer;padding:clamp(8px,3cqw,12px) clamp(16px,8cqw,32px)}#score-hud{z-index:20;color:#fff;word-spacing:.35em;pointer-events:none;background:#0000004d;border-radius:999px;padding:clamp(7px,2.2cqw,10px) clamp(11px,3.5cqw,16px);font-family:sans-serif;font-size:clamp(16px,4.5cqw,22px);font-weight:700;position:absolute;top:18px;left:18px}#photo-flash{z-index:30;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}#photo-flash.active{animation:.25s ease-out photo-flash}@keyframes photo-flash{0%{opacity:.85}to{opacity:0}}#capture-gauge{background:#0003;border:3px solid #fff;border-radius:999px;width:clamp(180px,45cqw,260px);height:clamp(18px,4cqw,24px);display:none;position:absolute;top:clamp(100px,25cqw,150px);left:50%;overflow:hidden;transform:translate(-50%)}#capture-gauge.active{display:block}#capture-gauge-fill{background:#f9c;width:0%;height:100%}#viewer-count{color:#fff;word-spacing:.35em;pointer-events:none;background:#0000004d;border-radius:999px;padding:clamp(7px,2.2cqw,10px) clamp(11px,3.5cqw,16px);font-size:clamp(16px,4.5cqw,22px);font-weight:700;position:absolute;top:18px;right:18px}#heart-feed{pointer-events:none;width:80px;height:260px;position:absolute;bottom:36px;right:25px}.live-heart{color:#f66;opacity:1;font-size:35px;transition:transform 3s ease-out,opacity 3s ease-out;position:absolute;bottom:0;right:0}.live-heart.capture-heart{color:#ff5892;text-shadow:0 0 10px #ffaad2e6;z-index:1}#character-heart-layer{z-index:25;pointer-events:none;position:absolute;inset:0;overflow:hidden}.character-burst-heart{color:#ff5892;opacity:1;text-shadow:0 0 10px #ffaad2f2;will-change:transform, opacity;font-size:clamp(20px,8cqw,38px);line-height:1;transition:transform 1s cubic-bezier(.15,.75,.3,1),opacity 1s ease-in;position:absolute}#comment-feed{pointer-events:none;flex-direction:column;justify-content:flex-end;gap:clamp(4px,2cqw,8px);width:70%;height:50%;display:flex;position:absolute;bottom:clamp(12px,6cqw,24px);left:clamp(8px,4cqw,16px);overflow:hidden}.live-comment{color:#fff;text-shadow:0 1px 2px #000000e6,0 2px 5px #0000008c;flex-shrink:0;align-items:flex-start;gap:.45em;max-width:100%;padding:1px 0;font-size:clamp(12px,4.5cqw,28px);line-height:1.3;transition:transform .25s,opacity .25s;display:flex;position:static;bottom:0;left:0}.live-comment-profile{width:1.65em;height:1.65em;text-shadow:none;background:#ffffff8c;border:1px solid #fffc;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.78em;line-height:1;display:inline-flex}.live-comment-message{overflow-wrap:anywhere;min-width:0;padding-top:.12em}#pause-button{z-index:20;cursor:pointer;width:42px;height:42px;position:absolute;top:18px;left:50%;transform:translate(-50%)}#pause-card{background:var(--dark-card);border:4px solid var(--miku);color:#fff;border-radius:24px;width:75%;padding:24px}#pause-card button{cursor:pointer;width:100%;margin-top:12px;padding:12px;display:block}#gyro-button[hidden]{display:none}#results-card{background:var(--dark-card);border:4px solid var(--rin);color:#fff;border-radius:24px;width:75%;padding:24px}#final-score{margin:12px 0 20px;font-size:36px;font-weight:700}#results-card button{cursor:pointer;width:100%;padding:12px}