@font-face{font-family:Pangolin;src:url(/fonts/Pangolin-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenAI Sans;src:url(/fonts/OpenAISans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}:root{--bg:#f3f3f3;--paper:#fff;--ink:#000;--purple:#a67df2;--purple-dark:#7849d1;--purple-hover:#623da7;--glow:#ceb0fb;--disabled:#ccc;--disabled-ink:#999;--disabled-icon-filter:brightness(0) invert(.6);--font:Pangolin,"OpenAI Sans",sans-serif;--small-font:"OpenAI Sans",sans-serif;--gap:24px;--radius:32px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overscroll-behavior:none;min-width:280px;height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,input{-webkit-appearance:none}:is(button:focus-visible,input:focus-visible,canvas:focus-visible){outline:3px solid var(--purple-dark);outline-offset:6px}button:focus:not(:focus-visible){outline:none}button{touch-action:manipulation}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.relay-app{gap:var(--gap);flex-direction:column;max-width:2400px;height:100dvh;min-height:460px;margin:auto;padding:20px 24px 24px 20px;display:flex}.relay-app header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.wordmark{letter-spacing:-.45px;white-space:nowrap;align-items:center;gap:6px;font-size:45px;line-height:1.1;display:flex}.logo-loop{width:56.234px;height:27.424px;display:block}.logo-loop img{max-width:none;display:block}.workspace-actions{z-index:30;align-items:center;gap:16px;display:flex}.relay-button{border:3px solid var(--purple);color:var(--purple-dark);box-shadow:3px 4px 0 var(--purple);white-space:nowrap;letter-spacing:.4px;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:60px;padding:14px 20px;font-size:20px;font-weight:400;line-height:1.1;transition:transform .2s cubic-bezier(.2,.9,.3,1);display:inline-flex;position:relative}.relay-button .icon{object-fit:contain;width:28px;height:28px}.relay-button.primary{background:var(--purple);border:4px solid var(--purple-dark);color:#fff;box-shadow:5px 8px 0 var(--purple-dark);min-height:80px;padding:19px 24px;font-size:24px}.relay-button.primary .icon{width:32px;height:32px}.relay-button.cancel{color:#000;letter-spacing:.48px;border:4px solid #000;max-width:100%;min-height:80px;padding:20px 24px;font-size:24px;box-shadow:5px 8px #000}.relay-button.cancel .icon{flex:none;width:34px;height:34px}.cancel-icon{place-items:center;display:grid}.cancel-icon img{max-width:none;display:block}.relay-button.quiet{box-shadow:none;color:#222;background:0 0;border-color:#0000}.relay-button:disabled{border-color:var(--disabled);box-shadow:3px 4px var(--disabled);color:var(--disabled-ink);background:#fff}.relay-button:disabled .icon{filter:var(--disabled-icon-filter);opacity:1}.relay-button:active:not(:disabled){transform:translate(3px,4px)}.header-button.replay{width:130px}.header-button.download{width:160px}.header-button.start-over{width:163px}@media (hover:hover){.relay-button:hover:not(:disabled){background:#f1e9fc;transform:translateY(-2px)}.relay-button.primary:hover:not(:disabled){background:#925de8}.relay-button:active:not(:disabled){transform:translate(3px,4px)}.history-actions button:hover:not(:disabled),.download-menu>button:hover:not(:disabled){background:#f3edfc}}.paper{isolation:isolate;border-radius:var(--radius);background:#fff;flex:1;min-height:240px;transition:box-shadow .25s;position:relative;overflow:visible}.paper-outline{z-index:4;pointer-events:none;mix-blend-mode:multiply;border:60px solid #0000;border-image:url(/design/paper.png) 60;position:absolute;inset:-18px}.paper-outline.purple{opacity:0;border-image-source:url(/design/paper-purple.png);transition:opacity .25s}.paper.thinking .paper-outline:not(.purple){opacity:0}.paper.thinking .paper-outline.purple{opacity:1}.paper.thinking{box-shadow:0 0 25px var(--glow);animation:1.4s ease-in-out infinite alternate paper-glow}.drawing-canvas{border-radius:var(--radius);touch-action:none;cursor:url(/design/pencil.svg) 8 37,crosshair;z-index:1;width:100%;height:100%;position:absolute;inset:0}.drawing-canvas[aria-disabled=true],.welcome-paper .drawing-canvas{cursor:default}.history-actions{z-index:5;gap:6px;display:flex;position:absolute;top:24px;left:24px}.history-actions button{background:0 0;border:0;border-radius:18px;place-items:center;width:62px;height:60px;padding:0;display:grid}.history-actions img{max-width:60px;max-height:58px}.history-actions button:disabled img{filter:var(--disabled-icon-filter)}.turns{z-index:5;pointer-events:none;letter-spacing:.48px;align-items:center;gap:10px;font-size:24px;line-height:1.1;display:flex;position:absolute;top:36px;right:36px}.tallies{align-items:center;gap:7px;min-width:49px;height:31px;display:flex}.tallies .five,.tallies .bar{width:auto;height:31px}.pass-actions{z-index:7;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:40px;left:24px;right:24px}.pass-actions button{pointer-events:auto;animation:.32s cubic-bezier(.2,1.2,.4,1) action-in}.pass-actions .retry{min-height:80px;box-shadow:5px 8px var(--purple);border-width:4px;padding:19px 24px;font-size:24px}.pass-actions .retry .icon{width:32px;height:32px}.welcome{z-index:6;flex-direction:column;justify-content:center;align-items:center;gap:48px;display:flex;position:absolute;inset:10%}.welcome p{color:#000;text-align:center;max-width:1000px;margin:0;font-size:40px;line-height:1.26}.welcome-actions{justify-content:center;gap:20px;display:flex}.welcome-actions .relay-button{min-width:220px}.loading{place-items:center;font-size:24px;display:grid;position:absolute;inset:0}.reading-layer{z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.looking{opacity:0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.looking img{transform-origin:70px 72px;width:183.931px;max-width:none;height:192.899px;display:block;position:absolute;top:-72px;left:-70px}.partner-tip{z-index:6;pointer-events:none;width:0;height:0;position:absolute}.partner-tip img{transform-origin:0 0;max-width:none;display:block;transform:translate(-4px,-139px)}.notice{font-family:var(--small-font);text-align:center;background:#fff;border:1px solid #dbd0ee;border-radius:14px;justify-content:center;align-self:center;align-items:center;gap:12px;max-width:min(740px,100%);padding:10px 18px;font-size:14px;line-height:1.5;display:flex}.notice.warning{color:#783b25;background:#fff8f0;border-color:#e9d5bf}.text-button{color:var(--purple-dark);text-underline-offset:4px;font:inherit;background:0 0;border:0;padding:10px;text-decoration:underline}.download-anchor{position:relative}.download-menu{z-index:20;border:3px solid var(--purple);width:288px;max-width:calc(100vw - 32px);box-shadow:3px 4px var(--purple);border-radius:16px;padding:8px;animation:.2s action-in;position:absolute;top:calc(100% + 18px);right:0}.download-menu>button{text-align:left;color:#111;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 10px;font-size:18px;line-height:1.2;display:flex}.download-menu small{font-family:var(--small-font);color:#666;font-size:13px;line-height:1.4}.download-menu>button:disabled,.download-menu>button:disabled small{color:var(--disabled-ink)}.download-status{color:var(--purple-dark);border-top:1px solid #ddd;flex-direction:column;margin-top:6px;padding:12px;font-size:16px;line-height:1.5;display:flex}.download-status small{color:#666;margin:4px 0;font-size:14px;line-height:1.4}.replay-player{border:3px solid var(--purple);width:840px;max-width:100%;min-height:84px;box-shadow:3px 4px var(--purple);background:#fff;border-radius:999px;align-self:center;align-items:center;gap:24px;padding:12px 22px;animation:.35s action-in;display:flex}.replay-time{white-space:nowrap;font-family:var(--small-font)}.replay-time>span{color:#777}.replay-player input{min-width:40px;height:6px;accent-color:var(--purple-dark);cursor:pointer;-webkit-appearance:auto;appearance:auto;background:#e6ddf5;border-radius:4px;flex:1}.replay-player .relay-button{min-width:52px;min-height:52px;padding:12px}.confirm{border:3px solid var(--purple);box-shadow:5px 7px var(--purple-dark);color:#111;background:#fff;border-radius:28px;max-width:min(560px,100vw - 40px);padding:0}.confirm::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0005}.confirm-content{padding:32px}.confirmation-panel h2{margin:0 0 16px;font-size:30px}.confirmation-panel p{margin:0 0 24px;font-size:20px;line-height:1.4}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.confirm-actions .relay-button{min-height:52px;padding:12px 18px;font-size:18px}@keyframes paper-glow{to{box-shadow:0 0 35px var(--glow)}}@keyframes action-in{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:none}}@keyframes tally-pop{0%{opacity:.2;transform:scale(.7)rotate(-8deg)}to{opacity:1;transform:none}}@media (max-width:900px){.wordmark{font-size:36px}.logo-loop{transform-origin:50%;width:48px;transform:scale(.85)}.workspace-actions{gap:10px}.header-button{min-height:52px;padding:12px!important}.header-button.replay{width:112px}.header-button.download{width:136px}.header-button.start-over{width:141px}.welcome p{font-size:32px}}@media (max-width:700px){:root{--bg:#e9e9e9;--gap:20px;--radius:24px}.relay-app{padding:max(20px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));min-height:500px;padding-left:16px;padding-bottom:max(88px,calc(env(safe-area-inset-bottom) + 78px));position:relative}.relay-app header{height:30px}.wordmark{letter-spacing:-.31px;gap:4px;font-size:31.364px;line-height:1}.logo-loop{width:41px;height:20px;transform:none}.logo-loop img{transform-origin:0 0;transform:scale(.733)}.workspace-actions{bottom:max(20px,env(safe-area-inset-bottom));gap:12px;position:absolute;left:50%;transform:translate(-50%)}.header-button{border-width:2px;height:48px;min-height:48px;font-size:16px;padding:10px 16px!important}.header-button.replay{width:56px}.header-button.download{width:58px}.header-button.start-over{width:134px}.header-button .icon{width:24px;height:24px}.desktop-label{display:none}.paper{min-height:240px}.paper-outline{border-width:60px;inset:-18px}.history-actions{gap:0;top:10px;left:8px}.history-actions button{border-radius:12px;width:44px;height:44px}.history-actions img{max-width:31px;max-height:30px}.turns{letter-spacing:.32px;gap:6px;font-size:16px;top:22px;right:14px}.tallies{gap:4px;min-width:32px;height:23px}.tallies .bar,.tallies .five{height:23px}.pass-actions{bottom:16px;left:12px;right:12px}.relay-button.primary,.relay-button.cancel,.pass-actions .retry{min-height:64px;box-shadow:4px 6px var(--purple-dark);border-width:3px;padding:15px 20px;font-size:20px}.relay-button.cancel{letter-spacing:.4px;padding-inline:14px;box-shadow:4px 6px #000}.cancel-icon img{transform:scale(.823529)}.pass-actions .retry{box-shadow:4px 6px var(--purple)}.relay-button.primary .icon,.relay-button.cancel .icon,.pass-actions .retry .icon{width:28px;height:28px}.welcome{gap:32px;inset:24px}.welcome p{max-width:300px;font-size:23px;line-height:1.2}.welcome-actions{flex-direction:column;gap:20px}.welcome-actions .relay-button{min-width:185px}.choice-yes{order:-1}.notice{gap:4px;padding:8px 12px;font-size:12px}.notice.warning{flex-wrap:wrap}.partner-tip img{transform:scale(.65)translate(-4px,-139px)}.download-menu{animation:.2s menu-mobile;inset:auto auto calc(100% + 18px) calc(50% + 38px);transform:translate(-50%)}.replay-player{bottom:max(20px,env(safe-area-inset-bottom));border-width:2px;gap:12px;width:auto;height:52px;min-height:52px;padding:6px 10px;position:absolute;left:16px;right:20px}.replay-player .relay-button{min-width:36px;min-height:36px;box-shadow:2px 3px var(--purple);border-width:2px;padding:4px}.replay-player .icon{width:24px;height:24px}.replay-time{font-size:12px}.is-replaying .workspace-actions{visibility:hidden}.confirm-content{padding:24px}.confirm-actions{gap:12px}.confirm-actions .relay-button{min-height:48px;padding:12px 18px;font-size:16px}.confirmation-panel h2{font-size:28px}.confirmation-panel p{font-size:19px}}@keyframes menu-mobile{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (max-height:560px) and (min-width:701px){.relay-app{gap:14px;min-height:380px;padding:12px 20px}.relay-app header{height:48px}.header-button{min-height:44px;padding:9px 16px}.wordmark{font-size:32px}.welcome{gap:22px}.welcome p{font-size:26px}.welcome-actions .relay-button{min-height:60px;font-size:20px}.history-actions{top:12px}.turns{top:24px}.pass-actions{bottom:24px}.pass-actions .relay-button{min-height:58px;padding:10px 20px;font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.intro-pencil,.looking{display:none}.opening .drawing-canvas{opacity:1}}.relay-button.secondary{color:#0d0d0d}.relay-button.secondary:disabled{color:var(--disabled-ink)}.pass-actions .retry{border-color:var(--purple-dark);box-shadow:5px 8px var(--purple-dark)}@media (max-width:700px){.pass-actions .retry{border-color:var(--purple);box-shadow:4px 6px var(--purple)}}.pass-actions .retry:disabled{border-color:var(--disabled);box-shadow:4px 6px var(--disabled)}.relay-button,.relay-button.primary,.relay-button.cancel,.pass-actions .retry,.relay-button:disabled,.relay-button.primary:disabled,.pass-actions .retry:disabled{isolation:isolate;box-shadow:none;background:0 0;border-color:#0000}.relay-button .button-skin{z-index:0;pointer-events:none;position:absolute;inset:-4px -9px -12px -4px}.button-art{transition:filter .16s;position:absolute;inset:0}.button-art canvas,.panel-skin canvas{pointer-events:none;display:block;position:absolute}.button-art-active{opacity:1}.button-art-disabled{opacity:0}.relay-button[data-artwork-ready=false]{visibility:hidden!important}.relay-button .icon,.history-actions img{transition:none}.header-button .button-skin{inset:-3px -6px -7px -3px}.relay-button.quiet .button-skin{display:none}.relay-button:disabled .button-art-active{opacity:0}.relay-button:disabled .button-art-disabled{opacity:.2}@media (hover:hover){.relay-button:hover:not(:disabled),.relay-button.primary:hover:not(:disabled){background:0 0}.relay-button:hover:not(:disabled) .button-art-active{filter:brightness(.96)}.relay-button.primary:hover:not(:disabled) .button-art-active{filter:brightness(.9)}}.relay-button:active:not(:disabled){box-shadow:none}.relay-button[aria-expanded=true]:not(:disabled) .button-art-active{filter:brightness(.9)}.drawing-canvas:focus{outline:none}.drawing-canvas.keyboard-focus:focus-visible{outline-offset:-10px;outline:2px dashed #555}.paper{box-shadow:none;background:0 0}.paper-fill{z-index:0;pointer-events:none;background:#fff padding-box padding-box;border:60px solid #0000;border-image:url(/design/paper.png) 60 fill;position:absolute;inset:-20px}.paper-outline{inset:-20px;opacity:0!important}.paper-outline.purple{opacity:0!important}.paper-color{opacity:0;border-image-source:url(/design/paper-purple.png);transition:opacity .25s}.paper.thinking .paper-color{opacity:1}.paper-tracing{z-index:0;pointer-events:none;position:absolute}.drawing-canvas{border-radius:calc(var(--radius) + 2px)}.paper.thinking{animation:1.8s ease-in-out infinite alternate paper-glow}.partner-tip{opacity:0;will-change:transform;transition:opacity .24s;top:0;left:0}.partner-tip:not(.is-drawing){opacity:0!important}.partner-tip img{transition:scale .3s;scale:1}.partner-tip:not(.is-drawing) img{scale:.65}.reading-layer{overflow:visible}.looking{opacity:1}.looking .glass-presence{opacity:0;transition:opacity .32s,transform .42s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(.4)}.looking .glass-presence.present{opacity:1;transform:scale(1)}.looking img{transform:scale(var(--glass-scale,1));will-change:transform}.thinking-layer{z-index:3;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.thinking-pencil{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.pencil-presence{opacity:0;transition:opacity .32s,transform .4s cubic-bezier(.16,1,.3,1);transform:scale(.65)}.pencil-presence.present{opacity:1;transform:scale(1)}.pencil-presence img{max-width:none;transform:scale(var(--thinking-scale,1)) translate(-4px,-139px);transform-origin:0 0;display:block}.first-mark-caption{text-align:center;color:var(--purple-dark);opacity:0;font-size:20px;line-height:1.3;transition:opacity .25s;position:absolute;bottom:calc(100% + 18px);left:0;right:0}.first-mark-caption.present{opacity:1;animation:.3s both caption-in}@keyframes caption-in{0%{opacity:0}to{opacity:1}}@media (max-width:700px){.first-mark-caption{font-size:18px;bottom:calc(100% + 16px)}}.panel-skin{z-index:0;pointer-events:none;--skin-slice:24;border:32px solid #0000;position:absolute;inset:-3px -6px -7px -3px}.panel-skin.player-skin{--skin-slice:45;border-width:34px}.download-menu>:not(.panel-skin){z-index:1;position:relative}.download-menu{isolation:isolate;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:0;animation:none}.download-menu.is-open[data-artwork-ready=true]{visibility:visible;pointer-events:auto;opacity:1;animation:.18s ease-out both control-ready}.replay-player>*{z-index:1;position:relative}.replay-player{isolation:isolate;box-shadow:none;background:0 0;border:0;position:relative}.replay-player>.panel-skin{z-index:0;position:absolute}.welcome-actions .choice-no{min-width:201px}.welcome-actions .choice-yes{min-width:220px}@media (max-width:700px){.relay-button .button-skin{inset:-3px -7px -9px -3px}.header-button .button-skin{inset:-2px -5px -6px -2px}.welcome-actions .relay-button{min-width:185px}.replay-player{position:absolute}.paper-fill{border-width:48px;border-image-slice:60;inset:-16px}.paper-outline{display:none}}@media (prefers-reduced-motion:reduce){.looking,.partner-tip{display:none}}.wordmark{flex:none;width:296.234px;height:45px;display:block;position:relative}.wordmark-art,.logo-tracing{width:328.234px;max-width:none;height:73px;position:absolute;top:-16px;left:-16px}.opening .wordmark,.opening .paper,.opening .welcome,.opening .workspace-actions,.intro-pencil{animation:none}.opening .drawing-canvas,.opening .wordmark-art{opacity:0}.opening .paper-fill{visibility:hidden}.opening .paper-entered .paper-fill{visibility:visible;opacity:var(--intro-paper-opacity,1)}.not-ready .paper:before,.opening .paper:before{content:"";border-radius:var(--radius);z-index:0;background:#fff;position:absolute;inset:3px}.opening .welcome,.opening .workspace-actions{opacity:var(--intro-ui-opacity,0);will-change:opacity}.intro-pencil{z-index:50;pointer-events:none;opacity:0;will-change:transform;width:0;height:0;position:fixed;top:0;left:0}.intro-pencil img{max-width:none;position:absolute;top:-37px;left:-8px}.not-ready .wordmark,.not-ready .paper-fill,.not-ready .workspace-actions,.not-ready .drawing-canvas{visibility:hidden}@media (max-width:900px) and (min-width:701px){.wordmark{width:237px;height:36px}.wordmark-art,.logo-tracing{width:262.6px;height:58.4px;top:-12.8px;left:-12.8px}}@media (max-width:700px){.wordmark{width:208px;height:30px}.wordmark-art,.logo-tracing{width:230.4px;height:51.25px;top:-11.2px;left:-11.2px}.intro-pencil img{transform-origin:8px 37px;scale:.75}}.confirmation-panel>.confirm-content,.confirmation-panel>.note-content{z-index:1;position:relative}.confirmation-panel{isolation:isolate;box-shadow:none;background:0 0;border:0;overflow:visible}.confirmation-panel[data-artwork-ready=false]{visibility:hidden;opacity:0;pointer-events:none;animation:none}.confirmation-panel .panel-skin{border-radius:inherit}@media (min-width:701px) and (max-width:760px){.wordmark{width:220px}.wordmark-art,.logo-tracing{width:244px;height:54.3px;top:-12px;left:-12px}.workspace-actions{gap:8px}}.button-content{z-index:1;justify-content:center;align-items:center;gap:inherit;display:inline-flex;position:relative}.button-label{transform:translateY(.06em)}.button-content>.icon{flex:none}.replay-player{gap:12px;min-height:72px;padding:8px 16px}.playback-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.replay-player .relay-button{aspect-ratio:1;width:48px;min-width:48px;height:48px;min-height:48px;box-shadow:none;color:var(--ink);border-width:0;flex:0 0 48px;padding:0}.replay-player .relay-button .button-skin{inset:0}.replay-player .button-art{--skin-slice:29;border:24px solid #0000}.replay-player .button-art-disabled{--skin-slice:45}.replay-player .relay-button:hover:not(:disabled),.replay-player .relay-button:active:not(:disabled){transform:none}.replay-player .button-content{place-items:center;gap:0;width:100%;height:100%;display:grid}.replay-player .relay-button .icon{width:20px;height:20px}.playback-icon{place-items:center;display:grid}.playback-icon .icon{grid-area:1/1;transition:opacity .12s}.playback-icon.showing-play .icon[src$=pause\.svg],.playback-icon.showing-pause .icon[src$=play\.svg]{opacity:0}.replay-player input{-webkit-appearance:none;appearance:none;background:0 0;min-width:24px;height:44px;margin:0}.replay-player input::-webkit-slider-runnable-track{background:linear-gradient(to right,#000 var(--replay-progress),#cdcdcd var(--replay-progress));border-radius:999px;height:6px}.replay-player input::-moz-range-track{background:linear-gradient(to right,#000 var(--replay-progress),#cdcdcd var(--replay-progress));border-radius:999px;height:6px}.replay-player input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;border:0;border-radius:50%;width:12px;height:12px;margin-top:-3px}.replay-player input::-moz-range-thumb{background:#000;border:0;border-radius:50%;width:12px;height:12px}.replay-time{font-family:var(--font);font-variant-numeric:tabular-nums;text-align:left;flex-shrink:0;font-size:16px}@media (max-width:700px){.replay-player{gap:12px;height:68px;min-height:68px;padding:10px 16px}.relay-app.is-replaying{padding-bottom:max(168px,calc(env(safe-area-inset-bottom) + 158px))}.is-replaying .workspace-actions{visibility:visible}.replay-player{bottom:max(88px,calc(env(safe-area-inset-bottom) + 88px))}.pass-control-item{align-self:end}.pass-actions .retry{border-width:2px;height:48px;min-height:48px;padding:10px 16px;font-size:16px}.pass-actions .retry .icon{width:24px;height:24px}.pass-actions .retry .button-skin{inset:-2px -5px -6px -2px}}@media (max-width:389px){.replay-player{gap:8px;padding-inline:8px;left:12px;right:12px}.playback-actions{gap:4px}.replay-player .relay-button{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}.replay-player .button-art{border-width:22px}.replay-time{font-size:14px}}.pass-actions .retry:not(:disabled) .icon{filter:brightness(0)}.wordmark-fallback{display:none}.relay-app.welcome-return .welcome[data-artwork-ready=true]{animation:.3s ease-out both welcome-ready}.pass-actions button{animation:none}.pass-control{place-items:center;max-width:100%;display:grid}.pass-control-item{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;justify-content:center;max-width:100%;display:flex}.pass-control-item.current{opacity:1;visibility:visible;pointer-events:auto}.pass-control[data-artwork-ready=true] .pass-control-item.current{animation:.22s ease-out both control-ready}.pass-control-item:not(.current) button{pointer-events:none}.pass-control .relay-button:hover:not(:disabled){transform:none}.pass-control .relay-button:active:not(:disabled){transform:translate(3px,4px)}@keyframes welcome-ready{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes control-ready{0%{opacity:0}to{opacity:1}}.control-artwork-fallback .button-skin,.artwork-fallback .button-skin,.artwork-fallback .panel-skin,.artwork-fallback .wordmark-art{display:none}.artwork-fallback .wordmark-fallback{white-space:nowrap;font-size:30px;display:block}.relay-button.control-artwork-fallback,.artwork-fallback .relay-button{border:3px solid var(--purple);color:#111;box-shadow:3px 4px var(--purple);background:#fff}.relay-button.control-artwork-fallback.cancel,.artwork-fallback .relay-button.cancel{border-color:#222;box-shadow:3px 4px #222}.relay-button.control-artwork-fallback.primary,.artwork-fallback .relay-button.primary{background:var(--purple);color:#fff;border-color:var(--purple-dark);box-shadow:3px 4px var(--purple-dark)}.relay-button.control-artwork-fallback:disabled,.artwork-fallback .relay-button:disabled{color:var(--disabled-ink);border-color:var(--disabled);box-shadow:3px 4px var(--disabled);background:#fff}.relay-button.control-artwork-fallback.quiet,.artwork-fallback .relay-button.quiet{box-shadow:none;background:0 0;border-color:#0000}.artwork-fallback .paper-fill{border-radius:var(--radius);background:#fff;border:3px solid #222;border-image:;inset:0}.artwork-fallback .paper.thinking .paper-fill{border-color:var(--purple);border-image:}.artwork-fallback .confirmation-panel,.artwork-fallback .download-menu{background:#fff;border:2px solid #222}.artwork-fallback .confirmation-panel:before,.artwork-fallback .replay-player:before{display:none}.artwork-fallback .replay-player{background:#fff;border:2px solid #222}.canvas-note{z-index:8;text-align:center;color:#28212f;width:max-content;max-width:min(620px,100% - 48px);max-height:calc(100% - 220px);box-shadow:none;background:#fff9ed padding-box padding-box;border:12px solid #0000;border-image:url(/design/paper.png) 60;padding:4px 12px;font-size:22px;line-height:1.25;animation:.24s ease-out both control-ready;position:absolute;top:100px;left:50%;overflow:auto;transform:translate(-50%)}.canvas-note:not(.conflict-note) p{text-wrap:balance;margin:0}.note-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 18px;margin-top:4px;display:flex}.note-actions button{min-height:44px;padding:8px 2px;line-height:1.2}.note-actions button:disabled{color:var(--disabled-ink);cursor:default}.note-feedback{margin-top:4px;font-size:17px;display:block}.turn-caption{text-align:center;color:var(--purple-dark);pointer-events:none;font-size:24px;animation:2.4s both turn-caption;position:absolute;bottom:calc(100% + 16px);left:0;right:0}@keyframes turn-caption{0%{opacity:0;translate:0 4px}15%,80%{opacity:1;translate:0}to{opacity:0;translate:0 -3px}}.tally-mark{transition:opacity .24s}.tally-mark.pending{opacity:0}.tallies>img:last-child{animation:none}.tallies .five{fill:#000;flex:none;width:49.1441px}.numeric-tally{text-align:left;font-variant-numeric:tabular-nums;min-width:3ch}.sheet-departure{pointer-events:none;z-index:40;contain:layout paint;position:fixed;overflow:hidden}.sheet-front,.sheet-fold{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sheet-front{will-change:clip-path}.sheet-fold{filter:drop-shadow(5px 7px 9px #24163324);overflow:visible}.paper.fresh-sheet>:not(.paper-fill),.paper[aria-busy=true]>:not(.paper-fill){visibility:hidden;opacity:0;pointer-events:none}.confirmation-panel .confirm-feedback{text-align:right;color:var(--purple-dark);margin:18px 0 0;font-size:17px}.welcome-return .welcome p{max-width:700px}@media (max-width:700px){.canvas-note{max-width:calc(100% - 30px);max-height:calc(100% - 190px);padding:0 4px;font-size:19px;top:78px}.note-actions{gap:0 12px}.note-actions .text-button{font-size:18px}.note-feedback{font-size:16px}.turn-caption{font-size:20px;bottom:calc(100% + 14px)}.tallies .five{width:36.5px}}@media (max-height:560px) and (min-width:701px){.canvas-note{max-height:calc(100% - 165px);padding:0 6px;font-size:18px;top:72px}.note-actions{margin:0}.note-actions button{min-height:36px}.turn-caption{font-size:20px;bottom:calc(100% + 10px)}}.canvas-note.confirmation-panel{width:var(--panel-width);max-width:calc(100% - 32px);color:var(--ink);background:0 0;border:0;border-radius:24px;padding:0;line-height:1.3;overflow:visible}.canvas-note.conflict-note{text-align:left;max-height:none;top:50%;transform:translate(-50%,-50%)}.canvas-note .confirm-content,.canvas-note .note-content{overscroll-behavior:contain;max-height:max(160px,100dvh - 240px);overflow:auto}.confirm-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.confirm-actions .relay-button{letter-spacing:0;white-space:normal;width:100%;min-width:0;line-height:1.2}.confirm-actions .button-content{min-width:0}.panel-artwork-fallback .panel-skin{display:none}.panel-artwork-fallback{box-shadow:3px 4px var(--purple);border:2px solid var(--purple)!important;background:#fff!important}@media (max-width:700px) and (max-height:700px){.welcome{gap:20px;inset:20px}.welcome p{font-size:20px;line-height:1.25}.welcome-actions{gap:14px}.welcome-actions .relay-button{min-height:56px;padding:11px 20px}}.welcome[data-artwork-ready=false]{visibility:hidden;opacity:0!important;animation:none!important}.pass-control[data-artwork-ready=false],.replay-player[data-artwork-ready=false],.canvas-note[data-artwork-ready=false]{pointer-events:none;visibility:hidden!important;opacity:0!important;animation:none!important}.pass-control[data-artwork-ready=false] .pass-control-item{animation:none!important}.replay-player{animation:none}.replay-player[data-artwork-ready=true],.confirm[open][data-artwork-ready=true]{animation:.22s ease-out both control-ready}.confirm[data-artwork-ready=true]::backdrop{animation:.22s ease-out both control-ready}.confirmation-panel{--panel-width:430px;--panel-padding:24px 24px 32px;--panel-button-height:60px;--panel-button-type:20px;--panel-body-type:20px;width:var(--panel-width);border-radius:24px;max-width:calc(100vw - 40px)}.confirmation-panel .confirm-content,.confirmation-panel .note-content{padding:var(--panel-padding)}.confirm .confirm-content{overscroll-behavior:contain;max-height:calc(100dvh - 64px);overflow:auto}.confirmation-panel h2{font-synthesis:none;margin:0 0 12px;font-size:28px;font-weight:400;line-height:1.1}.confirmation-panel p{font-size:var(--panel-body-type);margin:0 0 32px;line-height:1.3}.confirmation-panel .relay-button{min-height:var(--panel-button-height);font-size:var(--panel-button-type);border-width:3px;padding:12px 10px}.confirmation-panel .button-skin{inset:-3px -6px -7px -3px}.confirmation-panel .button-art{border:calc(var(--panel-button-height)/2) solid transparent;--skin-slice:44}.confirmation-panel .secondary .button-art-active{--skin-slice:34}.confirmation-panel .note-actions{margin-top:24px}.confirmation-panel .note-actions .relay-button{min-width:140px;max-width:100%}.confirmation-panel p.confirm-feedback{margin:18px 0 0;font-size:17px}.canvas-note.status-note{max-height:none;top:24px}.panel-artwork-fallback{border-radius:24px!important}.artwork-fallback .confirmation-panel,.artwork-fallback .download-menu{border-color:var(--purple);box-shadow:3px 4px var(--purple)}.relay-button.cancel .button-art{--skin-slice:40;border:40px solid #0000}.failure-note .note-actions{flex-direction:column;gap:8px;margin-top:20px}.failure-note .note-actions .quiet{min-height:44px;padding:4px 12px}.canvas-note.failure-note{max-height:calc(100% - 48px);top:50%;transform:translate(-50%,-50%)}@media (max-width:700px){.relay-button.cancel .button-art{border-width:32px}.confirmation-panel{--panel-padding:24px 20px 28px;--panel-button-height:52px;--panel-button-type:16px;--panel-body-type:19px}.confirmation-panel .relay-button{padding:12px 8px}}@media (max-width:350px){.confirmation-panel{--panel-padding:20px 16px 24px;--panel-button-type:14px}}html[data-input-modality=pointer] :is(button,input,a,[tabindex]):focus{outline:none}html[data-input-modality=keyboard] :is(button,input,a):focus{outline:3px solid var(--purple-dark);outline-offset:6px}@media (forced-colors:active){html[data-input-modality=keyboard] :is(button,input,a):focus{outline-color:highlight}}.control-group[data-artwork-ready=false]{pointer-events:none;visibility:hidden!important;opacity:0!important}.confirm[data-artwork-ready=false]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;animation:none}