:root{--ink:#493954;--paper:#fff9ec;--accent:#ffd369;color:#493954;font-synthesis:none;background:#c5bcec;font-family:Hiragino Sans GB,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;background:#c5bcec;min-width:0;min-height:0}button{color:inherit;font:inherit}button:focus-visible{outline-offset:3px;outline:4px solid #ef796f}.app-shell{width:100vw;height:100vh;height:100dvh;overflow:hidden}.game-shell{isolation:isolate;background:#c5bcec;width:100%;height:100%;position:relative;overflow:hidden}.game-shell:fullscreen{width:100vw;height:100vh}.game-shell:fullscreen::backdrop{background:#c5bcec}.game-canvas{touch-action:manipulation;position:absolute;inset:0}.game-canvas canvas{display:block;width:100%!important;height:100%!important}.game-canvas:focus-visible{outline:3px solid var(--paper);outline-offset:-3px}.hud{top:max(env(safe-area-inset-top), clamp(14px, 2.3vw, 31px));right:max(env(safe-area-inset-right), clamp(14px, 2.3vw, 31px));left:max(env(safe-area-inset-left), clamp(14px, 2.3vw, 31px));pointer-events:none;z-index:2;justify-content:space-between;display:flex;position:absolute}.score-card{background:#fff9ec;border-radius:clamp(18px,2vw,28px);align-items:center;gap:clamp(7px,1vw,13px);min-width:clamp(124px,15vw,200px);padding:clamp(8px,1.3vw,16px) clamp(11px,1.7vw,23px);display:flex;box-shadow:0 4px 16px #49395414}.score-card img{width:clamp(25px,3.5vw,43px);height:auto}.score-card span,.score-card strong{display:block}.score-card span{color:#786e7e;font-size:clamp(11px,1.2vw,16px);line-height:1.15}.score-card strong{letter-spacing:.05em;margin-top:1px;font-size:clamp(24px,3vw,42px);line-height:.9}.hud-actions,.pause-actions{pointer-events:auto;gap:clamp(7px,1vw,10px);display:flex}.icon-button{cursor:pointer;background:#fff9ec;border:0;border-radius:38%;place-items:center;width:clamp(42px,4.5vw,58px);height:clamp(42px,4.5vw,58px);padding:0;display:grid;box-shadow:0 4px 16px #49395414}.icon-button:hover,.secondary-button:hover{background:#fff1c8}.icon-button img{width:61%;height:61%}.pause-panel{padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3;background:#4939544d;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.pause-panel[hidden]{display:none}.pause-card{text-align:center;background:#fff9ec;border:3px solid #493954;border-radius:30px;width:min(345px,100%);padding:clamp(20px,4vw,27px);box-shadow:0 14px #49395424}.pause-intro>img{width:clamp(62px,18vw,76px);height:auto}.game-name,.pause-card h2,.pause-card p{margin:0}.game-name{color:#786e7e;letter-spacing:.08em;margin-top:2px;font-size:14px;font-weight:800}.pause-card h2{margin-top:2px;font-size:clamp(24px,6vw,28px)}.pause-card p{color:#786e7e;font-size:clamp(13px,3.5vw,15px);line-height:1.55}.pause-instructions{margin-top:10px!important}#pause-message{margin-top:8px;margin-bottom:12px}.skin-picker{border:0;min-width:0;margin:0 0 12px;padding:0}.skin-picker legend{width:100%;margin-bottom:7px;font-size:14px;font-weight:800}.skin-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.skin-option{background:var(--paper);cursor:pointer;border:2px solid #e0d7da;border-radius:16px;padding:5px 5px 8px;font-size:13px;font-weight:800}.skin-option[aria-pressed=true]{border-color:var(--ink);background:#ffedb4}.skin-option:hover{border-color:var(--ink)}.skin-option:disabled{cursor:wait;opacity:.65}.skin-preview{justify-content:center;height:51px;display:flex}.skin-preview img{object-fit:contain;width:49px;height:51px}.pause-card .skin-status{min-height:19px;margin-top:5px;font-size:12px}.pause-actions{display:grid}.primary-button,.secondary-button{cursor:pointer;border:3px solid #493954;border-radius:18px;min-height:49px;padding:0 19px;font-weight:800}.primary-button{background:var(--accent)}.secondary-button{background:0 0}.primary-button:hover{background:#ffc752;transform:translateY(-1px)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:fixed;top:0;left:0;overflow:hidden}@media (max-height:600px) and (min-width:540px){.pause-card{grid-template-columns:180px minmax(0,1fr);align-items:center;column-gap:23px;width:min(590px,100%);padding:18px;display:grid}.pause-intro{grid-row:span 2}.pause-intro>img{width:54px}.pause-card .game-name{font-size:12px}.pause-card h2{font-size:24px}.pause-instructions{font-size:13px!important}#pause-message{margin-bottom:0}.primary-button,.secondary-button{min-height:43px}}@media (max-width:320px),(max-height:320px){.hud{top:max(env(safe-area-inset-top), 8px);right:max(env(safe-area-inset-right), 8px);left:max(env(safe-area-inset-left), 8px)}.score-card{min-width:106px;padding:7px 9px}.score-card img{width:21px}.score-card strong{font-size:20px}.icon-button{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}