:root{color-scheme:dark;--wp-ui-accent:#63e6be}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #ffdf8b;outline-offset:3px}[hidden]{display:none!important}#mainScene{max-width:920px;margin:auto}#mainContent{padding:12px;display:grid;gap:12px}#mainContent>p{margin:0;line-height:1.65}#start{min-height:52px;width:100%}.signal-main-poster{width:100%;aspect-ratio:1;overflow:hidden}.signal-main-poster img{width:100%;height:100%;object-fit:contain}#stageScene,#battleScene{height:100dvh;width:100%;overflow:hidden}#stageContent{min-height:0;position:relative;height:100%}#rail,#signalStagePicker{height:100%;min-height:0}#signalStagePicker>div{height:100%;min-height:0}#battleContent{position:relative;height:100%;min-height:0;display:grid;grid-template-rows:minmax(90px,1fr) 32px 5px max(64px,var(--wp-frame-control-size-physical,44px));gap:8px;padding:0 12px 12px}#arena{position:relative;min-height:0;border-radius:16px;overflow:hidden;background:#1b174b url(/games/signal-snap/night-sky.webp?v=signal-v3) center 35%/cover;isolation:isolate;border:1px solid #8a9dbe55;box-shadow:inset 0 0 32px #10224055}#arena canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#arena canvas,#wardrobe{animation:signal-dialog-in .18s ease-out}#styleChoices button{transition:background .16s,border-color .16s,box-shadow .16s}#cue{position:absolute;inset:0;pointer-events:none;z-index:1}#cue span{position:absolute;display:grid;place-content:center;width:84px;height:84px;font-size:66px;font-weight:900;line-height:1;color:#eaffff;text-shadow:0 0 8px #fff,0 0 28px #17c9dd,0 3px 8px #142443;transform:translate(-50%,-50%);transition:opacity .1s}#cue span:empty{opacity:0}#cue span.echo{color:#f4b9aa;text-shadow:0 0 7px #5d244b,0 2px 10px #251d43}#cue span.charging{color:#ffe5a4;text-shadow:0 0 10px #e4ad4877}#countdown{position:absolute;inset:0;display:grid;place-content:center;color:#fff5d8;font-weight:900;font-size:76px;text-shadow:0 4px 15px #182549;pointer-events:none;z-index:2}#signalDots{position:absolute;bottom:16px;left:12px;right:12px;display:flex;justify-content:center;gap:6px;pointer-events:none}#signalDots i{width:10px;height:10px;border:1px solid #d0cfff66;border-radius:3px;background:#161c3b99;transition:background .16s,box-shadow .16s}#signalDots i[data-state=done]{background:#67dcca;border-color:#9ff6df}#signalDots i[data-state=active]{background:#ffdc7f;box-shadow:0 0 10px #f1bf57}#comboFeedback{position:absolute;inset:14% 0 auto;text-align:center;color:#ffe8a6;font-size:42px;line-height:1;font-weight:900;text-shadow:0 3px 0 #573b64,0 0 16px #ffd96c88;pointer-events:none;opacity:0}.signal-combo{animation:signal-combo .65s ease-out forwards}#comboFeedback[data-tier="3"]{color:#a1fff0}#signalStatus{height:32px;display:grid;place-content:center;text-align:center;font-weight:750;font-size:16px;line-height:1.2;color:#e4f6f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#timeTrack{height:5px;background:#5d6f89;border-radius:5px;overflow:hidden}#timeTrack i{height:100%;background:#79e6d4;display:block;transform-origin:left;width:100%}#controls{display:flex;direction:ltr;gap:12px}#controls button{min-height:max(64px,var(--wp-frame-control-size-physical,44px));min-width:0;flex:1;border:1px solid #79aeae;border-bottom:4px solid #376178;border-radius:14px;background:linear-gradient(#e3fff5,#b6e9dc);color:#143c50;font-weight:850;font-size:22px;box-shadow:0 3px #0a2435;transition:background .1s,transform .1s}#controls button:active,#controls button.pressed{background:#84decb;transform:translateY(2px);box-shadow:none}#controls button:disabled{opacity:.48}.signal-help{position:absolute;top:12px;right:24px;z-index:3;width:44px;height:44px;border:1px solid #d3ddf06b;border-radius:12px;background:#142841e8;color:#f2f9ff;font-weight:800;font-size:22px}#pauseLayer,.signal-modal-layer{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:12px;background:#101c35d9;backdrop-filter:blur(5px)}#overlay{position:relative;inset:auto;margin:0;width:min(100%,460px);max-height:100%;overflow:auto;border:1px solid #91a9bf66;border-radius:20px;padding:0;color:#f5f8ff;background:#182c43;box-shadow:0 20px 70px #04162c70}#overlay[open]{animation:signal-dialog-in .18s ease-out}.signal-dialog{padding:24px}.signal-dialog h2{margin:0 0 12px}.signal-dialog p{line-height:1.6;white-space:pre-line}#overlayActions{display:flex;gap:12px}#overlayActions button{min-height:48px;min-width:0;flex:1;padding:8px;border:1px solid #84a2bb;border-radius:12px;background:#263e57;color:#f5f8ff;font-weight:750}#overlayActions button:first-child{background:#f5c84c;color:#1f2937}#notice{position:fixed;bottom:12px;left:5%;width:90%;padding:12px;border-radius:10px;background:#fff1cf;color:#513d12;z-index:1000}#hudProgress,#hudErrors,#hudChain{display:flex;flex-direction:column;font-size:12px}#hudProgress strong,#hudErrors strong,#hudChain strong{font-size:16px}.signal-flash{animation:signal-ack .18s ease-out}#battleContent[data-result-open]>:not(#signalResult){opacity:0;visibility:hidden;pointer-events:none}#signalResult{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px;background:#101c35eb;animation:signal-dialog-in .18s ease-out}#signalResultCard{max-height:100%;width:min(100%,520px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color:#f5f8ff;background:#182c43;border:1px solid #91a9bf66;border-radius:20px;box-shadow:0 20px 70px #04162c70}#resultStars{height:52px;text-align:center;color:#ffdf79;font-size:36px;letter-spacing:10px}#signalResultTitle{margin:8px 0 12px;min-height:52px;text-align:center}#signalResultText{white-space:pre-line;min-height:108px;font-variant-numeric:tabular-nums}#signalResultActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#signalResultActions button{min-width:0;min-height:52px;white-space:normal;overflow-wrap:anywhere;align-self:stretch}#signalResultActions button:disabled{opacity:.4;cursor:default}#wardrobe{position:absolute;inset:0;z-index:2;padding:16px;overflow:auto;overscroll-behavior:contain;color:#f5f8ff;background:#12253de8}.style-summary{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}.style-summary h2{margin:0;font-size:20px}.style-summary>span{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}#stylePreview{position:relative;height:260px;overflow:hidden;border-radius:16px;border:1px solid #9aabc744;background:#1b174b url(/games/signal-snap/night-sky.webp?v=signal-v3) center 45%/cover;margin:12px 0}#stylePreview canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#styleDescription{min-height:48px;font-size:14px;line-height:1.5;margin:8px 0}#styleChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#styleChoices button{min-height:64px;padding:8px;border:1px solid #7189a8;border-radius:12px;color:#eaf6ff;background:#203a55;font-weight:750}#styleChoices button[aria-pressed=true]{border:2px solid #93ead9;box-shadow:0 0 12px #63e6be44;background:#2c4c61}.style-action{min-height:64px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.style-action>span{font-size:14px;max-width:50%}.style-action button{min-height:48px;max-width:60%;padding:8px 14px}#styleNotice{height:32px;margin:8px 0;color:#ffe4a0;font-size:14px}@keyframes signal-ack{50%{filter:brightness(1.3)}}@keyframes signal-combo{0%{opacity:0;transform:translateY(6px) scale(.85)}20%{opacity:1;transform:translateY(0) scale(1.05)}65%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}@keyframes signal-dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-height:480px){#battleContent{gap:6px;padding:0 12px 8px;grid-template-rows:minmax(70px,1fr) 28px 4px max(56px,var(--wp-frame-control-size-physical,44px))}#controls button{min-height:max(56px,var(--wp-frame-control-size-physical,44px))}#signalStatus{height:28px}.signal-dialog{padding:16px}#resultStars{height:40px;font-size:28px}#signalResultTitle{min-height:36px}#signalResultText{min-height:90px}}@media(max-height:480px){#signalResultCard{display:grid;grid-template-rows:32px 36px minmax(72px,1fr) 48px;gap:6px;height:min(100%,268px);padding:12px}#resultStars{height:32px;line-height:32px}#signalResultTitle{min-height:0;margin:0;font-size:26px;line-height:36px}#signalResultText{min-height:0;margin:0;font-size:14px;line-height:1.5}#signalResultActions button{min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}#comboFeedback.signal-combo{animation:signal-ack .14s ease-out;opacity:1}#signalResult{animation:none}}