:root{color-scheme:dark;--spring-ink: #f7fff8;--spring-muted: #c9ded7;--spring-mint: #5ff0bc;--spring-gold: #ffd260;--spring-vessel-hue: 0deg;font-family:Inter,Noto Sans TC,Noto Sans JP,system-ui,sans-serif;color:var(--spring-ink)}*{box-sizing:border-box}button,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}[hidden]{display:none!important}.loading-panel{z-index:90}.loading-card{background:#032421f0!important;border:1px solid rgba(105,241,200,.45)}.loading-track i{background:linear-gradient(90deg,#3fe7b3,#ffd260)!important}.game-guide p,.game-guide li{line-height:1.65}.game-guide ol{margin:0;padding-left:1.3rem}.battle-content{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-width:0;min-height:0;padding:12px}.lock-notice{grid-row:1;z-index:2;justify-self:center;max-width:100%;padding:7px 14px;border:1px solid #ffd260;border-radius:999px;background:#452d06eb;color:#fff3c3;font-size:.88rem;font-weight:850;text-align:center}.vessel-board{grid-row:2;display:grid;grid-template-columns:repeat(var(--cols, 5),minmax(0,92px));justify-content:center;align-content:center;gap:clamp(4px,1.2vmin,12px);min-height:0;overflow:auto;padding:4px;touch-action:manipulation}.vessel{position:relative;aspect-ratio:2 / 3;min-width:0;padding:0;border-radius:26%;background:transparent url(../../assets/animal-color-springs/vessel-block-v1.png) center / contain no-repeat;filter:hue-rotate(var(--spring-vessel-hue)) drop-shadow(0 7px 5px rgba(0,0,0,.5));transition:transform .16s,filter .16s}.vessel:hover{transform:translateY(-2px)}.vessel.selected{transform:translateY(-8px);filter:hue-rotate(var(--spring-vessel-hue)) drop-shadow(0 0 8px #74ffd7) drop-shadow(0 9px 5px rgba(0,0,0,.55))}.vessel.hint-source,.vessel.hint-target{animation:spring-hint-pulse .75s ease-in-out 2}.vessel.sealed:after{position:absolute;inset:18% 10% 8%;border:2px solid #d8c6ff;border-radius:40%;background:linear-gradient(135deg,#8566ff26,#b68effb3);box-shadow:inset 0 0 22px #7048d8,0 0 12px #a988ff;content:"";pointer-events:none}.vessel.valid-target{box-shadow:inset 0 0 0 3px #ffe270db,0 0 0 2px #031b1abf;animation:spring-target-pulse 1.15s ease-in-out infinite}.vessel.transfer-target{filter:hue-rotate(var(--spring-vessel-hue)) drop-shadow(0 0 12px #ffd260) drop-shadow(0 9px 5px rgba(0,0,0,.55));animation:none}.seal-label{position:absolute;z-index:5;top:40%;left:50%;padding:3px 6px;transform:translate(-50%,-50%);border-radius:8px;background:#281450;color:#fff;font-size:clamp(.55rem,2vw,.72rem);font-weight:950;white-space:nowrap}.orb-stack{position:absolute;right:20%;bottom:16%;left:20%;display:flex;height:65%;flex-direction:column-reverse;align-items:center;justify-content:flex-start;pointer-events:none}.orb{flex:0 0 25%;width:auto;aspect-ratio:1;margin:0;border-radius:50%;background:var(--orb-glow) url(../../assets/animal-color-springs/orb-block-v1.png) center / contain no-repeat;background-blend-mode:multiply;filter:saturate(1.3) brightness(1.08) drop-shadow(0 0 4px var(--orb-glow))}.capacity-mark{position:absolute;z-index:4;right:10%;bottom:6%;padding:2px 4px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#053631;color:#fff;font-size:.62rem;font-weight:900}.battle-actions{grid-row:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.battle-actions button{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:6px;padding:6px;border:1px solid rgba(105,241,200,.42);border-radius:12px;background:#043731f0}.battle-actions button:disabled{opacity:.42;cursor:not-allowed}.battle-actions span{color:var(--spring-gold);font-size:1.3rem}.battle-actions b{overflow:hidden;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.battle-screen[data-transferring=true] .battle-content{pointer-events:none}.orb.transfer-source{opacity:0}.orb.flying-orb{position:fixed!important;z-index:80!important;display:block!important;margin:0!important;pointer-events:none!important;animation:none!important;will-change:transform;transform-origin:center}.modal-layer{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:14px;background:#000a09c7;backdrop-filter:blur(4px)}.tutorial-layer,.spring-theme-modal{position:fixed}.tutorial-layer{z-index:100}.result-card,.dialog-card,.tutorial-card{position:relative;width:min(100%,460px);padding:22px;border:1px solid #75f7ce;border-radius:22px;background:linear-gradient(160deg,#073e38,#031f1d);box-shadow:0 25px 70px #000;text-align:center}.result-card>img,.tutorial-card>img{width:96px;height:96px;margin:-6px auto 0;object-fit:contain}.result-card>small{color:var(--spring-gold);font-weight:900}.result-card h2,.dialog-card h2,.tutorial-card h2{margin:6px 0 10px}.result-card p,.dialog-card p{color:var(--spring-muted);line-height:1.45}.result-stars{color:var(--spring-gold);font-size:1.8rem;letter-spacing:3px}.best-text{color:#9fffdc!important;font-weight:900}.modal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dialog-card .modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions button{min-width:0;min-height:44px;padding:6px;border:1px solid rgba(105,241,200,.38);border-radius:12px;background:#174f49;font-weight:900}.modal-actions button:disabled{opacity:.45;cursor:not-allowed}.tutorial-card{text-align:start}.tutorial-card ol{padding-left:1.35rem;line-height:1.55}.modal-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;background:#174f49;font-size:1.4rem}.spring-theme-card{text-align:start}.spring-theme-card h2{margin-top:0}.spring-theme-card p{margin:8px 0}.spring-theme-status{min-height:1.4em;color:#ffe39b!important;font-weight:800}.spring-theme-card .primary-action{background:linear-gradient(#ffe078,#ffb629);color:#352300}.wp-spring-theme-action{display:inline-flex!important;min-width:0!important;align-items:center;justify-content:center;gap:5px}.wp-spring-theme-action img{width:18px;height:18px;object-fit:contain}.wp-spring-theme-action>span{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.wp-spring-theme-action .wp-spring-theme-balance{font-weight:900}body[data-spring-theme=moonlit]{--spring-vessel-hue: 196deg}.toast{position:fixed;z-index:70;bottom:calc(70px + env(safe-area-inset-bottom));left:50%;max-width:min(88vw,520px);padding:10px 16px;transform:translate(-50%,16px);border:1px solid var(--spring-mint);border-radius:999px;background:#071c1a;box-shadow:0 10px 30px #000;opacity:0;pointer-events:none;text-align:center;font-weight:850;transition:.2s}.toast.show{transform:translate(-50%);opacity:1}@keyframes spring-hint-pulse{50%{filter:hue-rotate(var(--spring-vessel-hue)) drop-shadow(0 0 16px #fff) drop-shadow(0 0 22px #ffd260);transform:translateY(-8px)}}@keyframes spring-target-pulse{50%{box-shadow:inset 0 0 0 3px #ffe270,0 0 15px #ffd260d1}}@media(max-width:600px){.vessel-board{grid-template-columns:repeat(var(--cols, 5),minmax(0,1fr));gap:4px}.battle-actions{gap:4px}.battle-actions button{flex-direction:column;gap:1px;padding:3px}.battle-actions b{font-size:.72rem}.result-card,.dialog-card,.tutorial-card{padding:16px}.result-card .modal-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.result-card .modal-actions button{padding:5px 3px;font-size:.8rem}}@media(max-height:560px)and (orientation:landscape){.battle-content{grid-template-rows:auto minmax(0,1fr) auto;gap:4px;padding:6px}.vessel-board{grid-template-columns:repeat(var(--cols, 5),minmax(0,72px));gap:4px;overflow:hidden}.battle-actions button{min-height:42px}.result-card,.dialog-card{padding:10px 14px}.result-card>img{width:58px;height:58px}.result-card h2{margin:2px 0;font-size:1.3rem}.result-card p{margin:4px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}