:root{color-scheme:light;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;color:#373e35;background:#ebe7dc;--paper:#ebe7dc;--ink:#373e35;--muted:#666758;--line:#5c634227;--moss:#4e624b;--copper:#995c39;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 50% 20%,#f6f3e8,transparent 70%),var(--paper)}button,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-underline-offset:4px}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--copper);outline-offset:5px}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}::selection{background:#cdd3bc}.skip-link{position:fixed;top:10px;left:12px;z-index:20;transform:translateY(-160%);background:var(--moss);color:white;padding:10px 15px}.skip-link:focus{transform:none}.site-header{max-width:1160px;margin:auto;padding:28px 46px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:var(--serif);font-size:26px;font-weight:700;letter-spacing:-1px;text-decoration:none}.brand span{display:inline-block;color:var(--moss);font-size:11px;margin-left:4px;vertical-align:3px}.site-header>a:last-child{font-size:12px;text-decoration:none}.site-header>a:last-child span{margin-left:7px}main{max-width:840px;margin:auto;padding:31px 28px 0;outline:none!important}.game-heading{text-align:center;margin-bottom:25px}h1{font-family:var(--serif);font-size:46px;line-height:1.2;font-weight:400;letter-spacing:-1.7px;margin:0 0 11px}.game-heading p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.game-area{max-width:530px;margin:0 auto}.settings{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;gap:16px}.mode-switch{display:flex;gap:17px}.mode-switch button{font-size:12px;border:0;border-bottom:1px solid transparent;background:transparent;padding:10px 0 7px;color:var(--muted)}.mode-switch button.selected{border-color:var(--moss);color:var(--ink);font-weight:600}.level-picker{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.level-picker select{border:0;background:transparent;color:var(--ink);font-size:11px;max-width:183px;padding:8px 0;cursor:pointer}.board-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;line-height:1.5;padding:15px 0 0}.board-wrap{width:100%;max-width:460px;aspect-ratio:500/448;position:relative;margin:5px auto 0;filter:drop-shadow(0 18px 12px #60533118)}.wooden-board{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.board{position:absolute;inset:0}.hole{position:absolute;left:var(--x);top:var(--y);width:clamp(44px,12vw,60px);height:clamp(44px,12vw,60px);transform:translate(-50%,-50%);padding:0;border:0;border-radius:50%;background:transparent;opacity:1!important;isolation:isolate}.socket{position:absolute;inset:4px;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#817457,#9a8969 65%,#c7b895 72%);box-shadow:inset 0 4px 6px #5346294f,0 1px 0 #efe5cc}.peg{position:absolute;inset:2px;border-radius:50%;background:radial-gradient(circle at 35% 26%,#9aa588 0,#78846d 28%,#52624b 65%,#3b4b36 100%);box-shadow:0 5px 3px #403b2830,inset -2px -3px 3px #2434203d,inset 1px 1px 2px #c8d0b475;opacity:0;scale:.82;transition:opacity .18s,scale .18s,translate .15s,box-shadow .15s;pointer-events:none}.peg:after{content:"";position:absolute;left:20%;top:12%;width:30%;height:18%;border-radius:50%;background:#e3e6cc17;rotate:-30deg;filter:blur(1px)}.hole.is-occupied .peg{opacity:1;scale:1}.hole.is-occupied:hover:not(:disabled) .peg{translate:0 -2px;box-shadow:0 7px 5px #403b283c,inset -2px -3px 3px #2434203d,inset 1px 1px 2px #c8d0b475}.hole.is-selected .peg{translate:0 -5px;box-shadow:0 9px 5px #403b284d,0 0 0 3px #f6eee0,inset -2px -3px 3px #2434203d}.hole.is-destination .socket{box-shadow:inset 0 4px 6px #5346294f,0 0 0 2px #f5eed7}.hole.is-destination .socket:after{content:"";position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);width:8px;height:8px;background:#f5eed7;border-radius:50%}.hole.is-hint .socket{box-shadow:inset 0 4px 6px #5346294f,0 0 0 3px #a5603a,0 0 0 6px #f5eed7}.hole:focus-visible{outline-offset:3px}.feedback{min-height:38px;font-size:12px;line-height:1.7;text-align:center;color:var(--muted);margin:16px 0 8px;padding:0 7px}.feedback.hint-message{color:var(--copper)}.action-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0}.action-bar button{min-height:40px;background:transparent;border:0;color:var(--ink);font-size:12px;padding:5px}.action-bar button span{font-size:21px;line-height:1;vertical-align:-2px;margin-right:5px}.action-bar button:hover:not(:disabled){color:var(--copper)}.move-counter{font-size:10px;color:var(--muted);white-space:nowrap;margin-right:10px}.move-counter strong{font-size:22px;font-family:var(--serif);font-weight:400;color:var(--ink);margin-right:4px}.text-button{display:block;background:transparent;border:0;color:var(--copper);font-size:11px;margin:13px auto 0;padding:6px}.text-button span{margin-left:6px}.board-help{font-size:10px;color:var(--muted);text-align:center;line-height:1.9;margin:17px 0 0}.victory{text-align:center;margin-top:22px;animation:arrive .3s ease-out}.victory h2{font-family:var(--serif);font-size:31px;font-weight:400;letter-spacing:-.7px;margin:0 0 10px}.victory p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 17px}.primary-button{background:var(--moss);border:1px solid var(--moss);border-radius:5px;color:#fffaf0;padding:12px 17px;font-size:12px;line-height:1.5}.primary-button:hover{background:#63765c}.primary-button span{margin-left:8px}.notice{border:1px solid #ae9c7970;background:#f8edda;border-radius:4px;padding:12px 15px;margin-top:18px;font-size:12px;line-height:1.7}.notice p{margin:0}.notice button{background:transparent;border:0;color:var(--copper);padding:7px 0 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.about{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;border-top:1px solid var(--line);padding:30px 0 37px;margin-top:39px}.about h2{font-family:var(--serif);font-size:30px;line-height:1.3;font-weight:400;letter-spacing:-.7px;margin:0}.about p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 13px}.about a{font-size:11px;text-decoration:none}.about a span{margin-left:8px}.site-footer{max-width:1068px;margin:0 auto;padding:24px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}.site-footer>a{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:-.7px;text-decoration:none;color:var(--ink)}.site-footer nav{display:flex;gap:24px}.site-footer nav a{text-decoration:none}dialog{max-width:425px;width:calc(100% - 36px);border:1px solid #b5b69f;border-radius:8px;background:#f1eee4;color:var(--ink);padding:29px;box-shadow:0 20px 90px #2b332340}dialog::backdrop{background:#30372680;backdrop-filter:blur(3px)}dialog h2{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.2;margin:0 0 16px;letter-spacing:-.5px}dialog p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 24px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.dialog-actions button:not(.primary-button){border:1px solid #a8ae96;background:transparent;color:var(--ink);border-radius:5px;font-size:12px;padding:11px 15px}@keyframes arrive{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
.guide{max-width:790px;padding-top:50px}.guide-header{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:32px}.guide-header h1{font-size:43px;max-width:640px}.guide-header p{font-size:16px;line-height:1.8;color:var(--muted);max-width:590px}.guide section{max-width:650px;margin-bottom:34px}.guide h2{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:-.5px;margin:0 0 15px}.guide p,.guide li{font-size:14px;line-height:1.9;color:var(--muted)}.guide strong{color:var(--ink);font-weight:550}.guide ol,.guide ul{padding-left:23px}.guide li{padding-left:5px;margin-bottom:9px}.guide .primary-button{display:inline-block;text-decoration:none;margin:10px 0 18px}.jump-example{display:flex;align-items:center;gap:17px;flex-wrap:wrap;background:#dfd5bf;border-radius:7px;padding:23px;margin:23px 0;max-width:455px}.jump-triple{display:flex;gap:11px}.example-hole{width:37px;height:37px;border-radius:50%;background:#a19577;box-shadow:inset 0 3px 4px #75674750}.example-hole.filled{background:radial-gradient(circle at 35% 25%,#9aa588,#52624b 65%,#3b4b36);box-shadow:0 3px 3px #75674740}.example-arrow{color:var(--copper);font-size:23px}.key{font-size:11px;border:1px solid #b1b69e;border-radius:3px;padding:2px 5px;background:#fff8;color:var(--ink)}
@media(max-width:1160px){.site-footer{margin-left:46px;margin-right:46px}}@media(max-width:620px){.site-header{padding:23px 22px 0}.brand{font-size:24px}.site-header>a:last-child{font-size:11px}main{padding:29px 22px 0}.game-heading{margin-bottom:21px}h1{font-size:39px}.game-heading p{font-size:12px}.settings{gap:10px;padding-bottom:11px}.mode-switch{gap:14px}.mode-switch button{font-size:11px}.level-picker{gap:5px}.level-picker>span{display:none}.level-picker select{font-size:10px;max-width:165px}.board-meta{font-size:9px;padding-top:13px}.board-wrap{margin-top:10px}.feedback{font-size:11px;min-height:38px;margin-top:10px;padding:0 2px}.action-bar{gap:7px}.action-bar button{font-size:11px;padding:4px}.action-bar button span{font-size:20px;margin-right:4px}.move-counter{font-size:9px;margin-right:2px}.move-counter strong{font-size:21px;margin-right:3px}.board-help{font-size:9px}.about{grid-template-columns:1fr;gap:19px;padding:26px 0 31px;margin-top:29px}.about h2{font-size:28px}.about h2 br{display:none}.about p{font-size:11px}.site-footer{margin-left:22px;margin-right:22px;padding:22px 0 28px}.site-footer nav{gap:20px}.guide{padding-top:38px}.guide-header h1{font-size:36px}.guide-header p{font-size:14px}.guide p,.guide li{font-size:13px}.guide h2{font-size:26px}.jump-example{gap:12px;padding:20px 15px}.jump-triple{gap:8px}.example-hole{width:31px;height:31px}}@media(max-width:350px){main{padding-left:16px;padding-right:16px}.site-header{padding-left:16px;padding-right:16px}.level-picker select{max-width:150px;font-size:9px}.mode-switch{gap:12px}.action-bar{gap:5px}.action-bar button{font-size:10px}.action-bar button span{margin-right:2px}.hole{width:44px;height:44px}.example-hole{width:28px;height:28px}.jump-triple{gap:7px}.jump-example{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the quiet layout readable and operable on small screens. */
.site-header>a:last-child,.site-footer nav a{min-height:44px;display:inline-flex;align-items:center;font-size:13px}.mode-switch button,.level-picker select,.action-bar button{min-height:44px;font-size:14px}.level-picker{font-size:12px}.board-meta,.move-counter,.board-help{font-size:12px}.feedback{font-size:14px;line-height:1.7}.about p{font-size:15px}.about a{font-size:14px}.site-footer{font-size:12px}.dialog-actions button{min-height:44px}.game-heading p{font-size:14px}