/* Existing credited materials and piece artwork; these controls are composed in CSS. */
.experience-open,.table-companion button,.lesson-dock button,.replay-journal button,.experience-dialog button{min-height:44px;padding:10px 16px;border:1px solid #937849;border-radius:4px;background:linear-gradient(#f2e5c5eb,#d3bd8feb),url('assets/medieval/aged-parchment.webp') center/cover;color:#302819;font:600 14px/1.3 Georgia,serif;cursor:pointer;box-shadow:inset 0 0 0 2px #f4e4be55,0 2px 3px #0003}
button:disabled{cursor:default}.experience-open{white-space:nowrap;font-size:12px;padding:8px 10px}.experience-dialog{width:min(520px,90vw);box-sizing:border-box;padding:28px;background:#ecdfbf;color:#302819;border:2px solid #937849}.experience-dialog::backdrop{background:#111b17aa}.experience-dialog label,.replay-journal label{display:block;margin:12px 0}.experience-dialog select,.replay-journal input:not([type=checkbox]),.replay-journal textarea,.table-companion input{width:100%;box-sizing:border-box;color:#302819;background:#f9f0d9;border:1px solid #937849;padding:10px;min-height:44px;font:inherit}.experience-dialog p,.replay-journal p,.lesson-dock p,.table-companion p,.table-companion small{color:#3c3426;line-height:1.6}.table-companion,.lesson-dock,.replay-journal{margin:18px auto;padding:20px;max-width:1060px;box-sizing:border-box;background:linear-gradient(#e9dbb9f2,#dbc598f2);color:#302819;border:1px solid #aa8a53;border-radius:4px;box-shadow:inset 0 0 0 3px #f5e4bd44,0 5px 14px #0002}.table-companion[hidden]{display:none}.table-companion{width:calc(100% - 28px)}.table-companion p{margin:8px 0}.table-companion small{display:block}.table-companion label{display:block;margin:12px 0}.lesson-dock{width:100%;margin:0 0 18px;padding:12px 18px}.lesson-dock h3{margin:6px 0;color:#302819}.lesson-dock p{margin:8px 0}.lesson-actions{display:flex;gap:8px;flex-wrap:wrap}.tutorial-target{outline:3px solid #d0ae58!important;outline-offset:4px}.game-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-record-grid>div{padding:12px;background:#f4e8cc;border:1px solid #b69d70}.favorite-choice{display:flex!important;align-items:center;gap:8px;min-height:44px}.favorite-choice input{width:auto}.skip-link{position:fixed;top:-100px;left:10px;z-index:5000;background:#f4e8cc;color:#302819;padding:12px}.skip-link:focus{top:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:3px solid #18758a;outline-offset:3px}.replay-journal details>summary{cursor:pointer;min-height:44px}.replay-journal #notes-bookmarks{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.piece-army-label{position:absolute;right:1px;bottom:1px;z-index:6;font:bold 10px/1.2 sans-serif;color:#302819;background:#f5e8c5;border:1px solid #685435;border-radius:50%;width:14px;height:14px;text-align:center;pointer-events:none}.square .piece{position:relative}.mini-piece .piece-army-label{right:0;bottom:0}.go-stone:after{content:''}.intersection.legal:before,.mini-cell.legal:before{border:2px solid #f0e3bd;box-shadow:0 0 0 2px #244531}.intersection.legal-capture:before,.mini-cell.legal-capture:before{border-style:double;border-width:4px}.garden-keyboard{margin:14px 0;background:#e9dbb9;color:#302819;padding:12px}.garden-keyboard label{display:block;margin:8px 0}.garden-keyboard select{min-height:44px;width:100%;max-width:100%;background:#faf0d6;color:#302819}.garden-keyboard summary{min-height:44px;cursor:pointer}[data-owner-labels=false] .piece-army-label{display:none}[data-piece-contrast=bright]{--hikoro-piece-filter:brightness(1.48) contrast(1.1) drop-shadow(0 1px 1px #24180c)}[data-piece-contrast=strong]{--hikoro-piece-filter:brightness(1.4) contrast(1.25) drop-shadow(1px 0 #f6e6bd) drop-shadow(-1px 0 #f6e6bd) drop-shadow(0 1px #332514) drop-shadow(0 -1px #332514)}[data-piece-contrast=strong] :is(.token img,.go-stone,.mini-piece img){filter:contrast(1.2) drop-shadow(0 1px 1px #24180c)}[data-reduce-motion=true] *,[data-reduce-motion=true] *:before,[data-reduce-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(max-width:760px){.experience-open{min-height:44px}.player-appbar{flex-wrap:wrap}.lesson-dock{padding:12px;margin-bottom:12px}.lesson-actions button{flex:1}.table-companion{padding:14px}.game-record-grid{grid-template-columns:1fr}.replay-controls{display:flex;flex-wrap:wrap}.replay-controls button{min-height:44px;flex:1}.replay-journal{padding:14px}.replay-journal button{margin:4px 0;width:100%}.mobile-board-tools{flex-wrap:wrap}.mobile-focus-selection{min-height:44px}.mobile-board-viewport{scroll-padding:40px;overscroll-behavior:contain}.mobile-board-viewport:focus-visible{outline-offset:-3px}body{padding-bottom:env(safe-area-inset-bottom)}button,a.quiet-button,input,select{touch-action:manipulation}.record-page{padding:16px!important;max-width:100%;box-sizing:border-box}.record-row{flex-wrap:wrap}.record-row>div{min-width:0;overflow-wrap:anywhere}.record-row button{min-height:44px}}

.token,.go-stone{position:relative}.mini-cell.capture:before{border:3px double #8d2d22!important}.mini-cell.legal:not(.capture):before{outline:2px solid #263e2d}.hikoro-site #game-board .move-plate.attack{border:3px double #8d2d22}

.review-banner{margin:0;padding:10px 16px;background:#f4e8c5;color:#392e1e;text-align:center;font:600 12px/1.5 sans-serif;letter-spacing:.04em}.player-appbar nav{flex-wrap:wrap}
body[data-audio-theme=go] .lesson-dock button{background:linear-gradient(#f0eadbcc,#d2cbbacc),url('assets/collection/materials/stone.webp') center/240px;color:#26332a}body[data-audio-theme=bastion] .lesson-dock button{background:linear-gradient(#705632,#4b3823);color:#fff0cf;border-color:#c4a065}body[data-audio-theme=shavari] .lesson-dock button{background:linear-gradient(#266b62dd,#1e4844ee);color:#f4e8c8;border-color:#c3a267}body[data-audio-theme=hikoruka] .lesson-dock button{background:linear-gradient(#593d2ecc,#2d2015ee),url('assets/collection/materials/timber.webp') center/240px;color:#f4e8c8}

.lesson-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.lesson-choices button{white-space:normal;text-align:left;min-height:48px}.lesson-feedback{min-height:1.6em}.lesson-choices button[aria-pressed=true]{outline:3px solid #18758a;outline-offset:2px}.lesson-choices button:disabled{opacity:.85}@media(max-width:560px){.lesson-choices{grid-template-columns:1fr}}
.hikoro-site>.lesson-dock{width:calc(100% - 28px);margin:18px auto}