@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:700;font-display:block;src:url(/assets/noto-sans-jp-subset-CvvI8Ics.woff2) format("woff2");unicode-range:U+21,U+2c,U+30-39,U+3046,U+304a-304c,U+3057-305a,U+3066-3069,U+306b,U+3075-3077,U+307e,U+3081-3082,U+3084,U+3089-308b,U+3092,U+3094,U+3099-309a,U+30a2,U+30aa,U+30ad-30b2,U+30b9-30bc,U+30bf-30c0,U+30c8-30c9,U+30cf-30d1,U+30db-30dd,U+30e0,U+30e3,U+30ea-30eb,U+30f3,U+30fc,U+4e00,U+4e2d,U+4e86,U+521d,U+59cb,U+5ea6,U+5ff5,U+623b,U+65ad,U+6700,U+6b8b,U+76f4,U+7d42,U+904a,U+ff01,U+ff1f}.board-selector{position:relative;min-height:100dvh;overflow:hidden}.board-selector__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#0d3b66;background-image:url(/assets/background-BtfyvtGC.webp);background-position:center top;background-size:cover;background-repeat:no-repeat}.board-selector__content{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;padding-top:calc(24px + env(safe-area-inset-top,0px));padding-right:calc(24px + env(safe-area-inset-right,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));padding-left:calc(24px + env(safe-area-inset-left,0px));box-sizing:border-box}.board-selector__logo{width:min(260px,70vw);height:auto;object-fit:contain}.board-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(360px,100%)}.board-option-btn{padding:14px 10px;background:#f5a623;color:#fff;border:3px solid #5b2a6e;border-radius:14px;font-size:1.05rem;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #00000040;transition:transform .1s}.board-option-btn:active{transform:scale(.95)}.icon-button{border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .1s ease;background:transparent;line-height:0;width:56px;height:56px;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;outline:none}.icon-button:disabled{opacity:.45;cursor:default}.icon-button:focus,.icon-button:focus-visible,.icon-button:active{outline:none;background:transparent;box-shadow:none}.icon-button:not(:disabled):active{transform:scale(.92)}.icon-button--solid{border-radius:50%;background:#f5a623;color:#fff;font-size:1.2rem;font-weight:800;box-shadow:0 3px 8px #0003}.icon-button--image{background:transparent;box-shadow:none;border-radius:50%}.icon-button--image:focus,.icon-button--image:focus-visible,.icon-button--image:active{background:transparent}.icon-button__img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.score-bar{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:360px;padding:0 4px;box-sizing:border-box}.score-pill{position:relative;flex:1 1 0;min-width:0;height:30px;display:flex;align-items:center;justify-content:center;background:#28558599;border-radius:9999px;box-sizing:border-box}.score-pill--current{padding:0 16px}.score-pill--best{padding:0 16px 0 34px;justify-content:center}.score-value{color:#fff;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.38;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.25)}.score-crown{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.score-crown__img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.game-header{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:420px;padding:4px 0 0;position:relative;z-index:2}.header-top{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;width:100%;column-gap:8px}.header-logo{display:flex;align-items:center;justify-content:center;min-width:0}.header-logo__img{width:161px;height:auto;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.game-block{width:100%;height:100%;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;animation:blockSpawn .15s ease}@keyframes blockSpawn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.fish-block,.hook-block--image,.volcano-block--image{box-shadow:none;background:transparent;overflow:hidden;padding:0}.tile-image{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:inherit}.fish-label,.special-label{font-size:clamp(.45rem,2.2vw,.7rem);font-weight:800;color:#0000008c;text-align:center;line-height:1.1;padding:0 2px;overflow:hidden;text-overflow:ellipsis;max-width:95%;word-break:break-word}.hook-block:not(.hook-block--image){background:repeating-linear-gradient(-45deg,#9c27b0,#9c27b0 6px,#7b1fa2 6px,#7b1fa2 12px);box-shadow:0 2px 6px #0003}.hook-block:not(.hook-block--image) .special-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.volcano-block:not(.volcano-block--image){background:repeating-linear-gradient(-45deg,#d32f2f,#d32f2f 6px,#b71c1c 6px,#b71c1c 12px);box-shadow:0 2px 6px #0003}.volcano-block:not(.volcano-block--image) .special-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.volcano-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:clamp(1rem,5vw,1.6rem);font-weight:900;line-height:1;text-shadow:0 0 2px #1a1a1a,0 1px 0 #1a1a1a,1px 0 0 #1a1a1a,0 -1px 0 #1a1a1a,-1px 0 0 #1a1a1a;pointer-events:none}.volcano-block:not(.volcano-block--image) .volcano-countdown{inset:auto;bottom:4px;right:6px;background:#0009;font-size:.8em;width:1.4em;height:1.4em;border-radius:50%;text-shadow:none}.volcano-exploding{animation:volcanoShake .1s infinite}@keyframes volcanoShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.block-merge{animation:blockMerge .2s ease}@keyframes blockMerge{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.game-block.block-hook-reel-target,.game-block.block-hook-reel-hook{animation:hookReelFade var(--hook-reel-duration, 2s) ease-in forwards}@keyframes hookReelFade{0%{opacity:1}35%{opacity:1}to{opacity:0}}.hook-reel-sprite{position:absolute;left:0;bottom:0;width:100%;height:200%;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:7;background-repeat:no-repeat;background-size:600% 400%;background-position:0% 0%;animation:hookReelCols calc(var(--hook-reel-duration, 2s) / 4) steps(6,jump-none) infinite,hookReelRows var(--hook-reel-duration, 2s) steps(4,jump-none) forwards,hookReelSpriteHide var(--hook-reel-duration, 2s) linear forwards}@keyframes hookReelCols{0%{background-position-x:0%}to{background-position-x:100%}}@keyframes hookReelRows{0%{background-position-y:0%}to{background-position-y:100%}}@keyframes hookReelSpriteHide{0%{opacity:1}70%{opacity:1}88%{opacity:0}to{opacity:0}}.block-explode{animation:explodeBlock .72s ease forwards;z-index:3}@keyframes explodeBlock{0%{opacity:1;transform:scale(1)}18%{opacity:1;transform:scale(1.08)}55%{opacity:.85;transform:scale(1.04)}to{opacity:.25;transform:scale(.9)}}.game-board-frame{--board-frame-color: #3d8dbe;--board-inner-color: #0c3c59;--board-cell-color: #083550;--board-frame-radius: 24px;--board-inner-radius: 16px;--board-frame-padding: 8px;--board-gap: 3px;width:100%;max-width:var(--board-max-width, 400px);max-height:var(--board-max-height, 68vh);box-sizing:border-box;padding:var(--board-frame-padding);background:var(--board-frame-color);border-radius:var(--board-frame-radius);box-shadow:0 8px 24px #00000047}.game-board-stage{position:relative;width:100%}.game-board{display:grid;grid-template-columns:repeat(var(--board-cols),1fr);grid-template-rows:repeat(var(--board-rows),1fr);gap:var(--board-gap);background:var(--board-inner-color);border-radius:var(--board-inner-radius);padding:var(--board-gap);width:100%;aspect-ratio:var(--board-cols) / var(--board-rows);box-sizing:border-box;overflow:visible}.game-cell{background:var(--board-cell-color);border-radius:16px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;min-height:0}.game-cell--hook-target{overflow:visible;z-index:6}.game-cell--hook-source{z-index:5}.game-cell--hook-target .game-block{overflow:visible}.volcano-explosion-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;overflow:hidden;border-radius:var(--board-inner-radius);pointer-events:none}.volcano-explosion{--cell-w: calc( (100% - (var(--board-cols) + 1) * var(--board-gap)) / var(--board-cols) );--cell-h: calc( (100% - (var(--board-rows) + 1) * var(--board-gap)) / var(--board-rows) );position:absolute;left:calc(var(--board-gap) + (var(--volcano-col) - 1) * (var(--cell-w) + var(--board-gap)));top:calc(var(--board-gap) + (var(--volcano-row) - 1) * (var(--cell-h) + var(--board-gap)));width:calc(3 * var(--cell-w) + 2 * var(--board-gap));height:calc(3 * var(--cell-h) + 2 * var(--board-gap));animation:volcanoBoomPlay var(--boom-duration, .72s) ease-out forwards;will-change:opacity,transform}.volcano-explosion__sprite{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;background-size:700% 100%;background-position:0% 0%;animation:volcanoBoomFrames var(--boom-duration, .72s) steps(7,jump-none) forwards}@keyframes volcanoBoomFrames{0%{background-position-x:0%}to{background-position-x:100%}}@keyframes volcanoBoomPlay{0%{opacity:0;transform:scale(.88)}10%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1.03)}to{opacity:0;transform:scale(1.06)}}.game-footer{display:flex;align-items:center;justify-content:center;padding:8px 0 16px;position:relative;z-index:2;width:100%}.game-footer__tray{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 32px;background:#28558599;border-radius:9999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);z-index:100;opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s linear 0s}.overlay--closed{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}.overlay-content{width:calc(100% - 32px);max-width:361px}.popup-dialog{position:relative;background:#3d8dbe;border-radius:24px;padding:36px 8px 32px;text-align:center;transform:scale(1);opacity:1;transition:transform .3s ease,opacity .3s ease}.overlay--closed .popup-dialog{transform:scale(.8);opacity:0}.popup-banner{position:absolute;top:0;left:50%;transform:translate(-50%,-56%);width:min(304px,84%);aspect-ratio:895 / 192;z-index:2;pointer-events:none}.popup-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.popup-body{display:flex;flex-direction:column;gap:14px;align-items:center}.popup-inner{background:#0c3c59;border-radius:16px;padding:32px 40px;display:flex;flex-direction:column;gap:32px}.popup-message{font-family:var(--font-stack);font-size:24px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:.48px;text-align:center;color:#fff}.popup-btn{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;line-height:0;transition:transform .1s}.popup-btn:active{transform:scale(.96)}.popup-btn img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.popup-btn-secondary{width:calc(100% - 80px)}.game-screen{position:relative;min-height:100dvh;width:100%;overflow:hidden;touch-action:none;box-sizing:border-box}.game-screen__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#0d3b66;background-image:url(/assets/background-BtfyvtGC.webp);background-position:center top;background-size:cover;background-repeat:no-repeat;pointer-events:none}.game-screen__content{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:59px 8px;padding-top:calc(59px + env(safe-area-inset-top,0px));padding-right:calc(8px + env(safe-area-inset-right,0px));padding-bottom:calc(59px + env(safe-area-inset-bottom,0px));padding-left:calc(8px + env(safe-area-inset-left,0px));box-sizing:border-box}.board-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:420px;padding:8px 0;min-height:0}.board-container--3x5 .game-board-frame,.board-container--4x6 .game-board-frame{width:76%}.board-container--5x8 .game-board-frame{width:81%}.board-container--6x9 .game-board-frame{width:83%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:root{--font-stack: "Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP", "Noto Sans Japanese", "Yu Gothic", YuGothic, Meiryo, sans-serif}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-stack);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}#root{width:100%;height:100%}img{-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}button{font-family:inherit}
