*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;color:#1f2933;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 50% 30%,#ffffffdb,#fff0 38%),linear-gradient(135deg,#f5f6f8,#e8edf2 52%,#f2f4f7)}.stage{position:relative;width:100vw;height:100vh;overflow:hidden;touch-action:manipulation}.particle-layer{position:absolute;inset:0;overflow:hidden;contain:layout paint size}.particle{position:absolute;top:0;left:0;display:block;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 12px 28px #0f172a2e;transform-origin:center center;-webkit-user-select:none;user-select:none;will-change:transform;pointer-events:none;backface-visibility:hidden}.restart-button{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:3;min-width:128px;height:44px;padding:0 18px;border:1px solid rgba(16,24,40,.12);border-radius:8px;color:#111827;background:#ffffffe0;box-shadow:0 10px 28px #0f172a29;font-size:15px;font-weight:650;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.restart-button:hover{background:#fff}.restart-button:active{transform:translateY(1px)}.restart-button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px}@media(max-width:680px){.particle{border-radius:7px;box-shadow:0 8px 18px #0f172a29}.restart-button{left:50%;right:auto;bottom:max(14px,env(safe-area-inset-bottom));width:min(220px,calc(100vw - 32px));transform:translate(-50%)}.restart-button:active{transform:translate(-50%) translateY(1px)}}