:root{color-scheme:dark;--ink: #f4fffd;--muted: #acd4d4;--deep: #041f27;--panel: #083943;--panel2: #0d4b55;--teal: #45e6d3;--coral: #ff8d7e;--gold: #ffd363;--line: #3b8490;--danger: #ff7b86;font-family:Inter,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}body{overflow-x:hidden;color:var(--ink)}button,select{font:inherit}button{cursor:pointer}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[dir=rtl] .wp-shell-settings-popover{right:auto;left:0}.primary-action{border:0;border-radius:14px;background:linear-gradient(#ffe67f,#f5b62d);color:#332300;font-weight:900;box-shadow:0 5px #9d6a12}.primary-action:disabled,button:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.58;box-shadow:none}#gameFrame{width:min(100%,920px);margin-inline:auto}.main-copy small{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--coral);color:#32120f;font-weight:900}.main-copy h1{margin:18px 0;font-size:clamp(34px,5vw,62px);line-height:1}.main-copy p{color:#d4f0ed;font-size:20px;line-height:1.5}.main-progress{margin:20px 0;color:var(--teal);font-weight:800}.main-copy .primary-action{width:100%;height:52px;font-size:20px}#stageWorkspace{display:flex;flex-direction:column;min-height:0}#stageWorkspace>:is(.stage-panel,.management-panel){flex:1;min-height:0}.management-panel{width:100%;min-height:0;overflow:auto;padding:16px}.panel-heading{text-align:center}.panel-heading h2{margin:0;color:var(--gold)}.panel-heading p{margin:6px;color:var(--muted)}.cabinet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:680px;margin:14px auto}.cabinet-item{display:grid;justify-items:center;gap:5px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#0b3a43}.cabinet-item.locked{filter:grayscale(1);opacity:.42}.cabinet-sprite{width:82px;aspect-ratio:1;background-repeat:no-repeat;background-size:200% 200%}.cabinet-item strong{font-size:12px;text-align:center}.upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px;margin:18px auto}.upgrade-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#0b3a43}.upgrade-card p{min-height:50px;color:var(--muted);font-size:13px}.upgrade-card button{width:100%;min-height:44px;border:0;border-radius:10px;background:var(--teal);color:#05282b;font-weight:900}#workshopFeedback{text-align:center;color:var(--gold)}.battle-live{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;width:100%;height:100%;min-height:0;padding:8px}.battle-title{display:grid;gap:2px;min-width:0}.battle-title small{color:var(--muted)}.battle-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-stat{display:grid;min-width:0;text-align:center}.battle-stat small{color:var(--muted);font-size:11px}.battle-stat strong{color:var(--gold)}.target-strip{display:flex;align-items:center;gap:9px;min-width:0;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:#062832}.target-strip>strong{flex:0 0 auto;color:var(--muted);font-size:12px}#targetList{display:flex;flex:1 1 auto;gap:7px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}#targetList::-webkit-scrollbar{display:none}.target-chip{display:flex;flex:0 0 auto;align-items:center;gap:5px;padding:2px 8px 2px 3px;border-radius:99px;background:#174b54;color:#fff;font-size:12px;font-weight:800}.target-chip b{white-space:nowrap}.target-thumb{width:28px;height:28px;flex:0 0 28px;border:2px solid #65ffe1;border-radius:50%;background-color:#052c35;background-repeat:no-repeat;background-size:200% 200%}.target-chip.done{background:#1b6954;color:#c6ffe6;opacity:.72;text-decoration:line-through}.target-strip>button{flex:0 0 auto;width:44px;min-width:44px;padding:0 4px;border:1px solid var(--line);border-radius:9px;background:#164b54;color:#fff;font-size:12px;font-weight:900}#pauseBtn,#restartBtn{width:50px;min-width:50px;min-height:50px}#restartBtn{margin-inline-start:auto;font-size:21px!important}.machine-wrap{position:relative;min-height:0;overflow:hidden;border:2px solid #4c9ca4;border-radius:18px;background:#0b3039}.machine-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.steer-action{position:absolute;top:10px;left:50%;max-width:92%;padding:8px 14px;transform:translate(-50%);border:3px solid #fff;border-radius:14px;background:#ffdb68;color:#08252b;font-size:16px;font-weight:950;text-align:center;box-shadow:0 5px 16px #0009;pointer-events:none}.steer-action[data-steer=correct]{background:#65ffe1;color:#063b35}.steer-action[data-steer=wrong]{background:#ff6978;color:#2e080d}.phase-hint{position:absolute;bottom:10px;left:50%;max-width:90%;padding:7px 12px;transform:translate(-50%);border-radius:12px;background:#041b21e8;color:#fff;font-size:13px;font-weight:800;text-align:center;pointer-events:none}.phase-hint[data-steer=correct]{background:#0a604e;color:#e6fff8}.phase-hint[data-steer=wrong]{background:#7b2730;color:#fff2f3}.timing-hud{position:absolute;z-index:3;bottom:54px;left:50%;display:flex;width:min(calc(100% - 44px),460px);min-height:54px;align-items:center;gap:12px;padding:9px 14px;transform:translate(-50%);visibility:hidden;border:2px solid #477b80;border-radius:14px;background:#031c23ee;color:#fff;box-shadow:0 8px 24px #0009;opacity:0;cursor:pointer;touch-action:manipulation;transition:border-color .15s,box-shadow .15s,opacity .15s}.timing-hud>span{display:block;flex:0 0 auto;color:#d7efeb;font-size:14px;font-weight:900;white-space:nowrap}.timing-hud>i{position:relative;display:block;flex:1 1 auto;width:auto;min-width:96px;height:24px;overflow:hidden;border:1px solid #8e646b;border-radius:99px;background:#541924;box-shadow:inset 0 0 0 1px #8f4a55}.timing-hud>i:before{position:absolute;z-index:1;top:0;bottom:0;left:var(--timing-start, 35%);width:calc(var(--timing-end, 65%) - var(--timing-start, 35%));background:linear-gradient(180deg,#86ffc4,#20cf89);box-shadow:-4px 0 #ffe36e,4px 0 #ffe36e,0 0 10px #55ffb6,inset 0 0 0 2px #d9ffef;content:""}.timing-hud>i>b{position:absolute;z-index:2;top:-2px;bottom:-2px;left:calc(var(--timing-position, 0%) - 5px);display:none;width:10px;border:2px solid #fff;border-radius:5px;background:#fff5a8;box-shadow:0 0 0 2px #102c33,0 0 12px #fff6a8}.timing-hud.timing-active{visibility:visible;border-color:#65ffe1;background:#04353cee;box-shadow:0 0 0 2px #65ffe144,0 0 26px #27e5c088,0 8px 24px #000b;opacity:1}.timing-hud.timing-active>i>b{display:block}.timing-hud.timing-active:is(:hover,:focus-visible){border-color:#fff;box-shadow:0 0 0 4px #65ffe166,0 0 30px #27e5c0aa,0 8px 24px #000b}.timing-hud.timing-active>span{color:#fff}.timing-tap-icon{display:grid!important;width:30px;height:30px;place-items:center;border:2px solid #fff;border-radius:50%;background:#ffdb68;color:#08252b!important;font-size:20px!important;line-height:1;box-shadow:0 0 0 3px #ffdb6833}.machine-wrap:has(.timing-hud.timing-active) .phase-hint{display:none}.modal-layer{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#01141bdc}.dialog-card,.result-card{width:min(100%,560px);max-height:100%;overflow:auto;padding:24px;border:1px solid #5faeb3;border-radius:24px;background:#07343d;color:var(--ink);text-align:center;box-shadow:0 24px 70px #000b}.dialog-card h2,.result-card h2{margin:8px 0;color:#fff}.dialog-card ol{text-align:start;line-height:1.6}.dialog-card>.primary-action{width:100%;min-height:48px}.modal-actions{display:grid;gap:10px;margin-top:18px}.modal-actions.two{grid-template-columns:1fr 1fr}.modal-actions button{min-height:48px;border:1px solid var(--line);border-radius:12px;background:#f2fbfa;color:#17413e;font-weight:900}.result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.result-medal{min-height:48px;color:var(--gold);font-size:38px;letter-spacing:7px}.best-text{color:var(--teal);font-weight:900}.sprite-cell{background-repeat:no-repeat;background-size:contain}.tutorial-nori,.result-rux{width:112px;aspect-ratio:1;margin:auto}.atlas-nori{background-position:0 0}.atlas-rux{background-position:100% 0}.tutorial-nori.atlas-nori{background-image:url(../../assets/animal-carnival-claw-nori-block-v1.webp);background-position:center}.result-rux.atlas-rux{background-image:url(../../assets/animal-carnival-claw-rux-block-v1.webp);background-position:center}@media(max-width:680px){.main-copy small,.main-copy h1{display:none}.main-copy{text-align:center}.main-copy p{display:-webkit-box;min-height:66px;margin:0;overflow:hidden;font-size:16px;line-height:1.35;-webkit-line-clamp:3;-webkit-box-orient:vertical}.main-progress{margin:8px}.main-copy .primary-action{height:52px}.cabinet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cabinet-sprite{width:64px}.upgrade-grid{grid-template-columns:1fr}.upgrade-card p{min-height:0}.target-strip{gap:5px;padding:4px 6px}.target-strip>strong{font-size:11px}.target-strip>button{width:40px;min-width:40px}.target-chip{gap:4px;padding:1px 6px 1px 2px;font-size:11px}.target-thumb{width:26px;height:26px;flex-basis:26px}.timing-hud{bottom:54px;width:min(calc(100% - 28px),460px);gap:9px;padding:8px 10px}.timing-hud>span{font-size:13px}.timing-hud>i{height:22px}.dialog-card,.result-card{padding:18px}.result-rux{width:84px}.result-actions button{padding:4px;font-size:13px}}@media(max-height:500px)and (orientation:landscape){.battle-live{grid-template-columns:minmax(0,1fr) 180px;grid-template-rows:minmax(0,1fr);gap:8px}.battle-live>.machine-wrap{grid-column:1;grid-row:1}.battle-live>.target-strip{grid-column:2;grid-row:1;align-content:start;flex-wrap:wrap}.battle-live #targetList{flex:1 1 100%}.machine-wrap .timing-hud{top:8px;bottom:auto}.steer-action{top:4px;padding:4px 9px;font-size:13px}.phase-hint{bottom:4px;padding:4px 8px}.dialog-card,.result-card{max-width:560px;padding:12px}.result-rux{display:none}.dialog-card ol{margin:6px}.modal-actions{margin-top:8px}.modal-actions button{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.target-strip>.festival-brake:not([hidden]){display:inline-flex;align-items:center;justify-content:center;gap:.25rem;width:auto;min-width:76px;min-height:44px;max-width:9rem;border:1px solid #8ad7c8;border-radius:.5rem;background:#123d42;color:#fff;font:700 .75rem system-ui;line-height:1.1;padding:.2rem .45rem}.festival-brake img{width:36px;height:36px;object-fit:contain;flex:none}.festival-brake:disabled{opacity:.65}body[data-festival-practice] .target-strip{flex-wrap:wrap;align-content:start}body[data-festival-practice] #targetList{flex:1 1 100%;width:100%;max-width:100%;flex-wrap:wrap;overflow:visible;gap:4px}body[data-festival-practice] .target-chip{max-width:100%;min-width:0}body[data-festival-practice] .target-chip b{min-width:0;white-space:normal;overflow-wrap:anywhere}body[data-festival-practice] .target-chip:not(:last-child):after{content:"→";margin-inline-start:.2rem;color:#ffe173}html[dir=rtl] body[data-festival-practice] .target-chip:not(:last-child):after{content:"←"}.timing-hud.festival-second-lock>span:first-child{white-space:normal;max-width:100px;font-size:12px;line-height:1.15}