@charset "UTF-8";
#attack-panel:has(#attack-start:not([hidden])) #attack-retry{display:none}
body:has(#mode-time[aria-pressed=true]) .intro{display:none}body:has(#mode-time[aria-pressed=true]) header{margin-bottom:18px}
[hidden]{display:none!important}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#eaf0e6;padding:4px;border-radius:11px;margin-bottom:18px}.mode-switch button{min-height:42px;border:0;border-radius:8px;background:transparent;color:#587360;font-size:12px;cursor:pointer}.mode-switch button[aria-pressed=true]{background:#fffef9;color:#235c52;box-shadow:0 2px 6px #294b3610;font-weight:700}#timer-panel{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;color:#426852}#time-left{font-size:30px;font-variant-numeric:tabular-nums;font-weight:600}#timer-panel.urgent{color:#ae492d}.timer-track{height:5px;background:#e9eee5;border-radius:5px;margin-top:7px;overflow:hidden}#time-bar{height:100%;width:100%;background:#467d60}.urgent+.timer-track #time-bar{background:#b25437}.attack-rules{font-size:11px;color:#617a6d;line-height:1.8}.attack-start{width:100%;min-height:48px;border:0;border-radius:9px;cursor:pointer}.attack-retry{display:block;margin:10px auto 0;border:0;padding:9px 12px;border-radius:8px;font-size:11px;cursor:pointer}.attack-result{border-top:1px solid #d8ded5;margin-top:15px;padding-top:15px}.attack-result h2{font-size:20px}.attack-result p,.attack-result ol{font-size:12px;line-height:1.8}.ranking{max-width:472px;margin:24px auto;padding:20px;border:1px solid #d9e1d7;border-radius:16px;background:#fffef9}.ranking h2{font-size:17px}.ranking p{font-size:11px;color:#617a6d;line-height:1.8}.ranking ol{list-style:none;padding:0;margin:14px 0}.ranking li{padding:9px 0;border-bottom:1px solid #e5eadf;font-size:13px;font-variant-numeric:tabular-nums}.cell:disabled{cursor:default}
.platform-status{font-size:11px;color:#617a6d;text-align:center}.platform-status:empty{display:none}
.sea{position:relative}.effects{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;border-radius:13px}.effects>*{position:absolute;pointer-events:none}.cell:active{transform:translateY(2px) scale(.92);box-shadow:0 1px 0 #bccfb9}.flying{margin:0;min-width:0;box-shadow:0 3px 0 #bccfb9}.flying.vertical{color:#8a6330;background:#fff9e9;box-shadow:0 3px 0 #ddcfb0}.tap-ring{width:40px;height:40px;border:2px solid #679781;border-radius:50%}.spark{width:5px;height:5px;border-radius:50%}.tap-label,.clear-label{white-space:nowrap;font-size:12px;font-weight:700;color:#285f50;background:#fffef9eb;border:1px solid #d4dfcb;border-radius:30px;padding:7px 14px;box-shadow:0 4px 14px #294b3610}.clear-label{font-size:23px;letter-spacing:3px;padding:14px 22px;color:#886030}.game.is-cleared{border-color:#b9cda7;background:#fcfff4}.game.is-cleared .primary{box-shadow:0 4px 12px #285f5026}
:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#203d3b;background:#f5f4ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:920px;margin:auto;padding:28px 28px max(24px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ded5;padding-bottom:22px}.brand{display:flex;gap:10px;align-items:center;font-size:13px;letter-spacing:2px;font-weight:800;color:inherit;text-decoration:none}.brand-icon{background:#235c52;color:#fff;border-radius:10px;font-size:26px;width:37px;height:37px;text-align:center;line-height:34px}.edition,.eyebrow,.guide-number{font-size:10px;letter-spacing:2px;color:#617a6d}.intro{text-align:center;padding:35px 0 24px}h1{font-size:39px;letter-spacing:5px;margin:10px 0 14px;font-weight:650}h1 span{display:block;font-size:12px;letter-spacing:2px;margin-top:13px;color:#62776d}.intro p{font-size:13px;color:#62776d;line-height:1.9}.game{max-width:472px;margin:auto;background:#fffef9;border:1px solid #d9e1d7;border-radius:21px;padding:22px;box-shadow:0 16px 45px #294b3610}.game-top{display:flex;justify-content:space-between;align-items:center}.game-top strong{font-size:34px;margin-left:10px;font-weight:500}.stage-meta{display:flex;flex-direction:column;gap:5px;text-align:right;font-size:12px;color:#63786b}.stage-meta b{color:#235c52}.progress{height:3px;background:#e9eee5;margin:17px 0 9px;border-radius:3px}#progress{height:100%;width:0;background:#bf8544;transition:width .25s}.sea{padding-top:7px}.compass{text-align:center;font-size:9px;letter-spacing:3px;color:#899b88;margin:0 0 13px}#board{display:grid;gap:7px;padding:13px;background-color:#eaf0e6;background-image:radial-gradient(#acbba955 .8px,transparent .8px);background-size:13px 13px;border:1px solid #dfe7d9;border-radius:13px;aspect-ratio:1}.cell{min-width:0;aspect-ratio:1;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#fcfff8;box-shadow:0 3px 0 #bccfb9;color:#2e6254;font-size:clamp(24px,6vw,36px);font-family:inherit;cursor:pointer;touch-action:manipulation;transition:background .15s,transform .15s}.cell[data-direction=up],.cell[data-direction=down]{color:#8a6330;background:#fff9e9;box-shadow:0 3px 0 #ddcfb0}.cell.empty{visibility:hidden;pointer-events:none;box-shadow:none}.cell:hover{transform:translateY(-2px)}.cell.hinted{outline:3px solid #b6813e;outline-offset:1px;animation:pulse .8s ease-in-out 2}.cell.blocked{background:#f2d9cf;animation:shake .18s ease-in-out 2}.board-caption{font-size:8px;letter-spacing:1px;text-align:center;margin:16px 0;color:#7a8d7c}.message{min-height:43px;font-size:12px;text-align:center;padding:9px 0;color:#456b59}.actions{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:7px}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b77828;outline-offset:4px}.actions button{border:1px solid #d6dfd1;border-radius:9px;min-height:44px;font-size:11px;cursor:pointer}.secondary{background:#fffef9;color:#47654f}.primary{background:#285f50;color:#fff;border-color:#285f50!important}.primary:disabled{background:#e6ebe1;color:#6f7f6c;border-color:#d6dfd1!important;cursor:default}.guide{max-width:680px;margin:40px auto 30px}.guide h2{font-size:18px;font-weight:500;letter-spacing:2px;margin:12px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.guide-grid p{font-size:11px;line-height:1.9;color:#657766;margin:0}.guide-grid b{display:block;color:#335647;margin-bottom:6px;font-size:12px;font-weight:600}footer{border-top:1px solid #d8ded5;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:10px;color:#758371;letter-spacing:1px}footer a{color:inherit}footer p{width:100%;font-size:9px;letter-spacing:0}.legal{max-width:680px;margin:40px auto;line-height:1.9}.legal h1{font-size:26px;letter-spacing:1px}.legal h2{font-size:17px}.legal p{font-size:14px}.notice{padding:14px;background:#fff1d7;border-radius:8px}@keyframes pulse{50%{transform:scale(.93)}}@keyframes shake{50%{transform:translateX(3px)}}@media(max-width:520px){main{padding:18px 16px max(20px,env(safe-area-inset-bottom))}header{padding-bottom:15px}.edition{font-size:7px;letter-spacing:1px}.brand{font-size:10px;letter-spacing:1px}.intro{padding:27px 0 18px}h1{font-size:34px}.game{padding:17px;border-radius:17px}.guide{margin-top:30px}.guide-grid{grid-template-columns:1fr;gap:12px}.guide-grid b{display:inline;margin-right:9px}.cell{border-radius:8px}#board{gap:6px;padding:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}