.rb .rb-change-run{bottom:calc(env(safe-area-inset-bottom) + 76px);z-index:3;background:var(--rb-paper);color:var(--rb-ink);border-radius:var(--radius-full);min-height:44px;padding:8px 14px;position:absolute;right:12px}.rb{--rb-ink:#2b2118;--rb-muted:#6d5a48;--rb-paper:#fffaf2;--rb-blue:#2a66b0;--rb-orange:#c4552e;--play-ink:var(--rb-ink);--play-icon-bg:#fffaf2d1;border-radius:var(--radius-xl);isolation:isolate;color:var(--rb-ink);-webkit-tap-highlight-color:transparent;border:1px solid #d9c6a8;position:relative;overflow:hidden}.rb p{margin:0}.rb-stage{aspect-ratio:4/3;background:repeating-linear-gradient(90deg,#0000 0 118px,#46280f29 118px 120px),repeating-linear-gradient(0deg,#b98a58 0 30px,#b4834f 30px 31px,#bd8f5d 31px 61px,#ae7c49 61px 62px);outline:none;width:100%;position:relative}.rb-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.rb:not([data-play-mode]) .rb-stage{cursor:pointer}.rb-entry{justify-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-5);background:#f6efe3;display:grid}.rb-legend{gap:var(--space-4);font-size:.95rem;font-weight:800;display:flex}.rb-legend__you{color:var(--rb-blue)}.rb-legend__cpu{color:var(--rb-orange)}.rb-cta{min-width:168px;min-height:56px;padding-inline:var(--space-6);border-radius:var(--radius-full);background:var(--color-primary);color:var(--on-primary);font:inherit;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;box-shadow:0 5px 0 var(--color-primary-strong);border:0;font-size:1.2rem;font-weight:800;transition:translate 60ms,box-shadow 60ms}.rb-cta:active{box-shadow:0 2px 0 var(--color-primary-strong);translate:0 3px}.rb-link{min-height:44px;padding:0 var(--space-3);color:var(--rb-muted);font:inherit;text-underline-offset:3px;cursor:pointer;touch-action:manipulation;background:0 0;border:0;font-weight:700;text-decoration:underline}.rb :focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.rb-top,.rb-hint,.rb-banner,.rb-card{display:none}.rb [hidden]{display:none!important}.rb [data-off]{visibility:hidden}.rb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.rb[data-play-mode=on]{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:0;animation:.3s ease-out rb-fade}@keyframes rb-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.rb[data-play-mode=on],.rb-banner,.rb-card{animation:none!important}}.rb[data-play-mode=on] .rb-entry{display:none}.rb[data-play-mode=on] .rb-stage{aspect-ratio:auto;touch-action:none;position:absolute;inset:0}.rb[data-play-mode=on] .rb-stage:focus-visible{box-shadow:inset 0 0 0 4px var(--color-focus)}.rb[data-play-mode=on] .play-bar{padding:calc(env(safe-area-inset-top) + var(--space-2)) calc(env(safe-area-inset-right) + var(--space-3)) var(--space-2) calc(env(safe-area-inset-left) + var(--space-3));z-index:2;pointer-events:none;position:absolute;inset:0 0 auto}.rb[data-play-mode=on] .play-bar button{pointer-events:auto}.rb[data-play-mode=on] .rb-top{z-index:2;top:calc(env(safe-area-inset-top) + 62px);pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute;left:50%;translate:-50%}.rb-hud{align-items:center;gap:var(--space-3);padding:4px var(--space-3);border-radius:var(--radius-full);white-space:nowrap;background:#fffaf2e6;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 2px 10px #3c281424}.rb-hud__side{align-items:center;gap:6px;display:inline-flex}.rb-hud__side--you{color:var(--rb-blue)}.rb-hud__side--cpu{color:var(--rb-orange)}.rb-hud__round{color:var(--rb-muted);font-size:.85rem}.rb-pips{gap:3px;margin:0;padding:0;list-style:none;display:inline-flex}.rb-pips li{opacity:.55;border:2px solid;border-radius:50%;width:11px;height:11px}.rb-pips li[data-on=true]{opacity:1;background:currentColor}.rb-status{align-items:center;gap:var(--space-2);min-height:36px;padding:4px var(--space-4);border-radius:var(--radius-full);white-space:nowrap;background:#fffaf2e6;font-size:1.02rem;font-weight:800;display:flex;box-shadow:0 2px 10px #3c28141f}.rb[data-turn=player] .rb-status__mark:before{content:"▬";color:var(--rb-blue)}.rb[data-turn=cpu] .rb-status__mark:before{content:"▬";color:var(--rb-orange)}.rb[data-phase=moving] .rb-status{opacity:.6}.rb[data-phase=roundEnd] .rb-status{opacity:0}.rb[data-play-mode=on] .rb-hint{z-index:2;bottom:calc(env(safe-area-inset-bottom) + var(--space-3));max-width:calc(100% - 2 * var(--space-3));padding:5px var(--space-4);border-radius:var(--radius-full);text-align:center;white-space:nowrap;pointer-events:none;background:#fffaf2e0;justify-items:center;gap:2px;font-size:.95rem;font-weight:800;line-height:1.35;display:grid;position:absolute;left:50%;translate:-50%;box-shadow:0 2px 10px #3c281424}.rb-hint__keys{color:var(--rb-muted);font-size:.8rem;font-weight:700}@media (hover:none),(pointer:coarse){.rb-hint__keys{display:none}}@media (width<=360px){.rb[data-play-mode=on] .rb-hint{font-size:.85rem}}.rb[data-play-mode=on] .rb-banner{z-index:3;width:max-content;max-width:calc(100% - 2 * var(--space-4));padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);text-align:center;pointer-events:none;background:#fffaf2f0;justify-items:center;gap:2px;animation:.25s cubic-bezier(.2,.9,.3,1.2) rb-pop;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 8px 26px #3c281438}@keyframes rb-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}.rb-banner__title{font-size:1.4rem;font-weight:800}.rb-banner__sub{color:var(--rb-muted);font-weight:700}.rb[data-play-mode=on] .rb-card{z-index:3;justify-items:center;gap:var(--space-2);width:min(calc(100% - 2 * var(--space-4)), 400px);max-height:calc(100% - 72px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:var(--space-4) var(--space-4) var(--space-4);border-radius:var(--radius-lg);text-align:center;background:#fffbf5f5;animation:.3s cubic-bezier(.2,.8,.3,1) rb-rise;display:grid;position:absolute;top:calc(50% + 24px);left:50%;overflow:auto;translate:-50% -50%;box-shadow:0 12px 34px #3c28143d}@keyframes rb-rise{0%{opacity:0;translate:-50% calc(14px - 50%)}to{opacity:1;translate:-50% -50%}}.rb-card__title{font-size:1.35rem;font-weight:800}.rb-card__sub{color:var(--rb-muted);font-weight:700}.rb-levels{gap:var(--space-2);width:100%;margin:var(--space-1) 0 var(--space-2);border:0;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;padding:0;display:grid}.rb-levels legend{margin:0 auto var(--space-1);color:var(--rb-muted);padding:0;font-size:.85rem;font-weight:800}.rb-level{min-height:64px;padding:var(--space-2) 4px;border-radius:var(--radius-md);cursor:pointer;background:#fff;border:2px solid #e2d3bd;align-content:center;gap:1px;display:grid;position:relative}.rb-level input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.rb-level__name{font-weight:800}.rb-level__note{color:var(--rb-muted);font-size:.72rem;font-weight:700}.rb-level__record{color:var(--rb-muted);font-size:.68rem;font-weight:600;line-height:1.25}.rb-level:has(input:checked){border-color:var(--rb-blue);box-shadow:inset 0 0 0 1px var(--rb-blue);background:#eef5fd}.rb-level:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.rb-result__mark{font-size:2rem;font-weight:800;line-height:1}.rb[data-outcome=win] .rb-result__mark:before{content:"◎";color:#1f7a5a}.rb[data-outcome=lose] .rb-result__mark:before{content:"✕";color:#a8452f}.rb[data-outcome=draw] .rb-result__mark:before{content:"＝";color:var(--rb-muted)}.rb-result__title{font-size:1.7rem;font-weight:800}.rb-result__score{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800}.rb-result__badge{padding:2px var(--space-4);border-radius:var(--radius-full);background:#ffd98a;font-weight:800}.rb-result__stats{justify-content:center;gap:var(--space-1) var(--space-5);flex-wrap:wrap;margin:0;display:flex}.rb-result__stats div{gap:2px;display:grid}.rb-result__stats dt{color:var(--rb-muted);white-space:nowrap;font-size:.8rem;font-weight:700}.rb-result__stats dd{margin:0;font-size:.95rem;font-weight:800}.rb-result__level{color:var(--rb-muted);font-size:.85rem;font-weight:700}@media (orientation:landscape) and (height<=520px){.rb[data-play-mode=on] .rb-top{top:calc(env(safe-area-inset-top) + var(--space-2));grid-auto-flow:column;align-items:center}.rb-hud,.rb-status{min-height:var(--tap-min)}.rb[data-play-mode=on] .rb-hint{bottom:calc(env(safe-area-inset-bottom) + 4px);gap:var(--space-4);grid-auto-flow:column;padding-block:3px;font-size:.85rem}.rb[data-play-mode=on] .rb-card{max-height:calc(100% - 64px);padding:var(--space-3);width:min(calc(100% - 2 * var(--space-4)), 460px);gap:6px;top:calc(50% + 26px)}.rb-card__title{font-size:1.15rem}.rb-levels{margin:0}.rb-level{min-height:56px}.rb-cta{min-height:48px;font-size:1.05rem}.rb-result__mark{display:none}.rb-result__title{font-size:1.3rem}.rb[data-play-mode=on] .rb-result:not([hidden]){align-items:center;column-gap:var(--space-3);grid-template-columns:1fr 1fr}.rb-result>:is(.rb-result__title,.rb-result__score,.rb-card__sub,.rb-result__badge,.rb-result__level),.rb-result>.rb-result__stats{grid-column:1/-1}}@media (width<=380px){.rb-hud{gap:var(--space-2);padding-inline:var(--space-2);font-size:.82rem}.rb-level__note{display:none}}@media (width<=520px){.rb:not([data-play-mode]) .rb-stage{aspect-ratio:1}}