.bg-head{text-align:center;margin-bottom:12px}.bg-head h1{margin:0 0 6px;font-family:Fredoka,Heebo,sans-serif;font-size:clamp(26px,5vw,42px)}.bg-head p{color:#4d556a;max-width:720px;margin:0 auto;font-size:17px}.bg-meta{flex-wrap:wrap;justify-content:center;gap:14px;font-weight:700;display:flex;color:#1d2233!important;margin-top:8px!important}.bg-tabs{justify-content:center;gap:8px;margin:14px 0;display:flex}.bg-tabs button{background:#fff;border:2px solid #1d2233;border-radius:999px;padding:8px 18px;font-size:17px;font-weight:800}.bg-tabs button.is-on{background:#ffd23f}.bg-box{background:#fff;border:2px solid #1d2233;border-radius:20px;margin:0 0 22px;padding:16px;box-shadow:4px 4px #1d2233}.bg-box h2{margin:0 0 8px;font-size:22px}.bg-controls{flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-bottom:10px;font-weight:700;display:flex}.bg-controls select{background:#fff;border:2px solid #1d2233;border-radius:10px;padding:4px 8px;font-weight:700}.bg-status{text-align:center;min-height:1.5em;margin:6px 0 10px;font-size:18px;font-weight:800}.bg-score{justify-content:center;gap:20px;margin-top:8px;font-weight:700;display:flex}.bg-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.bg-actions button{background:#fff;border:2px solid #1d2233;border-radius:14px;padding:9px 16px;font-weight:800}.bg-actions button:disabled{opacity:.45}.bg-actions .bg-primary,.bg-primary{color:#fff;background:#1d2233!important}.bg-actions-top{justify-content:flex-start;margin:0 0 8px}.ck-board{aspect-ratio:1;touch-action:manipulation;border:6px solid #6b4226;border-radius:10px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,520px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 8px 24px #1d223340}.ck-board .ck-cell{border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.ck-cell.is-light{cursor:default;background:#f3dfb8}.ck-cell.is-dark{background:#a0673d}.ck-cell.is-last{background:#c9894f}.ck-cell.is-path{background:#d9a13d}.ck-cell.is-target{cursor:pointer}.ck-cell.is-must .ck-piece{box-shadow:0 0 0 4px #ffd23f,0 3px #0005}.ck-piece{border-radius:50%;place-items:center;width:78%;height:78%;font-size:clamp(12px,3.5vw,22px);transition:transform .15s;display:grid;box-shadow:0 3px #0005,inset 0 -4px #0003}.ck-dark{background:radial-gradient(circle at 35% 30%,#4a4f66,#15182a)}.ck-light{background:radial-gradient(circle at 35% 30%,#fff,#e4d6c0);border:1px solid #b8a78c}.ck-piece.is-sel{transform:scale(1.1);box-shadow:0 0 0 4px #28c76f,0 4px #0005}.ck-dot{background:#28c76fcc;border-radius:50%;width:30%;height:30%;box-shadow:0 0 0 3px #fff8}.bg-learn h3{text-align:center;margin:6px 0;font-size:22px}.bg-lesson-text{text-align:center;max-width:620px;margin:0 auto 10px;font-size:17px;line-height:1.6}.bg-lesson-steps{flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.bg-lesson-steps button{background:#fff;border:2px solid #1d2233;border-radius:50%;width:34px;height:34px;font-weight:800}.bg-lesson-steps button.is-on{background:#ffd23f}.bg-lesson-ok,.bg-lesson-no{text-align:center;border-radius:12px;max-width:560px;margin:0 auto 10px;padding:8px;font-size:18px;font-weight:800}.bg-lesson-ok{background:#c9f5d4}.bg-lesson-no{background:#ffe0e0}.bg-rules section{margin-bottom:12px}.bg-rules h3{margin:0 0 4px;font-size:19px}.bg-rules p{margin:0 0 6px;line-height:1.65}.bg-more{margin-top:18px;font-weight:600}.bg-more a{color:#1b6fa8;text-decoration:underline}.bg-hub{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.bg-card{text-align:center;color:#1d2233;background:#fff;border:2px solid #1d2233;border-radius:18px;padding:16px;text-decoration:none;transition:transform .15s;display:block;box-shadow:4px 4px #1d2233}.bg-card:hover{transform:translateY(-3px)}.bg-card-emoji{font-size:44px}.bg-card h2{margin:4px 0;font-size:24px}.bg-card p{color:#4d556a;margin:0 0 6px}.bg-print h2{text-align:center}.bg-print .bg-rules p{font-size:12pt}.bgm-board{aspect-ratio:1.15;touch-action:manipulation;background:#7a4a2a;border:8px solid #4e2e18;border-radius:12px;grid-template-rows:1fr 1fr;gap:0;width:min(100%,640px);margin:0 auto;padding:0 13% 0 0;display:grid;position:relative;box-shadow:0 8px 24px #1d223340}.bgm-row{background:#e9d3a6;grid-template-columns:repeat(6,minmax(0,1fr)) minmax(0,.7fr) repeat(6,minmax(0,1fr));min-height:0;display:grid}.bgm-row:first-child{border-bottom:3px solid #4e2e18}.bgm-board .bgm-pt,.bgm-board .bgm-bar{background:0 0;border:0;border-radius:0;min-width:0;min-height:0;padding:0;display:block;position:relative}.bgm-tri{clip-path:polygon(0 0,100% 0,50% 88%);background:#b5522f;position:absolute;inset:0 6%}.bgm-pt.is-odd .bgm-tri{background:#2e4e6e}.bgm-pt.is-bottom .bgm-tri{clip-path:polygon(0 100%,100% 100%,50% 12%)}.bgm-pt.is-src .bgm-tri{filter:brightness(1.25)saturate(1.2)}.bgm-pt.is-src{box-shadow:inset 0 0 0 3px #ffd23f}.bgm-pt.is-sel{box-shadow:inset 0 0 0 4px #28c76f}.bgm-pt.is-target{background:#28c76f33;box-shadow:inset 0 0 0 4px #28c76f}.bgm-bar{background:#5a351d!important}.bgm-bar.is-src{box-shadow:inset 0 0 0 3px #ffd23f}.bgm-bar.is-sel{box-shadow:inset 0 0 0 4px #28c76f}.bgm-stack{z-index:1;flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:1px;padding:2px 0;display:flex;position:absolute;inset:0}.bgm-stack.is-top{flex-direction:column}.bgm-chk{aspect-ratio:1;border-radius:50%;flex:none;place-items:center;width:86%;font-size:clamp(9px,2.4vw,15px);font-weight:900;display:grid;box-shadow:0 2px #0006}.bgm-chk.is-white{color:#1d2233;background:radial-gradient(circle at 35% 30%,#fff,#dcd2bf);border:1px solid #a89b82}.bgm-chk.is-black{color:#fff;background:radial-gradient(circle at 35% 30%,#555b75,#15182a)}.bgm-num{color:#6b4a2e;text-align:center;z-index:2;pointer-events:none;font-size:clamp(7px,1.7vw,10px);font-weight:800;position:absolute;left:0;right:0}.bgm-pt.is-top .bgm-num{bottom:0}.bgm-pt.is-bottom .bgm-num{top:0}.bgm-off{grid-template-rows:1fr 1fr;gap:3px;width:12%;padding:3px;display:grid;position:absolute;top:0;bottom:0;right:0}.bgm-board .bgm-off-slot{color:#fff;background:#4e2e18;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.bgm-off-slot b{z-index:1;text-shadow:0 1px 2px #000;font-size:clamp(10px,2.5vw,16px);position:relative}.bgm-offbar{border-radius:3px;position:absolute;bottom:0;left:10%;right:10%}.bgm-offbar.is-white{background:#f2e8d5}.bgm-offbar.is-black{background:#15182a;outline:1px solid #888}.bgm-off-slot:first-child .bgm-offbar{top:0;bottom:auto}.bgm-off-slot.is-target{background:#1f7a45;box-shadow:inset 0 0 0 4px #28c76f}.bgm-off-slot em{z-index:1;font-size:clamp(8px,2vw,12px);font-style:normal;font-weight:900;position:absolute;bottom:4px}.bgm-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:58px;margin-bottom:8px;display:flex}.bgm-dice{gap:4px;display:flex}.bgm-dice span{color:#1d2233;font-size:52px;line-height:1}.bgm-dice span.is-used{opacity:.25}.bgm-roll{color:#fff;background:#7548b3;border:0;border-radius:16px;padding:12px 22px;font-size:20px;font-weight:900;box-shadow:0 4px #4b2a80}.bgm-hint{color:#4d556a;text-align:center;font-size:15px;font-weight:700}.bgm-msg{text-align:center;color:#4d556a;margin:0 0 6px;font-weight:700}.ch-board{aspect-ratio:1;touch-action:manipulation;border:6px solid #4e3524;border-radius:8px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,520px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 8px 24px #1d223340}.ch-board .ch-cell{border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.ch-cell.is-light{background:#f0d9b5}.ch-cell.is-dark{background:#b58863}.ch-cell.is-last{box-shadow:inset 0 0 0 100px #f6f66966}.ch-cell.is-sel{box-shadow:inset 0 0 0 100px #7fc97f99}.ch-cell.is-check{background:radial-gradient(circle,#ff3b3b 0,#ff3b3b88 45%,#0000 75%)}.ch-piece{-webkit-user-select:none;user-select:none;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,serif;font-size:min(10.5vw,56px);line-height:1}.ch-piece.is-w{color:#fff;-webkit-text-stroke:1.5px #1d2233;text-shadow:0 2px 2px #0005}.ch-piece.is-b{color:#1d2233;text-shadow:0 2px 2px #0004}.ch-dot{background:#1d223355;border-radius:50%;width:28%;height:28%;position:absolute}.ch-cap{border:5px solid #1d223355;border-radius:50%;position:absolute;inset:4%}.ch-rank,.ch-file{color:#5c3d24;pointer-events:none;font-size:clamp(8px,1.8vw,11px);font-weight:800;position:absolute}.ch-rank{top:2px;left:3px}.ch-file{bottom:1px;right:3px}.ch-captured{text-align:center;letter-spacing:2px;color:#1d2233;min-height:1.6em;margin:4px 0;font-size:22px}.bg-step-pic{text-align:center;margin:4px 0;font-size:44px}.c4-board{background:#1f5fbf;border-radius:16px;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:min(100%,480px);margin:0 auto;padding:8px;display:grid;box-shadow:0 8px 20px #1d223340}.c4-board .c4-col{background:0 0;border:0;border-radius:10px;grid-template-rows:repeat(6,1fr);gap:4px;min-height:0;padding:0;display:grid}.c4-col:not(:disabled):hover{background:#fff2}.c4-hole{aspect-ratio:1;background:#f5f7ff;border-radius:50%;box-shadow:inset 0 3px 4px #0004}.c4-hole.is-red{background:radial-gradient(circle at 35% 30%,#ff7a7a,#d61f1f)}.c4-hole.is-yellow{background:radial-gradient(circle at 35% 30%,#fff3a0,#f2c200)}.c4-hole.is-win{outline-offset:-4px;outline:4px solid #28c76f}.c4-hole.is-last{box-shadow:inset 0 0 0 3px #fff8}.ttt-board{grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,330px);margin:0 auto;display:grid}.ttt-board .ttt-cell{aspect-ratio:1;background:#fff;border:3px solid #1d2233;border-radius:16px;place-items:center;padding:0;font-size:min(16vw,64px);display:grid}.ttt-cell.is-win{background:#c9f5d4}.ttt-cell:not(:disabled):hover{background:#fff7d6}.rv-board{aspect-ratio:1;background:#1e7a45;border:6px solid #145430;border-radius:10px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;width:min(100%,480px);margin:0 auto;padding:2px;display:grid}.rv-board .rv-cell{background:#2a9d5c;border:0;border-radius:2px;place-items:center;min-width:0;min-height:0;padding:0;display:grid}.rv-cell.is-can{cursor:pointer;background:#3bb56e}.rv-cell.is-can:after{content:"";background:#0003;border-radius:50%;width:22%;height:22%}.rv-cell.is-last{box-shadow:inset 0 0 0 3px #ffd23f}.rv-disc{border-radius:50%;width:82%;height:82%;box-shadow:0 2px #0005}.rv-disc.is-b{background:radial-gradient(circle at 35% 30%,#555,#111)}.rv-disc.is-w{background:radial-gradient(circle at 35% 30%,#fff,#ddd)}.mc-board{background:#9b6b3d;border:6px solid #6b4423;border-radius:40px;align-items:stretch;gap:8px;width:min(100%,640px);margin:0 auto;padding:10px;display:flex}.mc-store{color:#fff;background:#6b4423;border-radius:30px;flex:0 0 12%;place-items:center;font-size:clamp(18px,5vw,30px);display:grid}.mc-rows{flex:1;gap:10px;display:grid}.mc-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.mc-board .mc-pit{aspect-ratio:1;color:#fff;background:#6b4423;border:0;border-radius:50%;place-items:center;min-height:0;padding:0;display:grid;position:relative}.mc-pit.is-can{cursor:pointer;box-shadow:0 0 0 3px #ffd23f}.mc-pit.is-last{box-shadow:0 0 0 3px #28c76f}.mc-pit b{font-size:clamp(11px,3vw,16px);position:absolute;bottom:4%}.mc-seeds{flex-wrap:wrap;justify-content:center;gap:2px;width:62%;margin-bottom:22%;display:flex}.mc-seeds i{aspect-ratio:1;background:#bde0fe;border-radius:50%;width:clamp(5px,1.6vw,10px);box-shadow:inset -1px -1px #0003}.db-board{width:min(100%,440px);margin:0 auto}.db-board svg{touch-action:manipulation;width:100%;display:block}.db-dot{fill:#1d2233}.db-hit{stroke:#0000;stroke-width:9px;cursor:pointer}.db-empty{stroke:#d7dbe6;stroke-width:1.2px;stroke-dasharray:2 2}.db-line:hover .db-empty{stroke:#7548b3;stroke-width:2.2px;stroke-dasharray:none}.db-a{stroke:#1f6fd1;stroke-width:2.6px;stroke-linecap:round}.db-b{stroke:#e53935;stroke-width:2.6px;stroke-linecap:round}.is-last{filter:drop-shadow(0 0 2px #ffd23f)}.db-box-a{fill:#1f6fd122}.db-box-b{fill:#e5393522}.nim-heaps{justify-items:center;gap:10px;margin:8px 0;display:grid}.nim-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.nim-label{color:#7548b3;margin-inline-end:6px;font-weight:900}.nim-heaps .nim-stick{background:0 0;border:2px solid #0000;border-radius:10px;min-height:0;padding:2px;font-size:30px}.nim-stick.is-picked{background:#ffe0e0;border-color:#e53935;transform:translateY(-4px)}.sl-setup h2,.sl-setup h3{text-align:center;margin:6px 0;font-size:22px;font-weight:700}.sl-player{justify-content:center;align-items:center;gap:8px;margin:6px 0;display:flex}.sl-player input{border:2px solid #d7dbe6;border-radius:10px;width:120px;padding:6px 8px;font-weight:700}.sl-player select{border:2px solid #d7dbe6;border-radius:10px;padding:5px}.sl-player button{color:#c62828;background:0 0;border:0;font-weight:900}.sl-wrap{width:min(100%,520px);margin:0 auto}.sl-board{aspect-ratio:1;border:4px solid #1d2233;border-radius:10px;grid-template-columns:repeat(10,1fr);display:grid;position:relative;overflow:hidden}.sl-sq{background:#fff7d6;position:relative}.sl-sq.is-alt{background:#d9f0ff}.sl-sq small{color:#5d6377;font-size:clamp(7px,1.8vw,11px);font-weight:700;position:absolute;top:1px;left:2px}.sl-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sl-ladder line{stroke:#8a5a2b;stroke-width:1px;stroke-linecap:round}.sl-snake path{fill:none;stroke:#2e9e4f;stroke-width:2.2px;stroke-linecap:round;opacity:.85}.sl-snake circle{fill:#1f7a3b}.sl-token{filter:drop-shadow(0 1px 1px #000a);font-size:clamp(14px,4vw,24px);line-height:1;transition:left .15s,top .15s;position:absolute}.sl-die{font-size:56px;line-height:1}@media (width<=560px){.bgm-board{border-width:4px;width:calc(100vw - 8px);margin-inline:calc(50% - 50vw + 4px);padding-right:10%}.bgm-off{width:9.5%}.bgm-row{grid-template-columns:repeat(6,minmax(0,1fr)) minmax(0,.45fr) repeat(6,minmax(0,1fr))}}.bg-sticky{z-index:30;background:#fff;padding:4px 0 2px}.bg-sticky.is-pinned{border-radius:0 0 14px 14px;box-shadow:0 4px 10px #1d22332e}.bg-sticky .bg-status{margin:2px 0 4px}.bg-sticky .bgm-top{min-height:52px;margin-bottom:4px}.bg-sticky .bgm-dice span{font-size:44px}@media (width>=561px){.bg-play .bgm-board{width:min(100%,640px,max(300px,115dvh - 218.5px))}.bg-play .ch-board{width:min(100%,520px,max(280px,100dvh - 170px))}}.bg-arcade-link{text-align:center;font-weight:700;margin-top:10px!important}.bg-arcade-link a{font-weight:900;text-decoration:underline}.db-line:focus-visible{outline:none}.db-line:focus-visible .db-hit{stroke:#f6b800!important;stroke-opacity:1!important}