body{margin:0;background:#2b241b url('assets/collection/materials/timber.webp') center/600px;color:#302114;font:16px/1.5 Georgia,serif}.record-page{max-width:1000px;margin:28px auto;padding:28px;background:#efdfba url('assets/medieval/aged-parchment.webp') center/cover;border:5px ridge #997445;box-shadow:0 8px 28px #0008;box-sizing:border-box}.record-page a{color:#245969}.record-page button,.record-page select{color:#302114;background:#e5cfa4;border:2px solid #886334;border-radius:3px;padding:10px 14px;min-height:44px;font:600 15px Georgia,serif;cursor:pointer}.record-page button:disabled{opacity:.5;cursor:default}.record-page button:focus-visible,.record-page input:focus-visible,.record-page a:focus-visible{outline:3px solid #176075;outline-offset:3px}.record-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #987648}.record-row>div{flex:1;min-width:190px}.record-row h3,.record-row p{margin:3px 0}.replay-controls{display:flex;gap:8px;flex-wrap:wrap}.record-page input[type=range]{width:100%;min-height:44px}.replay-board{display:grid;width:min(100%,650px);aspect-ratio:1;background:#bc905d;border:10px solid #634127;box-sizing:border-box;margin:20px auto;position:relative}.replay-cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;border:1px solid #63412766}.replay-cell img{width:92%;height:92%;object-fit:contain}.replay-board.hikoro{aspect-ratio:10/16;max-width:500px;border:0;background:url('assets/hikoro-wood/board.webp') center/100% 100%}.hikoro .replay-cell,.academy .replay-cell{border:0}.hikoro .replay-cell img,.academy .replay-cell img{filter:brightness(1.28) contrast(1.08) drop-shadow(1px 0 #fff0c1) drop-shadow(-1px 0 #fff0c1)}.replay-board.academy{background:url('assets/hikoro-wood/academy-board.svg') center/100% 100%}.replay-board.hikoruka .replay-cell:nth-child(even){background:#f2dfb366}.replay-board.shavari{background:#197577}.shavari .replay-cell{border-color:#d5ad6466}.replay-stack{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.replay-stack img{height:auto;max-height:33%;width:65%;filter:drop-shadow(0 1px #ffdf8b)}.replay-stack .owner-2{background:#e4906577}.replay-stack .owner-1{background:#61cab377}.replay-board.go .replay-cell{background:linear-gradient(90deg,transparent 49%,#493221 49%,#493221 51%,transparent 51%),linear-gradient(transparent 49%,#493221 49%,#493221 51%,transparent 51%);border:0}.replay-stone{border-radius:50%;width:70%;aspect-ratio:1;background:radial-gradient(at 35% 30%,#666,#121212 70%);box-shadow:1px 2px 3px #0008}.replay-stone.white{background:radial-gradient(at 35% 30%,#fff,#dedbd0 70%)}.replay-stone.shield{border-radius:15% 15% 50% 50%;outline:2px solid #c8a768}.replay-board.shodansho{display:block;background:url('assets/collection/garden-board.webp') center/100% 100%;border:0}.garden-piece{position:absolute;width:4.6%;height:4.6%;object-fit:contain;transform:translate(-50%,-50%)}#replay-actions{max-height:270px;overflow:auto;padding-left:32px}#replay-actions button{padding:3px 8px;min-height:32px;font-weight:400;border:0;background:transparent}#replay-actions [aria-current=true]{background:#ceb074}@media(max-width:600px){.record-page{margin:0;padding:16px;border-width:3px;min-height:100dvh}.replay-controls{position:sticky;top:0;background:#efdfba;z-index:3;padding:8px 0}.replay-controls button{flex:1;padding:8px;white-space:nowrap}.replay-board{border-width:5px}.record-row button{flex:1}.record-page h1{font-size:27px}}
.replay-board.bastion{background:repeating-linear-gradient(6deg,transparent 0 12px,#6d4c2520 13px,transparent 14px 22px),linear-gradient(110deg,#d8b176,#c28f58);border:9px ridge #684428}.bastion .replay-cell{border-color:#60432399}.replay-bastion-piece{position:relative;width:78%;height:78%;display:grid;place-items:center;border-radius:50%;font:700 clamp(6px,1.2vw,14px) Georgia;color:#f8edce;border:2px solid #d7be87;background:radial-gradient(circle at 30% 20%,#625e50,#171a16 70%);box-shadow:0 2px 4px #0008}.replay-bastion-piece.owner-2{color:#393224;background:radial-gradient(circle at 30% 20%,#fff8e5,#b9a57e 72%);border-color:#85734e}.replay-bastion-piece.keep{border-radius:5px;border-width:3px;outline:1px solid #77542a;outline-offset:-5px}.replay-bastion-piece.marshal{border-radius:30% 50%}.replay-bastion-piece.warden{transform:rotate(45deg);border-color:#8eaa8c}.replay-bastion-piece.levy{width:66%;height:66%;border-width:1px}.replay-bastion-piece small{position:absolute;top:-20%;right:-20%;border-radius:50%;background:#684428;color:white;padding:1px 3px;font:700 8px/1 system-ui}

.replay-board.shavari-go{background:repeating-linear-gradient(4deg,transparent 0 12px,#6d4c2520 13px,transparent 14px 23px),linear-gradient(110deg,#dfc18a,#c2935a);border:8px ridge #684428}.shavari-go .replay-cell{border-color:#60432399}.replay-shavari-piece{width:78%;height:78%;padding:6%;object-fit:contain;border-radius:50%;background:radial-gradient(circle at 30% 20%,#625e50,#171a16 70%);border:2px solid #d7be87;box-shadow:0 2px 4px #0008}.replay-shavari-piece.owner-1{filter:brightness(0) saturate(100%) invert(90%) sepia(24%) saturate(650%) hue-rotate(350deg) brightness(103%)}.replay-shavari-piece.owner-2{background:radial-gradient(circle at 30% 20%,#fff8e5,#b9a57e 72%);border-color:#85734e}.replay-shavari-piece.keep{border-radius:5px;border-width:3px}.replay-shavari-piece.levy{width:66%;height:66%;border-width:1px}
.replay-board.fourfold-garden{aspect-ratio:1;border-radius:50%;overflow:hidden;background:#baaa83;border:10px ridge #684428}.fourfold-garden .garden-point{border-color:#604b3266}.fourfold-garden .garden-point.garden-red{background:#c98570}.fourfold-garden .garden-point.garden-white{background:#eee5cf}.fourfold-garden .garden-point.garden-neutral{background:#b9ae8e}.fourfold-garden .garden-point.garden-axis{background:linear-gradient(90deg,#c98570 0 50%,#eee5cf 50%)}.fourfold-garden .garden-point.garden-gate{background:#c86e5d}.fourfold-garden .garden-point.offboard{visibility:hidden;border:0}.garden-token{display:grid;place-items:center;width:78%;height:78%;border-radius:50%;box-shadow:0 2px 5px #0008;border:2px solid #56452f;font-size:clamp(6px,1.2vw,15px);line-height:1}.garden-token.owner-1{color:#47351d;background:radial-gradient(circle at 30% 25%,#fff4cf,#d4bb7e 70%)}.garden-token.owner-2{color:#263849;background:radial-gradient(circle at 30% 25%,#f5fbff,#8daec4 70%)}.garden-token.tool{border-radius:9px;outline:1px solid #fff9;outline-offset:-4px}@media(max-width:600px){.replay-board.fourfold-garden{border-width:4px}}