*{box-sizing:border-box}@font-face{font-family:Reggae One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/reggae-one-subset.woff2) format("woff2")}:root{--font-display:"Reggae One","Hiragino Sans","Yu Gothic",sans-serif;--font-body:"Hiragino Sans","Yu Gothic","Meiryo",system-ui,sans-serif;--color-ink:#2b2318;--color-body:#4a4436;--color-muted:#6b6250;--color-faint:#a79f8c;--color-bg:#f4f1ea;--color-surface:#fffdf8;--color-surface-alt:#f1ece0;--color-border:#e0d8c2;--color-border-soft:#ece5d3;--color-accent:#3d5a3d;--color-accent-soft:#eaf0e6;--color-on-accent:#fff;--color-danger:#e63946;--space-1:0.25rem;--space-2:0.35rem;--space-3:0.5rem;--space-4:0.6rem;--space-5:0.75rem;--space-6:1rem;--space-7:1.25rem;--space-8:1.5rem;--space-9:2rem;--text-xs:0.72rem;--text-sm:0.85rem;--text-base:0.9rem;--text-md:1rem;--text-lg:1.15rem;--text-xl:1.3rem;--text-2xl:1.6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--radius-circle:50%;--shadow-1:0 2px 8px rgba(0,0,0,0.06);--shadow-2:0 4px 14px rgba(0,0,0,0.1);--shadow-3:0 8px 20px rgba(0,0,0,0.14);--shadow-4:0 14px 32px rgba(0,0,0,0.18);--focus-ring:0 0 0 3px rgba(61,90,61,0.45)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}body,html{padding:0;margin:0}body{font-family:Hiragino Sans,Yu Gothic,Meiryo,system-ui,sans-serif;background:var(--color-bg);color:var(--color-ink);min-height:100vh}a{color:inherit}.page{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem}h1{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:1.5rem}.play-page{padding-top:1rem}.play-page-bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:.5rem}.play-page-title{font-size:var(--text-lg);margin:0}.play-page-back{color:var(--color-muted);text-decoration:underline;font-size:.92rem;display:inline-flex;align-items:center;min-height:44px}.play-page-back:hover{color:var(--color-ink)}.game-hero-tagline,.game-hero-title,.game-section-name,.quick-rules-heading,h1,h2,h3{word-break:auto-phrase}.bgm-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.bgm-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d8cfb8;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);padding:.5rem 1.1rem;font-size:var(--text-base);font-weight:600;cursor:pointer}.bgm-toggle:hover{box-shadow:var(--shadow-2)}.bgm-toggle[aria-pressed=true]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.bgm-volume{display:flex;align-items:center;gap:.5rem;border:1px solid #d8cfb8;border-radius:var(--radius-pill);background:var(--color-surface);padding:.4rem 1rem;font-size:var(--text-sm)}.bgm-volume-input{accent-color:var(--color-accent);cursor:pointer}.bgm-volume-value{min-width:2.5em;text-align:right;color:var(--color-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.home-page{max-width:880px}.game-list{flex-direction:column;gap:1.75rem;margin-top:1.5rem}.game-list,.game-section-slot{display:flex}.game-section-slot>*{flex:1 1;min-width:0}.game-section{position:relative;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:220px;box-shadow:var(--shadow-4);opacity:0;transform:translateY(60px) scale(.94);transition:opacity .9s ease-out var(--reveal-delay,0s),transform .9s cubic-bezier(.34,1.2,.64,1) var(--reveal-delay,0s)}.game-section-revealed{opacity:1;transform:translateY(0) scale(1)}.game-section-has-art{justify-content:flex-end}.game-section-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--art-position,center)}.game-section-daifugo{--art-position:35% center}.game-section-sevens{--art-position:30% center}.game-section-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-9) var(--space-8);margin:var(--space-8);min-width:min(300px,100%);text-align:center;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-3)}@media (max-width:520px){.game-section-has-art{flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0}.game-section-has-art .game-section-art{position:relative;height:150px;flex:none}.game-section-has-art .game-section-inner{margin:0;padding:var(--space-6) var(--space-5) var(--space-7);border-radius:0;box-shadow:none;min-width:0}}.game-section-icon{display:flex;align-items:center;justify-content:center;font-size:2.8rem;line-height:1}.game-section-name{font-family:var(--font-display);font-size:1.5rem;margin:0}.game-section-actions{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;margin-top:var(--space-4)}.game-section-play{font-family:var(--font-display);text-decoration:none;color:#fff;background:var(--color-ink);padding:.6rem 1.7rem;border-radius:var(--radius-pill);transition:transform .15s ease,box-shadow .15s ease}.game-section-play:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.25)}.game-section-play-cpu{background:transparent;color:var(--color-ink);border:1.5px solid var(--color-ink);padding:.5rem 1.4rem;font-size:var(--text-sm)}.game-section-play-cpu:hover{background:var(--color-ink);color:#fff}.game-section-rules{font-size:var(--text-xs);color:var(--color-muted);text-decoration:none}.game-section-rules:hover{color:var(--color-ink);text-decoration:underline}.game-section-badge{font-size:var(--text-sm);color:#5a5344;background:rgba(0,0,0,.08);padding:.4rem 1.1rem;border-radius:var(--radius-pill)}.game-section-disabled{filter:grayscale(.5)}.game-section-shogi{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 2px,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 4px),linear-gradient(160deg,#f0c877,#b9793a)}.game-section-othello{background:repeating-linear-gradient(0deg,rgba(255,255,255,.06),rgba(255,255,255,.06) 1px,transparent 0,transparent 44px),repeating-linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.06) 1px,transparent 0,transparent 44px),linear-gradient(160deg,#1b6b45,#0c3a24)}.game-section-chess{background-color:#e8e4d8;background-image:linear-gradient(45deg,#3a3a3a 25%,transparent 0),linear-gradient(-45deg,#3a3a3a 25%,transparent 0),linear-gradient(45deg,transparent 75%,#3a3a3a 0),linear-gradient(-45deg,transparent 75%,#3a3a3a 0);background-size:64px 64px;background-position:0 0,0 32px,32px -32px,-32px 0}.game-section-uno{background:repeating-linear-gradient(135deg,var(--color-danger) 0,var(--color-danger) 40px,#f4c430 40px,#f4c430 80px,#2a9d8f 80px,#2a9d8f 120px,#457b9d 120px,#457b9d 160px)}.game-section-catan{background-color:#8fc7e8;background-image:radial-gradient(circle at 28% 38%,#8dc63f 0 58px,transparent 59px),radial-gradient(circle at 60% 28%,#e8c34a 0 54px,transparent 55px),radial-gradient(circle at 50% 66%,#c1673b 0 56px,transparent 57px),radial-gradient(circle at 76% 62%,#2f7d32 0 50px,transparent 51px),radial-gradient(circle at 24% 72%,#8a8f98 0 46px,transparent 47px),radial-gradient(circle at 82% 34%,#e6d6a8 0 40px,transparent 41px)}.game-section-gomoku{background:repeating-linear-gradient(0deg,#c7bfa8,#c7bfa8 1px,transparent 0,transparent 32px),repeating-linear-gradient(90deg,#c7bfa8,#c7bfa8 1px,transparent 0,transparent 32px),#eeeae0}.game-hero{border-radius:var(--radius-xl);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:260px;box-shadow:var(--shadow-4);margin-bottom:1.75rem;animation:game-hero-in .8s cubic-bezier(.16,1,.3,1) both}@keyframes game-hero-in{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.game-hero{animation:none}}.game-hero-label{position:relative;display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center;padding:2.5rem 2.25rem;margin:1.5rem;background:var(--color-surface);border-radius:16px;box-shadow:var(--shadow-3)}.game-hero-label:after,.game-hero-label:before{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--color-ink);opacity:.3}.game-hero-label:before{top:7px;left:7px;border-right:none;border-bottom:none}.game-hero-label:after{bottom:7px;right:7px;border-left:none;border-top:none}.game-hero-title{font-family:var(--font-display);font-size:2.4rem;letter-spacing:.03em;margin:0}.game-hero-tagline{color:var(--color-body);font-size:.95rem;max-width:46ch;margin:0;line-height:1.7;text-align:left}.game-hero-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font-family:var(--font-display);font-size:1.05rem;color:#fff;background:var(--color-ink);padding:.85rem 2.4rem;border-radius:var(--radius-pill);cursor:pointer;margin-top:.3rem;box-shadow:0 6px 16px rgba(0,0,0,.2);transition:transform .15s ease,box-shadow .15s ease}.game-hero-cta:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 10px 22px rgba(0,0,0,.28)}.game-hero-cta:active:not(:disabled){transform:translateY(0) scale(.98)}.game-hero-cta:disabled{opacity:.6;cursor:default}.lobby-footer{align-items:center;gap:.6rem;text-align:center}.lobby,.lobby-footer{display:flex;flex-direction:column}.lobby{align-items:flex-start;gap:1rem}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--color-accent);color:white;padding:.75rem 1.5rem;border-radius:8px;font-size:var(--text-md);font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.button:hover{background:#2f472f;transform:translateY(-1px);box-shadow:var(--shadow-2)}.button:disabled{background:#a9a9a9;cursor:default}.waiting-panel{border:1px solid #d8cfb8;border-radius:var(--radius-md);padding:1.5rem;background:var(--color-surface);display:flex;flex-direction:column;gap:.75rem;width:100%}.link-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.link-row input{flex:1 1;min-width:220px;padding:.5rem;border:1px solid #ccc;border-radius:var(--radius-sm);font-size:var(--text-base)}.room-layout{flex-direction:column;gap:.75rem}.room-layout,.status-bar{display:flex;align-items:center}.status-bar{gap:1rem;font-weight:600}.status-bar .check{color:#b23b3b}.role-badge{font-size:var(--text-sm);color:#666;font-weight:500}.turn-indicator{padding:.3rem .8rem;border-radius:var(--radius-pill);font-weight:700}.turn-indicator-mine{background:rgba(90,180,90,.2);color:#2f6b2f;animation:turn-pulse 1.6s ease-in-out infinite}.turn-indicator-theirs{background:rgba(120,120,120,.15);color:#666}@keyframes turn-pulse{0%,to{box-shadow:0 0 0 0 rgba(90,180,90,.35)}50%{box-shadow:0 0 0 6px rgba(90,180,90,0)}}.hand-tray{gap:.4rem;flex-wrap:wrap;min-height:2.6rem;justify-content:center}.hand-piece,.hand-tray{display:flex;align-items:center}.hand-piece{border:none;background:transparent;padding:.15rem;cursor:pointer;flex-direction:column;border-radius:8px}.hand-piece-img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.hand-piece-count{font-weight:800;font-size:var(--text-sm);color:#1a1208}.hand-piece.selected{outline:3px solid #4a7a4a;background:rgba(74,122,74,.15)}.hand-piece[disabled]{cursor:default}.board-frame{display:inline-flex;flex-direction:column}.board-col-labels{display:grid;grid-template-columns:repeat(9,minmax(40px,62px));text-align:center;color:#3a2f18;font-weight:700;font-size:var(--text-sm);padding-bottom:.25rem}.board-body-row{display:flex;align-items:stretch}.board-row-labels{display:grid;grid-template-rows:repeat(9,minmax(40px,62px));align-items:center;text-align:center;color:#3a2f18;font-weight:700;font-size:var(--text-sm);padding-left:.35rem}.board-wrapper{transition:transform .2s ease}.board-wrapper.rotated{transform:rotate(180deg)}.board{display:grid;grid-template-columns:repeat(9,minmax(40px,62px));grid-template-rows:repeat(9,minmax(40px,62px));border:3px solid #3a2410;background-image:url(/shogi/board.webp);background-size:100% 100%;background-repeat:no-repeat;background-clip:padding-box}.board,.square{position:relative}.square{border:none;display:flex;align-items:center;justify-content:center;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.square.clickable{cursor:pointer}.square.selected{background:rgba(243,224,138,.65)}.square.last-move{background:rgba(110,160,220,.35)}.square.last-move.selected{background:rgba(243,224,138,.65)}.square.legal-target:after{content:"";position:absolute;width:30%;height:30%;border-radius:var(--radius-circle);background:rgba(60,120,60,.55);z-index:1}.square.legal-target.has-piece:after{width:90%;height:90%;border-radius:var(--radius-sm);background:transparent;border:3px solid rgba(180,50,50,.65)}.piece{position:relative;width:92%;height:92%;display:flex;align-items:center;justify-content:center;z-index:2}.piece-img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.4))}.piece.king .piece-img{filter:drop-shadow(0 0 2px rgba(200,60,40,.9)) drop-shadow(0 1px 1.5px rgba(0,0,0,.4))}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);justify-content:center;z-index:10}.modal,.modal-overlay{display:flex;align-items:center}.modal{background:white;border-radius:var(--radius-md);padding:1.5rem;flex-direction:column;gap:1rem;min-width:240px}.modal-actions{display:flex;gap:.75rem}.game-over-banner{border-radius:var(--radius-md);padding:1rem 1.5rem;background:#2f472f;color:white;font-weight:700;font-size:1.1rem;text-align:center}.toast{border-radius:8px;padding:.6rem 1rem;background:#b23b3b;color:white;font-weight:600}.muted{color:var(--color-muted);font-size:var(--text-base)}.othello-board{display:grid;grid-template-columns:repeat(8,minmax(38px,52px));grid-template-rows:repeat(8,minmax(38px,52px));width:-moz-fit-content;width:fit-content;margin-inline:auto;border:2px solid #1c3d2a;background:#2f7d4f}.othello-square{border:1px solid #235c3c;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;perspective:200px}.othello-square.legal-target:after{content:"";position:absolute;width:24%;height:24%;border-radius:var(--radius-circle);background:rgba(255,255,255,.55)}.disc{width:78%;height:78%;border-radius:var(--radius-circle);box-shadow:0 2px 3px rgba(0,0,0,.35);animation:disc-place .35s cubic-bezier(.34,1.56,.64,1)}.disc.black{background:#1a1a1a}.disc.white{background:#f5f5f0;border:1px solid #c9c9c0}.disc-flipping{animation:disc-flip .42s ease-in-out}@keyframes disc-place{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes disc-flip{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(0deg)}}@media (prefers-reduced-motion:reduce){.disc,.disc-flipping{animation:none}}.chess-board-wrapper{transition:transform .2s ease}.chess-board-wrapper.rotated,.chess-board-wrapper.rotated .piece{transform:rotate(180deg)}.chess-board{display:grid;grid-template-columns:repeat(8,minmax(38px,52px));grid-template-rows:repeat(8,minmax(38px,52px));width:-moz-fit-content;width:fit-content;margin-inline:auto;border:2px solid #4a3018}.chess-square{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chess-square.light{background:#f0d9b5}.chess-square.dark{background:#b58863}.chess-square.selected{background:#f3e08a}.chess-square.legal-target:after{content:"";position:absolute;width:28%;height:28%;border-radius:var(--radius-circle);background:rgba(60,60,60,.4)}.chess-square.legal-target.has-piece:after{width:90%;height:90%;border-radius:var(--radius-sm);background:transparent;border:3px solid rgba(180,50,50,.65)}.chess-square .piece{font-size:2.1rem;line-height:1}.chess-square .piece.white{color:#fff;text-shadow:0 0 2px #1a1a1a,0 1px 1px #1a1a1a}.chess-square .piece.black{color:#1a1a1a}.rulebook{display:flex;flex-direction:column;gap:1.25rem}.rulebook h2{font-size:var(--text-lg);margin-bottom:.5rem}.rulebook section{gap:.5rem}.rulebook section,.rulebook ul{display:flex;flex-direction:column}.rulebook ul{padding-left:1.25rem;gap:.35rem}.rulebook dd,.rulebook li,.rulebook p{line-height:1.85}.rulebook h2{font-size:var(--text-xl);margin:.75rem 0 .25rem;padding-bottom:.4rem;border-bottom:2px solid var(--color-border)}.rulebook h3{font-size:1.05rem;margin:.9rem 0 .1rem;color:var(--color-accent)}.rulebook-lead{font-size:1.02rem;color:var(--color-body);background:var(--color-surface);border-left:4px solid var(--color-accent);border-radius:0 10px 10px 0;padding:1rem 1.2rem;margin:0}.rulebook-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.rulebook-table{width:100%;min-width:380px;border-collapse:collapse;font-size:.92rem;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-1)}.rulebook-table td,.rulebook-table th{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--color-border-soft);line-height:1.7}.rulebook-table th{background:var(--color-surface-alt)}.rulebook-table td:first-child,.rulebook-table th{font-weight:700;white-space:nowrap}.rulebook-table tr:last-child td{border-bottom:none}.rulebook-faq{margin:0;display:flex;flex-direction:column;gap:.9rem}.rulebook-faq dt{font-weight:700;color:var(--color-ink);margin-bottom:.25rem}.rulebook-faq dt:before{content:"Q. ";color:var(--color-accent)}.rulebook-faq dd{margin:0;color:var(--color-body);padding-left:1.4rem;border-left:2px solid var(--color-border)}.rulebook-back{margin:.5rem 0 0;text-align:center}.rulebook-back a{display:inline-block;font-family:var(--font-display);background:var(--color-ink);color:#fff;text-decoration:none;padding:.7rem 2rem;border-radius:var(--radius-pill);transition:transform .15s ease,box-shadow .15s ease}.rulebook-back a:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.22)}.product-card{--pc-surface:var(--color-surface);--pc-border:rgba(0,0,0,0.08);--pc-heading:var(--color-ink);--pc-body:var(--color-muted);--pc-accent:var(--color-accent);--pc-accent-text:#fff;display:flex;align-items:center;gap:1rem;width:100%;max-width:440px;margin:1.5rem auto 0;padding:1rem;border:1px solid var(--pc-border);border-radius:12px;background:var(--pc-surface);box-shadow:var(--shadow-1);text-align:left;transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-3)}.product-card-media{flex-shrink:0;width:76px;height:76px;border-radius:var(--radius-md);background:rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-card-emoji{font-size:2.2rem;line-height:1}.product-card-image{width:100%;height:100%;object-fit:contain}.product-card-body{display:flex;flex-direction:column;gap:.35rem;min-width:0}.product-card-name{display:block;margin:0;font-size:1.05rem;font-weight:700;color:var(--pc-heading)}.product-card-text{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--pc-body)}.product-card-cta{align-self:flex-start;margin-top:.15rem;padding:.45rem 1.1rem;border-radius:var(--radius-pill);background:var(--pc-accent);color:var(--pc-accent-text);font-size:var(--text-sm);font-weight:700;text-decoration:none;transition:filter .15s ease}.product-card-cta:hover{filter:brightness(1.12)}@media (max-width:480px){.product-card{flex-direction:column;text-align:center}.product-card,.product-card-body{align-items:center}.product-card-cta{align-self:center}}@media (prefers-reduced-motion:reduce){.product-card{transition:none}.product-card:hover{transform:none}}@media (prefers-color-scheme:dark){.product-card{--pc-surface:#23201b;--pc-border:rgba(255,255,255,0.12);--pc-heading:#f2ede2;--pc-body:#b5ac99;--pc-accent:#5c8a5c;box-shadow:0 2px 8px rgba(0,0,0,.4)}.product-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.55)}.product-card-media{background:rgba(255,255,255,.06)}}.game-over-area{display:flex;flex-direction:column;align-items:center;width:100%}.gomoku-board{position:relative;width:min(92vw,560px);aspect-ratio:601/599;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.gomoku-board-img{width:100%;height:100%;display:block;pointer-events:none}.gomoku-point{position:absolute;transform:translate(-50%,-50%);width:6.2%;height:6.2%;padding:0;border:none;background:transparent;border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;cursor:default}.gomoku-point-playable{cursor:pointer}.gomoku-point-playable:before{content:"";width:42%;height:42%;border-radius:var(--radius-circle);background:rgba(60,60,60,.28);opacity:0;transition:opacity .12s ease}.gomoku-point-playable:focus-visible:before,.gomoku-point-playable:hover:before{opacity:1}.gomoku-stone{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));animation:gomoku-place .18s ease-out}@keyframes gomoku-place{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}.gomoku-point-last:after{content:"";position:absolute;inset:-14%;border:2.5px solid #e03131;border-radius:var(--radius-circle);pointer-events:none;animation:gomoku-last-pulse 1.6s ease-in-out infinite}@keyframes gomoku-last-pulse{0%,to{box-shadow:0 0 0 0 rgba(224,49,49,.5)}50%{box-shadow:0 0 0 5px rgba(224,49,49,0)}}.gomoku-point-winning .gomoku-stone{filter:drop-shadow(0 0 5px #ffd43b) drop-shadow(0 0 10px #ffd43b)}@media (prefers-reduced-motion:reduce){.gomoku-point-last:after,.gomoku-stone{animation:none}}.breadcrumbs{width:100%;margin-bottom:.9rem;font-size:.82rem;color:var(--color-muted)}.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.breadcrumbs li{display:inline-flex;align-items:center;gap:.35rem}.breadcrumbs a{color:var(--color-body);text-decoration:underline}.breadcrumbs a:hover{color:var(--color-ink)}.breadcrumbs [aria-current=page]{color:var(--color-muted)}.breadcrumbs-sep{color:var(--color-faint)}.game-section-igo{background-color:#e8c88f;background-image:repeating-linear-gradient(0deg,rgba(60,40,20,.35),rgba(60,40,20,.35) 1px,transparent 0,transparent 34px),repeating-linear-gradient(90deg,rgba(60,40,20,.35),rgba(60,40,20,.35) 1px,transparent 0,transparent 34px)}.game-section-hanafuda{background-color:#2f6b4f;background-image:radial-gradient(circle at 22% 30%,rgba(255,220,130,.45),transparent 42%),radial-gradient(circle at 74% 68%,rgba(200,60,60,.4),transparent 46%),linear-gradient(150deg,#35785a,#24523d)}.game-section-mancala{background-color:#a97c4c;background-image:radial-gradient(circle at 18% 34%,rgba(60,36,18,.55) 0 5%,transparent 5.5%),radial-gradient(circle at 38% 34%,rgba(60,36,18,.55) 0 5%,transparent 5.5%),radial-gradient(circle at 58% 34%,rgba(60,36,18,.55) 0 5%,transparent 5.5%),radial-gradient(circle at 28% 68%,rgba(60,36,18,.55) 0 5%,transparent 5.5%),radial-gradient(circle at 48% 68%,rgba(60,36,18,.55) 0 5%,transparent 5.5%),radial-gradient(circle at 68% 68%,rgba(60,36,18,.55) 0 5%,transparent 5.5%),linear-gradient(150deg,#c89a63,#96683c)}.game-section-solitaire{background-color:#1f5c3c;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0 2px,transparent 2px 12px),radial-gradient(circle at 24% 28%,rgba(255,255,255,.22),transparent 34%),linear-gradient(150deg,#2f7d52,#17452e)}.site-header{position:relative;z-index:30;background:var(--color-ink);color:var(--color-bg)}.site-header-inner{max-width:720px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header-logo{font-family:var(--font-display);font-size:1.05rem;color:var(--color-bg);text-decoration:none;line-height:1.2}.site-header-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:.5rem;margin:-.5rem;cursor:pointer;color:inherit;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.site-header-bars{display:block;position:relative;width:24px;height:16px}.site-header-bars span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .15s ease}.site-header-bars span:first-child{top:0}.site-header-bars span:nth-child(2){top:7px}.site-header-bars span:nth-child(3){top:14px}.site-header-bars.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.site-header-bars.is-open span:nth-child(2){opacity:0}.site-header-bars.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-menu-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.45)}.site-menu{position:fixed;top:0;right:0;z-index:50;width:min(320px,86vw);height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-surface);color:var(--color-ink);box-shadow:-6px 0 24px rgba(0,0,0,.2);padding:1.25rem 1.25rem 2.5rem}.site-menu-nav{display:flex;flex-direction:column;gap:.35rem}.site-menu-heading{font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--color-muted);margin:1rem 0 .35rem;padding-bottom:.3rem;border-bottom:1px solid var(--color-border)}.site-menu-heading:first-child{margin-top:0}.site-menu-nav ul{list-style:none;margin:0;padding:0}.site-menu-nav a{display:block;padding:.62rem .4rem;border-radius:8px;color:var(--color-ink);text-decoration:none;font-size:.97rem}.site-menu-nav a:focus-visible,.site-menu-nav a:hover{background:var(--color-surface-alt)}.site-content{min-height:60vh}.site-footer{margin-top:2rem;padding:2rem 1rem 2.5rem;background:var(--color-ink);color:#d8d2c4;font-size:var(--text-base)}.site-footer-inner{max-width:720px;margin:0 auto;display:flex;flex-wrap:wrap;gap:2rem 3rem}.site-footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.site-footer-heading{font-size:var(--text-sm);font-weight:700;letter-spacing:.04em;color:var(--color-bg);margin:0 0 .7rem}.site-footer-col a{color:#d8d2c4;text-decoration:none}.site-footer-col a:hover{color:#fff;text-decoration:underline}.site-footer-copy{max-width:720px;margin:2rem auto 0;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.14);color:var(--color-faint);font-size:.8rem}.rulebook li a,.rulebook p a,.rulebook td a{color:var(--color-accent);text-decoration:underline}.rulebook li a:hover,.rulebook p a:hover,.rulebook td a:hover{color:var(--color-ink)}.quick-rules{background:var(--color-surface);border:2px solid var(--color-accent);border-radius:var(--radius-lg);padding:1.1rem 1.2rem 1.25rem;box-shadow:var(--shadow-1)}.quick-rules-heading{font-family:var(--font-display);font-size:var(--text-lg);margin:0;padding:0;border-bottom:none;color:var(--color-accent)}.quick-rules-note{margin:.35rem 0 0;font-size:var(--text-sm);color:var(--color-muted)}.quick-rules-list{margin:1rem 0 0;display:flex;flex-direction:column;gap:.7rem}.quick-rules-list dt{font-weight:700;font-size:.82rem;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-pill);padding:.12rem .7rem;display:inline-block;margin-bottom:.3rem}.quick-rules-list dd{margin:0;line-height:1.75}.quick-rules-actions{margin-top:1.2rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.1rem}.quick-rules-play{font-family:var(--font-display);background:var(--color-accent);color:#fff;text-decoration:none;padding:.65rem 1.6rem;border-radius:var(--radius-pill);transition:transform .15s ease,box-shadow .15s ease}.quick-rules-play:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.quick-rules-more{color:var(--color-body);text-decoration:underline;font-size:.92rem}.quick-rules-more:hover{color:var(--color-ink)}#guide{scroll-margin-top:1rem}.home-jump{margin:.35rem 0 0}.home-jump a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-body);text-decoration:underline;font-size:.92rem}.home-jump a:hover{color:var(--color-ink)}#about,#beginners,#catan-free,#players,#solo,#steps{scroll-margin-top:1rem}.game-about{margin-top:2.5rem;display:flex;flex-direction:column;gap:.75rem}.game-about h2{font-size:var(--text-lg);margin:.5rem 0 0;padding-bottom:.4rem;border-bottom:2px solid var(--color-border)}.game-about p{margin:0;line-height:1.85;color:var(--color-body)}.game-about-points{margin:.35rem 0;display:flex;flex-wrap:wrap;gap:.6rem}.game-about-points>div{flex:1 1 160px;background:var(--color-surface);border:1px solid #e6ddc8;border-radius:var(--radius-md);padding:.6rem .85rem}.game-about-points dt{font-size:.78rem;font-weight:700;color:var(--color-muted);margin-bottom:.2rem}.game-about-points dd{margin:0;font-size:.95rem;line-height:1.6}.game-about-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.45rem;line-height:1.8;color:var(--color-body)}.game-about-more{margin:.5rem 0 0}.game-about-more a{color:var(--color-accent);text-decoration:underline;font-weight:600}.game-about-more a:hover{color:var(--color-ink)}.cpu-setup{display:flex;flex-direction:column;gap:1.25rem;background:var(--color-surface);border:1px solid #e6ddc8;border-radius:var(--radius-lg);padding:1.25rem;margin:1.5rem 0}.cpu-fieldset{border:none;margin:0;padding:0}.cpu-fieldset legend{font-weight:700;font-size:var(--text-base);color:var(--color-body);padding:0;margin-bottom:.55rem}.cpu-options{display:flex;flex-wrap:wrap;gap:.5rem}.cpu-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d8cfb8;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);padding:.5rem 1.2rem;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.cpu-option:hover,.cpu-option[aria-pressed=true]{border-color:var(--color-accent)}.cpu-option[aria-pressed=true]{background:var(--color-accent);color:#fff}.cpu-option-note{margin:.6rem 0 0;font-size:var(--text-sm);line-height:1.7;color:var(--color-muted)}.cpu-game{display:flex;flex-direction:column;gap:.9rem;margin:1.5rem 0}.cpu-turn{margin:0;font-weight:600;color:var(--color-accent);min-height:1.5em}.cpu-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.25rem}.game-hero-secondary{font-size:var(--text-base);color:var(--color-body);text-decoration:underline}.game-hero-secondary:hover{color:var(--color-ink)}.site-footer-bgm{margin-bottom:0}.site-footer-bgm .bgm-toggle,.site-footer-bgm .bgm-volume{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#f4f1ea}.site-footer-bgm .bgm-toggle[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.site-footer-bgm .bgm-volume-value{color:var(--color-faint)}.ad-slot{display:block;margin:var(--space-6) 0 0}.ad-slot-label{display:block;margin-bottom:.25rem;font-size:var(--text-xs);color:var(--color-faint);text-align:center}.ad-slot-ins{display:block;width:100%}.ad-slot:has(ins[data-ad-status=unfilled]){display:none}.contact-address{font-size:var(--text-lg);font-weight:700;word-break:break-all}