@import url("../../assets/game-demo.css");
.triangle-shell{--board-edge:10px;min-height:0!important}.triangle-shell .scorebar{grid-template-columns:repeat(4,minmax(0,1fr))}.triangle-stage{position:relative;width:calc(100% + var(--board-edge)*2);max-width:max(300px,calc((100svh - 230px)*1.129412));left:50%;transform:translateX(-50%);margin:0}.triangle-board{position:relative;width:100%;aspect-ratio:768/680;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:0}.triangle-board *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.triangle-board>svg,.triangle-targets{position:absolute;inset:0;width:100%;height:100%}.triangle-hit{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;min-width:0;border:0;border-radius:50%;background:transparent;touch-action:none;cursor:crosshair}.triangle-hit:disabled{opacity:1;cursor:default}.triangle-hit:focus-visible{outline:2px solid #ffe3a4;outline-offset:0}.triangle-status{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.player-scores{display:grid;grid-template-columns:repeat(var(--players,2),minmax(0,1fr));gap:7px;margin-top:30px;margin-bottom:10px}.player-score{border:1px solid #aaa3;border-radius:10px;padding:7px 9px;min-width:0;position:relative;background:#111a2460;transition:border-color .2s,background .2s}.player-score.active{border-color:var(--player-color);background:color-mix(in srgb,var(--player-color) 9%,#111a24)}.player-score .player-score-name{color:var(--player-color);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.player-score strong{font-variant-numeric:tabular-nums;font-size:1.4rem;color:#f8eed7;display:inline-block;line-height:1.2}.player-score small{font-size:.65rem;color:#b4bbc8;margin-left:6px}.triangle-controls form{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:8px}.triangle-controls select{width:100%;min-width:0;height:46px}.triangle-controls button{min-height:46px;margin:0}.triangle-solved{text-align:center;padding:3px 0}.triangle-solved h2{font-size:1.25rem;margin:0 0 4px}.triangle-solved p{font-size:.85rem;color:#c7cbd3;margin:0 0 10px}.triangle-solved>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.triangle-shell [hidden],#settings-dialog [hidden]{display:none!important}.demo-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid #b89653;border-radius:10px}.demo-bar small{display:block}.demo-bar[hidden]{display:none}.demo-finger-svg{pointer-events:none;filter:drop-shadow(0 3px 3px #0008)}.band-hint,.peg-hint{animation:band-pulse .7s ease-in-out infinite alternate}.band-stretch{opacity:.9}.tile-arrive{animation:tile-bloom .5s cubic-bezier(.2,.8,.2,1)}@keyframes band-pulse{to{opacity:.35}}@keyframes tile-bloom{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.reduced-motion .tile-arrive,.reduced-motion .peg-hint,.reduced-motion .band-hint{animation:none}.triangle-shell button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#settings-form .select-field{margin-bottom:14px}@media(min-width:600px){.player-score{padding:9px 12px}}@media(max-width:380px){.player-score{padding:6px}.player-score small{display:block;margin:0}.player-score strong{font-size:1.15rem}}@media(prefers-reduced-motion:reduce){.tile-arrive,.peg-hint,.band-hint{animation:none}}

@container gf-page (max-width:370px){.triangle-shell{--board-edge:6px}}