.route-game,.bubble-game,.yacht-game{max-width:650px;margin:auto}.stroke-arena{position:relative;aspect-ratio:1;max-width:560px;margin:15px auto;background:#f3ecd9;border:1px solid #b0b599;border-radius:10px}.stroke-arena svg{position:absolute;width:100%;height:100%;inset:0}.stroke-node{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;min-height:0!important;padding:0!important;background:#faf5df;border:2px solid #8b947b;border-radius:50%;font-weight:bold;font-size:14px}.stroke-node[data-legal=true]{border:3px solid #466f57}.stroke-node.current{background:#bfd1ae}.stroke-node.hinted{outline:3px solid #b67c32}.escape-arena{position:relative;aspect-ratio:1;max-width:500px;margin:16px 10px 20px 0;background-color:#e9dfc4;background-image:linear-gradient(to right,#c6c1a6 1px,transparent 1px),linear-gradient(to bottom,#c6c1a6 1px,transparent 1px);background-size:calc(100% / 6) calc(100% / 6);border:2px solid #7b8065;touch-action:none}.escape-block{position:absolute;min-width:0!important;min-height:0!important;padding:0!important;border:3px solid #ece5ce;border-radius:8px;background:#8cae95;color:#213b2e;font-weight:bold;font-size:18px;touch-action:none}.escape-block[data-piece="0"]{background:#c88970}.escape-block[aria-pressed=true]{box-shadow:inset 0 0 0 3px #795b33}.escape-goal{position:absolute;right:-19px;top:35%;font-size:22px;color:#527650}.binary-grid{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));max-width:560px;margin:14px auto;border:2px solid #6d7c62;background:#bdc0a9;gap:1px}.binary-cell{aspect-ratio:1;min-height:0!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;font-size:clamp(17px,4vw,28px);font-weight:bold;background:#fbf7e9;color:#385746}.binary-cell[data-given=true]{background:#d9dec9;color:#293e31}.binary-cell[data-value="1"]{color:#864b3c}.binary-cell.hinted{outline:4px solid #c08b43;outline-offset:-4px}.route-game [aria-pressed=true].btn{background:#d5dfc3;border-color:#466c4c}.bubble-scene{display:block;width:min(100%,400px);margin:12px auto;background:#f2ecd6;border:2px solid #758067;border-radius:8px;touch-action:none}.bubble-game input[type=range]{display:block;width:100%;min-height:40px}.bubble-ammo{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bubble-preview{padding:4px 10px;border-radius:18px;color:#263c33}.bubble-burst{animation:bubble-burst .4s ease-out forwards}.bubble-drop{animation:bubble-drop .4s ease-in forwards}@keyframes bubble-burst{to{opacity:0;stroke-width:0;r:24}}@keyframes bubble-drop{to{opacity:0;transform:translateY(35px)}}.yacht-host .undo-button{display:none}.yacht-dice{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:15px 0}.yacht-die{padding:6px 3px!important;min-width:0;border:2px solid #7d886f;border-radius:9px;background:#fbf4df}.yacht-die[aria-pressed=true]{background:#e0bb6c;border-color:#90683c}.yacht-face{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;aspect-ratio:1;padding:5px}.yacht-face i{aspect-ratio:1;border-radius:50%}.yacht-face i.pip{background:#324e3c}.yacht-die small{font-size:10px;white-space:nowrap}.yacht-die.rolled{animation:dice-roll .25s ease-out}@keyframes dice-roll{0%{transform:rotate(-9deg) scale(.9)}50%{transform:rotate(7deg)}100%{transform:none}}.yacht-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:18px 0}.yacht-category{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:48px;padding:7px!important;border:1px solid #839075;background:#f9f3df;border-radius:4px;font-size:13px}.yacht-category strong{font-size:18px}.yacht-category[aria-pressed=true]{outline:3px solid #b27d37;outline-offset:-3px}.yacht-category:disabled{background:#e4e6d9;color:#6c7668}.yacht-best{font-size:14px}@media(prefers-reduced-motion:reduce){.bubble-burst,.bubble-drop,.yacht-die.rolled{animation:none}}

.stroke-node,.yacht-category,.yacht-die{color:#294331}

.binary-scroll{overflow:auto;max-width:100%;padding:3px}.binary-grid{box-sizing:border-box}