@font-face{font-family:Gomoku Sans;src:url(/games/gomoku/fonts/NotoSansJP-gomoku.woff2)format("woff2");font-display:swap}@font-face{font-family:Gomoku Serif;src:url(/games/gomoku/fonts/NotoSerifJP-gomoku.woff2)format("woff2");font-display:swap}#gomoku-app{--ivory:#f4efe4;--ink:#1f1a1c;--gold:#dbad57;--gold-hi:#fad175;--verm:#b83d30;--verm-hi:#e6664d;--cream:#f2ebdc;--mute:#ccc4b8;--glass:#1412179e;--glass-strong:#120f14e6;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);color:var(--cream);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#17100f;font-family:Gomoku Sans,Hiragino Sans,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}#gomoku-app *{box-sizing:border-box}#gomoku-app button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}#gomoku-app .gk-serif{font-family:Gomoku Serif,Hiragino Mincho ProN,serif;font-weight:700}#gomoku-app p{margin:0}#gomoku-app [hidden]{display:none!important}.gk-screen{flex-direction:column;width:min(100vw,560px);height:100%;margin:0 auto;display:flex;position:absolute;inset:0}.gk-bg{z-index:0;background-position:50%;background-size:cover;position:fixed;inset:0}.gk-fade{opacity:0;pointer-events:none;z-index:50;background:#17100f;transition:opacity .26s;position:fixed;inset:0}.gk-fade.is-on{opacity:1;pointer-events:auto}.gk-btn{letter-spacing:.01em;min-height:48px;color:var(--cream);background:#1c1a21bd;border:1px solid #dbad5773;border-radius:16px;padding:0 16px;font-size:16px;transition:transform 80ms,background .12s,opacity .12s}.gk-btn:active{transform:scale(.98)}.gk-btn--link{justify-content:center;align-items:center;gap:.35em;text-decoration:none;display:flex}.gk-btn--ember{border:1.5px solid var(--verm-hi);background:#943329f5;box-shadow:0 3px 12px #0006}.gk-btn--ember:active{background:#aa4034fa}.gk-btn--gold{border:2px solid var(--gold-hi);color:var(--gold-hi)}.gk-btn--big{min-height:58px;font-size:20px}.gk-btn--sm{min-height:44px;padding:0 14px;font-size:15px}.gk-btn:disabled{opacity:.4;box-shadow:none;cursor:default}.gk-btn--wide{flex:1.7}.gk-glass{background:var(--glass-strong);border:1px solid #dbad576b;border-radius:22px;box-shadow:0 8px 28px #00000073}.gk-splash{cursor:pointer;justify-content:space-between;align-items:center}.gk-splash__art{animation:5s ease-in-out forwards gk-push}@keyframes gk-push{to{transform:scale(1.05)}}.gk-splash__title{z-index:1;margin-top:calc(var(--safe-t) + 9vh);text-align:center;animation:1.1s ease-out .5s both gk-rise;position:relative}.gk-splash__title h1{color:var(--ivory);text-shadow:0 3px 16px #0a081ed9;letter-spacing:.04em;margin:0;font-size:clamp(48px,15vw,78px)}.gk-splash__title p{color:var(--gold-hi);letter-spacing:.3em;text-shadow:0 1px 6px #000;font-size:16px}.gk-splash__seal{opacity:0;width:46px;height:46px;position:absolute;top:10px;right:-52px}.gk-splash__seal.is-stamp{animation:.2s ease-in forwards gk-stamp}.gk-splash__go{z-index:1;color:var(--gold-hi);background:#120f149e;border:1px solid #fad17599;border-radius:999px;margin:auto 0 10px;padding:14px 30px;font-size:18px;animation:2.2s ease-in-out 1.4s infinite both gk-pulse;position:relative}.gk-splash.is-going .gk-splash__go{opacity:0;transition:opacity .3s;animation:none}.gk-splash__brand{z-index:1;opacity:.9;text-shadow:0 1px 4px #000;font-size:13px;position:relative;margin-bottom:calc(var(--safe-b) + 18px)!important}@keyframes gk-rise{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes gk-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes gk-stamp{0%{opacity:0;transform:scale(2.4)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(-6deg)}}.gk-menu__art{transform-origin:70% 25%;animation:30s ease-in-out infinite alternate gk-breathe}@keyframes gk-breathe{0%{transform:scale(1.03)}to{transform:scale(1.08)}}.gk-leaves{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.gk-menu__shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 30%,#0d080aeb 75%);position:fixed;inset:0}.gk-menu__col{z-index:2;padding:calc(var(--safe-t) + 14px) 18px calc(var(--safe-b) + 12px);flex-direction:column;flex:1;gap:10px;display:flex;position:relative;overflow-y:auto}.gk-menu__title h1{color:var(--ivory);text-shadow:0 3px 12px #140a0ae6;margin:0;font-size:clamp(44px,13vw,64px);line-height:1.1}.gk-menu__sub{color:var(--gold-hi);text-shadow:0 1px 5px #000;font-size:15px}.gk-menu__brand a{color:var(--mute);text-shadow:0 1px 4px #000;font-size:12px;text-decoration:none}.gk-menu__spacer{flex:1;min-height:8px}.gk-menu__label{color:var(--mute);font-size:14px}.gk-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gk-card{text-align:left;filter:brightness(.72);background:#14111399;border:1px solid #dbad5759;border-radius:18px;height:clamp(170px,27vh,260px);padding:0;transition:filter .15s,box-shadow .15s;position:relative;overflow:hidden}.gk-card.is-sel{filter:none;border:2.5px solid var(--gold-hi);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 55%, transparent);background:#1a1417d1}.gk-card img{object-fit:cover;object-position:top center;width:100%;height:calc(100% - 52px);position:absolute;inset:0 0 52px}.gk-card__name{font-size:16px;position:absolute;bottom:22px;left:10px}.gk-card__name .gk-serif{color:var(--gold-hi);font-size:20px}.gk-card__rec{color:var(--mute);font-size:12px;position:absolute;bottom:6px;left:10px}.gk-menu__style{text-shadow:0 1px 4px #000;min-height:4.35em;margin:2px 0 4px;font-size:14px;line-height:1.45}.gk-menu__col>:not(.gk-menu__spacer){flex-shrink:0}.gk-seg,.gk-row{gap:10px;display:flex}.gk-seg>*,.gk-row>*{white-space:nowrap;flex:1;padding:0 8px;font-size:15px}.gk-game__shade{z-index:0;background:linear-gradient(#0d080a26 25%,#0d080ad1);position:fixed;inset:0}.gk-game .gk-bg{filter:brightness(.78)}.gk-top{z-index:3;padding:calc(var(--safe-t) + 6px) 14px 0;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.gk-plate__jp{color:var(--gold-hi);text-shadow:0 1px 5px #000;font-family:Gomoku Serif,serif;font-size:22px;font-weight:700}.gk-plate__en{text-shadow:0 1px 5px #000;font-size:17px}.gk-plate__sub{color:var(--mute);text-shadow:0 1px 4px #000;font-size:13px;display:block}.gk-top__btns{gap:8px;display:flex}.gk-table{z-index:1;flex:auto;min-height:110px;margin-bottom:-22px;position:relative}.gk-rig{aspect-ratio:620/561;height:100%;animation:3.9s ease-in-out infinite gk-breath;position:absolute;bottom:0;left:34%;transform:translate(-50%)}.gk-rig img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.gk-rig__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.gk-rig--pop{animation:.32s ease-out gk-pop,3.9s ease-in-out infinite gk-breath}@keyframes gk-breath{0%,to{translate:0}50%{translate:0 -.35%}}@keyframes gk-pop{0%{scale:1}30%{scale:1.035}to{scale:1}}.gk-bubble{z-index:2;max-width:min(58%,230px);color:var(--ink);opacity:0;transform-origin:0 100%;pointer-events:none;background:#f4efe4f5;border:1px solid #dbad57b3;border-radius:14px;padding:8px 12px 9px;transition:opacity .16s,transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:6%;right:10px;transform:scale(.92);box-shadow:0 3px 10px #00000059}.gk-bubble.is-on{opacity:1;transform:none}.gk-bubble__jp{line-break:strict;word-break:keep-all;overflow-wrap:anywhere;font-family:Gomoku Serif,serif;font-size:17px;font-weight:700}.gk-bubble__en{color:#5c4742;font-size:13px;line-height:1.35}.gk-bubble.is-lesson{max-width:min(60%,300px);top:2%}.gk-lesson .gk-rig{left:24%}.gk-bubble.is-lesson .gk-bubble__jp{font-size:15px}.gk-bubble.is-lesson .gk-bubble__en{color:#2e2120;font-size:15px}.gk-boardwrap{z-index:2;align-self:center;line-height:0;transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1);position:relative}.gk-board{display:block;box-shadow:10px 16px 26px #00000080}.gk-game.is-entering .gk-boardwrap{opacity:0;transform:translateY(40px)}.gk-game.is-entering .gk-table{opacity:0;transform:translateY(60px)}.gk-table{transition:opacity .5s .15s,transform .7s cubic-bezier(.2,.8,.2,1) .15s}.gk-status{z-index:2;text-align:center;text-shadow:0 1px 4px #000;min-height:52px;padding:6px 12px 0;position:relative}.gk-status__main{font-size:17px}.gk-status__sub{color:var(--mute);font-size:13px}.gk-actions{z-index:2;padding:0 16px calc(var(--safe-b) + 10px);gap:12px;display:flex;position:relative}.gk-actions>.gk-btn{flex:1;min-height:54px;font-size:17px}.gk-actions>.gk-btn--wide{flex:1.7;font-size:18px}.gk-overlay{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gk-seal{opacity:0;pointer-events:none;z-index:4;width:128px;height:128px;margin:-64px 0 0 -64px;transition:transform .45s cubic-bezier(.65,0,.35,1);position:absolute;top:50%;left:50%}.gk-seal.is-stamp{animation:.2s ease-in forwards gk-stamp}.gk-seal.is-stamped{opacity:1;animation:none;transform:rotate(-6deg)}.gk-seal.is-settled{opacity:1;transform:translate(var(--settle-x,120px), var(--settle-y,-120px)) scale(.55) rotate(-6deg);animation:none}.gk-result{z-index:7;left:12px;right:12px;bottom:calc(var(--safe-b) + 4px);padding:10px 16px 12px;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translateY(130%)}.gk-result.is-on{transform:none}.gk-result__head{align-items:baseline;gap:10px;font-size:20px;display:flex}.gk-result__head .gk-serif{color:var(--gold-hi);font-size:26px}.gk-result__rec{color:var(--mute);font-size:14px;margin:2px 0 8px!important}.gk-result__row{gap:10px;display:flex}.gk-result__row>*{flex:1}.gk-sheet{z-index:20;opacity:0;background:#0a0809db;justify-content:center;align-items:center;padding:16px;transition:opacity .16s;display:flex;position:absolute;inset:0}.gk-sheet.is-on{opacity:1}.gk-sheet__panel{flex-direction:column;gap:10px;width:min(100%,440px);max-height:100%;padding:18px 20px;display:flex;overflow-y:auto}.gk-sheet__title{margin:0;font-size:17px;font-weight:400}.gk-sheet__title .gk-serif{color:var(--gold-hi);margin-right:6px;font-size:24px}.gk-sheet__text{font-size:16px;line-height:1.5}.gk-sheet__text.is-lead{color:var(--gold-hi);font-size:18px}.gk-sheet__text.is-mute{color:var(--mute);font-size:15px}.gk-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:17px;display:flex}.gk-toggle input{opacity:0;pointer-events:none;position:absolute}.gk-toggle i{background:#ffffff2e;border-radius:999px;flex:none;width:52px;height:30px;transition:background .15s;position:relative}.gk-toggle i:after{content:"";background:var(--cream);border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px}.gk-toggle input:checked+i{background:var(--verm)}.gk-toggle input:checked+i:after{transform:translate(22px)}.gk-toggle input:focus-visible+i{outline:2px solid var(--gold-hi);outline-offset:2px}@media (prefers-reduced-motion:reduce){.gk-menu__art,.gk-splash__art,.gk-rig{animation:none}}@media (width>=900px) and (aspect-ratio>=5/4){.gk-game.gk-screen{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;width:min(100vw,1200px);padding:0 20px;display:grid}.gk-game .gk-top{grid-column:1/-1;padding-left:0;padding-right:0}.gk-game .gk-table{grid-area:2/1/5;margin:0}.gk-game .gk-rig{height:92%;left:48%}.gk-game .gk-bubble{max-width:min(44%,280px);top:6%;right:2%}.gk-game .gk-bubble.is-lesson{max-width:min(48%,320px)}.gk-game .gk-boardwrap{grid-area:2/2;align-self:center}.gk-game .gk-status{grid-area:3/2}.gk-game .gk-actions{grid-area:4/2;padding-left:0;padding-right:0}.gk-game .gk-result{width:min(560px,50%);left:auto;right:20px}.gk-lesson .gk-rig{left:42%}}