@import url('rebuild.css');body{--accent:#e9c282}body[data-game=fukuwarai]{--accent:#efa9b6}body[data-game=patintero]{--accent:#9ddbc7}.trio-stage{position:relative;aspect-ratio:1;max-width:560px;margin:auto;overflow:hidden;background:#18313a}.trio-stage svg{width:100%;height:100%;display:block}.trio-stage canvas{width:100%;height:100%;max-height:none;aspect-ratio:1}.hunt-grid{position:absolute;inset:7%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:4px}.hunt-grid button{padding:0;min-height:0;border-radius:50%;margin:5%;font-size:clamp(15px,3vw,26px);background:#203b42;border:2px solid #738985;color:#f4eee2}.hunt-grid button[data-piece=T]{background:#dba662;color:#201c15}.hunt-grid button[data-piece=G]{background:#c8e2d1;color:#14352b}.hunt-grid button.legal{border:3px solid #f9e290;box-shadow:0 0 0 3px #f9e29040}.hunt-grid button.selected{outline:3px solid #fff}.trio-stage:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.face-stage{touch-action:none;cursor:crosshair}.face-stage svg{background:#f2e6d0}.trio-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#14242bea;padding:20px;text-align:center}.trio-overlay[hidden]{display:none}.trio-overlay h2{font-size:30px}.trio-overlay p{line-height:1.7;color:#d2dedd}.trio-options{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.trio-options label{display:grid;gap:7px;flex:1}.trio-options select{font:inherit;padding:10px;background:#25333d;color:white;border:1px solid #75878b;border-radius:10px}.dpad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:210px;margin:auto}.dpad button{touch-action:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.rb-controls{justify-content:center}.trio-note{font-size:12px;color:#b7c7cc}.rb-hud strong{font-size:17px}.rb-heading a{white-space:normal}
#surface{width:100%;height:100%}