/* The invitation shares the presentation's dotted material. */
.r6-invite{position:absolute;right:8px;top:44px;z-index:5;display:grid;justify-items:center;gap:8px;padding:12px 9px;border:1px dotted #7fe0ff80;border-radius:8px;background:#071621e8;color:#a6eaff;font:11px/1.3 var(--v3-mono);cursor:pointer;pointer-events:auto;animation:r6-breathe 3s ease-in-out infinite}
.r6-invite::before{content:"";display:block;width:28px;height:28px;background:radial-gradient(circle,#7fe0ff 1.4px,transparent 1.8px) 0 0/7px 7px;clip-path:polygon(0 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%)}
.r6-invite[hidden]{display:none}.r6-invite:hover{border-color:#c8f3ff;background:#103044}.r6-invite:focus-visible{outline:2px solid #c8f3ff;outline-offset:4px}
@keyframes r6-breathe{50%{box-shadow:0 0 18px #7fe0ff20;border-color:#7fe0ffcc}}
.r6-game{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;height:100svh;max-height:none;margin:0;padding:20px max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;overflow:hidden;color:#eaf8ff;background:radial-gradient(ellipse at 50% 40%,#0b2132,#06111b 70%);font-family:var(--v3-mono,monospace);overscroll-behavior:none;touch-action:none}
.r6-game::backdrop{background:#06111b}.r6-game:not([open]){display:none}.r6-game *{box-sizing:border-box}.r6-inner{height:100%;width:min(100%,560px);min-width:0;margin:auto;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px}.r6-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.r6-eyebrow{font-size:10px;color:#8fb0c4;letter-spacing:.12em;text-transform:uppercase}.r6-header h2{font:500 clamp(18px,3vw,27px)/1.2 var(--v3-display,sans-serif);letter-spacing:-.025em;margin:5px 0 0}.r6-game button{font:inherit;color:#bceeff;background:#0a202e;border:1px solid #7fe0ff55;border-radius:8px;cursor:pointer;min-height:44px;touch-action:manipulation}.r6-game button:hover{background:#12364a;border-color:#7fe0ff}.r6-game button:focus-visible{outline:2px solid #dff6ff;outline-offset:3px}.r6-exit{padding:8px 13px;font-size:12px!important;white-space:nowrap}.r6-exit small{color:#8fb0c4;margin-left:6px;font-size:10px}.r6-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-block:1px solid #7fe0ff24;padding:10px 0;color:#8fb0c4;font-size:10px;letter-spacing:.1em}.r6-hud>span{display:grid;gap:5px;min-width:0}.r6-hud b{font-weight:500;letter-spacing:0;font-size:clamp(16px,3vw,24px);color:#7fe0ff;overflow-wrap:anywhere}.r6-next{width:64px;height:32px;max-width:100%}.r6-field{position:relative;min-height:0;min-width:0;display:flex;justify-content:center;align-items:center}.r6-board{display:block;max-width:100%;max-height:100%;border:1px dotted #7fe0ff80;box-shadow:0 0 32px #7fe0ff0d;touch-action:none}.r6-pop{position:absolute;top:45%;left:50%;max-width:100%;padding:8px;color:#dff6ff;background:#06111bdd;font-size:13px;white-space:nowrap;pointer-events:none;text-shadow:0 0 12px #7fe0ff}.r6-over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#06111be8;text-align:center}.r6-over[hidden]{display:none}.r6-over p{font-size:21px;margin:0}.r6-total{font-size:12px;color:#8fb0c4}.r6-retry{padding:10px 22px}.r6-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.r6-controls button{font-size:25px;min-height:48px;display:flex;justify-content:center;align-items:center;gap:6px}.r6-controls small{font-size:10px}.r6-help{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;color:#8fb0c4}.r6-best{white-space:nowrap;color:#7fe0ff}.r6-playing>.d-cap,.r6-playing>.d-rail,.r6-playing>.d-ex{visibility:hidden}
@media(max-width:860px){.r6-invite{right:0;top:44px;padding:8px 6px;font-size:10px;gap:5px;max-width:90px}.r6-invite::before{width:21px;height:21px;background-size:5px 5px}.r6-game{padding-top:max(12px,env(safe-area-inset-top))}.r6-inner{gap:9px}.r6-help{display:grid;gap:3px}.r6-header h2{font-size:20px}.r6-hud{padding:8px 0}.r6-controls button{min-height:48px}}
@media(max-height:560px){.r6-game{padding-block:6px}.r6-inner{gap:5px}.r6-header h2{font-size:16px}.r6-eyebrow,.r6-help{display:none}.r6-hud{padding:4px 0}.r6-hud b{font-size:16px}.r6-next{height:22px;width:44px}.r6-controls button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.r6-invite{animation:none}}
