.yg{max-width:680px;margin:0 auto 28px;padding:clamp(12px,3vw,26px);border:1px solid #cfdbc9;border-radius:20px;background:#fbfcf5;color:#294b38;font:16px/1.55 Arial,sans-serif;box-sizing:border-box}.yg *{box-sizing:border-box}.yg h1{font:normal clamp(26px,5vw,36px)/1.2 Georgia,serif;text-align:left;margin:0 0 12px}.yg p{text-align:left;margin:12px 0}.yg-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}.yg-controls label{display:grid;gap:6px;flex:1;min-width:130px}.yg select,.yg .yg-new{font:inherit;min-height:46px;padding:10px 16px;border:1px solid #69896b;border-radius:12px;background:#fff;color:#294b38}.yg .yg-new{background:#366347;color:white;cursor:pointer}.yg-status{min-height:52px;font-weight:bold}.yg-board{display:grid;margin:16px auto;aspect-ratio:1;width:100%;touch-action:manipulation}.yg-tic{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:390px}.yg-checkers{grid-template-columns:repeat(8,minmax(0,1fr));max-width:520px;border:3px solid #537653;gap:0}.yg .yg-cell{margin:0;padding:0;min-width:0;min-height:0;border:0;display:flex;align-items:center;justify-content:center;aspect-ratio:1;position:relative;font:700 clamp(30px,10vw,68px)/1 Arial,sans-serif;cursor:pointer;touch-action:manipulation}.yg-tic .yg-cell{border:2px solid #9db598;border-radius:12px;background:#fff;color:#24543b}.yg-tic .yg-cell[data-piece=O]{color:#996628}.yg-tic .yg-cell.won{background:#dbeac9;border-color:#39744a}.yg-checkers .yg-cell{background:#edf0d8;border-radius:0}.yg-checkers .yg-cell.dark{background:#678260}.yg-checkers .yg-cell.selected{outline:3px solid #e8be39;outline-offset:-4px}.yg-checkers .yg-cell.target:after{content:'';position:absolute;width:25%;height:25%;border-radius:50%;background:#ffe58c;box-shadow:0 0 0 2px #294b38}.yg-piece{width:76%;height:76%;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #d6d7c8;box-shadow:0 2px 3px #0005,inset 0 0 0 3px #ffffff35;background:#fcf8dc;color:#355440;font-size:clamp(13px,3vw,24px)}.yg-piece.black{background:#253d32;border-color:#13291f;color:#ffedab}.yg button:disabled{cursor:default;opacity:1}.yg button:focus-visible,.yg select:focus-visible{outline:3px solid #ae7618;outline-offset:3px;z-index:1}.yg-checkers button:focus-visible{outline-offset:-3px}.yg details{margin-top:18px}.yg summary{cursor:pointer;font-weight:bold}.yg .yg-count{font-size:14px}.yg [hidden]{display:none!important}@media(forced-colors:active){.yg-checkers .dark{background:CanvasText}.yg-piece{forced-color-adjust:none}.yg-checkers .target:after{forced-color-adjust:none}.yg-checkers .selected{outline-color:Highlight}.yg-tic .won{outline:3px solid Highlight;outline-offset:-5px}}@media(max-width:420px){.yg{padding:12px}.yg-tic{gap:6px}.yg-controls{gap:8px}.yg .yg-new{flex:1}.yg-status{font-size:15px}}
@media(forced-colors:active){.yg-checkers .yg-cell{forced-color-adjust:none;background:#edf0d8}.yg-checkers .yg-cell.dark{background:#678260}}
.yg-checkers .yg-cell{border:1px solid #869a78;forced-color-adjust:none}