.board-garden{background:#173f32;color:#f7f5e9;border-color:#284e3f}.board-garden p{color:#e0e8d8}.board-garden .tag{color:#d9eb91}.board-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.board-choice{background:#f4f3e6!important;color:#183e31!important;border:0;text-align:left;padding:14px!important}.board-choice span{display:block;font-size:25px}.board-choice small{display:block;font-weight:400;margin-top:5px;line-height:1.4}.board-garden .board-camera{width:100%;background:#dceb99;color:#183e31;border:0;margin:14px 0 6px}.board-local-note{font-size:13px;line-height:1.5}.table-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.ar-table{position:absolute!important;transform:translate(-50%,-100%);background:none!important;border:0!important;padding:0!important;pointer-events:auto;min-height:44px;filter:drop-shadow(0 3px 3px #0007)}.ar-table svg{width:100%;display:block;overflow:visible}.ar-table span{display:block;background:#173e32eb;color:#fff;border:1px solid #dceb99;border-radius:9px;padding:5px;font-size:12px;white-space:nowrap;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.board-dialog{position:fixed;inset:0;z-index:20000;background:#f3f6ed;color:#173e31;overflow:auto;padding:env(safe-area-inset-top) max(12px,calc((100vw - 650px)/2)) max(22px,env(safe-area-inset-bottom));font-family:system-ui}.board-dialog header{position:sticky;top:0;z-index:2;background:#173e31;color:white;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-radius:0 0 15px 15px}.board-dialog header h2{font-size:19px;margin:0}.board-dialog header button{background:#f4f6ed;color:#173e31;padding:8px}.board-dialog .board-body{padding:16px 2px}.board-dialog p{line-height:1.5}.board-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.board-toolbar button{flex:1;font-size:14px}.board-status{background:#e1edcc;padding:13px;border-radius:12px;font-weight:700;min-height:48px}.board-grid{display:grid;gap:4px;max-width:540px;margin:15px auto;touch-action:manipulation}.board-grid button{aspect-ratio:1;min-height:0!important;padding:0!important;border-radius:8px;border:0;background:#e3e5d6;color:#143e30;font-size:clamp(16px,6vw,34px)}.board-grid.four{background:#1d594b;padding:6px;border-radius:15px}.board-grid.four button{background:#102f26;border-radius:50%}.board-grid.four .p1{background:#f2c552}.board-grid.four .p2{background:#f2f2e7}.board-grid.reversi{background:#2e664c;padding:5px;border-radius:12px}.board-grid.reversi button{background:#4c8664;position:relative}.board-grid.reversi button.p1:after,.board-grid.reversi button.p2:after{content:'';position:absolute;inset:12%;border-radius:50%;background:#122b23;box-shadow:0 2px 2px #0006}.board-grid.reversi button.p2:after{background:#faf5e5}.board-grid .legal:before{content:'·';color:#e6f2ab}.board-grid .matched{background:#c3dfab}.board-grid button:disabled{opacity:1;cursor:default}.board-grid.tic button{font-size:clamp(30px,12vw,70px)}.dice-row{display:flex;gap:7px;margin:18px 0}.dice-row button{flex:1;aspect-ratio:1;min-width:0;padding:0;font-size:clamp(28px,9vw,48px);background:white;color:#173e31;border:2px solid #b6c9ad}.dice-row button.held{background:#dcec9b;border-color:#1d594b}.dice-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.dice-scores button{font-size:15px}.board-dialog .board-finish{font-size:21px;font-weight:800}.board-source{color:#deecad!important;font-size:12px}.board-source a{color:inherit}@media(prefers-reduced-motion:reduce){.ar-table{transition:none}}@media(max-width:360px){.board-choices{grid-template-columns:1fr}}
.table-ranking{background:#173f32;color:#fff9e9;border:1px solid #d7c575;border-radius:16px;padding:15px;margin:14px 0;box-shadow:0 5px 16px #15352c25}.table-ranking strong{display:block;color:#f3dc8b;font-size:18px}.table-ranking ol{padding-left:24px;margin:12px 0}.table-ranking li{padding:5px 0}.table-ranking li span{display:inline-block;max-width:60%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.table-ranking li b{float:right;font-size:13px}.table-ranking small{display:block;margin-top:10px;opacity:.8;font-size:11px}.rank-tabs{display:flex;gap:6px;margin-top:10px}.rank-tabs button,.table-ranking>button{background:#fff7df;color:#173f32;min-height:40px;font-size:13px;padding:7px 11px}.rank-tabs button[aria-pressed=true]{background:#e1cf78;border-color:#e1cf78}.table-ranking p{font-size:13px;color:inherit;margin:9px 0}.ar-ranking{position:absolute;transform:translate(-50%,-100%);width:195px;pointer-events:auto;z-index:2}.ar-ranking .table-ranking{margin:0;padding:9px;background:#173f32f5}.ar-ranking .table-ranking strong{font-size:14px}.ar-ranking .table-ranking li{font-size:12px}.ar-ranking .table-ranking li b{font-size:11px}.ar-ranking .table-ranking small{display:none}.rank-save{background:#fff;border:1px solid #c2cfb6;padding:15px;border-radius:15px;margin-top:20px}.rank-save label{display:grid;gap:8px;font-weight:700}.rank-save input{font:inherit;padding:12px;border-radius:8px;width:100%;box-sizing:border-box}.rank-save p{font-size:13px}.table-context{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.table-context select{font:inherit;padding:10px;max-width:100%}
.table-ranking select{display:block;max-width:100%;width:100%;background:#fff9e9;color:#173f32;font:inherit;font-size:13px;border-radius:7px;padding:6px;margin-top:8px}