.mobile-editor-sheet{inset:auto 0 max(8px, env(safe-area-inset-bottom));width:min(100vw - 16px,480px);max-width:none;max-height:min(72dvh,660px);color:var(--ink);box-shadow:none;overscroll-behavior:contain;background:#fff;border:0;border-radius:28px 25px 14px 14px;flex-direction:column;gap:12px;margin:0 auto;padding:18px;display:none;position:fixed}.mobile-editor-sheet[open]{display:flex}.mobile-editor-sheet::backdrop{background:#050f3a8c}.mobile-editor-sheet--colour{max-height:calc(100dvh - 16px)}.mobile-editor-sheet--trace{z-index:30;max-height:min(40dvh,380px);box-shadow:0 -12px 30px #050f3a29}.mobile-editor-sheet--trace:has(.reference-link-entry){max-height:min(60dvh,400px)}.mobile-editor-sheet--trace:has(.reference-more){max-height:min(60dvh,520px)}.mobile-editor-sheet--trace .reference-panel-heading{display:none}.drawing-panel:not(.card-review) .mobile-editor-sheet--trace[open] .editor-inline-settings{margin:0;padding:0}.drawing-panel:not(.card-review) .mobile-editor-sheet--trace[open] .editor-inline-settings:before{content:none}.mobile-editor-sheet--trace .reference-done{display:none}.mobile-editor-sheet--trace .reference-import{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-editor-sheet--trace .reference-upload,.mobile-editor-sheet--trace .reference-link-trigger{color:#101653;text-align:center;background:#e5f0ff;border:0;border-radius:14px 12px 15px 11px;min-height:48px;padding:5px;font-size:.8rem;font-weight:900}.mobile-editor-sheet--trace .reference-link-entry{grid-column:1/-1;gap:8px;min-width:0;display:grid}.mobile-editor-sheet--trace .reference-link-entry>button:first-child{color:#101653;text-align:left;background:0 0;border:0;min-height:32px;padding:0;font-weight:900}.mobile-editor-sheet--trace .reference-link-entry input{min-height:44px;padding:7px 10px}.mobile-editor-sheet--trace .reference-link-entry>.reference-link-load{color:#fff;background:#101653;border:0;border-radius:14px 12px 15px 11px;min-height:44px;font-weight:900}@media (width<=999px) and (height<=500px) and (orientation:landscape){.mobile-editor-sheet--trace{width:190px;height:calc(100dvh - 64px);max-height:none;margin:0;padding:12px;inset:56px 8px 8px auto}:is(.mobile-editor-sheet--trace:has(.reference-link-entry),.mobile-editor-sheet--trace:has(.reference-more)){max-height:none}.drawing-panel .mobile-editor-sheet--trace .reference-actions .tool-button{flex-direction:column;gap:2px;min-height:52px;font-size:.7rem}.drawing-panel .mobile-editor-sheet--trace .editor-inline-settings .tool-label{grid-template-columns:minmax(0,1fr) auto;row-gap:0}.drawing-panel .mobile-editor-sheet--trace .editor-inline-settings .tool-label input{grid-area:2/1/auto/-1}.mobile-editor-sheet--frame{width:206px;max-height:none;margin:0;inset:56px 8px 8px auto}.drawing-panel .mobile-editor-sheet--frame .frame-colour-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}.drawing-panel .colour-custom-swatch{background:conic-gradient(#f2579d,#eb4b53,#ff8049,#f6c949,#a1d747,#26b077,#28b8d1,#147bfa,#8655d7,#f2579d);border:2px solid #101653}.drawing-panel .colour-custom-swatch>span{background:#fff;border-radius:50%;width:12px;height:12px}.drawing-panel .editor-colours .editor-palette.editor-palette--mobile{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:60px;align-items:center;gap:4px;padding:5px 2px}.drawing-panel .editor-colours .mobile-editor-sheet .recent-colour-swatches{background:#e8f2ff;border-radius:22px 19px 23px 20px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:54px;align-items:center;gap:4px;padding:6px 8px}.drawing-panel .mobile-editor-sheet--colour .colour-section-heading{margin:12px 0 7px;font-size:1.05rem;font-weight:900;line-height:1.15;display:block}.drawing-panel .mobile-editor-sheet--colour .recent-colours{margin-top:4px}.drawing-panel .editor-palette--mobile .colour-swatch{width:50px;min-width:50px;height:50px;min-height:50px}.drawing-panel .colour-sample-swatch{color:#101653;background:#e5f0ff;border:0;border-radius:22px 19px 23px 20px;align-content:center;justify-self:center;justify-items:center;gap:1px;width:min(100%,72px);height:60px;padding:3px;font-size:.7rem;font-weight:900;line-height:1;display:grid}.drawing-panel .colour-sample-swatch svg{width:22px;height:22px}.drawing-panel .colour-sample-swatch:focus-visible{outline-offset:2px;outline:3px solid #1557d6}.custom-colour-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.custom-colour-preview{align-items:center;gap:10px;min-width:0;font-weight:900;display:flex}.custom-colour-preview>span{border:2px solid #101653;border-radius:44% 56% 47% 53%/53% 45% 55% 47%;width:30px;height:30px}.drawing-panel .mobile-editor-sheet .inline-colour-picker input.colour-hue{width:calc(100% - 1.2rem);margin:0 .6rem;display:block}.mobile-editor-sheet-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-editor-sheet-heading h2{font-size:1.2rem;line-height:1.15}.mobile-editor-sheet-heading button{color:#fff;background:#101653;border:0;border-radius:13px 11px 14px 12px;min-width:68px;min-height:44px;padding:8px 14px;font-size:.9rem;font-weight:900}.mobile-editor-sheet-content{overscroll-behavior:contain;min-height:0;overflow-y:auto}.mobile-card-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.mobile-card-picker-grid button{min-width:0;min-height:68px;color:var(--ink);text-align:center;background:#e6f0ff;border:0;border-radius:14px 12px 15px 11px;place-content:center;gap:2px;padding:5px;font-weight:900;display:grid}.mobile-card-picker-grid button[aria-current=step]{color:#fff;background:#101653}.mobile-card-picker-grid button span{font-size:1.3rem;line-height:1}.mobile-card-picker-grid button small{font-size:.7rem}.mobile-review-button{color:#fff;background:#f97337;border:0;border-radius:14px 12px 15px 11px;width:100%;min-height:48px;font-weight:900}.mobile-editor-sheet--frame{padding:14px;box-shadow:0 -12px 30px #050f3a29}.mobile-editor-sheet--frame::backdrop{background:0 0}@media (width<=999px) and (height<=500px) and (orientation:landscape){.drawing-panel .editor-colours .editor-palette.editor-palette--mobile,.drawing-panel .editor-colours .mobile-editor-sheet .recent-colour-swatches,.mobile-card-picker-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.mobile-card-picker-grid button{min-height:56px}}.drawing-panel .custom-colour-panel{gap:10px;display:grid}.drawing-panel .colour-custom-back{color:#101653;min-width:6rem;min-height:44px;box-shadow:none;cursor:pointer;background:#e5f0ff;border:0;border-radius:15px 12px 16px 11px;flex:none;margin-left:auto;padding:.5rem 1.3rem .4rem;font-weight:900}.drawing-panel .colour-custom-back:hover{background:#d6e7ff}.drawing-panel .colour-custom-back:focus-visible{outline-offset:2px;outline:3px solid #1557d6}@media (width<=999px) and (height<=500px) and (orientation:landscape){.drawing-panel .custom-colour-panel{gap:6px}.drawing-panel .custom-colour-panel .colour-shade-box{height:72px}.drawing-panel .custom-colour-panel .colour-custom-back{min-height:36px}.drawing-panel .custom-colour-panel .custom-colour-preview{display:none}}.drawing-recorder-badge{z-index:100;top:max(8px, env(safe-area-inset-top));color:#fff;background:#101653;border:2px solid #fff;border-radius:14px 12px 15px 11px;min-height:36px;padding:6px 12px;font:800 14px Grandstander,sans-serif;position:fixed;right:8px}.drawing-recorder-dialog{color:#101653;background:#fff;border:0;border-radius:24px 20px 26px 21px;width:min(520px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:20px;font:16px/1.4 Grandstander,sans-serif;position:fixed;inset:0;overflow:auto}.drawing-recorder-dialog::backdrop{background:#050f3a8c}.drawing-recorder-dialog header,.drawing-recorder-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.drawing-recorder-dialog header{justify-content:space-between}.drawing-recorder-dialog h2{margin:0;font-size:22px}.drawing-recorder-dialog p{margin:14px 0}.drawing-recorder-dialog label{gap:6px;margin:12px 0;display:grid}.drawing-recorder-dialog button,.drawing-recorder-dialog select{color:#fff;min-height:44px;font:inherit;background:#101653;border:0;border-radius:12px 10px 13px 11px;padding:8px 12px}.drawing-recorder-dialog select{width:100%}.drawing-recorder-dialog button:disabled{opacity:.5}.drawing-recorder-dialog :focus-visible{outline-offset:3px;outline:3px solid #147bfa}.drawing-recorder-dialog input{max-width:100%}.drawing-recorder-dialog input[type=range]{width:100%}.drawing-heading{--suggestion-ink:var(--ink,#101653);box-sizing:border-box;isolation:isolate;width:fit-content;min-width:0;max-width:min(100%,32rem);color:var(--suggestion-ink);text-align:left;background:0 0;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;margin:0;padding:7px 7px 7px 14px;display:grid;position:relative}.drawing-heading:before{z-index:-1;pointer-events:none;content:"";background:#fff;border-radius:1.5rem .8rem 1.3rem .65rem/1rem 1.4rem .75rem 1.25rem;position:absolute;inset:0}@supports ((-webkit-mask:url('#m')) or (mask:url('#m'))){.drawing-heading:before{-webkit-mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;border-radius:0}}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .section-heading .drawing-heading>h1{filter:none;text-align:left;background:0 0;border-radius:0;grid-area:1/1;place-self:end start;width:auto;max-width:100%;min-height:0;margin:0;padding:0;display:block;translate:none}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-heading .drawing-prompt-prefix{color:var(--suggestion-ink)}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-heading .drawing-prompt-subject{color:var(--orange-text,#ff8049)}.creation-suggestion-copy{min-width:0;color:var(--suggestion-ink);text-wrap:pretty;overflow-wrap:anywhere;grid-area:2/1;align-self:start;margin:0;font-size:.9375rem;font-weight:800;line-height:1.15}.creation-suggestion-copy[data-long=true]{font-size:.875rem}.creation-suggestion-label{color:#5b6283;font-weight:700}.creation-suggestion-text{animation:.22s ease-out creation-suggestion-in}.creation-suggestion-new{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#f97337;border:0;border-radius:58% 42% 52% 46%/46% 56% 44% 54%;grid-area:1/2/3;place-items:center;width:42px;height:42px;margin:0;padding:0;display:grid;box-shadow:0 0 0 3px #fff,3px 3px 0 3px #00000040}.creation-suggestion-new svg{width:29px;height:29px;rotate:6deg}.creation-suggestion-new:active:not(:disabled){translate:1px 1px}.creation-suggestion-new:disabled{cursor:default}.creation-suggestion-new[data-pending=true] svg{animation:.42s ease-in-out infinite alternate creation-suggestion-wobble}.creation-suggestion-new:focus-visible{outline:3px solid var(--suggestion-ink);outline-offset:5px}@keyframes creation-suggestion-in{0%{opacity:0}}@keyframes creation-suggestion-wobble{0%{rotate:-8deg}to{rotate:18deg}}@media (prefers-reduced-motion:reduce){.creation-suggestion-text,.creation-suggestion-new[data-pending=true] svg{animation:none}}@media (width<=1179px) and (height>=501px),(width<=1399px) and (height>=501px) and (height<=519px),(width<=1399px) and (height>=501px) and (hover:none),(width<=1399px) and (height>=501px) and (pointer:coarse),(width<=759px) and (orientation:portrait){.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-heading{translate:0 var(--card-stage-drop,0px);grid-area:1/1/auto/-1;justify-self:center}}@media (width<=999px) and (height<=500px) and (orientation:landscape){.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-heading{flex:0 auto;max-width:calc(100vw - 220px);padding-block:4px}.creation-suggestion-new{width:34px;height:34px}}@media (width>=1180px) and (height>=520px) and (hover:hover) and (pointer:fine),(width>=1400px) and (height>=520px){.panel.drawing-panel[data-character-editor=false]:not(.card-review):has(.drawing-heading){--desk-prompt-room:calc(var(--desk-prompt-size) * 1.2 + 52px)}.panel.drawing-panel:not(.card-review) .drawing-heading{max-width:calc(100% - 6px);filter:var(--desk-lift);grid-area:top/stage;place-self:end center;column-gap:16px;padding:10px 10px 10px 20px}.creation-suggestion-copy{font-size:1.125rem}.creation-suggestion-new{width:48px;height:48px}}.drawing-panel,.drawing-panel *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.drawing-panel textarea,.drawing-panel input[type=text],.drawing-panel input[type=url]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.drawing-panel .drawing-workspace{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.drawing-panel .drawing-main{min-width:0;max-width:30rem}.drawing-panel .editor-controls{align-content:start;gap:.65rem;min-width:0;display:grid}.drawing-panel .editor-rail{order:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,5.2rem),1fr));min-width:0;display:grid;container:editor-tools/inline-size}.drawing-panel .drawing-quick-tools{grid-column:1/-1;gap:.6rem;margin:0}.drawing-panel .editor-toolbar,.drawing-panel .editor-tool-group{justify-content:space-between;display:flex}.drawing-panel .editor-icon-button{border-radius:.7rem;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:.55rem;display:grid}.drawing-panel svg{flex:none;width:23px;height:23px;display:block}.drawing-panel .editor-colours .editor-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;padding:.25rem}.drawing-panel .colour-swatch{border-radius:44% 56% 47% 53%/53% 45% 55% 47%;justify-self:center;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:grid;position:relative}.drawing-panel .colour-swatch:nth-child(3n+2){border-radius:55% 45% 51% 49%/46% 54% 47% 53%}.drawing-panel .colour-swatch:nth-child(3n){border-radius:47% 53% 56% 44%/52% 47% 54% 46%}.drawing-panel .active-colour{min-height:1.4rem;color:var(--muted-ink);justify-content:center;align-items:center;gap:.45rem;font-size:.75rem;display:flex}.drawing-panel .active-colour>span{border:2px solid var(--ink);border-radius:44% 56% 47% 53%/53% 45% 55% 47%;width:.8rem;height:.8rem}.drawing-panel .editor-tool-settings{display:contents}.drawing-panel .editor-colours,.drawing-panel .stroke-options,.drawing-panel .editor-trace{border:0;min-width:0;padding:0}.drawing-panel .editor-colours[open],.drawing-panel .stroke-options[open],.drawing-panel .editor-trace[open]{grid-column:1/-1}.drawing-panel .editor-rail summary{min-height:48px;color:var(--ink);cursor:pointer;align-items:center;font-weight:900;display:flex}.drawing-panel .editor-rail summary::-webkit-details-marker{display:none}.drawing-panel .editor-rail summary:before,.drawing-panel .editor-rail details[open]>summary:before{content:none}.drawing-panel .editor-rail summary:after{margin-left:auto}.drawing-panel .stroke-preview,.drawing-panel .size-presets button span{background:var(--ink);border-radius:50%;display:block}.drawing-panel .editor-rail .drawing-tools{gap:.75rem;padding:.75rem .1rem}.drawing-panel .editor-rail .tool-label{grid-template-columns:auto minmax(0,1fr);font-size:.8rem}.drawing-panel .stroke-options .tool-label{grid-template-columns:3.4rem minmax(0,1fr) 3.3rem;gap:.4rem}.drawing-panel .tool-label output{text-align:right;font-variant-numeric:tabular-nums}.drawing-panel .size-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.drawing-panel .size-presets button{grid-template-rows:24px auto;align-content:center;place-items:center;min-width:44px;padding:.3rem;display:grid}.drawing-panel .editor-card{aspect-ratio:5/7;border:3px solid var(--ink);background:#fff;width:100%;position:relative;overflow:hidden;container-type:inline-size}.drawing-panel .drawing-surface{aspect-ratio:auto;border:0;border-radius:0;max-width:none;margin:0;position:absolute;inset:0 0 25%}.drawing-panel .drawing-surface,.drawing-panel .drawing-surface *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}.drawing-panel .editor-card-title{background:#fff;border:0;border-top:max(2px,1cqw) solid #101653;align-content:center;justify-items:center;width:100%;height:25%;display:grid;position:absolute;inset:auto 0 0}.drawing-panel .editor-card-title:before{pointer-events:none;content:"";background:#101653;height:calc(max(2px,1cqw) + 1px);position:absolute;inset:auto 0 100%}.drawing-panel .editor-card-title textarea{width:var(--editor-title-width,82.6667%);height:calc(var(--editor-title-height) + var(--editor-title-size) * .4);max-width:100%;min-height:0;padding:0;padding-top:calc(var(--editor-title-size) * .2);resize:none;color:var(--ink);font-family:Grandstander,Arial,sans-serif;font-size:var(--editor-title-size);text-align:center;background:#fff;border:0;border-radius:0;margin:0;font-weight:900;line-height:1.12;display:block;overflow:hidden}.drawing-panel .editor-card-title textarea::placeholder{color:#516079;opacity:1}.drawing-panel .editor-card-title textarea:focus-visible{outline-offset:4px;outline:2px solid #1557d6}.drawing-panel .title-limit-error{z-index:3;color:#fff;text-align:center;pointer-events:none;background:#941a34;border-radius:.7rem .55rem .75rem .6rem;width:max-content;max-width:calc(100% - 1rem);padding:.3rem .7rem;font-size:.8rem;font-weight:800;line-height:1.2;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.drawing-panel .editor-message{margin-block:.75rem}@media (width>=760px){.drawing-panel .drawing-workspace{grid-template-columns:minmax(0,1fr) 17rem}.drawing-panel .drawing-main{max-width:clamp(16rem,71.4286svh - 12.1429rem,30rem)}.drawing-panel .editor-rail{order:0}}@media (width<=359px){.drawing-panel .editor-toolbar{justify-content:center}}@media (forced-colors:active){.drawing-panel .colour-swatch,.drawing-panel .active-colour>span{forced-color-adjust:none}}@container editor-tools (width<=250px){.drawing-panel .editor-colours .editor-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.drawing-panel .stroke-options .tool-label{grid-template-columns:minmax(0,1fr) auto}.drawing-panel .stroke-options .tool-label input{grid-area:2/1/auto/-1}}.phone-shell:has(.drawing-panel){padding-top:max(1rem, env(safe-area-inset-top))}.panel.drawing-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.drawing-panel .section-heading{margin-bottom:.85rem}.drawing-panel .section-heading>div{text-align:center;width:100%}.drawing-panel .section-heading h1{border:2px solid var(--ink);box-shadow:var(--shadow);background:#fffffff7;border-radius:1rem;margin:0;padding:.7rem .9rem}.drawing-panel h1{font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.25}.drawing-panel .drawing-prompt-prefix{color:var(--ink)}.drawing-panel .draft-navigation{grid-template-columns:minmax(54px,1fr) auto minmax(54px,1fr);align-items:center;max-width:28rem;margin:.5rem auto 0;display:grid}.drawing-panel .draft-count{text-align:center;min-width:4.5rem;color:var(--draft-nav-ink,#fff);margin:0;font-size:1.35rem;font-weight:900}.drawing-panel .draft-navigation .editor-icon-button{width:54px;min-width:54px;height:54px;min-height:54px;box-shadow:none;color:var(--draft-nav-ink,#fff);background:0 0;border:0}.drawing-panel .draft-navigation .editor-icon-button svg{width:34px;height:34px}.drawing-panel .draft-navigation .editor-icon-button:disabled{opacity:.4}.drawing-panel .draft-navigation>.editor-icon-button:first-of-type{justify-self:end}.drawing-panel .draft-navigation>.editor-icon-button:last-of-type{justify-self:start}.drawing-panel .draft-dots{grid-column:1/-1;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;display:grid}.drawing-panel .draft-dot{min-width:0;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:.4rem;place-items:center;padding:0;display:grid}.drawing-panel .draft-dot>span{aspect-ratio:1;background:var(--draft-dot-empty,#779bdd);width:min(1.4rem,70%);color:var(--draft-dot-check,#1557d6);border-radius:50%;place-items:center;font-size:.75rem;font-weight:900;display:grid}.drawing-panel .draft-dot[data-complete=true]>span{background:var(--draft-dot-filled,#fff)}.drawing-panel .draft-dot[aria-current=step]>span{outline:3px solid var(--draft-nav-ink,#fff);outline-offset:3px}.drawing-panel .draft-dot:focus-visible{outline:2px solid var(--draft-nav-ink,#fff);outline-offset:0}.drawing-panel .draft-review-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:1rem;margin-block:1rem;display:grid}.drawing-panel .draft-review-item{min-width:0;color:var(--ink);box-shadow:none;text-align:center;background:0 0;border:none;gap:.45rem;padding:0;font-size:.8rem;display:grid}.drawing-panel .draft-review-item img{aspect-ratio:5/7;border:2px solid var(--ink);border-radius:.6rem;width:100%;display:block}.drawing-panel .review-instruction{color:var(--muted-ink);margin-block:.6rem;font-size:.85rem}.editor-set-error{color:#941a34;background:#fff;border-radius:.5rem;max-width:52rem;margin:1rem auto;padding:.75rem}@media (width<=1179px),(width<=1399px) and (height<=519px),(width<=1399px) and (hover:none),(width<=1399px) and (pointer:coarse){.editor-set-error--floating{z-index:21;right:12px;bottom:calc(140px + env(safe-area-inset-bottom));width:fit-content;max-width:calc(100% - 24px);margin:auto;position:fixed;left:12px}}.drawing-panel .editor-message{background:#fff;border-radius:.65rem;padding:.65rem .8rem}.panel.drawing-panel.card-review{border:2px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:1rem;padding:1rem}.drawing-panel .drawing-workspace{gap:.85rem;margin-top:0}.drawing-panel .drawing-main{max-width:min(100%,clamp(13rem,71.4286svh - 12.1429rem,28rem))}.drawing-panel .editor-card{border-width:2px;border-radius:.8rem;box-shadow:2px 3px #101936}.drawing-panel .editor-rail{border:2px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:.85rem;align-content:start;gap:.5rem;padding:.5rem}.drawing-panel .editor-toolbar{border-bottom:0;flex-wrap:nowrap;padding:.25rem}.drawing-panel .editor-tool-group{flex:0 auto}.drawing-panel .editor-icon-button,.drawing-panel .size-presets .tool-button{box-shadow:none;color:#34445f;background:0 0;border:2px solid #0000}.drawing-panel .editor-icon-button[aria-pressed=true],.drawing-panel .size-presets .tool-button[aria-pressed=true]{color:#103f9b;box-shadow:none;background:#dbe8ff;border-color:#1557d6}.drawing-panel .editor-icon-button:disabled,.drawing-panel .editor-panel-trigger:disabled{opacity:1;color:#8390a5}.drawing-panel .editor-panel-trigger:disabled :is(.current-colour-chip,.current-frame-chip){opacity:.4}.drawing-panel .editor-icon-button:active:not(:disabled){background:#dbe8ff;transform:none}.drawing-panel .editor-rail summary{background:#fff;border:0;border-radius:.65rem;gap:.4rem;padding:.5rem}.drawing-panel .editor-rail summary:after{content:none}.drawing-panel .editor-rail details[open]>summary{background:#dbe8ff;border-color:#1557d6}.drawing-panel .editor-rail details[open]>summary:after{content:"−"}.drawing-panel .editor-rail details[open]{border-bottom:0;padding-bottom:.5rem}.drawing-panel .current-colour-chip{border:2px solid #101936;border-radius:50%;flex:0 0 20px;width:20px;height:20px;display:block}.drawing-panel .stroke-preview{display:none}.drawing-panel .game-actions{margin-top:.85rem}.drawing-panel .game-actions .primary-button{min-height:48px;box-shadow:none;border-radius:.7rem;margin:0}.drawing-panel .game-actions .review-cards-button{color:#fff}.drawing-panel .colour-swatch[aria-pressed=true]{outline-offset:3px;box-shadow:none;outline:3px solid #1557d6}@media (width>=760px){.panel.drawing-panel{--draft-nav-ink:#1557d6;--draft-dot-empty:#d9dfec;--draft-dot-filled:#1557d6;--draft-dot-check:#fff;border:2px solid var(--ink);background:#fff;border-radius:1.25rem;padding:1.5rem}.drawing-panel .drawing-main{max-width:clamp(16rem,71.4286svh - 12.1429rem,30rem)}.drawing-panel .editor-rail{grid-template-columns:minmax(0,1fr)}}@media (width<=759px){.drawing-panel .editor-toolbar{justify-content:space-between}}.drawing-panel .editor-toolbar .editor-icon-button{gap:.15rem;width:48px;min-width:48px;height:58px;padding:.25rem}.drawing-panel .tool-caption{font-size:.625rem;font-weight:800;line-height:1}.drawing-panel .editor-toolbar .editor-navigation-tool{padding-inline:0}.drawing-panel .editor-toolbar{gap:.25rem;padding-inline:0}.drawing-panel .editor-tool-group{gap:0}.drawing-panel .size-presets button small{font-size:.75rem}.drawing-panel .editor-rail summary{font-size:.875rem}.reference-stage{z-index:2;aspect-ratio:750/787.5;border:2px solid var(--ink);touch-action:none;background:#fff;border-radius:.65rem;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.reference-stage,.reference-stage *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.reference-stage-clip{pointer-events:none;border-radius:.5rem;position:absolute;inset:0;overflow:hidden}.reference-stage-view{transform-origin:0 0;position:absolute;inset:0}.reference-stage-view>img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.reference-outline{pointer-events:none;border:2px dashed #1557d6;position:absolute}.reference-handles .reference-resize-handle{width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;pointer-events:auto;touch-action:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.reference-resize-handle>span{background:#fff;border:3px solid #1557d6;border-radius:50%;width:15px;height:15px;box-shadow:1.5px 1.5px #00000040}.reference-handles .reference-rotate-handle{color:#1557d6;min-width:44px;min-height:44px;box-shadow:none;pointer-events:auto;touch-action:none;background:#fff;border:2px solid #1557d6;border-radius:50%;place-items:center;padding:.4rem;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.drawing-panel .reference-empty{border-radius:inherit;width:100%;height:100%;box-shadow:none;color:#516079;text-align:center;cursor:pointer;background:#fff;border:0;place-content:center;justify-items:center;gap:1rem;padding:1rem;font-weight:800;display:grid}.drawing-panel .reference-empty:focus-visible{outline-offset:-6px}.reference-stage[data-empty=true],.drawing-panel .reference-stage[data-empty=true] .reference-empty{background:0 0}.drawing-panel .reference-empty-prompt{color:var(--ink);background:#fff;border-radius:1.1rem .95rem 1.15rem .9rem;align-items:center;gap:.5rem;padding:.6rem .9rem;font-size:.9rem;line-height:1.2;display:flex}.drawing-panel .reference-empty-prompt svg{flex:none;width:26px;height:26px}.reference-empty svg{width:48px;height:48px}.drawing-panel .reference-link-back{align-items:center;gap:.3rem;display:flex}.drawing-panel .reference-link-back svg{stroke-width:2.8px;width:1.25rem;height:1.25rem}.drawing-panel .reference-link-back>span{line-height:1.05}.reference-panel-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.drawing-panel .reference-panel-heading h2{letter-spacing:0;margin:0;font-size:1rem;line-height:1.3}.drawing-panel .reference-done{color:#fff;min-height:44px;box-shadow:none;background:#1557d6;border:0;border-radius:.6rem;padding:.5rem 1rem;font-size:.875rem}.reference-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.reference-actions .tool-button{min-width:0;min-height:44px;color:var(--ink);box-shadow:none;background:#edf2fa;border:0;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .2rem;font-size:.75rem;display:flex}.reference-actions .tool-button[aria-expanded=true]{background:#dbe8ff;border-color:#1557d6}.reference-more,.reference-import{gap:.5rem;display:grid}.reference-upload{border:2px solid var(--ink);background:#dbe8ff;border-radius:.7rem;justify-content:center;align-items:center;gap:.5rem;min-height:48px;font-weight:900;display:flex;position:relative;overflow:hidden}.reference-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.reference-upload:focus-within{outline-offset:2px;outline:3px solid #1557d6}.reference-feedback{margin:.5rem 0 0;font-size:.875rem}@media (width<=359px){.drawing-panel .editor-toolbar .editor-icon-button{width:44px;min-width:44px}.drawing-panel .editor-rail{padding:.4rem}}.drawing-panel .editor-tool-panel{display:contents}.drawing-panel .editor-panel-trigger{min-width:0;min-height:48px;color:var(--ink);box-shadow:none;background:#edf2fa;border:0;border-radius:.65rem;align-items:center;gap:.4rem;padding:.5rem;font-size:.875rem;font-weight:900;display:flex}.drawing-panel .editor-panel-trigger[aria-expanded=true]{background:#dbe8ff;border-color:#1557d6}.drawing-panel .editor-inline-settings{border-top:0;order:1;grid-column:1/-1;min-width:0;padding-top:.5rem}.drawing-panel .editor-inline-settings[hidden]{display:none}.drawing-panel .editor-inline-settings .drawing-tools{width:100%;grid-template-columns:minmax(0,1fr);gap:.4rem;min-inline-size:0;max-inline-size:100%;padding:.2rem}.drawing-panel .editor-inline-settings .tool-label{grid-template-columns:4.75rem minmax(0,1fr) 3rem;font-size:.875rem}.drawing-panel .editor-inline-settings input[type=range]{width:100%;min-width:0;min-height:44px}.drawing-panel .editor-inline-settings .size-presets button{min-height:44px}.drawing-panel .editor-inline-settings .editor-palette{gap:.25rem}.drawing-panel .drawing-workspace{scroll-margin-top:max(.5rem, env(safe-area-inset-top))}@media (width<=359px),(height<=500px){.drawing-panel .editor-panel-trigger{white-space:nowrap;gap:.25rem;padding:.35rem;font-size:.8rem}.drawing-panel .editor-panel-trigger svg{width:20px;height:20px}}@media (height<=500px) and (width>=760px){.drawing-panel .editor-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}.drawing-panel .editor-inline-settings .active-colour{clip-path:inset(50%);width:1px;height:1px;min-height:0;position:absolute;overflow:hidden}@media (height<=500px) and (width>=480px){.drawing-panel .drawing-workspace{grid-template-columns:minmax(0,1fr) 17rem}.drawing-panel .editor-rail{grid-template-columns:repeat(3,minmax(0,1fr));padding:.4rem}.drawing-panel .editor-toolbar .editor-icon-button{height:44px;min-height:44px}.drawing-panel .editor-toolbar svg{width:20px;height:20px}.drawing-panel .editor-inline-settings .editor-palette{grid-template-columns:repeat(5,minmax(0,1fr))}}.drawing-surface[data-tracing=true]>.drawing-canvas,.drawing-surface[data-tracing=true]>.stroke-canvas,.drawing-surface[data-tracing=true]>.drawing-reference{visibility:hidden}.drawing-panel .inline-colour-picker{min-width:0}.drawing-panel .inline-colour-picker input[type=text]{width:100%;min-width:0;min-height:44px;font-size:1rem}.drawing-panel .reference-stage{border:0;border-radius:0}.drawing-panel .reference-controls .reference-visibility{border-top:0;grid-template-columns:minmax(0,1fr) auto;gap:0;margin-top:.85rem;padding-top:.75rem;display:grid}.reference-visibility>span{grid-area:1/1}.reference-visibility>output{text-align:right;color:#516079;font-variant-numeric:tabular-nums;grid-area:1/2}.reference-visibility>input{grid-area:2/1/auto/-1;margin:0}.drawing-panel input[type=range]{appearance:none;cursor:pointer;background:0 0}.drawing-panel input[type=range]::-webkit-slider-runnable-track{height:8px;box-shadow:none;background:#dbe3f2;border:0;border-radius:999px}.drawing-panel input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;box-shadow:none;background:#1557d6;border:0;border-radius:50%;margin-top:-7px}.drawing-panel input[type=range]::-moz-range-track{height:8px;box-shadow:none;background:#dbe3f2;border:0;border-radius:999px}.drawing-panel input[type=range]::-moz-range-thumb{width:22px;height:22px;box-shadow:none;background:#1557d6;border:0;border-radius:50%}.drawing-panel input[type=range].opacity-ramp{--ramp:linear-gradient(to right, transparent, var(--ramp-colour,var(--ink))), repeating-conic-gradient(#d5ddec 0 25%, #fff 0 50%) 0 0 / 8px 8px}.drawing-panel input[type=range].opacity-ramp::-webkit-slider-runnable-track{background:var(--ramp);border-radius:5px 7px 6px 4px;height:14px;box-shadow:inset 0 0 0 2px #d5ddec}.drawing-panel input[type=range].opacity-ramp::-webkit-slider-thumb{margin-top:-4px;box-shadow:0 0 0 3px #fff}.drawing-panel input[type=range].opacity-ramp::-moz-range-track{background:var(--ramp);border-radius:5px 7px 6px 4px;height:14px;box-shadow:inset 0 0 0 2px #d5ddec}.drawing-panel input[type=range].opacity-ramp::-moz-range-thumb{box-shadow:0 0 0 3px #fff}.reference-handles{pointer-events:none;position:absolute;inset:0}.drawing-panel .editor-palette[hidden],.drawing-panel .inline-colour-picker[hidden]{display:none}.colour-shade-box{touch-action:none;cursor:crosshair;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:.7rem;height:136px;margin:.4rem .6rem;position:relative}.colour-shade-handle{pointer-events:none;border:3px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #101936}.drawing-panel input.colour-hue::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);height:18px}.drawing-panel input.colour-hue::-webkit-slider-thumb{background:#fff;border:3px solid #101936;width:26px;height:26px;margin-top:-4px}.drawing-panel input.colour-hue::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);height:18px}.drawing-panel input.colour-hue::-moz-range-thumb{background:#fff;border:3px solid #101936;width:22px;height:22px}.recent-colours{margin-top:.75rem}.recent-colours-label{margin:0;font-size:.8125rem;font-weight:800}.recent-colour-swatches{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:.4rem;width:100%;min-width:0;padding:.45rem .2rem;display:grid}.sampling-instruction{background:#fff;border-radius:.75rem;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.6rem;font-size:.8125rem;font-weight:800;display:flex}.sampling-instruction button{background:#edf2fa;border:0}.sampling-preview{z-index:3;pointer-events:none;border:3px solid #fff;border-radius:50%;width:44px;height:44px;position:absolute;top:12px;left:12px;box-shadow:0 0 0 3px #101936}.pp-card .sampling-preview{top:calc(4cqw + 12px);left:calc(4cqw + 12px)}.drawing-panel .drawing-surface>.drawing-zoom-chip{z-index:3;background:var(--coral);color:#fff;min-width:0;min-height:44px;font:inherit;font-variant-numeric:tabular-nums;touch-action:manipulation;border:0;border-radius:1.1rem .85rem 1rem .8rem;align-items:center;gap:.3rem;margin:0;padding:.3rem .75rem .3rem .6rem;font-size:1rem;font-weight:900;line-height:1;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 0 0 3px #fff,3px 3px 0 3px #00000040}.drawing-panel .drawing-surface>.drawing-zoom-chip svg{flex:none;width:1.3rem;height:1.3rem}.pp-card .drawing-surface>.drawing-zoom-chip{top:calc(4cqw + 10px);right:calc(4cqw + 10px)}.pp-card .drawing-surface[data-tracing=true]>.drawing-zoom-chip{inset:auto auto calc(22.8571% + 10px) 50%;transform:translate(-50%)}.drawing-panel .editor-card.pp-card>.drawing-zoom-ring{box-shadow:0 0 0 3px #fff, 0 0 0 max(8px, 2.6cqw) var(--zoom-ring,var(--coral));pointer-events:none;border-radius:calc(5cqw - 1px) calc(5cqw - 1px) calc(1.66667cqw - 1px) calc(1.66667cqw - 1px);position:absolute;inset:calc(2.85714% + 1px) calc(4% + 1px) calc(22.8571% + 1px)}.drawing-panel .editor-card.pp-card>.drawing-zoom-ring[data-on-warm-frame]{--zoom-ring:var(--ink)}.drawing-surface[data-sampling=true]{cursor:crosshair}.drawing-panel .drawing-tools>*,.recent-colours{min-width:0;max-width:100%}.drawing-viewport{transform-origin:0 0;position:absolute;inset:0}.drawing-surface[data-tracing=true]>.drawing-viewport{visibility:hidden}.drawing-surface[data-trace-empty=true]>.drawing-viewport{visibility:visible}.drawing-zoom-controls{color:var(--draft-nav-ink,white);margin-top:.5rem}.drawing-zoom-controls>span{text-align:center;font-size:.7rem;font-weight:800;display:block}.drawing-zoom-controls>div{grid-template-columns:1fr 1.5fr 1fr;gap:.3rem;margin-top:.3rem;display:grid}.drawing-zoom-controls button{color:#101936;min-width:44px;min-height:44px;box-shadow:none;background:#edf2fa;border:0;border-radius:.6rem;padding:.35rem;font-weight:900}.drawing-panel .drawing-zoom-controls{color:var(--ink);grid-column:1/-1;margin:0;padding:.4rem 0}.drawing-surface[data-hand=true] .drawing-canvas{cursor:grab}.drawing-surface[data-hand=true] .drawing-canvas:active{cursor:grabbing}@media (width<=759px),(width<=999px) and (height<=599px){.drawing-panel .editor-toolbar .tool-caption{display:none}.drawing-panel .editor-toolbar .editor-icon-button{gap:0;height:48px;min-height:48px}.drawing-panel .editor-toolbar svg{width:32px;height:32px}}@container editor-tools (width<=300px){.drawing-panel .editor-toolbar .editor-icon-button{width:44px;min-width:44px}}@container editor-tools (width<=267px){.drawing-panel .editor-toolbar{flex-wrap:wrap}.drawing-panel .editor-tool-group:first-child{flex:100%}.drawing-panel .editor-tool-group:last-child{flex:100%;justify-content:flex-end}}.drawing-panel .current-frame-chip{border-radius:5px;flex:none;grid-template-rows:minmax(0,1fr) 22%;gap:2px;width:20px;height:28px;padding:3px;display:grid}.drawing-panel .current-frame-chip[data-light=true]{box-shadow:inset 0 0 0 2px #cfd8e6}.drawing-panel .current-frame-chip>span{background:#fff;border-radius:2px 2px 1px 1px}.drawing-panel .current-frame-chip[data-light=true]>span{background:#e3e9f2}.drawing-panel .current-frame-chip>span:last-child{border-radius:1px 1px 2px 2px}.drawing-panel .frame-colour-swatches{grid-template-columns:repeat(7,minmax(0,1fr));justify-items:center;gap:6px 5px;padding:4px;display:grid}.drawing-panel .frame-colour-swatches .frame-swatch{aspect-ratio:5/7;background:var(--frame-colour);width:min(100%,36px);min-width:0;height:auto;min-height:0;box-shadow:none;cursor:pointer;border:0;border-radius:22% 19% 21% 18%/16% 14% 15% 13%;grid-template-rows:minmax(0,1fr) 24%;gap:8%;padding:12% 12% 14%;display:grid}.drawing-panel .frame-colour-swatches .frame-swatch>span{background:color-mix(in srgb, var(--frame-colour) 30%, #fff);border-radius:3px 2px 2px 3px}.drawing-panel .frame-colour-swatches .frame-swatch>span:last-child{background:color-mix(in srgb, var(--frame-colour) 14%, #fff)}.drawing-panel .frame-colour-swatches .frame-swatch[data-light]{box-shadow:inset 0 0 0 2px #a3adc2}.drawing-panel .frame-colour-swatches .frame-swatch[data-light]>span{background:#e3e9f2}.drawing-panel .frame-colour-swatches .frame-swatch[aria-pressed=true],.drawing-panel .frame-colour-swatches .frame-swatch:focus-visible{outline-offset:2px;outline:3px solid #1557d6}.drawing-panel .frame-colour-swatches .frame-swatch:disabled{cursor:default;opacity:.55}.drawing-panel .card-steps{display:none}.pp-card.pp-card{--card-colour:#ffcf33;--art-colour:#6fd9ca;--name-colour:#fff2d1;--style-ink:#22264a;background-color:var(--card-colour);color:var(--style-ink);border:0;border-radius:9%/6.42857%;overflow:hidden;container-type:inline-size}.pp-card.pp-card.pp-card-satin{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='750'%20height='1050'%20viewBox='0%200%20750%201050'%3e%3cdefs%3e%3clinearGradient%20id='wash'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%23fff'%20stop-opacity='.22'/%3e%3cstop%20offset='.5'%20stop-color='%23fff'%20stop-opacity='.02'/%3e%3cstop%20offset='1'%20stop-color='%236b3e00'%20stop-opacity='.06'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23wash)'%20d='M0%200h750v1050H0z'/%3e%3c/svg%3e");background-size:100% 100%}.pp-card.pp-card>.pp-card-art{background:var(--art-colour);border:0;border-radius:5cqw 5cqw 1.66667cqw 1.66667cqw;width:92%;height:74.2857%;position:absolute;inset:2.85714% 4% auto;overflow:hidden}.pp-card.pp-card>.pp-card-title{background:var(--name-colour);width:92%;height:18.5714%;color:var(--style-ink);border:0;border-radius:1.66667cqw 1.66667cqw 5cqw 5cqw;padding:0 7cqw;position:absolute;inset:auto 4% 2.85714%}.pp-card.pp-card>.pp-card-title:before{content:none}.drawing-panel:not(.card-review) .editor-card.pp-card{clip-path:inset(0 round 9%/6.42857%);background-color:var(--card-colour);border:0;border-radius:0}.drawing-panel .editor-card.pp-card>.drawing-surface{clip-path:inset(2.85714% 4% 22.8571% round 5cqw 5cqw 1.66667cqw 1.66667cqw);background:0 0;border:0;border-radius:0;width:100%;height:100%;inset:0}.drawing-panel .editor-card.pp-card>.drawing-surface:before{background:var(--art-colour);clip-path:inset(calc(2.85714% + 1px) calc(4% + 1px) calc(22.8571% + 1px) round calc(5cqw - 1px) calc(5cqw - 1px) calc(1.66667cqw - 1px) calc(1.66667cqw - 1px));pointer-events:none;content:"";position:absolute;inset:0}.drawing-panel .editor-card.pp-card .drawing-viewport{background:0 0}.drawing-panel .editor-card.pp-card .editor-card-title textarea{width:var(--editor-title-width,78cqw);color:var(--style-ink);background:0 0}:root{--play-ink:#101653;--play-orange:#f97337;--play-orange-text:var(--orange-text);--play-yellow:#ffd976;--play-pale:#e3f1ff;--play-lift:4.5px;--play-edge:3px;--play-shadow:#00000040;--play-shape-pill:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20200'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.00808%200%200%201.04526%20-4.05657%20-4.26222)'%20d='M93%2012C244%205%20355%2011%20500%208C661%205%20757%2011%20908%209C965%209%20992%2038%20993%2096C994%20158%20971%20187%20908%20189C763%20191%20657%20185%20500%20191C350%20197%20246%20186%2094%20191C33%20193%207%20164%207%20102C7%2045%2035%2015%2093%2012Z'/%3e%3c/svg%3e");--play-shape-wide:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20400'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.01207%200%200%201.03276%20-5.88367%20-6.11025)'%20d='M58%2010C216%206%20341%2015%20501%209C648%204%20790%2013%20937%208C978%207%20992%2031%20993%2079C994%20162%20990%20235%20993%20316C995%20365%20977%20390%20934%20390C787%20387%20647%20394%20501%20391C342%20387%20211%20395%2062%20390C21%20389%207%20366%207%20320C7%20234%2010%20158%207%2080C5%2033%2019%2011%2058%2010Z'/%3e%3c/svg%3e");--play-shape-row:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20180'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.00268%200%200%201.04439%20-1.48749%20-4.05355)'%20d='M52%2011C199%206%20351%2013%20501%209C648%205%20796%2011%20948%209C981%209%20992%2028%20993%2060C995%2096%20993%20120%20991%20136C987%20159%20973%20170%20945%20171C795%20171%20648%20168%20501%20172C352%20176%20199%20168%2054%20171C23%20171%209%20155%208%20132C5%2097%207%2072%209%2055C12%2027%2025%2012%2052%2011Z'/%3e%3c/svg%3e");--play-shape-panel:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20500'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.02136%200%200%201.023%20-6.27092%20-5.28351)'%20d='M66%2010C173%205%20282%2013%20391%208C446%206%20484%209%20531%2011C576%2013%20591%2039%20591%2089C591%20143%20596%20192%20593%20250C590%20317%20597%20367%20592%20420C588%20473%20570%20490%20525%20491C420%20492%20331%20486%20224%20491C160%20494%20118%20490%2069%20489C23%20488%209%20464%209%20414C9%20360%205%20308%209%20247C13%20182%205%20142%209%2088C12%2039%2026%2012%2066%2010Z'/%3e%3c/svg%3e");--play-shape-dot:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cpath%20fill='white'%20d='M51%205C63%203%2071%2010%2080%2017C89%2024%2093%2034%2095%2045C97%2056%2092%2065%2086%2074C79%2085%2069%2092%2057%2095C45%2097%2035%2093%2025%2088C14%2082%208%2073%205%2061C3%2050%206%2039%2010%2029C16%2018%2028%2011%2040%207C44%206%2047%206%2051%205Z'/%3e%3c/svg%3e");--play-title-size:1.3rem;--play-prompt-size:1.25rem;--play-button-size:1.3rem;--play-gap:1rem}.play-surface,.play-button{isolation:isolate;position:relative}:is(.play-surface,.play-button):before,:is(.play-surface,.play-button):after{z-index:-1;pointer-events:none;content:"";position:absolute}:is(.play-surface,.play-button):before{inset:calc(var(--play-edge-size,0px) * -1);background:var(--play-surface-shape,var(--play-shape-row)) 0 0 / 100% 100% no-repeat;filter:drop-shadow(var(--play-lift) var(--play-lift) 0 var(--play-shadow))}:is(.play-surface,.play-button):after{background:var(--play-fill,transparent);-webkit-mask:var(--play-surface-shape,var(--play-shape-row)) 0 0 / 100% 100% no-repeat;mask:var(--play-surface-shape,var(--play-shape-row)) 0 0 / 100% 100% no-repeat;inset:0}#phase-content:has(>.play-stage){align-content:stretch;width:min(100%,90rem)}#phase-content:has(>.play-waiting){align-content:center}.play-stage{gap:var(--play-gap);min-width:0;color:var(--play-ink);flex-direction:column;display:flex}.play-body{gap:calc(var(--play-gap) * 1.25);flex-direction:column;flex:1;min-width:0;display:flex}.play-heading{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.play-title{--play-surface-shape:var(--play-shape-pill);min-width:0;color:var(--play-ink);font-size:var(--play-title-size);letter-spacing:.01em;text-align:center;text-wrap:balance;margin:0;padding:.5em 1.15em;font-weight:900;line-height:1.1}.play-title em,.play-name{color:var(--play-orange-text);font-style:normal;font-weight:900}.play-timer-slot{flex:none;display:grid}.play-timer{--timer-spent:#d9e7fb;width:3.6rem;height:3.6rem;box-shadow:var(--play-lift) var(--play-lift) 0 0 var(--play-shadow);color:var(--play-ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:50%;font-size:1.3rem;font-weight:900;line-height:1;display:block;position:relative}.play-timer-face{inset:var(--play-edge);background:var(--play-orange);border-radius:50%;position:absolute;overflow:clip}.play-timer-half{width:calc(50% + .5px);position:absolute;top:0;bottom:0;overflow:clip}.play-timer-half[data-half=right]{left:calc(50% - .5px)}.play-timer-half[data-half=left]{left:0}.play-timer-half>i{background:var(--timer-spent);width:100%;height:calc(100% + 2px);position:absolute;top:-1px}.play-timer-half[data-half=right]>i{transform-origin:100%;animation:play-timer-first-half var(--timer-duration) linear var(--timer-delay) both;border-radius:100% 0 0 100%/50% 0 0 50%;left:-100%}.play-timer-half[data-half=left]>i{transform-origin:0%;animation:play-timer-second-half var(--timer-duration) linear var(--timer-delay) both;border-radius:0 100% 100% 0/0 50% 50% 0;left:100%}.play-timer-hub{background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;inset:21%}.play-timer-slot[data-paused=true] *{animation-play-state:paused!important}.play-timer[data-urgent=true]{animation:1s ease-in-out infinite play-timer-beat}#phase-content:has(>.play-waiting>.play-timer-slot){width:min(100%,90rem);position:relative}.play-waiting>.play-timer-slot{z-index:2;position:absolute;top:0;right:0}.game-prompt.play-prompt{--play-surface-shape:url(/assets/container-test-gentle-row.mask-BLsASJTR.png);width:fit-content;max-width:min(100%,54rem);box-shadow:none;color:var(--play-ink);font-size:var(--play-prompt-size);text-align:center;text-wrap:balance;background:0 0;border:0;border-radius:0;margin:0 auto;padding:.68em .88em;font-weight:900;line-height:1.25}.play-blank[data-next=true]{animation:1.6s ease-in-out infinite play-blank-nudge;display:inline-block}.play-button{--play-surface-shape:var(--play-shape-row);min-width:min(100%,7.5em);max-width:100%;min-height:3rem;color:var(--play-ink);font-size:var(--play-button-size);letter-spacing:.01em;text-wrap:balance;background:0 0;border:0;border-radius:1.4rem;flex:0 auto;justify-content:center;align-items:center;gap:.5em;padding:.55em 1.2em;font-weight:900;line-height:1.05;transition:translate .14s cubic-bezier(.2,.8,.3,1);display:inline-flex}.play-button.is-primary{--play-fill:var(--play-orange);--play-edge-size:var(--play-edge);color:#fff}.play-button:active:not(:disabled){translate:2px 2px}.play-button:disabled{color:#10165380;opacity:1}.play-button.is-primary:disabled{--play-fill:#fff;--play-edge-size:0px;color:#10165373}:is(.play-button,.play-arrow,.play-break-option,.play-card):focus-visible{outline-offset:5px;outline:3px solid #fff}.play-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem 1.1rem;width:100%;margin:0 auto;display:flex}.play-actions.is-sticky{z-index:60;bottom:max(.75rem, env(safe-area-inset-bottom));position:sticky}.play-stage[data-screen=answer] .play-actions>.play-button:only-child{width:min(100%,15em)}.play-status{--play-surface-shape:var(--play-shape-pill);max-width:100%;color:var(--play-ink);font-size:var(--play-button-size);text-align:center;text-wrap:balance;align-self:center;align-items:center;gap:.5em;margin:0 auto;padding:.6em 1.2em;font-weight:900;line-height:1.2;display:inline-flex}.play-status svg{width:1.35em;height:1.35em;color:var(--play-orange-text);flex:none}.play-card{width:100%;min-width:0;min-height:0;color:var(--play-ink);text-align:center;background:0 0;border:0;border-radius:9%/6.42857%;padding:0;transition:translate .22s cubic-bezier(.2,.9,.3,1.2),scale .22s cubic-bezier(.2,.9,.3,1.2),rotate .22s cubic-bezier(.2,.9,.3,1.2),opacity .2s;display:block;position:relative}.play-card .card-face{width:100%;max-width:none;box-shadow:0 0 0 var(--play-edge) #fff, var(--play-lift) var(--play-lift) 0 var(--play-edge) var(--play-shadow);margin:0}button.play-card{cursor:pointer}button.play-card:disabled{cursor:default;opacity:1}.play-card[aria-pressed=true] .card-face{box-shadow:0 0 0 var(--play-edge) #fff, 0 0 0 calc(var(--play-edge) + 4px) var(--play-orange), var(--play-lift) var(--play-lift) 0 calc(var(--play-edge) + 4px) var(--play-shadow)}button.play-card:after{border-radius:inherit;opacity:0;pointer-events:none;content:"";background:#147bfa9e;transition:opacity .2s;position:absolute;inset:0}button.play-card[data-faded=true]:after{opacity:1}.play-card-badge{--play-surface-shape:var(--play-shape-dot);--play-fill:var(--play-orange);--play-edge-size:var(--play-edge);z-index:2;color:#fff;place-items:center;width:2.4rem;height:2.4rem;font-size:1.25rem;font-weight:900;line-height:1;display:grid;position:absolute;top:-.7rem;right:-.7rem}.play-card-badge svg{width:1.35rem;height:1.35rem}.card-fan{--fan-card:clamp(4.25rem, 23vw, 6.25rem);--fan-zoom:1.6;--fan-height:calc(var(--fan-card) * 1.4);--fan-room:calc(var(--fan-height) * .62);--fan-span:max(1, var(--fan-count) - 1);--fan-step:max(1px, min(var(--fan-card) * var(--fan-closeness), (100cqw - var(--fan-card) * 1.7) / var(--fan-span)));--fan-drop:calc(var(--fan-height) * min(.07, .009 * var(--fan-span)));width:100%;height:calc(var(--fan-room) + var(--fan-height) + var(--fan-drop));touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin-inline:auto;position:relative;container-type:inline-size}.card-fan-probe{width:var(--fan-card);visibility:hidden;pointer-events:none;height:0;position:absolute}.card-fan-slot{--fan-offset:calc(var(--fan-j) - (var(--fan-count) - 1) / 2);--fan-reach:calc(var(--fan-offset) / max(1, (var(--fan-count) - 1) / 2));--fan-rot:calc(var(--fan-reach) * min(9deg, 1.3deg * var(--fan-span)));z-index:var(--fan-j);top:var(--fan-room);left:calc(50% - var(--fan-card) / 2);width:var(--fan-card);transform-origin:50% 100%;translate:calc(var(--fan-offset) * var(--fan-step) + var(--fan-spread,0) * var(--fan-card) * .22) calc(var(--fan-reach) * var(--fan-reach) * var(--fan-drop));rotate:var(--fan-rot);transition:translate .22s cubic-bezier(.2,.8,.25,1);position:absolute}.card-fan-slot>.play-card{transform-origin:50% 100%}.card-fan-slot[data-state=picked]{z-index:calc(40 + var(--fan-j))}.card-fan-slot[data-state=picked]>.play-card{translate:0 -16%}.card-fan-slot[data-state=active]{z-index:100}.card-fan-slot[data-state=active]>.play-card{translate:0 -20%;rotate:calc(var(--fan-rot) * -1);scale:var(--fan-zoom)}.card-fan button.play-card:disabled{pointer-events:none}@media (hover:hover) and (pointer:fine){.play-button:hover:not(:disabled){translate:-1px -2px}}.play-stage:is([data-screen=answer],[data-screen=vote]) .play-body{justify-content:center}.play-vote{--vote-card:min(47cqw, 48vh / 1.4, 19rem);touch-action:pan-y pinch-zoom;border-radius:1.5rem;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cards cards cards""previous count next""vote vote vote";align-items:center;gap:1rem .85rem;width:min(100%,64rem);margin-inline:auto;display:grid;container-type:inline-size}.play-vote:focus-visible{outline-offset:6px;outline:3px solid #fff}.phone-shell:has(.play-vote){overflow-x:clip}.play-vote-dock{display:contents}.play-vote-button{grid-area:vote;justify-self:center}@media (width<=699px) and (height>=501px){.play-vote{grid-template-columns:minmax(0,1fr);grid-template-areas:"cards""dock"}.play-vote-dock{z-index:60;bottom:max(.75rem, env(safe-area-inset-bottom));grid-area:dock;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"previous count next""vote vote vote";align-items:center;gap:.75rem .85rem;display:grid;position:sticky}}.play-vote-cards{grid-area:cards;justify-content:center;gap:clamp(.75rem,3cqw,2rem);min-width:0;padding-block:.4rem .6rem;display:flex}.play-vote-card{width:var(--vote-card);rotate:calc(var(--vote-tilt,0deg) * .4 - 2.5deg);flex:none}.play-vote-card:nth-child(2){rotate:calc(var(--vote-tilt,0deg) * .4 + 2.5deg)}.play-vote-cards[data-count="2"]{gap:max(clamp(.75rem, 3cqw, 2rem), var(--vote-card) * .061 + var(--play-edge) * 2 + var(--play-lift) + .2rem)}.play-vote-cards[data-count="2"]>.play-vote-card{flex-shrink:1;min-width:0}.play-vote-cards[data-count="1"] .play-vote-card{width:min(78cqw,38.5714vh,24rem);rotate:var(--vote-tilt,-1.5deg)}.play-vote-cards[data-direction=next]>.play-vote-card{animation:.34s cubic-bezier(.2,.85,.25,1) backwards play-slide-from-right}.play-vote-cards[data-direction=previous]>.play-vote-card{animation:.34s cubic-bezier(.2,.85,.25,1) backwards play-slide-from-left}.play-vote-cards>.play-vote-card:nth-child(2){animation-delay:50ms}.play-arrow{--play-surface-shape:var(--play-shape-dot);width:3.6rem;height:3.6rem;color:var(--play-ink);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:translate .14s cubic-bezier(.2,.8,.3,1),scale .14s cubic-bezier(.2,.8,.3,1);display:grid}.play-arrow svg{width:52%;height:52%}.play-arrow.is-previous{grid-area:previous;justify-self:end}.play-arrow.is-next{grid-area:next;justify-self:start}.play-arrow:active:not(:disabled){translate:2px 2px}.play-arrow:disabled{opacity:.4}.play-vote-author{--play-surface-shape:var(--play-shape-pill);min-width:0;max-width:100%;color:var(--play-ink);grid-area:count;justify-self:center;align-items:center;gap:.4em;margin:0;padding:.28em .95em .28em .4em;font-size:1.25rem;font-weight:900;line-height:1.1;display:inline-flex}.play-vote-heads{flex:none;display:flex}.play-vote-head{width:2.05em;height:2.05em}.play-vote-head+.play-vote-head{margin-left:-.55em}.play-vote-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.play-arrow:hover:not(:disabled){scale:1.08}}.play-break,.play-break-picked{--break-tag-gap:1.15rem}.play-break{--break-card:clamp(7rem, min(40vw, 30vh), 16rem);justify-items:center;gap:calc(var(--play-gap) * 1.25);display:grid}.play-break-options{--break-gap:clamp(1rem, 5vw, 4rem);grid-template-columns:repeat(2, minmax(0, var(--break-card)));justify-content:center;column-gap:var(--break-gap);grid-template-rows:repeat(3,auto);row-gap:0;width:100%;display:grid}.play-break-option{align-content:start;justify-items:center;gap:var(--break-tag-gap);min-width:0;color:var(--play-ink);background:0 0;border:0;border-radius:1.25rem;padding:0;transition:translate .16s cubic-bezier(.2,.8,.3,1);display:grid}.play-break-option:active:not(:disabled){translate:2px 2px}.play-break-options>.play-break-option{grid-row:span 3;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:0}.play-break-options>.play-break-option>[data-place=before]{margin-bottom:var(--break-tag-gap);grid-row:1;align-self:end}.play-break-options>.play-break-option>:is(.play-break-card,.play-break-label){grid-row:2;align-self:center}.play-break-options>.play-break-option>[data-place=after]{margin-top:var(--break-tag-gap);grid-row:3;align-self:start}.play-break-card{width:var(--break-card);max-width:100%;rotate:-2deg}.play-break-option:nth-child(2) .play-break-card{rotate:2deg}.play-break-label,.play-break-context{overflow-wrap:normal}.play-break-label{--play-surface-shape:var(--play-shape-pill);max-width:100%;font-size:var(--play-button-size);text-align:center;text-wrap:balance;padding:.55em 1em;font-weight:900;line-height:1.15}.play-break-context{--play-surface-shape:var(--play-shape-pill);width:max-content;max-width:calc(100% + var(--break-gap,0px) * .8);font-size:var(--play-button-size);text-align:center;text-wrap:balance;padding:.4em .95em;font-weight:900;line-height:1.15}:is(.play-break,.play-break-picked)[data-layout=mixed] .play-break-option[data-has-card=false] .play-break-label{--play-surface-shape:var(--play-shape-panel);width:var(--break-card);aspect-ratio:5/7;font-size:min(calc(var(--play-button-size) * 1.5), var(--break-card) * .15);overflow-wrap:break-word;place-items:center;padding:1em .6em;display:grid}.play-break[data-layout=yes-no] .play-break-featured{width:var(--break-card);rotate:-2deg}.play-break[data-layout=yes-no] .play-break-options{grid-template-columns:repeat(2,auto)}:is(.play-break,.play-break-picked)[data-layout=yes-no] .play-break-label{min-width:3.4em;font-size:calc(var(--play-button-size) * 1.3);padding:.45em 1.1em}.play-break[data-layout=card-pairs]{--break-card:clamp(5.5rem, min(38vw, 20vh), 14rem)}.play-break[data-layout=card-pairs] .play-break-options{row-gap:calc(var(--play-gap) * 1.6);grid-template-rows:none;grid-template-columns:minmax(0,1fr)}@media (aspect-ratio>=5/4){.play-break[data-layout=card-pairs]{--break-card:clamp(5rem, min(16vw, 36vh), 14rem)}.play-break[data-layout=card-pairs] .play-break-options{grid-template-columns:repeat(2,auto)}}.play-break[data-layout=card-pairs] .play-break-options>.play-break-option{grid-row:auto;grid-template-rows:auto}.play-break-pair{--play-surface-shape:var(--play-shape-wide);--play-fill:#1546c4;--play-edge-size:var(--play-edge);justify-content:center;gap:clamp(.6rem,3.5vw,1.4rem);padding:clamp(.7rem,3.5vw,1.2rem) clamp(.8rem,4vw,1.6rem);display:flex}.play-break-pair>.play-break-card,.play-break-option:nth-child(2) .play-break-pair>.play-break-card{flex:none;rotate:-2deg}.play-break-pair>.play-break-card:nth-child(2),.play-break-option:nth-child(2) .play-break-pair>.play-break-card:nth-child(2){rotate:1.8deg}.play-break-option.is-picked .play-break-pair{--play-fill:var(--play-orange)}.play-break-option.is-picked .play-break-pair .card-face{box-shadow:0 0 0 var(--play-edge) #fff, var(--play-lift) var(--play-lift) 0 var(--play-edge) var(--play-shadow)}@media (hover:hover) and (pointer:fine){.play-break-option:hover:not(:disabled){translate:0 -4px}}.play-break-picked{justify-items:center;gap:.75rem;display:grid}.play-break-picked .play-break-option{--break-card:clamp(6rem, min(34vw, 24vh), 11rem)}.play-break-option.is-picked :is(.play-break-label,.play-break-context){--play-fill:var(--play-orange);--play-edge-size:var(--play-edge);color:#fff}.play-break-option.is-picked .card-face{box-shadow:0 0 0 var(--play-edge) #fff, 0 0 0 calc(var(--play-edge) + 4px) var(--play-orange), var(--play-lift) var(--play-lift) 0 calc(var(--play-edge) + 4px) var(--play-shadow)}.play-break-picked[data-layout=mixed] .play-break-option[data-has-card=false]{width:var(--break-card)}.play-art-edge{fill:#fff;stroke:#fff;stroke-linejoin:round}.play-deal{justify-content:center;gap:calc(var(--play-gap) * 2);flex-direction:column;flex:1;min-height:0;display:flex;overflow-x:clip}.play-deal[data-mode=picking]{justify-content:space-between}.play-deal-trade{--deal-card:clamp(4.6rem, min(23vw, 17vh), 8rem);grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:clamp(.3rem,2vw,1.2rem);padding-block:.8rem;display:grid}.play-deal[data-mode=choose] .play-deal-trade{--deal-card:clamp(4.8rem, min(23vw, 20vh), 10rem)}.play-deal-burn{align-items:center;display:flex}.play-deal-slot{width:var(--deal-card);aspect-ratio:5/7;position:relative;rotate:-8deg}.play-deal-slot+.play-deal-slot{margin-left:calc(var(--deal-card) * -.46);translate:0 8%;rotate:7deg}.play-deal-slot>*{position:absolute;inset:0}.play-deal-back{background:var(--play-orange);box-shadow:0 0 0 var(--play-edge) #fff, var(--play-lift) var(--play-lift) 0 var(--play-edge) var(--play-shadow);border-radius:10% 8% 11% 9%/7% 8% 6%;place-items:center;display:grid}.play-deal-back>img{width:76%;height:auto;display:block;rotate:-4deg}.play-deal-back[data-glowing]{background:#ffb36b}.play-deal-arrow{width:calc(var(--deal-card) * .62);height:auto;filter:drop-shadow(var(--play-lift) var(--play-lift) 0 var(--play-shadow))}.play-deal-gain{width:var(--deal-card);aspect-ratio:5/7;position:relative;rotate:4deg}.play-deal-gain>.play-deal-back{position:absolute;inset:0}.play-deal-rays{aspect-ratio:1;width:230%;animation:24s linear infinite play-deal-rays;position:absolute;top:50%;left:50%;translate:-50% -50%}.play-deal-rays>svg{width:100%;height:100%;display:block}@keyframes play-deal-rays{to{rotate:1turn}}.play-deal-choices{gap:.9rem}.play-deal-choices>.play-deal-button{flex:1 1 0;max-width:12rem;min-height:4rem;font-size:1.35rem}@media (prefers-reduced-motion:reduce){.play-deal-rays{animation:none}}.play-waiting{justify-items:center;gap:calc(var(--play-gap) * 1.1);width:min(100%,44rem);color:var(--play-ink);text-align:center;margin:auto;padding:1rem 0;display:grid}.play-screen-art{aspect-ratio:240/244;width:clamp(9.5rem,min(62vw,35vh),19rem);animation:3.4s ease-in-out infinite play-bob;display:block;position:relative}.play-screen-art>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.play-screen-art-base{filter:drop-shadow(var(--play-lift) var(--play-lift) 0 var(--play-shadow))}.play-screen-art .play-art-edge{stroke-width:9px}.play-screen-art-iris{animation:11s ease-in-out infinite play-eye-glance}.play-screen-art-blink{opacity:0;animation:6.4s linear infinite play-eye-blink}.play-waiting-message,.play-waiting-note{color:#fff;text-shadow:2px 2px 0 var(--play-shadow);text-wrap:balance;margin:0;font-size:clamp(1.2rem,1.05rem + .5vw,1.5rem);font-weight:900;line-height:1.2}.play-waiting-note{font-size:clamp(1.05rem,.95rem + .4vw,1.3rem)}.play-locked-answer{gap:var(--play-gap);width:100%;display:grid}.card-fan.play-locked-cards{--fan-card:clamp(5rem, min(24vw, 20vh), 9rem);--fan-zoom:1.3}.phone-shell>:is(.pause-notice,.connection-banner,.command-notice){isolation:isolate;box-shadow:none;color:var(--play-ink);background:0 0;border:0;border-radius:0;position:relative}.phone-shell>:is(.pause-notice,.connection-banner,.command-notice):before,.phone-shell>:is(.pause-notice,.connection-banner,.command-notice):after{z-index:-1;pointer-events:none;content:"";position:absolute}.phone-shell>:is(.pause-notice,.connection-banner,.command-notice):before{background:var(--play-shape-panel) 0 0 / 100% 100% no-repeat;filter:drop-shadow(var(--play-lift) var(--play-lift) 0 var(--play-shadow));inset:0}.phone-shell>:is(.pause-notice,.connection-banner):after{-webkit-mask:var(--play-shape-panel) 0 0 / 100% 100% no-repeat;mask:var(--play-shape-panel) 0 0 / 100% 100% no-repeat;inset:0}.phone-shell>.pause-notice:after{background:var(--play-yellow)}.phone-shell>.pause-notice:before{inset:calc(var(--play-edge) * -1)}.phone-shell>.connection-banner:after{background:var(--play-pale)}.phone-shell>:is(.connection-banner.is-error,.command-notice[data-state]){background:0 0}.phone-shell>.command-notice[data-state=rejected]:after{-webkit-mask:var(--play-shape-panel) 0 0 / 100% 100% no-repeat;mask:var(--play-shape-panel) 0 0 / 100% 100% no-repeat;background:#ffe1d6;inset:0}.phone-shell>.connection-banner.is-error:after{background:#ffe1d6}.phone-shell>:is(.pause-notice,.connection-banner,.command-notice){padding:.9rem 1.1rem}.phone-shell>.pause-notice h2{font-size:1.35rem}.pause-notice .pause-icon{--play-surface-shape:var(--play-shape-dot);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:.3rem;width:2.75rem;height:2.75rem;display:flex}.pause-notice .pause-icon>i{background:var(--play-ink);border-radius:.2rem;width:.4rem;height:1.05rem}.phone-shell .spinner{border-color:#1016532e;border-top-color:var(--play-orange)}.phone-shell>:is(.connection-banner,.command-notice) .play-button{min-width:0;font-size:1.05rem}@media (width<=699px){.play-actions{column-gap:.7rem}.play-actions .play-button{min-width:min(100%,6em);padding-inline:.85em}}@media (width<=360px){:root{--play-title-size:1.15rem;--play-gap:.8rem}.play-actions{gap:.6rem}.play-actions .play-button{min-width:0;padding-inline:.7em;font-size:1.1rem}.card-fan{--fan-room:calc(var(--fan-height) * .5)}.play-title{padding-inline:.9em}.play-timer{width:3.2rem;height:3.2rem;font-size:1.15rem}}@media (width>=700px) and (height>=560px){:root{--play-title-size:1.65rem;--play-prompt-size:1.6rem;--play-button-size:1.55rem;--play-gap:1.15rem}.phone-shell:has(.play-stage,.play-waiting){padding-inline:max(2rem, env(safe-area-inset-left)) max(2rem, env(safe-area-inset-right))}#phase-content:has(>.play-stage){position:relative}.play-heading{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin-top:auto;display:grid}.play-heading>.play-title{grid-column:2}.play-heading>.play-timer-slot{z-index:2;position:absolute;top:0;right:0}.play-body{flex:none;margin-bottom:auto}.play-waiting:has(>.play-locked-answer){width:min(100%,64rem);padding-block:0}.card-fan.play-locked-cards{--fan-zoom:1.2;--fan-room:calc(var(--fan-height) * .4)}.play-timer{width:4.4rem;height:4.4rem;font-size:1.6rem}.card-fan{--fan-card:clamp(5.5rem, min(9vw, 19vh), 8.5rem);--fan-zoom:1.5}.play-button{min-height:3.25rem}.play-vote{--vote-card:min(30cqw, 50vh / 1.4, 20rem);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"previous cards next""count count count""vote vote vote";column-gap:clamp(1.25rem,3vw,3rem)}.play-vote-cards[data-count="1"] .play-vote-card{width:min(40cqw,40vh,23rem)}.play-arrow{width:4.75rem;height:4.75rem}.play-vote-author{font-size:1.5rem}.play-card-badge{width:2.9rem;height:2.9rem;font-size:1.5rem}.phone-shell>:is(.pause-notice,.connection-banner,.command-notice){padding:1.1rem 1.5rem;font-size:1.15rem}.phone-shell>:is(.pause-notice,.connection-banner) :is(h2,strong){font-size:1.45rem}.phone-shell>:is(.pause-notice,.connection-banner) p{font-size:1.05rem}}@media (width>=1200px) and (height>=760px){:root{--play-title-size:2rem;--play-prompt-size:2rem;--play-button-size:1.8rem;--play-gap:1.35rem;--play-lift:5px;--play-edge:4px}.phone-shell:has(.play-stage,.play-waiting){padding-top:max(2.25rem, env(safe-area-inset-top))}.card-fan{--fan-card:clamp(6.5rem, min(9vw, 19vh), 10rem)}.play-timer{width:5rem;height:5rem;font-size:1.8rem}}@media (width>=1700px) and (height>=1000px){:root{--play-title-size:2.3rem;--play-prompt-size:2.35rem;--play-button-size:2.05rem}:is(#phase-content:has(>.play-stage),#phase-content:has(>.play-waiting>.play-timer-slot)){width:min(100%,108rem)}.card-fan{--fan-card:clamp(7rem, min(9vw, 19vh), 11.5rem)}.play-vote{--vote-card:min(30cqw, 52vh / 1.4, 25rem)}.play-break{--break-card:clamp(7rem, min(40vw, 32vh), 19rem)}.play-arrow{width:5.5rem;height:5.5rem}.play-vote-author{font-size:1.8rem}.play-button{min-height:3.75rem}.play-screen-art{width:clamp(9.5rem,34vh,22rem)}}@media (orientation:landscape) and (height<=500px){:root{--play-title-size:1.1rem;--play-prompt-size:1.2rem;--play-button-size:1.15rem;--play-gap:.6rem}.card-fan{--fan-card:clamp(4rem, 22vh, 6rem);--fan-zoom:1.45}.play-actions.is-sticky{position:static}.phone-shell>.pause-notice h2{font-size:1.2rem}.play-timer{width:3rem;height:3rem;font-size:1.1rem}.play-button{min-height:2.75rem}.play-vote{--vote-card:min(30cqw, 46vh / 1.4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"previous cards next""count count count""vote vote vote"}.play-vote-cards[data-count="1"] .play-vote-card{width:min(36cqw,34.2857vh)}.play-break{--break-card:clamp(5.5rem, 36vh, 9rem)}.play-screen-art{width:clamp(6.5rem,44vh,11rem)}}@keyframes play-timer-beat{50%{scale:1.1}}@keyframes play-timer-first-half{0%{rotate:0deg}50%,to{rotate:180deg}}@keyframes play-timer-second-half{0%,50%{rotate:0deg}to{rotate:180deg}}@keyframes play-blank-nudge{0%,to{translate:0}50%{translate:0 -.12em}}@keyframes play-slide-from-right{0%{opacity:0;translate:3rem}}@keyframes play-slide-from-left{0%{opacity:0;translate:-3rem}}@keyframes play-bob{0%,to{translate:0}50%{translate:0 -6px}}@keyframes play-eye-glance{0%,30%,92%,to{translate:0}33%,52%{translate:-7% 1%}56%,70%{translate:5.5% 3%}74%,88%{translate:1% 3.5%}}@keyframes play-eye-blink{0%,94.9%,97.1%,to{opacity:0}95%,97%{opacity:1}}@media (prefers-reduced-motion:reduce){.play-screen-art-iris,.play-screen-art-blink{animation:none}.play-timer-half>i{animation-duration:var(--timer-duration)!important}.play-timer[data-urgent=true],.play-blank[data-next=true],.play-screen-art,.play-vote-cards[data-direction]>.play-vote-card{animation:none}.card-fan-slot,.play-card,button.play-card:after,.play-button,.play-arrow,.play-break-option{transition:none}}.card-face.card-face.is-edition{box-shadow:none;background:0 0;overflow:visible;container-type:normal}.card-face>.card-edition-picture{pointer-events:none;max-width:none;position:absolute}.play-card[aria-pressed=true] .card-face.card-face.is-edition{box-shadow:0 0 0 var(--play-edge) #fff, 0 0 0 calc(var(--play-edge) + 4px) var(--play-orange)}.play-vote-cards:has(.card-face[data-special]){scale:.9}.po{--po-pop:linear(0, .287, .581, .828, 1.004, 1.109, 1.153, 1.153, 1.127, 1.089, 1.052, 1.02, .998, .985, .98, .98, .984, .989, .994, .998, 1, 1.002, 1.003, 1.002, 1);--po-out:cubic-bezier(.22, 1, .36, 1);--po-rip:.52s;--po-dock:3.5rem;gap:var(--play-gap);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.phone-shell:has(.po){overflow:clip}.po-scene{flex:1 1 0;min-height:15rem;position:relative}.po-layer{--po-card:8rem;--po-gap:1rem;--po-pack-w:10rem;--po-pack-h:calc(var(--po-pack-w) * 1.552);--po-scene-h:30rem;position:absolute;inset:0}.po-pack,.po-behind{width:var(--po-pack-w);height:var(--po-pack-h);margin:calc(var(--po-pack-h) / -2) 0 0 calc(var(--po-pack-w) / -2);position:absolute;top:50%;left:50%}.po-behind{z-index:0;pointer-events:none}.po-pack{z-index:3;cursor:pointer;transform-origin:50% 100%;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:1.25rem;padding:0}.po-pack:is(:disabled,[aria-disabled=true]){cursor:default;opacity:1}.po-pack:focus-visible{outline-offset:.6rem;outline:3px solid #fff}.po-pack-hover,.po-pack-motion,.po-art,.po-art-face{display:block;position:absolute;inset:0}.po-pack-hover{transition:translate .26s var(--po-out), scale .26s var(--po-out)}.po-pack-motion{transform-origin:50% 90%}.po-art-svg{width:100%;height:100%;filter:drop-shadow(var(--play-lift) var(--play-lift) 0 var(--play-shadow));position:absolute;inset:0;overflow:visible}.po-art-edge{fill:#fff;stroke:#fff;stroke-width:1.8px;stroke-linejoin:round}.po-art:is(.is-body,.is-strip)>.po-art-face{opacity:0}.po-art.is-strip{transform-origin:80% 12%}@media (hover:hover) and (pointer:fine){.po[data-stage=sealed] .po-pack:hover:not(:disabled) .po-pack-hover{translate:0 -.6rem;scale:1.04}}.po[data-stage=sealed] .po-pack:active:not(:disabled) .po-pack-hover{transition-duration:90ms;translate:0 .2rem;scale:1.05 .95}.po[data-stage=sealed] .po-pack{animation:.64s both po-arrive}.po[data-stage=sealed] .po-pack-motion{animation:3.2s ease-in-out .7s infinite po-idle}.po[data-stage=sealed] .po-pack:active:not(:disabled) .po-pack-motion{animation:.12s linear infinite po-tremble}.po[data-waiting=true] .po-pack-motion{animation:none}.po-glint{pointer-events:none;transition:opacity .42s ease-out;position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.po-glint[data-on=false]{opacity:0}.po-glint-band{width:100%;height:100%;animation:2.3s .2s infinite po-glint;display:block;position:absolute;inset:0;translate:-100%}@media (prefers-reduced-motion:reduce){.po-glint-band{translate:0}}.po[data-stage=tearing] .po-pack-motion{animation:.92s both po-rattle}.po[data-stage=tearing] .po-art.is-whole>.po-art-face{animation:po-face-hide 1ms var(--po-rip) forwards}.po[data-stage=tearing] .po-art.is-strip>.po-art-face{animation:po-face-show 1ms var(--po-rip) forwards}.po[data-stage=tearing] .po-pack .po-art.is-body>.po-art-face{animation:po-face-flash .36s var(--po-rip) forwards}.po[data-stage=tearing] .po-behind .po-art.is-body>.po-art-face{animation:po-face-show 1ms calc(var(--po-rip) + .359s) forwards}.po[data-stage=tearing] .po-art.is-body{animation:po-body-fall .76s var(--po-rip) both}.po[data-stage=tearing] .po-art.is-strip{animation:po-strip-fly .76s var(--po-rip) both}.po-confetti{top:calc(50% - var(--po-pack-h) * .306);pointer-events:none;z-index:4;width:0;height:0;position:absolute;left:50%}.po-bit{opacity:0;position:absolute;top:0;left:0}.po-bit>i{display:block}.po-bit{animation:po-bit-drift 1.3s var(--po-rip) var(--po-out) forwards}.po-bit>i{animation:po-bit-arc 1.3s var(--po-rip) forwards}.po-cards{z-index:1;position:absolute;inset:0}.po-slot{--po-x:var(--po-stack-x);--po-y:var(--po-stack-y);--po-dx:calc(var(--po-x) * (var(--po-card) + var(--po-gap)));--po-dy:calc(var(--po-y) * (var(--po-card) * 1.4 + var(--po-gap)));width:var(--po-card);aspect-ratio:5/7;margin:calc(var(--po-card) * -.7) 0 0 calc(var(--po-card) * -.5);translate:var(--po-dx) var(--po-dy);rotate:var(--po-tilt);will-change:transform;position:absolute;top:50%;left:50%}.po[data-stage=sealed] .po-slot{opacity:0;translate:0 var(--po-inside-y);rotate:0deg;scale:var(--po-inside-scale);animation:1ms .7s forwards po-face-show}.po-layer[data-layout=row] .po-slot{--po-x:var(--po-row-x);--po-y:0}.po[data-stage=tearing] .po-slot{animation:po-deal calc(.72s + (var(--po-n) - 1 - var(--po-i)) * 55ms) calc(var(--po-rip) + 40ms + var(--po-i) * 55ms) both}.po-card{color:var(--play-ink);cursor:pointer;transition:translate .22s var(--po-out), scale .22s var(--po-out);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:9%/6.42857%;padding:0;display:block;position:absolute;inset:0}.po-card:is(:disabled,[aria-disabled=true]){cursor:default;opacity:1}.po-card:focus-visible{outline-offset:5px;outline:3px solid #fff}@media (hover:hover) and (pointer:fine){.po-card[data-face=down]:not(:disabled,[aria-disabled=true]):hover{translate:0 -5%;scale:1.04}}.po-card[data-face=down]:not(:disabled,[aria-disabled=true]):active{transition-duration:80ms;translate:0 1.5%;scale:.96}.po-card-nudge,.po-card-turn,.po-card-back,.po-card-front{display:block;position:absolute;inset:0}.po-card-nudge{transform-origin:50% 100%}.po-card-back{background:var(--play-orange);box-shadow:0 0 0 var(--play-edge) #fff, var(--play-lift) var(--play-lift) 0 var(--play-edge) var(--play-shadow);border-radius:9%/6.42857%;place-items:center;display:grid}.po-card-back>img{width:76%;height:auto;display:block;rotate:-4deg}.po-card-front .card-face{width:100%;max-width:none;box-shadow:0 0 0 var(--play-edge) #fff, var(--play-lift) var(--play-lift) 0 var(--play-edge) var(--play-shadow);margin:0}.po-card[data-face=down] .po-card-front,.po-card[data-face=up] .po-card-back{opacity:0}.po[data-stage=cards] .po-card[data-face=down] .po-card-nudge{animation:po-nudge 4s calc(1.4s + var(--po-i) * .13s) infinite}.po-card[data-turning=true] .po-card-turn{animation:.48s both po-flip}.po-card[data-turning=true] .po-card-back{animation:.48s both po-face-out}.po-card[data-turning=true] .po-card-front{animation:.48s both po-face-in}.po[data-stage=added] .po-slot{translate:calc(var(--po-fan) * var(--po-card) * .4) calc(var(--po-fan-drop) * var(--po-card) * .035 - var(--po-card) * .08);rotate:calc(var(--po-fan) * 6deg);scale:.84}.po[data-stage=added][data-added-on-arrival=false] .po-slot{transition:translate .62s var(--po-pop) calc(var(--po-i) * 45ms), rotate .62s var(--po-pop) calc(var(--po-i) * 45ms), scale .62s var(--po-pop) calc(var(--po-i) * 45ms)}.po-dock{height:var(--po-dock);place-items:center;display:grid;position:relative}.po-dock>*{animation:po-dock-in .38s var(--po-pop) both}.po-dock>[data-wait=true]{animation-delay:.42s}.po-dock>.play-actions{width:min(100%,38rem)}.po-added{text-align:center;justify-items:center;gap:.55rem;display:grid;position:absolute;bottom:0;left:0;right:0}.po-added .play-status{margin:0}.po-added .play-waiting-message{font-size:clamp(1.05rem,.95rem + .4vw,1.3rem)}.po[data-paused=true],.po[data-paused=true] *{animation-play-state:paused!important}@media (width>=700px) and (height>=560px){.po{--po-dock:4rem;flex:none}.po-scene{--po-pack-fill:1;height:var(--po-fit-h,auto);flex:none}}@media (width>=1700px) and (height>=1000px){.po{--po-dock:4.6rem}}@media (orientation:landscape) and (height<=500px){.po{--po-dock:3rem}.po-scene{min-height:11rem}}.po-slot[data-pull=true]{z-index:3}.po-rare{z-index:-1;pointer-events:none;position:absolute;inset:0}.po-rare-rays{width:calc(var(--po-card) * 2.6);height:calc(var(--po-card) * 2.6);margin:calc(var(--po-card) * -1.3) 0 0 calc(var(--po-card) * -1.3);opacity:0;animation:po-rare-rays 1.15s .12s var(--po-out) both;position:absolute;top:50%;left:50%}.po-rare-sparkle{width:calc(var(--po-card) * var(--po-spark-size));aspect-ratio:1;margin:calc(var(--po-card) * var(--po-spark-size) * -.5) 0 0 calc(var(--po-card) * var(--po-spark-size) * -.5);opacity:0;animation:po-rare-spark .86s calc(.17s + var(--po-spark-i) * 22ms) var(--po-out) both;position:absolute;top:50%;left:50%}.po-rare-sparkle>svg{filter:drop-shadow(1px 1px #00000040);width:100%;height:100%;display:block}.po-slot[data-pull=true] .po-card-nudge{transform-origin:50% 55%;animation:.64s .13s both po-rare-pop}@keyframes po-rare-rays{0%{opacity:0;rotate:-24deg;scale:.35}22%{opacity:1;scale:1.04}62%{opacity:.9}to{opacity:0;rotate:14deg;scale:1.18}}@keyframes po-rare-spark{0%{opacity:0;translate:0;rotate:0deg;scale:.2}25%{opacity:1}70%{opacity:1}to{opacity:0;translate:calc(var(--po-spark-x) * var(--po-card)) calc(var(--po-spark-y) * var(--po-card));scale:1;rotate:var(--po-spark-spin)}}@keyframes po-rare-pop{0%{animation-timing-function:cubic-bezier(.2,.9,.3,1);rotate:0deg;scale:1}38%{animation-timing-function:cubic-bezier(.4,0,.4,1);rotate:-3.5deg;scale:1.14}72%{rotate:1.5deg;scale:.98}to{rotate:0deg;scale:1}}@media (prefers-reduced-motion:reduce){.po,.po *{transition:none!important;animation:none!important}}@keyframes po-arrive{0%{translate:0 calc(var(--po-scene-h) * -1.2);animation-timing-function:cubic-bezier(.55,0,.85,.4);rotate:-16deg;scale:.92}52%{animation-timing-function:linear(0, .287, .581, .828, 1.004, 1.109, 1.153, 1.153, 1.127, 1.089, 1.052, 1.02, .998, .985, .98, .98, .984, .989, .994, .998, 1, 1.002, 1.003, 1.002, 1);translate:0;rotate:3deg;scale:1.1 .88}to{translate:0;rotate:0deg;scale:1}}@keyframes po-idle{0%,50%,to{rotate:0deg;scale:1}25%{scale:1.025 1.015}60%{rotate:-3.5deg}68%{rotate:3deg}76%{rotate:-1.5deg}84%{rotate:0deg}}@keyframes po-glint{0%{animation-timing-function:cubic-bezier(.45,0,.3,1);translate:-100%}52%,to{translate:100%}}@keyframes po-tremble{0%,to{rotate:0deg}25%{rotate:-2deg}75%{rotate:2deg}}@keyframes po-rattle{0%{animation-timing-function:ease-out;rotate:0deg;scale:1}7%{rotate:-8deg}16%{rotate:7deg}24%{rotate:-5deg}31%{rotate:3deg;scale:1}37%{animation-timing-function:cubic-bezier(.65,0,.35,1);rotate:0deg}50%{animation-timing-function:cubic-bezier(.22,1,.36,1);scale:1.1 .88}56.5%{animation-timing-function:linear(0, .287, .581, .828, 1.004, 1.109, 1.153, 1.153, 1.127, 1.089, 1.052, 1.02, .998, .985, .98, .98, .984, .989, .994, .998, 1, 1.002, 1.003, 1.002, 1);rotate:0deg;scale:.93 1.1}to{rotate:0deg;scale:1}}@keyframes po-face-hide{0%{opacity:1}to{opacity:0}}@keyframes po-face-show{0%{opacity:0}to{opacity:1}}@keyframes po-face-flash{0%,99.9%{opacity:1}to{opacity:0}}@keyframes po-strip-fly{0%{animation-timing-function:cubic-bezier(.22,1,.36,1);translate:0;rotate:0deg}45%{animation-timing-function:cubic-bezier(.45,0,.85,.5);translate:78% -58%;rotate:62deg}92%{opacity:1}to{opacity:0;translate:260% 240%;rotate:230deg}}@keyframes po-body-fall{0%{animation-timing-function:cubic-bezier(.22,1,.36,1);translate:0;rotate:0deg}15%{translate:0 6%;rotate:0deg}20%{animation-timing-function:cubic-bezier(.64,0,.78,0);translate:0 6%;rotate:0deg}to{translate:-9.5% 240%;rotate:-14deg}}@keyframes po-bit-drift{0%{opacity:1;translate:0}to{opacity:1;translate:calc(var(--po-pack-w) * var(--po-bit-drift)) 0}}@keyframes po-bit-arc{0%{opacity:1;animation-timing-function:cubic-bezier(.2,.75,.4,1);translate:0;rotate:0deg}30%{translate:0 calc(var(--po-pack-w) * var(--po-bit-rise));animation-timing-function:cubic-bezier(.55,0,.9,.55)}80%{opacity:1}to{opacity:0;translate:0 calc(var(--po-pack-w) * var(--po-bit-fall));rotate:var(--po-bit-spin)}}@keyframes po-deal{0%{translate:0 var(--po-inside-y);rotate:0deg;scale:var(--po-inside-scale);animation-timing-function:cubic-bezier(.22,1,.36,1)}28%{translate:calc(var(--po-dx) * .45) max(calc(var(--po-pack-h) * -.306 - var(--po-card) * .7), calc(var(--po-card) * .5 - var(--po-scene-h) / 2));rotate:calc(var(--po-spin) * .3 + var(--po-tilt) * .7);scale:max(.82, var(--po-inside-scale));animation-timing-function:linear(0, .287, .581, .828, 1.004, 1.109, 1.153, 1.153, 1.127, 1.089, 1.052, 1.02, .998, .985, .98, .98, .984, .989, .994, .998, 1, 1.002, 1.003, 1.002, 1)}to{translate:var(--po-dx) var(--po-dy);rotate:var(--po-tilt);scale:1}}@keyframes po-nudge{0%,12%,to{translate:0;rotate:0deg}4%{translate:0 -5%;rotate:-2.5deg}8%{translate:0;rotate:1.5deg}}@keyframes po-flip{0%{animation-timing-function:cubic-bezier(.55,0,.85,.35);translate:0;scale:1}29%{animation-timing-function:linear(0, .287, .581, .828, 1.004, 1.109, 1.153, 1.153, 1.127, 1.089, 1.052, 1.02, .998, .985, .98, .98, .984, .989, .994, .998, 1, 1.002, 1.003, 1.002, 1);translate:0 -9%;scale:0 1.07}to{translate:0;scale:1}}@keyframes po-face-in{0%,28.9%{opacity:0}29%,to{opacity:1}}@keyframes po-face-out{0%,28.9%{opacity:1}29%,to{opacity:0}}@keyframes po-dock-in{0%{opacity:0;scale:.6}}.phone-shell:has(.play-look-up){overflow:clip}#phase-content:has(>.play-look-up){align-content:center;width:min(100%,90rem)}.play-look-up{place-items:center;min-width:0;padding-bottom:6vh;display:grid}.play-look-up-sign{--play-surface-shape:var(--play-shape-panel);max-width:100%;color:var(--play-ink);text-align:center;justify-items:center;gap:.07em;padding:.3em .34em .06em;font-size:clamp(3.4rem,min(24vw,14.5vh),6.5rem);font-weight:900;line-height:1;display:grid}.play-look-up-context,.play-look-up-call{color:inherit;white-space:nowrap;margin:0;font-weight:900;line-height:1}.play-look-up-context{letter-spacing:.015em;font-size:.34em}.play-look-up-context>span,.play-look-up-accent{color:var(--play-orange-text)}.play-look-up-call{letter-spacing:.02em;text-transform:uppercase;font-size:1em}.play-look-up-word{display:block}.play-look-up-word+.play-look-up-word{margin-top:-.04em}.play-look-up-eye{background:var(--play-ink);vertical-align:-.12em;border-radius:50%;width:.9em;height:.9em;margin:0 .01em;display:inline-block;position:relative}.play-look-up-eye-white{background:#fff;border-radius:50%;position:absolute;inset:.2em}.play-look-up-eye-pupil{background:var(--play-ink);border-radius:50%;width:.28em;height:.28em;margin:-.14em 0 0 -.14em;position:absolute;top:50%;left:50%;translate:0 -.11em}.play-look-up-eye-pupil:after{content:"";background:#fff;border-radius:50%;width:30%;height:30%;position:absolute;top:18%;left:20%}@media (width>=600px){.play-look-up-sign{--play-surface-shape:var(--play-shape-wide);gap:.055em;padding:.26em .58em .12em;font-size:clamp(3.6rem,min(10.5vw,22vh),11rem)}.play-look-up-word{display:inline}.play-look-up-word+.play-look-up-word{margin-top:0}}@media (width>=600px) and (orientation:portrait){.play-look-up-sign{font-size:clamp(3.6rem,min(12.5vw,22vh),11rem)}}@media (prefers-reduced-motion:no-preference){.play-look-up-sign{animation:1.42s linear both play-look-up-sign}.play-look-up-eye-white{animation:1.08s linear both play-look-up-blink}.play-look-up-eye-pupil{animation:1.16s linear both play-look-up-gaze}}@keyframes play-look-up-sign{0%,10.528%{opacity:0;translate:0;rotate:-4deg;scale:2.2}10.563%{opacity:1;animation-timing-function:cubic-bezier(.64,0,.78,0);rotate:-4deg;scale:2.2}18.31%{animation-timing-function:cubic-bezier(.3,1.6,.5,1);rotate:1deg;scale:.9}43.662%{rotate:0deg;scale:1}70.423%{animation-timing-function:cubic-bezier(.2,.7,.4,1);translate:0}76.93%{animation-timing-function:cubic-bezier(.45,0,.75,.55);translate:0 -.13em}88.761%{animation-timing-function:ease-in-out;translate:0 .026em}to{opacity:1;translate:0;rotate:0deg;scale:1}}@keyframes play-look-up-blink{0%,79.63%{animation-timing-function:ease-in;scale:1}88.889%{animation-timing-function:ease-out;scale:1 .1}to{scale:1}}@keyframes play-look-up-gaze{0%,82.759%{animation-timing-function:cubic-bezier(.2,.9,.3,1.4);translate:0 .11em}to{translate:0 -.11em}}.draw-ahead .visually-hidden,.bring-cards-sheet .visually-hidden,.draw-ahead-editor .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.draw-ahead{width:min(100%,36rem);min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));flex-direction:column;align-items:stretch;gap:1.1rem;margin:0 auto;display:flex}.draw-ahead--centred{justify-content:center}.draw-ahead--centred .draw-ahead-actions{margin-top:.4rem}.draw-ahead-brand{justify-content:center;display:flex}.draw-ahead-brand img{aspect-ratio:614/395;filter:drop-shadow(4.5px 4.5px #00000040);width:min(8.5rem,40vw)}.draw-ahead-intro{text-align:center;gap:.5rem;display:grid}.draw-ahead-title{color:#fff;text-align:center;margin:0;font-size:1.9rem;font-weight:900;line-height:1.1}.draw-ahead-intro p{color:#fff;margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.binder-code-label{color:var(--ink);text-align:center;margin:0;font-size:1rem;font-weight:900}.binder-code-hint{color:var(--ink);text-align:center;margin:0;font-size:.95rem;font-weight:700;line-height:1.3}.binder-panel{color:var(--ink);background:#fff;border-radius:1.6rem 1.15rem 1.5rem 1.05rem;gap:.8rem;padding:1rem 1.1rem 1.1rem;display:grid;box-shadow:4.5px 4.5px #00000040}.binder-code-panel{container-type:inline-size}@media (width<=400px){.binder-code-panel{padding-inline:.8rem}}.binder-code-words{font-size:clamp(.75rem, calc(100cqi * 1.66 / var(--code-length,20)), 2rem);flex-wrap:wrap;justify-content:center;margin:0;font-weight:900;line-height:1.1;display:flex}.binder-code-words span{white-space:nowrap}.binder-code-words b{color:var(--orange-text);font-weight:inherit}.binder-code-actions{display:grid}.binder-panel .secondary-button,.binder-card-sheet .secondary-button{color:#101653;background:#e5f0ff;min-height:3rem;font-size:1.05rem;font-weight:900}.binder-loading{color:#fff;text-align:center;margin:0;font-size:1.2rem;font-weight:900}.mobile-editor-sheet .binder-loading{color:var(--ink)}.binder-rows{gap:.9rem;display:grid}.binder-row{gap:.45rem;min-width:0;display:grid}.binder-row h2,.binder-row h3{color:#fff;align-items:center;gap:.55rem;margin:0;font-size:1.45rem;font-weight:900;line-height:1;display:flex}.binder-row h2 span,.binder-row h3 span{color:var(--ink);background:#fff;border-radius:.8rem .6rem .75rem .55rem;padding:.3rem .6rem .25rem;font-size:1rem}.mobile-editor-sheet .binder-row h3{color:var(--ink);font-size:1.2rem}.mobile-editor-sheet .binder-row h3 span{background:#e5f0ff}.binder-row-cards{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:.75rem;min-height:8.2rem;margin:0;padding:.55rem .6rem .75rem .4rem;scroll-padding-inline:.4rem;display:flex;overflow-x:auto}.binder-row-cards::-webkit-scrollbar{display:none}.binder-card{aspect-ratio:750/1050;scroll-snap-align:start;cursor:pointer;background:#fff;border:3px solid #fff;border-radius:.85rem .7rem .8rem .65rem;flex:none;width:5.6rem;padding:0;overflow:hidden;box-shadow:4.5px 4.5px #00000040}.binder-card img{object-fit:cover;width:100%;height:100%;display:block}.binder-card[aria-pressed=true]{outline-offset:-1px;background:#0b6eff;border-color:#0b6eff;outline:4px solid #0b6eff;transform:translateY(-3px)rotate(-1.5deg)}.binder-card:disabled:not([aria-pressed=true]){opacity:.55;cursor:default}.binder-card{position:relative}.binder-card-tick{filter:drop-shadow(2px 2px #00000040);pointer-events:none;width:2.1rem;height:2.1rem;position:absolute;top:.25rem;right:.25rem;overflow:visible}.binder-card-tick-blob{fill:#0b6eff;stroke:#fff;stroke-width:3px}.binder-card-tick-mark{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:4.5px}.binder-row h3 span[data-full]{color:#fff;background:#0b6eff}.binder-card[data-brought]:disabled{opacity:1}.binder-card[data-brought] img{opacity:.3;filter:grayscale()}.binder-card[data-brought] .binder-card-tick{width:3.3rem;height:3.3rem;top:50%;right:50%;transform:translate(50%,-50%)rotate(-6deg)}.binder-card[data-brought] .binder-card-tick-blob{fill:#101653}.binder-card:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.binder-row-empty{aspect-ratio:750/1050;background:#ffffff38;border-radius:.85rem .7rem .8rem .65rem;flex:none;width:5.6rem}.mobile-editor-sheet .binder-row-empty{background:#e5f0ff}.draw-ahead-actions{gap:.5rem;margin-top:auto;display:grid}.draw-ahead-actions .primary-button,.binder-code-submit,.bring-cards-confirm{letter-spacing:.02em;color:#fff;min-height:3.6rem;font-size:1.35rem;font-weight:900}.draw-ahead-actions .primary-button{filter:drop-shadow(4.5px 4.5px #00000040)}.draw-ahead-actions .primary-button:disabled,.bring-cards-confirm:disabled{opacity:.6;filter:none}.draw-ahead .text-button,.bring-cards-sheet .text-button{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background:0 0;border:0;font-size:1.1rem;font-weight:900}.binder-panel .text-button,.bring-cards-sheet .text-button{color:#1557d6}.draw-ahead-error{color:#b42318;text-align:center;background:#fff;border-radius:1rem .8rem .95rem .75rem;margin:0;padding:.55rem .85rem;font-weight:900}.binder-code-form{gap:.6rem;display:grid}.binder-code-field input{width:100%;min-height:3.4rem;color:var(--ink);font:inherit;background:#f3f8ff;border:3px solid #c9dcff;border-radius:1.1rem .9rem 1.05rem .85rem;padding:.5rem .9rem;font-size:1.3rem;font-weight:900}.binder-code-field input:focus-visible{border-color:var(--focus);outline:none}.binder-code-field input::placeholder{color:#8b97b5}.binder-code-suggestions{flex-wrap:wrap;gap:.45rem;min-height:2.75rem;display:flex}.binder-code-suggestions:empty{display:none}.binder-code-suggestions button{color:#101653;min-height:2.75rem;font:inherit;cursor:pointer;background:#e5f0ff;border:0;border-radius:1rem .75rem .95rem .7rem;padding:.35rem .9rem;font-size:1.1rem;font-weight:900}.binder-code-form .field-error,.bring-cards-sheet .field-error,.binder-card-sheet .field-error,.binder-save-sheet .field-error{color:#b42318;margin:0;font-weight:900}.binder-tag-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.binder-tag-choice button{color:#101653;min-height:3.6rem;font:inherit;cursor:pointer;background:#e5f0ff;border:0;border-radius:1.2rem .95rem 1.15rem .9rem;font-size:1.3rem;font-weight:900}.binder-tag-choice button[aria-checked=true]{color:#fff;background:#101653}.binder-card-sheet .mobile-editor-sheet-content,.binder-save-sheet .mobile-editor-sheet-content,.bring-cards-sheet .mobile-editor-sheet-content{gap:.8rem;display:grid;overflow-y:auto}.binder-card-large{border:3px solid #fff;border-radius:1.1rem .9rem 1.05rem .85rem;justify-self:center;width:min(13rem,52vw);box-shadow:4.5px 4.5px #00000040}.binder-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.binder-card-actions .primary-button,.binder-card-actions .secondary-button{min-height:3.2rem;font-size:1.15rem;font-weight:900}.binder-card-sheet .binder-delete[data-confirming]{color:#fff;background:#d92d20}.draw-ahead-editor .draw-ahead-navigation{grid-template-columns:44px minmax(0,1fr)}.draw-ahead-editor .draw-ahead-save{color:#fff;width:min(100%,9rem);min-height:48px;font:inherit;cursor:pointer;background:#f97337;border:3px solid #fff;border-radius:1.1rem .85rem 1.05rem .8rem;grid-area:1/2;place-self:center;padding:.35rem 1rem;font-size:1.3rem;font-weight:900;box-shadow:4.5px 4.5px #00000040}.draw-ahead-editor .draw-ahead-save:disabled{opacity:.6}.draw-ahead-editor .card-steps .card-step-next{color:#fff}@media (width>=1180px) and (height>=520px) and (hover:hover) and (pointer:fine),(width>=1400px){.draw-ahead-editor .panel.drawing-panel:not(.card-review) .draft-navigation.draw-ahead-navigation{display:none}}@media (width>=700px){.draw-ahead .binder-row-cards{flex-wrap:wrap;overflow:visible}.draw-ahead .binder-card,.draw-ahead .binder-row-empty{width:7.2rem}}.bring-cards-trigger{color:#101653;min-height:3rem;font:inherit;cursor:pointer;background:#e5f0ff;border:0;border-radius:1.1rem .85rem 1.05rem .8rem;font-size:1.1rem;font-weight:900}.bring-cards-sheet{max-height:min(86dvh,760px)}.bring-cards-sheet .binder-row-cards{grid-template-columns:repeat(auto-fill,minmax(min(5.2rem,33.3333% - .5rem),1fr));display:grid;overflow:visible}.bring-cards-sheet .binder-card,.bring-cards-sheet .binder-row-empty{width:auto}.bring-cards-footer{z-index:1;background:#fff;padding-top:.6rem;display:grid;position:sticky;bottom:0;box-shadow:0 -2px #fff}.mobile-editor-sheet .bring-cards-trigger{width:100%}.bring-cards-trigger--desk{display:none}@media (width>=1180px) and (height>=520px) and (hover:hover) and (pointer:fine),(width>=1400px){.panel.drawing-panel:not(.card-review) .bring-cards-trigger--desk{min-height:var(--desk-steps,56px);color:var(--desk-ink,#101653);filter:drop-shadow(5px 5px #00000040);background:#fff;grid-area:nav/side;place-self:center stretch;padding:0 1rem;font-size:1.25rem;display:block}.panel.drawing-panel:not(.card-review) .bring-cards-trigger--desk:hover:not(:disabled){background:#e5f0ff}}.bring-cards-replace{gap:.9rem;display:grid}.bring-cards-replace h3{color:var(--ink);text-align:center;text-wrap:balance;margin:0;font-size:1.35rem;font-weight:900;line-height:1.15}.bring-cards-replace-cards{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.binder-card-static{aspect-ratio:750/1050;background:#e5f0ff;border:3px solid #fff;border-radius:.85rem .7rem .8rem .65rem;width:5.6rem;display:block;box-shadow:4.5px 4.5px #00000040}.bring-cards-replace .secondary-button{color:#101653;background:#e5f0ff;min-height:3.2rem;font-weight:900}#phase-content:has(>.play-waiting>.doodle-chat){grid-template-rows:minmax(0,1fr);align-content:stretch}.play-waiting:has(>.doodle-chat){text-align:left;grid-template:"art title""art message""chat chat"minmax(0,1fr)/auto minmax(0,1fr);align-self:stretch;place-items:center start;gap:.4rem .85rem;width:min(100%,34rem);margin:0 auto;padding:0}.play-waiting:has(>.doodle-chat)>.play-screen-art{grid-area:art;width:clamp(4.5rem,21vw,6.25rem)}.play-waiting:has(>.doodle-chat)>.play-title{grid-area:title;align-self:end}.play-waiting:has(>.doodle-chat)>.play-waiting-message{grid-area:message;align-self:start;padding-left:.2rem;font-size:clamp(1rem,.95rem + .3vw,1.2rem)}.doodle-chat{--doodle-label:2.1rem;--doodle-label-gap:.35rem;--doodle-gap:.8rem;--doodle-pad-top:.35rem;--doodle-pad-bottom:.65rem;--doodle-pad-block:calc(var(--doodle-pad-top) + var(--doodle-pad-bottom));min-width:0;min-height:0;color:var(--play-ink);grid-area:chat;grid-template-rows:minmax(0,1fr) auto;place-self:stretch stretch;gap:.85rem;margin-top:.6rem;display:grid;container-type:inline-size}.doodle-feed-slot{--doodle-feed-width:100cqw;min-width:0;min-height:calc(var(--doodle-pad-block) + var(--doodle-label) + var(--doodle-label-gap) + min((var(--doodle-feed-width) - .7rem) * .74, 20rem) / 2);display:grid;container-type:size}.doodle-feed{--doodle-post-width:min((100cqw - .7rem) * .74, 20rem);--doodle-post-height:calc(var(--doodle-label) + var(--doodle-label-gap) + var(--doodle-post-width) / 2);--doodle-pitch:calc(var(--doodle-post-height) + var(--doodle-gap));align-content:start;align-self:end;gap:var(--doodle-gap);height:100%;height:calc(max(round(down, 100cqh - var(--doodle-pad-block) + var(--doodle-gap), var(--doodle-pitch)), var(--doodle-pitch)) - var(--doodle-gap) + var(--doodle-pad-block));padding:var(--doodle-pad-top) .35rem var(--doodle-pad-bottom);overscroll-behavior:contain;scroll-padding-block:var(--doodle-pad-top) var(--doodle-pad-bottom);scroll-snap-type:y mandatory;scrollbar-width:none;margin:0;list-style:none;display:grid;overflow-y:auto}.doodle-feed::-webkit-scrollbar{display:none}.doodle-feed.is-empty{place-content:center}.doodle-feed.is-empty p{color:#fff;text-shadow:2px 2px 0 var(--play-shadow);margin:0;font-size:1.05rem;font-weight:900}.doodle-post{grid-template-rows:var(--doodle-label) minmax(0, 1fr);row-gap:var(--doodle-label-gap);width:var(--doodle-post-width);height:var(--doodle-post-height);scroll-snap-align:start;justify-items:start;animation:.36s cubic-bezier(.2,.9,.3,1.15) backwards doodle-arrive;display:grid}.doodle-post[data-own=true]{justify-self:end;justify-items:end}.doodle-sender{min-width:0;max-width:100%;height:var(--doodle-label);color:#fff;text-shadow:2px 2px 0 var(--play-shadow);align-items:center;gap:.4rem;font-size:1rem;font-weight:900;line-height:1.1;display:inline-flex}.doodle-post[data-own=true] .doodle-sender{flex-direction:row-reverse}.doodle-sender-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doodle-sender .doodle-sender-head{width:var(--doodle-label);height:var(--doodle-label);filter:url(#phone-sticker-lift);flex:none}.doodle-sender .player-portrait.is-unchosen{color:var(--play-ink);background:#fff;border-radius:50%;place-items:center;display:grid}.doodle-image{background:#fff;border-radius:1rem;width:100%;height:100%;display:block;box-shadow:4.5px 4.5px #00000040}@keyframes doodle-arrive{0%{opacity:0;translate:0 .75rem;scale:.92}}.doodle-pad{gap:.7rem;min-width:0;display:grid}.doodle-paper{aspect-ratio:2;background:#fff;border-radius:1.1rem;position:relative;overflow:clip;box-shadow:4.5px 4.5px #00000040}.doodle-paper canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.doodle-canvas{cursor:crosshair}.doodle-canvas-overlay{pointer-events:none}.doodle-tools{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.doodle-pens{flex:auto;justify-content:space-between;align-items:center;gap:.25rem;max-width:24rem;display:flex}.doodle-tool-group,.doodle-colours{align-items:center;gap:.15rem;display:flex}.doodle-actions{flex:1 0 auto;justify-content:space-between;align-items:center;gap:1rem;display:flex}.doodle-tool{width:3rem;height:3rem;color:var(--play-ink);background:#fff;border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:3px 3px #00000040}.doodle-tool svg{width:1.5rem;height:1.5rem}.doodle-tool[aria-pressed=true]{background:var(--play-ink);color:#fff}.doodle-tool:disabled{opacity:.6}.doodle-swatch{background:0 0;border:0;border-radius:50%;place-items:center;width:2.75rem;min-width:0;height:2.75rem;min-height:0;padding:0;display:grid}.doodle-swatch:before{box-sizing:border-box;background:var(--doodle-swatch);content:"";border:3px solid #fff;border-radius:50%;width:1.9rem;height:1.9rem;box-shadow:2px 2px #00000040}.doodle-swatch[aria-pressed=true]:before{outline:3px solid var(--play-ink);width:2.2rem;height:2.2rem}.doodle-tool:focus-visible,.doodle-swatch:focus-visible{outline-offset:2px;outline:3px solid #fff}.doodle-send.play-button{min-width:7rem;min-height:3rem;font-size:1.15rem}.doodle-notice{color:#fff;text-align:center;text-shadow:2px 2px 0 var(--play-shadow);margin:0;font-size:1rem;font-weight:900}@media (width<=22.4rem){.doodle-tool{width:2.75rem;min-width:0;height:2.75rem;min-height:0}.doodle-swatch{width:2.4rem;height:2.4rem}.doodle-swatch:before{width:1.65rem;height:1.65rem}.doodle-swatch[aria-pressed=true]:before{width:1.9rem;height:1.9rem}}@media (height<=37.5rem){.play-waiting:has(>.doodle-chat){row-gap:.25rem}.doodle-chat{gap:.6rem;margin-top:.3rem}.doodle-pad,.doodle-tools{row-gap:.5rem}}@media (width>=56rem) and (height>=34rem){.play-waiting:has(>.doodle-chat){width:min(100%,62rem)}.doodle-chat{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem}.doodle-feed-slot{--doodle-feed-width:calc((100cqw - 1.5rem) / 2.4)}.doodle-feed{align-self:start}.doodle-pens{flex:none;gap:.6rem}.doodle-send.play-button{min-width:6rem}.doodle-chat>.doodle-pad{grid-area:1/1;align-self:start}}@media (prefers-reduced-motion:reduce){.doodle-post{animation:none}}.drawing-clock{--play-surface-shape:var(--play-shape-pill);z-index:30;top:calc(env(safe-area-inset-top,0px) + .55rem);right:calc(env(safe-area-inset-right,0px) + .7rem);min-width:4.2rem;color:var(--play-ink);font-variant-numeric:tabular-nums;pointer-events:none;transform-origin:100% 0;white-space:nowrap;place-items:center;padding:.38rem .75rem .42rem;font-size:1.05rem;font-weight:900;line-height:1;display:grid;position:fixed}.drawing-clock[data-urgent=true]{--play-fill:var(--play-orange);--play-edge-size:var(--play-edge);color:#fff;font-size:1.45rem;animation:1s ease-in-out infinite drawing-clock-nudge}.drawing-clock[data-paused=true]{animation:none}@keyframes drawing-clock-nudge{0%,70%,to{scale:1}20%{scale:1.1}}.drawing-clock[data-place=inline]{transform-origin:50%;justify-self:center;margin-top:.4rem;font-size:1.3rem;position:relative;top:auto;right:auto}.drawing-clock[data-place=count]{transform-origin:50%;min-width:0;padding:.3rem .6rem .34rem;font-size:1.15rem;position:relative;top:auto;right:auto}.drawing-clock[data-place=count][data-urgent=true]{font-size:1.35rem}@media (width<=1179px),(width<=1399px) and (height<=519px),(width<=1399px) and (hover:none),(width<=1399px) and (pointer:coarse){.drawing-clock[data-place=corner]{display:none}}@media (width>=1180px) and (hover:hover) and (pointer:fine) and (height>=520px),(width>=1400px){.drawing-clock[data-place=corner]{font-size:1.3rem;top:.9rem;right:1.2rem}.drawing-clock[data-place=corner][data-urgent=true]{font-size:1.7rem}.drawing-clock[data-place=count]{display:none}}@media (prefers-reduced-motion:reduce){.drawing-clock[data-urgent=true]{animation:none}}.play-waiting:has(>.doodle-chat):has(>.drawing-clock){grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"art title""art message""art clock""chat chat"}.play-waiting:has(>.doodle-chat)>.drawing-clock{transform-origin:0;grid-area:clock;justify-self:start;margin-top:.1rem;font-size:1.1rem}.character-workshop .animal-head-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.character-workshop .animal-head-picker button{color:#171653;font:inherit;cursor:pointer;background:#ddecff;border:0;border-radius:14px;justify-items:center;padding:5px 2px;font-size:11px;font-weight:800;display:grid}.character-workshop .animal-head-picker svg{fill:#171653;width:42px;height:42px}.character-workshop .animal-head-picker button[aria-pressed=true]{color:#fff;background:#101653}.character-workshop .animal-head-picker button:focus-visible{outline-offset:3px;outline:3px solid #fff}.character-workshop .drawing-panel .editor-card{isolation:isolate;aspect-ratio:1;box-shadow:none;background:0 0;border:0;border-radius:28px;position:relative}.character-workshop .drawing-panel .editor-card:before,.character-workshop .drawing-panel .editor-card:after{z-index:-1;-webkit-mask:var(--character-head-lift) 0 0 / 100% 100% no-repeat;mask:var(--character-head-lift) 0 0 / 100% 100% no-repeat;pointer-events:none;content:"";position:absolute;inset:0}.character-workshop .drawing-panel .editor-card:before{background:#00000040;translate:4.5px 4.5px}.character-workshop .drawing-panel .editor-card:after{background:#fff}.character-workshop .drawing-panel .drawing-surface{background:0 0;inset:0}.character-workshop .drawing-viewport{background:#fff}.character-drawing-step .character-drawing-done{display:none}@media (width<=759px){.character-drawing-step .character-drawing-navigation{justify-content:flex-end;gap:.6rem}.character-drawing-step .character-drawing-done{display:inline-flex}.character-drawing-step .drawing-panel .game-actions{display:none}}@media (width>=1000px) and (height>=600px){.character-workshop #phase-content{width:min(100%,1160px)}#phase-content:has(.character-drawing-step){width:min(100%,1160px)}.character-workshop .drawing-panel:not(.card-review) .drawing-main{max-width:min(100%,100svh - 16rem)}.character-workshop .drawing-panel:not(.card-review) .section-heading h1{justify-self:start}}.lobby-phase,.join-shell{--lobby-ink:#101653;--lobby-orange:var(--orange-text);--lobby-orange-fill:#f97337;--lobby-pale:#e5f0ff;--lobby-row:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20180'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.00268%200%200%201.04439%20-1.48749%20-4.05355)'%20d='M52%2011C199%206%20351%2013%20501%209C648%205%20796%2011%20948%209C981%209%20992%2028%20993%2060C995%2096%20993%20120%20991%20136C987%20159%20973%20170%20945%20171C795%20171%20648%20168%20501%20172C352%20176%20199%20168%2054%20171C23%20171%209%20155%208%20132C5%2097%207%2072%209%2055C12%2027%2025%2012%2052%2011Z'/%3e%3c/svg%3e");--lobby-panel:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20500'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.02136%200%200%201.023%20-6.27092%20-5.28351)'%20d='M66%2010C173%205%20282%2013%20391%208C446%206%20484%209%20531%2011C576%2013%20591%2039%20591%2089C591%20143%20596%20192%20593%20250C590%20317%20597%20367%20592%20420C588%20473%20570%20490%20525%20491C420%20492%20331%20486%20224%20491C160%20494%20118%20490%2069%20489C23%20488%209%20464%209%20414C9%20360%205%20308%209%20247C13%20182%205%20142%209%2088C12%2039%2026%2012%2066%2010Z'/%3e%3c/svg%3e");--lobby-surface-lift:drop-shadow(4.5px 4.5px 0 #00000040);--lobby-button-size:1.3rem}.phone-sticker-filters{pointer-events:none;width:0;height:0;position:absolute}.lobby-phase{justify-items:center;width:100%;display:grid}.lobby-phase>.character-drawing-step{justify-self:stretch;min-width:0}.lobby-heading,.lobby-start-button,.lobby-voice,.character-drawing-done,.character-drawing-error,.join-field,.join-submit{--lobby-shape:var(--lobby-row);--lobby-surface:#fff;isolation:isolate;box-shadow:none;background:0 0;border:0;position:relative}.lobby-heading:before,.lobby-start-button:before,.lobby-voice:before,.character-drawing-done:before,.character-drawing-error:before,.join-field:before,.join-submit:before{z-index:-1;background:var(--lobby-surface);-webkit-mask:var(--lobby-shape) 0 0 / 100% 100% no-repeat;mask:var(--lobby-shape) 0 0 / 100% 100% no-repeat;pointer-events:none;content:"";position:absolute;inset:0}.lobby-heading,.lobby-voice,.character-drawing-error{filter:var(--lobby-surface-lift)}.lobby-screen{color:#fff;text-align:center;justify-items:center;gap:1rem;width:min(100%,36rem);margin:0 auto;padding:.5rem 0 1.5rem;display:grid}.lobby-heading{width:fit-content;max-width:100%;color:var(--lobby-ink);letter-spacing:.005em;text-wrap:balance;justify-self:center;margin:0;padding:.65rem 1.35rem;font-size:clamp(1.65rem,6.4vw,2.35rem);font-weight:900;line-height:1.1}.lobby-heading:focus{outline:none}.lobby-heading>span{color:var(--lobby-orange)}.lobby-start-button:focus-visible,.lobby-voice button:focus-visible,.lobby-animal:focus-visible,.join-submit:focus-visible{outline-offset:4px;border-radius:1rem;outline:3px solid #fff}.lobby-animals{--animal-columns:4;--animal-gap:.5rem;justify-content:center;gap:.9rem var(--animal-gap);flex-wrap:wrap;width:100%;margin:.4rem 0 .2rem;display:flex}.lobby-animal{flex:0 0 calc((100% - (var(--animal-columns) - 1) * var(--animal-gap)) / var(--animal-columns));min-width:0;box-shadow:none;color:#fff;background:0 0;border:0;border-radius:1rem;align-content:start;justify-items:center;gap:.3rem;padding:.3rem .15rem .35rem;display:grid}.lobby-animal:hover:not(:disabled) .lobby-animal-head{translate:0 -3px}.lobby-animal:active:not(:disabled){transform:none}.lobby-animal-head{aspect-ratio:1;filter:url(#phone-sticker-lift);width:min(100%,6.6rem);height:auto;transition:translate .14s ease-out;display:block}.lobby-animal[data-selected=true] .lobby-animal-head{filter:url(#phone-sticker-lift-selected)}.lobby-animal strong{font-size:1.2rem;font-weight:900;line-height:1.1}.lobby-animal small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.78rem;font-weight:800;line-height:1.1;overflow:hidden}.lobby-animal[data-taken=true]:disabled{opacity:.55}.lobby-voice-portrait{filter:url(#phone-sticker-lift);width:7rem;height:7rem;margin-bottom:-.3rem;display:block}.lobby-voices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:100%;margin:.3rem 0 .2rem;display:grid}.lobby-voice{min-width:0;min-height:3.6rem;color:var(--lobby-ink);text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.45rem;padding:.45rem .9rem .45rem .75rem;display:grid}.lobby-voice:active:not(:disabled){transform:scale(.97)}.lobby-voice[data-selected=true]{--lobby-surface:var(--lobby-ink);color:#fff}.lobby-voice[data-taken=true]{--lobby-surface:#c9ddfa;color:#4b5a85;filter:none}.lobby-voice:disabled{opacity:1}.lobby-voice-icon{width:2.1rem;height:2.1rem;overflow:visible}.lobby-voice-speaker{fill:currentColor}.lobby-voice-wave{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.6px;opacity:.35}.lobby-voice[data-playing=true] .lobby-voice-wave{animation:.9s ease-in-out infinite lobby-voice-wave}.lobby-voice[data-playing=true] .lobby-voice-wave.is-outer{animation-delay:.2s}@keyframes lobby-voice-wave{50%{opacity:1}}.lobby-voice-text{min-width:0;display:grid}.lobby-voice-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.2rem;font-weight:900;line-height:1.05;overflow:hidden}.lobby-voice small{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8rem;font-weight:800;overflow:hidden}@media (prefers-reduced-motion:reduce){.lobby-voice[data-playing=true] .lobby-voice-wave{opacity:1;animation:none}}.character-drawing-navigation{justify-content:center;margin-top:.7rem;display:flex}.character-drawing-done{--lobby-surface:var(--lobby-orange-fill);color:#fff;letter-spacing:.03em;text-transform:uppercase;filter:url(#phone-sticker-lift);justify-content:center;align-items:center;min-width:6.5rem;min-height:44px;padding:.4em 1.1em;font-size:1.15rem;font-weight:900;line-height:1.05}.character-drawing-done:disabled{filter:none}.character-drawing-done:focus-visible{outline-offset:4px;border-radius:1rem;outline:3px solid #fff}.character-drawing-error{z-index:30;right:1rem;bottom:max(1rem, env(safe-area-inset-bottom));color:#9b1c33;text-align:center;width:fit-content;max-width:calc(100% - 2rem);margin:auto;padding:.75rem 1.2rem;font-weight:900;position:fixed;left:1rem}.lobby-ready{gap:1.6rem;width:min(100%,30rem)}.lobby-ready-character{justify-items:center;gap:1rem;width:100%;display:grid}.lobby-ready-portrait{justify-items:center;gap:.5rem;margin:.2rem 0 0;display:grid}.lobby-ready-portrait .lobby-ready-head{aspect-ratio:1;width:clamp(9rem,42vw,12rem);height:auto;box-shadow:none;font-size:inherit;filter:url(#phone-sticker-lift);background:0 0;border:0;border-radius:0;margin:0;display:block;transform:none}.lobby-ready-portrait figcaption{gap:.15rem;display:grid}.lobby-ready-portrait strong{overflow-wrap:anywhere;font-size:1.45rem;font-weight:900;line-height:1.1}.lobby-ready-portrait span{color:#fff;font-size:1.2rem;font-weight:800}.lobby-start-controls{justify-items:center;gap:.7rem;width:min(100%,22rem);margin-top:.4rem;display:grid}.lobby-start-status{color:#fff;text-wrap:balance;margin:0;font-size:1.2rem;font-weight:900;line-height:1.3}.lobby-start-button{--lobby-surface:var(--lobby-orange-fill);color:#fff;min-width:min(100%,7.5em);max-width:100%;min-height:3rem;font-size:var(--lobby-button-size);letter-spacing:.03em;text-transform:uppercase;text-wrap:balance;filter:url(#phone-sticker-lift);padding:.55em 1.2em;font-weight:900;line-height:1.05}.lobby-start-button:disabled{--lobby-surface:#8fb8f2;color:#f2f7ff;filter:none;opacity:1}.lobby-start-button:active:not(:disabled){transform:scale(.98)}.player-portrait{display:block;overflow:visible}.player-portrait.is-unchosen{background:var(--lobby-pale);color:var(--lobby-ink);border-radius:32% 30% 28% 34%/28% 33% 30% 29%;place-items:center;font-weight:900;display:grid}@media (width<=379px){.lobby-animals{--animal-columns:3}}@media (width>=560px){.lobby-animals{--animal-columns:5}.lobby-voices{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px) and (height>=560px){.lobby-phase{--lobby-button-size:1.5rem}.lobby-screen{width:min(100%,44rem)}#phase-content:has(>.lobby-phase>.lobby-animal-step){width:100%}.lobby-animal-step{--animal-head:min(14vw, 24vh);width:100%}.lobby-animal-step .lobby-animals{--animal-gap:calc(var(--animal-head) * .22);row-gap:calc(var(--animal-head) * .2);width:calc(var(--animal-head) * 5 + var(--animal-gap) * 4);max-width:100%}.lobby-animal-step .lobby-animal{gap:calc(var(--animal-head) * .05)}.lobby-animal-step .lobby-animal-head{width:100%}.lobby-animal-step .lobby-animal strong{font-size:max(1.2rem, calc(var(--animal-head) * .19))}.lobby-animal-step .lobby-animal small{font-size:max(.78rem, calc(var(--animal-head) * .12))}.lobby-voice-step{width:min(100%,54rem)}.lobby-ready{width:min(100%,36rem)}.lobby-ready-portrait .lobby-ready-head{width:13.5rem}.lobby-voices{grid-template-columns:repeat(5,minmax(0,1fr))}.character-drawing-navigation{justify-content:flex-start}}@media (orientation:landscape) and (height<=560px){.lobby-screen{gap:.7rem;padding-top:0}.lobby-animals{--animal-columns:5}.lobby-animal-head{width:min(100%,4.6rem)}.lobby-ready-portrait .lobby-ready-head{width:7rem}}@media (prefers-reduced-motion:reduce){.lobby-animal-head{transition:none}}.join-shell .join-brand img{aspect-ratio:614/395;filter:var(--lobby-surface-lift)}.join-shell .join-form{color:#fff;text-align:center;width:min(100%,24rem)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.join-shell .connection-indicator{color:#fff;margin-bottom:.9rem;font-size:.95rem}.join-shell .join-expired{color:#fff;text-wrap:balance;margin:0 0 1rem;font-size:1.3rem;font-weight:900;line-height:1.2}.join-shell form{gap:1.15rem}.join-shell .field-group{gap:.5rem}.join-shell label{color:#fff;font-size:1.4rem;font-weight:900;line-height:1.1}.join-shell .join-field{filter:var(--lobby-surface-lift);display:block}.join-shell input{min-height:3.6rem;color:var(--lobby-ink);text-align:center;background:0 0;border:0;border-radius:1.05rem .85rem 1rem .8rem;padding:.55rem 1rem;font-size:1.45rem;font-weight:900;display:block}.join-shell #room-code{padding-inline:calc(1rem + .28em) 1rem;font-size:1.75rem}.join-shell input::placeholder{color:#8796ba;opacity:1}.join-shell input:focus-visible{outline:3px solid var(--lobby-orange-fill);outline-offset:3px}.join-shell input[aria-invalid=true]{box-shadow:inset 0 0 0 3px #d23a55}.join-shell .field-error,.join-shell .join-status:not(:empty){isolation:isolate;color:#a3123a;text-wrap:balance;width:fit-content;max-width:100%;filter:var(--lobby-surface-lift);justify-self:center;margin:.15rem auto 0;padding:.5rem 1rem;font-size:1.05rem;font-weight:900;line-height:1.2;position:relative}.join-shell .field-error:before,.join-shell .join-status:not(:empty):before{z-index:-1;-webkit-mask:var(--lobby-panel) 0 0 / 100% 100% no-repeat;mask:var(--lobby-panel) 0 0 / 100% 100% no-repeat;pointer-events:none;content:"";background:#fff;position:absolute;inset:0}.join-shell .join-status:not(:empty){margin-top:1.1rem}.join-shell .join-status[data-pending=true]{color:var(--lobby-ink)}.join-shell .join-status:empty{min-height:0;margin:0}.join-shell .join-submit{--lobby-surface:var(--lobby-orange-fill);color:#fff;width:100%;min-height:3.6rem;font-size:var(--lobby-button-size);letter-spacing:.03em;text-transform:uppercase;filter:url(#phone-sticker-lift);margin-top:.4rem;padding:.55em 1.2em;font-weight:900;line-height:1.05}.join-shell .join-submit:disabled{filter:none;opacity:.7}.join-shell .join-submit:active:not(:disabled){transform:scale(.98)}@media (height<=560px){.join-shell .join-brand img{width:min(10.5rem,48vw)}}.phone-backdrop{z-index:-1;pointer-events:none;background:#2787fa;position:fixed;inset:0;container-type:size}.phone-backdrop:before{background:url(/assets/phone-swirl-D6KPbeEC.svg) center / var(--phone-swirl-size) no-repeat;content:"";--phone-swirl-size:calc(min(100cqw / 1600, 100cqh / 900) * 4000);position:absolute;inset:0}@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/grandstander-vietnamese-700-normal-D537Vi73.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/grandstander-latin-ext-700-normal-gw3pbQ3_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/grandstander-latin-700-normal-DL89ZXUG.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/grandstander-vietnamese-800-normal-B92pAbEx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/grandstander-latin-ext-800-normal-1vVkxfKz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/grandstander-latin-800-normal-CaQ23l55.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/grandstander-vietnamese-900-normal-59EmvyWK.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/grandstander-latin-ext-900-normal-BjxBALJl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/grandstander-latin-900-normal-C9ECw9h7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#101936;font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;--orange-text:#ff8049;font-family:Grandstander,ui-rounded,Arial Rounded MT Bold,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;min-height:100%}:is(.card-fan,.po,.play-card,.card-face),:is(.card-fan,.po,.play-card,.card-face) *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:is(.card-fan,.po,.play-card,.card-face) img{-webkit-user-drag:none}:is(.card-fan,.po,.play-card,.card-face) :is(input,textarea){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body{isolation:isolate;min-height:100dvh;margin:0}body:before{z-index:-1;pointer-events:none;background:radial-gradient(100% 45%,#2d71e3 0%,#2268e3 24%,#1557d6 52%,#0d3e9e 85%) no-repeat;position:fixed;inset:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;min-width:48px;min-height:48px}button:disabled{cursor:not-allowed;opacity:.54}:where(button,input,select,summary,[tabindex],a):focus-visible{outline:4px solid var(--focus);outline-offset:3px}h1,h2,p{overflow-wrap:anywhere}h1,h2{margin:0}h1{font-size:clamp(2rem,10vw,3.35rem)}.join-form h1:focus,#phase-content h1:focus{outline:none}h2{font-size:clamp(1.35rem,6vw,2rem)}.skip-link{z-index:100;width:1px;height:1px;color:var(--ink);clip-path:inset(50%);white-space:nowrap;background:#fff;border:0;border-radius:1rem;padding:0;font-weight:900;position:fixed;top:.5rem;left:.5rem;overflow:hidden}.skip-link:focus-visible{clip-path:none;white-space:normal;width:auto;max-width:calc(100% - 1rem);height:auto;padding:.75rem 1rem;overflow:visible;box-shadow:4.5px 4.5px #00000040}body:has(dialog[open]) .skip-link{visibility:hidden}.join-shell,.phone-shell{width:100%;min-height:100dvh;padding-top:max(1rem, env(safe-area-inset-top));padding-right:max(.85rem, env(safe-area-inset-right));padding-bottom:max(1.25rem, env(safe-area-inset-bottom));padding-left:max(.85rem, env(safe-area-inset-left))}.join-shell{flex-direction:column;justify-content:safe center;align-items:center;gap:.8rem;display:flex}.join-brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.2rem;font-weight:900;display:flex}.panel{background:var(--cream);border-radius:1.35rem;width:min(100%,34rem);margin-inline:auto}.section-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}form{gap:1rem;display:grid}.field-group{gap:.4rem;display:grid}label{font-weight:900}input{width:100%;min-height:3.35rem;color:var(--ink);background:#fff;border:2px solid #526481;border-radius:.75rem;padding:.7rem .9rem;font-size:1.08rem;font-weight:700}input[aria-invalid=true]{box-shadow:none;border-color:#a4233d}#room-code{letter-spacing:.28em;text-align:center;text-transform:uppercase;padding-left:1.25em;font-size:1.65rem;font-weight:900}.field-error{color:#941a34;margin:0;font-size:.86rem;font-weight:800}.primary-button,.secondary-button,.text-button{color:var(--ink);font-weight:900}.primary-button{letter-spacing:.025em;text-transform:uppercase;width:100%;margin-top:.2rem}.secondary-button{flex:none}.text-button{min-height:44px;padding:.35rem .7rem;text-decoration:underline}.join-status{color:#7e213b;min-height:1.5rem;margin:.9rem 0 0;font-size:.9rem;font-weight:800}.connection-indicator{color:#e1edff;border-radius:999px;align-items:center;gap:.35rem;min-height:1.8rem;padding:.25rem .52rem;font-size:.7rem;font-weight:850;line-height:1;display:inline-flex}.connection-dot{background:currentColor;border:2px solid;border-radius:50%;width:.55rem;height:.55rem}.connection-indicator[data-state=reconnecting] .connection-dot,.connection-indicator[data-state=connecting] .connection-dot{background:0 0}.connection-indicator[data-state=paused],.connection-indicator[data-state=expired],.connection-indicator[data-state=unavailable]{color:#ffd7a1}.announcement{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#phase-content{gap:1rem;width:min(100%,84rem);margin-inline:auto;display:grid}.panel{padding:clamp(1rem,4.5vw,1.5rem)}.connection-banner,.pause-notice,.command-notice{width:min(100%,84rem);margin:0 auto 1rem}.connection-banner{align-items:center;gap:.8rem;padding:.8rem;display:flex}.connection-banner.is-error{background:#ffd8d1;justify-content:space-between}.connection-banner p,.pause-notice p{margin:.2rem 0 0;font-size:.82rem;font-weight:650}.spinner{border:3px solid #24194340;border-top-color:var(--ink);border-radius:50%;flex:none;width:1.4rem;height:1.4rem;animation:.8s linear infinite spin}.pause-notice{grid-template-columns:auto minmax(0,1fr);gap:.85rem;padding:1rem;display:grid}.pause-icon{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-weight:900;display:grid}.command-notice{justify-content:space-between;align-items:center;gap:.75rem;min-height:3.4rem;padding:.55rem .75rem;font-size:.83rem;font-weight:750;display:flex}.command-notice[data-state=accepted]{background:var(--mint)}.command-notice[data-state=rejected]{background:#ffd8d1}@keyframes spin{to{transform:rotate(1turn)}}#root,#phase-content>*,.drawing-workspace>*,.connection-banner>*,.command-notice>*,.section-heading>*{min-width:0}button,label,small,strong,b,li{overflow-wrap:anywhere}button,input,select{max-width:100%}input{min-width:0}button:disabled[aria-pressed=true]{opacity:1}.connection-banner,.command-notice,.section-heading{flex-wrap:wrap}.connection-banner>div,.command-notice>span{flex:12rem}.drawing-panel{width:100%}.card-face{aspect-ratio:5/7;width:100%;max-width:18rem;color:var(--ink);background:#fff;margin:0 auto;display:block;position:relative;overflow:hidden;container-type:inline-size}.card-art{background:#edf3ff;place-items:center;display:grid;position:absolute;inset:0 0 25%;overflow:hidden}.card-art img{object-fit:contain;width:100%;height:100%;display:block}.card-title{width:100%;height:25%;color:var(--ink);font-size:var(--card-title-size,8cqw);text-align:center;background:#fff;place-items:center;padding:0 8.6667%;font-weight:900;line-height:1.12;display:grid;position:absolute;inset:auto 0 0}.art-unavailable{color:var(--muted-ink);text-align:center;padding:1rem;font-size:.85rem}.game-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;max-width:38rem;display:flex}.game-actions .primary-button{flex:14rem}.game-actions .secondary-button{flex:9rem}.drawing-workspace{display:grid}.drawing-main{width:100%;max-width:32rem;margin:0 auto}.drawing-surface{isolation:isolate;border:2px solid var(--ink);background:#fff;border-radius:.5rem;width:100%;margin-top:.75rem;position:relative;overflow:hidden}.drawing-canvas,.stroke-canvas,.drawing-reference{width:100%;height:100%;display:block;position:absolute;inset:0}.drawing-canvas{touch-action:none}.stroke-canvas,.drawing-reference{pointer-events:none}.drawing-reference{object-fit:contain}.drawing-tools{border:0;align-content:start;gap:.8rem;min-width:0;margin:0;padding:0;display:grid}.drawing-tools legend{margin-bottom:.75rem;font-weight:900}.drawing-quick-tools{border:0;gap:.65rem;min-width:0;margin:.75rem 0;padding:0;display:grid}.drawing-quick-tools .colour-palette{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.drawing-panel .drawing-surface{max-width:32rem}.tool-button{border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:.65rem;padding:.55rem;font-weight:800}.tool-button[aria-pressed=true]{background:var(--yellow)}.colour-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.3rem;display:grid}.colour-swatch{border:2px solid var(--ink);border-radius:.65rem;min-width:0}.colour-swatch[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px;box-shadow:inset 0 0 0 3px #fff}.tool-label{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.6rem;font-size:.85rem;display:grid}.tool-label input,.tool-label select{width:100%;min-width:0;min-height:48px;padding:.35rem}select{border:2px solid var(--ink);color:var(--ink);font:inherit;background:#fff;border-radius:.5rem}input[type=range]{accent-color:var(--purple);background:0 0;border:0;padding-inline:0}input[type=file]{width:100%;font-size:.85rem}.editor-message{min-height:1.5em;font-size:.85rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.connection-dot,.presence:before{forced-color-adjust:none}}.join-brand img{width:min(17rem,70vw);height:auto;display:block}h1,h2{letter-spacing:.01em;line-height:1.08}.secondary-button,.text-button{background:#fff;border-radius:.7rem}.card-face>img{object-fit:cover;width:100%;height:100%;display:block}.card-title>span{justify-items:center;display:grid}.card-title>span>span{white-space:nowrap;display:block}.card-title.announcement{border:0;width:1px;height:1px;padding:0}.card-shape[data-shape=oval]{border-radius:50%;width:32%;height:43%}.card-shape[data-shape=diamond]{aspect-ratio:1;width:41%;transform:rotate(45deg)}.card-shape[data-shape=triangle]{clip-path:polygon(0 0,100% 0,50% 100%);width:50%;height:49%}.drawing-surface{aspect-ratio:750/787.5}.phone-shell{padding-block:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-bottom));flex-direction:column;display:flex}#phase-content{flex:1;align-content:center;width:min(100%,58rem)}#phase-content:has(.drawing-panel){align-content:start}#phase-content[data-phase=card_creation]{grid-template-columns:minmax(0,1fr)}h1,h2{font-weight:900}.game-actions{margin:1.25rem auto .25rem}.drawing-panel{max-width:52rem;padding:clamp(.85rem,3vw,1.5rem)}.drawing-panel h1{font-size:clamp(1.35rem,3vw,2rem)}.drawing-workspace{gap:.8rem;margin-top:.25rem}.drawing-quick-tools .colour-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.colour-swatch{height:44px;min-height:44px}.drawing-main>.field-group{margin-top:.8rem}.editor-message:empty{display:none}.connection-banner,.pause-notice,.command-notice{max-width:52rem}:where(button,input,select,summary,[tabindex],a):focus-visible{outline-color:var(--ink,#101653)}.drawing-panel :focus-visible{outline-color:#1557d6}@media (width>=600px){.phone-shell{padding-top:max(2rem, env(safe-area-inset-top))}}@media (orientation:landscape) and (height<=560px){.phone-shell{padding-top:max(.75rem, env(safe-area-inset-top))}}:root{--pack-party-card-radius:9% / 6.42857%;--pack-party-card-silhouette:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20750%201050%22%3E%3Crect%20width%3D%22750%22%20height%3D%221050%22%20rx%3D%2267.5%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);--ink:#101653;--muted-ink:#59678f;--cream:#ddecff;--purple:#147bfa;--purple-dark:#147bfa;--yellow:#ffd976;--mint:#e0f7ed;--coral:#f97337;--blue:#ddecff;--focus:#ff8049;--shadow:none}html,body{background:#147bfa}body:before{content:none}.panel,.connection-banner,.pause-notice,.command-notice{box-shadow:none;border:0}.drawing-panel{color:var(--ink);background:#ddecff;border-radius:2rem 1.65rem 1.9rem 1.5rem}.primary-button,.secondary-button,.text-button{box-shadow:none;text-wrap:balance;border:0;line-height:1.15}.primary-button,.secondary-button{border-radius:1.3rem 1rem 1.2rem .95rem;min-height:3.5rem;padding:.7rem 1rem}.primary-button{color:#fff;background:#f97337}.secondary-button{color:var(--ink);background:#fff}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){box-shadow:none;transform:scale(.98)}.connection-indicator{box-shadow:none;border:0}.card-face,.drawing-panel:not(.card-review) .editor-card,.drawing-panel .draft-review-item img{border-radius:var(--pack-party-card-radius);box-shadow:none;border:0;-webkit-mask:none;mask:none}.drawing-panel .section-heading h1{box-shadow:none;background:#fff;border:0;border-radius:1.35rem 1.05rem 1.2rem .95rem}.drawing-panel .drawing-prompt-subject{color:var(--orange-text)}.drawing-panel .editor-card{box-shadow:none}.drawing-panel:not(.card-review) .editor-card{clip-path:inset(0 round var(--pack-party-card-radius));border-radius:0;-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff)}.drawing-panel .editor-rail{box-shadow:none;background:#ddecff;border:0;border-radius:1.35rem 1.1rem 1.3rem 1rem}.drawing-panel .editor-panel-trigger,.drawing-panel .editor-rail summary{background:#fff;border:0;border-radius:1rem .8rem .95rem .75rem}.drawing-panel .editor-icon-button[aria-pressed=true],.drawing-panel .size-presets .tool-button[aria-pressed=true]{color:#101653;background:#fff;border-color:#101653}.connection-banner,.pause-notice,.command-notice{border-radius:1.2rem 1rem 1.3rem .95rem}.connection-banner{background:#ddecff}.pause-notice{background:#ffd976}.command-notice{background:#fff}.drawing-panel,.drawing-panel .desk-size-bar{--editor-organic-row:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20180'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.00268%200%200%201.04439%20-1.48749%20-4.05355)'%20d='M52%2011C199%206%20351%2013%20501%209C648%205%20796%2011%20948%209C981%209%20992%2028%20993%2060C995%2096%20993%20120%20991%20136C987%20159%20973%20170%20945%20171C795%20171%20648%20168%20501%20172C352%20176%20199%20168%2054%20171C23%20171%209%20155%208%20132C5%2097%207%2072%209%2055C12%2027%2025%2012%2052%2011Z'/%3e%3c/svg%3e");--editor-organic-panel:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20500'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.02136%200%200%201.023%20-6.27092%20-5.28351)'%20d='M66%2010C173%205%20282%2013%20391%208C446%206%20484%209%20531%2011C576%2013%20591%2039%20591%2089C591%20143%20596%20192%20593%20250C590%20317%20597%20367%20592%20420C588%20473%20570%20490%20525%20491C420%20492%20331%20486%20224%20491C160%20494%20118%20490%2069%20489C23%20488%209%20464%209%20414C9%20360%205%20308%209%20247C13%20182%205%20142%209%2088C12%2039%2026%2012%2066%2010Z'/%3e%3c/svg%3e");--editor-panel-corner:40px;--editor-panel-span:calc(100% - 2 * var(--editor-panel-corner) + 2px);--editor-panel-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2096%2096'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.02136%200%200%201.023%20-6.27092%20-5.28351)'%20d='M66%2010C173%205%20282%2013%20391%208C446%206%20484%209%20531%2011C576%2013%20591%2039%20591%2089C591%20143%20596%20192%20593%20250C590%20317%20597%20367%20592%20420C588%20473%20570%20490%20525%20491C420%20492%20331%20486%20224%20491C160%20494%20118%20490%2069%20489C23%20488%209%20464%209%20414C9%20360%205%20308%209%20247C13%20182%205%20142%209%2088C12%2039%2026%2012%2066%2010Z'/%3e%3c/svg%3e") left top / var(--editor-panel-corner) var(--editor-panel-corner) no-repeat, url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='504%200%2096%2096'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.02136%200%200%201.023%20-6.27092%20-5.28351)'%20d='M66%2010C173%205%20282%2013%20391%208C446%206%20484%209%20531%2011C576%2013%20591%2039%20591%2089C591%20143%20596%20192%20593%20250C590%20317%20597%20367%20592%20420C588%20473%20570%20490%20525%20491C420%20492%20331%20486%20224%20491C160%20494%20118%20490%2069%20489C23%20488%209%20464%209%20414C9%20360%205%20308%209%20247C13%20182%205%20142%209%2088C12%2039%2026%2012%2066%2010Z'/%3e%3c/svg%3e") right top / var(--editor-panel-corner) var(--editor-panel-corner) no-repeat, url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%20404%2096%2096'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.02136%200%200%201.023%20-6.27092%20-5.28351)'%20d='M66%2010C173%205%20282%2013%20391%208C446%206%20484%209%20531%2011C576%2013%20591%2039%20591%2089C591%20143%20596%20192%20593%20250C590%20317%20597%20367%20592%20420C588%20473%20570%20490%20525%20491C420%20492%20331%20486%20224%20491C160%20494%20118%20490%2069%20489C23%20488%209%20464%209%20414C9%20360%205%20308%209%20247C13%20182%205%20142%209%2088C12%2039%2026%2012%2066%2010Z'/%3e%3c/svg%3e") left bottom / var(--editor-panel-corner) var(--editor-panel-corner) no-repeat, url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='504%20404%2096%2096'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.02136%200%200%201.023%20-6.27092%20-5.28351)'%20d='M66%2010C173%205%20282%2013%20391%208C446%206%20484%209%20531%2011C576%2013%20591%2039%20591%2089C591%20143%20596%20192%20593%20250C590%20317%20597%20367%20592%20420C588%20473%20570%20490%20525%20491C420%20492%20331%20486%20224%20491C160%20494%20118%20490%2069%20489C23%20488%209%20464%209%20414C9%20360%205%20308%209%20247C13%20182%205%20142%209%2088C12%2039%2026%2012%2066%2010Z'/%3e%3c/svg%3e") right bottom / var(--editor-panel-corner) var(--editor-panel-corner) no-repeat, url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='96%200%20408%2096'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.02136%200%200%201.023%20-6.27092%20-5.28351)'%20d='M66%2010C173%205%20282%2013%20391%208C446%206%20484%209%20531%2011C576%2013%20591%2039%20591%2089C591%20143%20596%20192%20593%20250C590%20317%20597%20367%20592%20420C588%20473%20570%20490%20525%20491C420%20492%20331%20486%20224%20491C160%20494%20118%20490%2069%20489C23%20488%209%20464%209%20414C9%20360%205%20308%209%20247C13%20182%205%20142%209%2088C12%2039%2026%2012%2066%2010Z'/%3e%3c/svg%3e") center top / var(--editor-panel-span) var(--editor-panel-corner) no-repeat, url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='96%20404%20408%2096'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.02136%200%200%201.023%20-6.27092%20-5.28351)'%20d='M66%2010C173%205%20282%2013%20391%208C446%206%20484%209%20531%2011C576%2013%20591%2039%20591%2089C591%20143%20596%20192%20593%20250C590%20317%20597%20367%20592%20420C588%20473%20570%20490%20525%20491C420%20492%20331%20486%20224%20491C160%20494%20118%20490%2069%20489C23%20488%209%20464%209%20414C9%20360%205%20308%209%20247C13%20182%205%20142%209%2088C12%2039%2026%2012%2066%2010Z'/%3e%3c/svg%3e") center bottom / var(--editor-panel-span) var(--editor-panel-corner) no-repeat, url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%2096%2096%20308'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.02136%200%200%201.023%20-6.27092%20-5.28351)'%20d='M66%2010C173%205%20282%2013%20391%208C446%206%20484%209%20531%2011C576%2013%20591%2039%20591%2089C591%20143%20596%20192%20593%20250C590%20317%20597%20367%20592%20420C588%20473%20570%20490%20525%20491C420%20492%20331%20486%20224%20491C160%20494%20118%20490%2069%20489C23%20488%209%20464%209%20414C9%20360%205%20308%209%20247C13%20182%205%20142%209%2088C12%2039%2026%2012%2066%2010Z'/%3e%3c/svg%3e") left center / var(--editor-panel-corner) var(--editor-panel-span) no-repeat, url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='504%2096%2096%20308'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20transform='matrix(1.02136%200%200%201.023%20-6.27092%20-5.28351)'%20d='M66%2010C173%205%20282%2013%20391%208C446%206%20484%209%20531%2011C576%2013%20591%2039%20591%2089C591%20143%20596%20192%20593%20250C590%20317%20597%20367%20592%20420C588%20473%20570%20490%20525%20491C420%20492%20331%20486%20224%20491C160%20494%20118%20490%2069%20489C23%20488%209%20464%209%20414C9%20360%205%20308%209%20247C13%20182%205%20142%209%2088C12%2039%2026%2012%2066%2010Z'/%3e%3c/svg%3e") right center / var(--editor-panel-corner) var(--editor-panel-span) no-repeat, linear-gradient(#000 0 0) center / var(--editor-panel-span) var(--editor-panel-span) no-repeat}.drawing-panel:not(.card-review) .drawing-workspace .editor-rail:before{-webkit-mask:var(--editor-panel-mask);mask:var(--editor-panel-mask)}.drawing-panel .draft-dot{position:relative}.drawing-panel .current-colour-chip{background:var(--ink);border:0;border-radius:0;position:relative;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cpath%20fill='white'%20d='M51%205C63%203%2071%2010%2080%2017C89%2024%2093%2034%2095%2045C97%2056%2092%2065%2086%2074C79%2085%2069%2092%2057%2095C45%2097%2035%2093%2025%2088C14%2082%208%2073%205%2061C3%2050%206%2039%2010%2029C16%2018%2028%2011%2040%207C44%206%2047%206%2051%205Z'/%3e%3c/svg%3e") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cpath%20fill='white'%20d='M51%205C63%203%2071%2010%2080%2017C89%2024%2093%2034%2095%2045C97%2056%2092%2065%2086%2074C79%2085%2069%2092%2057%2095C45%2097%2035%2093%2025%2088C14%2082%208%2073%205%2061C3%2050%206%2039%2010%2029C16%2018%2028%2011%2040%207C44%206%2047%206%2051%205Z'/%3e%3c/svg%3e") 50%/100% 100% no-repeat}.drawing-panel .current-colour-chip:after{background:var(--chip-colour);content:"";position:absolute;inset:2px;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cpath%20fill='white'%20d='M51%205C63%203%2071%2010%2080%2017C89%2024%2093%2034%2095%2045C97%2056%2092%2065%2086%2074C79%2085%2069%2092%2057%2095C45%2097%2035%2093%2025%2088C14%2082%208%2073%205%2061C3%2050%206%2039%2010%2029C16%2018%2028%2011%2040%207C44%206%2047%206%2051%205Z'/%3e%3c/svg%3e") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cpath%20fill='white'%20d='M51%205C63%203%2071%2010%2080%2017C89%2024%2093%2034%2095%2045C97%2056%2092%2065%2086%2074C79%2085%2069%2092%2057%2095C45%2097%2035%2093%2025%2088C14%2082%208%2073%205%2061C3%2050%206%2039%2010%2029C16%2018%2028%2011%2040%207C44%206%2047%206%2051%205Z'/%3e%3c/svg%3e") 50%/100% 100% no-repeat}.drawing-panel .draft-dot>span{border-radius:0;width:24px;height:24px;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cpath%20fill='white'%20d='M51%205C63%203%2071%2010%2080%2017C89%2024%2093%2034%2095%2045C97%2056%2092%2065%2086%2074C79%2085%2069%2092%2057%2095C45%2097%2035%2093%2025%2088C14%2082%208%2073%205%2061C3%2050%206%2039%2010%2029C16%2018%2028%2011%2040%207C44%206%2047%206%2051%205Z'/%3e%3c/svg%3e") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cpath%20fill='white'%20d='M51%205C63%203%2071%2010%2080%2017C89%2024%2093%2034%2095%2045C97%2056%2092%2065%2086%2074C79%2085%2069%2092%2057%2095C45%2097%2035%2093%2025%2088C14%2082%208%2073%205%2061C3%2050%206%2039%2010%2029C16%2018%2028%2011%2040%207C44%206%2047%206%2051%205Z'/%3e%3c/svg%3e") 50%/100% 100% no-repeat}.drawing-panel .draft-dot[aria-current=step]>span{outline:0}.drawing-panel .draft-dot[aria-current=step]:before{background:var(--draft-nav-ink,#fff);pointer-events:none;content:"";width:36px;height:36px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cpath%20fill='none'%20stroke='white'%20stroke-width='8'%20stroke-linejoin='round'%20d='M51%205C63%203%2071%2010%2080%2017C89%2024%2093%2034%2095%2045C97%2056%2092%2065%2086%2074C79%2085%2069%2092%2057%2095C45%2097%2035%2093%2025%2088C14%2082%208%2073%205%2061C3%2050%206%2039%2010%2029C16%2018%2028%2011%2040%207C44%206%2047%206%2051%205Z'/%3e%3c/svg%3e") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cpath%20fill='none'%20stroke='white'%20stroke-width='8'%20stroke-linejoin='round'%20d='M51%205C63%203%2071%2010%2080%2017C89%2024%2093%2034%2095%2045C97%2056%2092%2065%2086%2074C79%2085%2069%2092%2057%2095C45%2097%2035%2093%2025%2088C14%2082%208%2073%205%2061C3%2050%206%2039%2010%2029C16%2018%2028%2011%2040%207C44%206%2047%206%2051%205Z'/%3e%3c/svg%3e") 50%/100% 100% no-repeat}.drawing-panel:not(.card-review) :is(.section-heading h1,.editor-rail,.editor-panel-trigger,.tool-button,.drawing-zoom-controls button,.game-actions button){isolation:isolate;box-shadow:none;--editor-surface-colour:#fff;--editor-surface-shape:var(--editor-organic-row);background:0 0;border:0;border-radius:0;position:relative}.drawing-panel:not(.card-review) :is(.section-heading h1,.editor-rail,.editor-panel-trigger,.tool-button,.drawing-zoom-controls button,.game-actions button):before{z-index:-1;background:var(--editor-surface-colour);-webkit-mask:var(--editor-surface-shape) 0 0 / 100% 100% no-repeat;mask:var(--editor-surface-shape) 0 0 / 100% 100% no-repeat;pointer-events:none;content:"";position:absolute;inset:0}.drawing-panel:not(.card-review) .drawing-workspace .editor-rail{--editor-surface-colour:#fff;--editor-surface-shape:var(--editor-organic-panel);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:16px}.drawing-panel:not(.card-review) .editor-rail .editor-toolbar{grid-template-columns:4fr 2fr;gap:12px;padding:0;display:grid}.drawing-panel:not(.card-review) .editor-rail .editor-tool-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.drawing-panel:not(.card-review) .editor-rail .editor-tool-group:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.drawing-panel:not(.card-review) .editor-rail .editor-panel-trigger{--editor-surface-colour:transparent;justify-content:center;gap:6px;min-height:48px;padding:8px 4px}.drawing-panel:not(.card-review) .editor-rail .editor-panel-trigger[aria-expanded=true]{--editor-surface-colour:#fff;color:var(--ink)}.drawing-panel:not(.card-review) .editor-trace-block{grid-template-columns:minmax(0,1fr);justify-items:end;min-width:0;display:grid}.drawing-panel:not(.card-review) .editor-trace-block .editor-panel-trigger{--editor-surface-colour:#e5f0ff;min-width:144px;min-height:48px;padding-inline:14px}.drawing-panel:not(.card-review) .editor-trace-block .editor-inline-settings{isolation:isolate;width:100%;margin-top:8px;padding:16px;position:relative}.drawing-panel:not(.card-review) .editor-trace-block .editor-inline-settings:before{z-index:-1;-webkit-mask:var(--editor-panel-mask);mask:var(--editor-panel-mask);pointer-events:none;content:"";background:#fff;position:absolute;inset:0}.drawing-panel:not(.card-review) .editor-trace-block .reference-done{--editor-surface-colour:#101653;color:#fff}.drawing-panel:not(.card-review) .editor-trace-block .reference-upload{--editor-surface-colour:#e5f0ff}.drawing-panel:not(.card-review) .editor-trace-block .editor-panel-trigger[aria-expanded=true]{--editor-surface-colour:#d7e9ff}.drawing-panel:not(.card-review) .editor-rail .drawing-zoom-controls{grid-column:1/-1;padding:0}.drawing-panel:not(.card-review) .drawing-zoom-controls>div{isolation:isolate;grid-template-columns:48px minmax(72px,1fr) 48px;gap:0;width:min(100%,216px);margin:0 auto;position:relative}.drawing-panel:not(.card-review) .drawing-zoom-controls>div:before{z-index:-1;background:var(--ink);-webkit-mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;content:"";position:absolute;inset:0}.drawing-panel:not(.card-review) .editor-rail .drawing-zoom-controls button{--editor-surface-colour:transparent;color:#fff;min-height:48px}.drawing-panel:not(.card-review) .editor-rail .editor-inline-settings{padding-top:4px}.drawing-panel:not(.card-review) .editor-toolbar .editor-icon-button{--editor-surface-colour:transparent;--editor-surface-shape:var(--editor-organic-panel)}.drawing-panel:not(.card-review) .editor-toolbar .editor-icon-button:before{inset:2px}.drawing-panel:not(.card-review) :is(.editor-icon-button[aria-pressed=true],.size-presets .tool-button[aria-pressed=true]){--editor-surface-colour:#101653;color:#fff}.drawing-panel:not(.card-review) .editor-toolbar .editor-icon-button[aria-pressed=true]{--editor-surface-colour:#101653}.drawing-panel:not(.card-review) .size-presets .tool-button span{background:currentColor}.drawing-panel:not(.card-review) .game-actions .primary-button{--editor-surface-colour:#f97337;box-shadow:none;border:0;border-radius:0}.drawing-panel:not(.card-review) .section-heading h1{text-align:center;text-wrap:balance;place-items:center;min-height:64px;padding:16px 10px;font-size:clamp(1.6rem,7.4vw,1.95rem);font-weight:800;line-height:1.18;display:grid}.drawing-panel .drawing-prompt-copy{text-box:trim-both cap alphabetic;display:block}.drawing-panel:not(.card-review) .section-heading .drawing-prompt-subject{color:var(--orange-text)}.drawing-panel:not(.card-review) .drawing-prompt-prefix{color:var(--ink)}.drawing-panel:not(.card-review) :is(.editor-panel-trigger,.tool-button,.drawing-zoom-controls button,.game-actions button):focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=759px),(width<=999px) and (height<=599px){.drawing-panel:not(.card-review) .editor-rail .editor-icon-button{width:100%;min-width:44px;height:48px;min-height:48px;padding:8px}.drawing-panel:not(.card-review) .editor-rail .editor-toolbar svg{width:28px;height:28px}}@media (width<=359px){.drawing-panel:not(.card-review) .drawing-workspace .editor-rail{column-gap:4px;padding:14px 12px}.drawing-panel:not(.card-review) .editor-rail .editor-toolbar{gap:4px}.drawing-panel:not(.card-review) .editor-rail .editor-panel-trigger{gap:4px;font-size:.8125rem}}@container editor-tools (width<=267px){.drawing-panel:not(.card-review) .editor-rail .editor-toolbar{grid-template-columns:minmax(0,1fr)}.drawing-panel:not(.card-review) .editor-rail .editor-tool-group:last-child{justify-self:end;width:50%}.drawing-panel:not(.card-review) .drawing-zoom-controls>div{grid-template-columns:40px minmax(0,1fr) 40px}.drawing-panel:not(.card-review) .size-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}.mobile-card-picker-trigger{display:none}@media (width<=1179px),(width<=1399px) and (height<=519px),(width<=1399px) and (hover:none),(width<=1399px) and (pointer:coarse){:is(html:has(.drawing-panel[data-character-editor=false]:not(.card-review)),body:has(.drawing-panel[data-character-editor=false]:not(.card-review))){height:100%;overflow:hidden}.phone-shell:has(.drawing-panel[data-character-editor=false]:not(.card-review)){height:100dvh;min-height:0;padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));overflow:hidden}#phase-content:has(.drawing-panel[data-character-editor=false]:not(.card-review)){flex:1;width:100%;min-height:0;display:block}.panel.drawing-panel[data-character-editor=false]:not(.card-review){--draft-nav-ink:#fff;background:0 0;border:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px;height:100%;min-height:0;padding:0;display:grid}.drawing-panel[data-character-editor=false]:not(.card-review) .section-heading{min-width:0;min-height:0;margin:0}.drawing-panel[data-character-editor=false]:not(.card-review) .section-heading>div{text-align:center;grid-template-columns:minmax(0,1fr);gap:1px;min-height:0;display:grid}.drawing-panel[data-character-editor=false]:not(.card-review) .section-heading h1{clip-path:none;color:#fff;text-align:center;white-space:normal;text-wrap:balance;width:100%;max-width:none;height:auto;min-height:0;padding:3px 8px 1px;font-size:clamp(1.125rem,5vw,1.35rem);font-weight:900;line-height:1.12;display:block;position:relative;overflow:visible}.drawing-panel[data-character-editor=false]:not(.card-review) .section-heading h1:before{content:none}.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-prompt-copy{text-box:normal}.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-prompt-prefix,.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-prompt-subject{color:#fff}.drawing-panel[data-character-editor=false]:not(.card-review) .draft-navigation{flex:none;grid-template-columns:44px max-content 44px;justify-self:center;gap:0;width:auto;max-width:none;height:44px;margin:0;display:grid}.drawing-panel[data-character-editor=false]:not(.card-review) .draft-count,.drawing-panel[data-character-editor=false]:not(.card-review) .draft-dots{display:none}.drawing-panel[data-character-editor=false]:not(.card-review) .mobile-card-picker-trigger{color:#fff;background:0 0;border:0;border-radius:12px 10px 13px 11px;justify-content:center;align-items:center;gap:5px;min-width:66px;height:44px;min-height:44px;padding:0 6px;font-size:1.2rem;font-weight:900;display:flex}.drawing-panel[data-character-editor=false]:not(.card-review) .draft-navigation .editor-icon-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:9px}.drawing-panel[data-character-editor=false]:not(.card-review) .draft-navigation .editor-icon-button svg{width:25px;height:25px}.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;min-height:0;margin:0;padding:0 0 124px;display:grid;container-type:size}.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-main{justify-self:center;width:min(100%,71.4286cqh);min-width:0;max-width:none}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls{z-index:20;right:8px;bottom:max(8px, env(safe-area-inset-bottom));isolation:isolate;grid-template-rows:48px 56px;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:min(100% - 16px,440px);min-height:120px;margin:auto;padding:7px 9px 9px;display:grid;position:fixed;left:8px}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls:before{z-index:-1;-webkit-mask:var(--editor-panel-mask);mask:var(--editor-panel-mask);content:"";background:#fff;position:absolute;inset:0}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail,.drawing-panel[data-character-editor=false]:not(.card-review) .editor-trace-block{display:contents}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail:before{content:none}.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-quick-tools{border:0;grid-area:1/1/auto/-1;min-width:0;margin:0;padding:0}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-toolbar{grid-template-columns:minmax(0,4fr) minmax(0,2fr);align-items:center;gap:0;height:48px;padding:0;display:grid}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-tool-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;min-width:0;height:48px;display:grid}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-tool-group:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-icon-button{width:100%;min-width:0;height:48px;min-height:48px;padding:7px}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-toolbar svg{width:27px;height:27px}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-tool-panel{min-width:0}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool=brush] .editor-colours>.editor-panel-trigger{grid-area:2/1/auto/3}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool=brush] .stroke-options>.editor-panel-trigger{grid-area:2/3/auto/5}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool=fill] .editor-colours>.editor-panel-trigger,.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool=eraser] .stroke-options>.editor-panel-trigger{grid-area:2/1/auto/4}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-trace>.editor-panel-trigger{grid-area:2/4/auto/-1}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool=brush] .editor-trace>.editor-panel-trigger{grid-column:5/-1}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tracing=true] .editor-trace>.editor-panel-trigger{grid-column:1/-1}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-panel-trigger,.drawing-panel[data-character-editor=false]:not(.card-review) .editor-trace-block .editor-panel-trigger{flex-direction:column;justify-content:center;gap:1px;width:100%;min-width:0;min-height:56px;padding:3px;font-size:.78rem}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-trace-block .editor-panel-trigger{--editor-surface-colour:#e5f0ff}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-panel-trigger svg{width:19px;height:19px}.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-zoom-controls{grid-area:2/1/auto/4;padding:0}.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-zoom-controls>div{width:100%}.drawing-panel[data-character-editor=false]:not(.card-review) .game-actions{display:none}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-message{z-index:21;right:12px;bottom:calc(124px + env(safe-area-inset-bottom));width:fit-content;max-width:calc(100% - 24px);margin:auto;position:fixed;left:12px}}@media (width<=999px) and (height<=500px) and (orientation:landscape){.panel.drawing-panel[data-character-editor=false]:not(.card-review){position:relative}.phone-shell:has(.drawing-panel[data-character-editor=false]:not(.card-review)) :is(.pause-notice,.connection-banner,.command-notice){margin-bottom:8px;padding:6px 12px}.phone-shell:has(.drawing-panel[data-character-editor=false]:not(.card-review)) :is(.pause-notice,.connection-banner)>div{flex-wrap:wrap;align-items:baseline;column-gap:.6rem;display:flex}.phone-shell:has(.drawing-panel[data-character-editor=false]:not(.card-review)) .pause-notice h2{font-size:1.1rem}.phone-shell:has(.drawing-panel[data-character-editor=false]:not(.card-review)) .pause-icon{width:1.8rem;height:1.8rem}.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-workspace{padding:0 198px 0 0}.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-main{width:min(100%,71.4286cqh)}.drawing-panel[data-character-editor=false]:not(.card-review) .section-heading>div{align-items:center;display:flex}.drawing-panel[data-character-editor=false]:not(.card-review) .section-heading h1{flex:auto;min-width:0}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls{grid-template-rows:96px 56px 56px;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;width:190px;height:256px;min-height:0;margin:0;position:absolute;inset:48px 0 auto auto}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-toolbar{grid-template-columns:2fr 1fr;height:96px}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-tool-group{grid-template-rows:repeat(2,48px);grid-template-columns:repeat(2,minmax(0,1fr));height:96px}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-tool-group:last-child{grid-template-columns:minmax(0,1fr)}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool] .editor-trace>.editor-panel-trigger{grid-area:3/1}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls .frame-options>.editor-panel-trigger{grid-area:3/2}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tracing=true] .editor-trace>.editor-panel-trigger{grid-column:1/-1}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tracing=true] .frame-options>.editor-panel-trigger{display:none}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool=brush] .stroke-options>.editor-panel-trigger{grid-area:2/2}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool=brush] .editor-colours>.editor-panel-trigger{grid-area:2/1}.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool=fill] .editor-colours>.editor-panel-trigger,.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool=eraser] .stroke-options>.editor-panel-trigger{grid-column:1/-1}.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-zoom-controls{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:none}}.panel.drawing-panel.card-review{--review-ink:#101653;width:min(100%,64rem);box-shadow:none;color:#fff;background:0 0;border:0;border-radius:0;justify-items:center;gap:clamp(1rem,3vh,1.6rem);margin-inline:auto;padding:clamp(.5rem,2vh,1.5rem) 0;display:grid}.drawing-panel.card-review h1{isolation:isolate;color:var(--review-ink);filter:drop-shadow(4.5px 4.5px #00000040);margin:0;padding:.5em 1.1em .45em;font-size:clamp(1.7rem,6vw,2.4rem);font-weight:900;line-height:1.1;position:relative}.drawing-panel.card-review h1:before,.drawing-panel.card-review .game-actions button:before{z-index:-1;background:var(--review-surface,#fff);-webkit-mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;pointer-events:none;content:"";position:absolute;inset:0}.drawing-panel.card-review h1:focus{outline:none}.drawing-panel.card-review .draft-review-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),10rem));justify-content:center;gap:clamp(1rem,2.4vw,1.6rem);width:100%;margin:0}@media (width<=559px){.drawing-panel.card-review .draft-review-grid{grid-template-columns:repeat(3,minmax(0,7.5rem));gap:.9rem .7rem}}.drawing-panel.card-review .draft-review-item{color:#fff;cursor:pointer;justify-items:center;gap:.5rem;font-size:1.2rem;font-weight:900;display:grid}.drawing-panel.card-review .draft-review-item img{filter:drop-shadow(4.5px 4.5px #00000040);transition:transform .12s ease-out}.drawing-panel.card-review .draft-review-item:hover:not(:disabled) img{transform:rotate(-2deg)scale(1.03)}.drawing-panel.card-review .draft-review-item:focus-visible{outline-offset:4px;border-radius:.8rem;outline:3px solid #fff}.drawing-panel.card-review .draft-review-item[data-ready=false] span{color:var(--review-ink);background:#ffd976;border-radius:.8rem .65rem .75rem .6rem;padding:.2em .7em .1em;font-size:1rem;line-height:1.2}.drawing-panel.card-review .review-instruction{color:#fff;text-align:center;text-wrap:balance;margin:0;font-size:1.2rem;font-weight:800}.drawing-panel.card-review .game-actions{flex-wrap:wrap;justify-content:center;gap:1rem 1.2rem;width:min(100%,34rem);margin:0;display:flex}.drawing-panel.card-review .game-actions button{isolation:isolate;min-height:3.6rem;box-shadow:none;filter:drop-shadow(4.5px 4.5px #00000040);cursor:pointer;background:0 0;border:0;border-radius:0;flex:10rem;justify-content:center;align-items:center;gap:.4em;margin:0;padding:.5em 1.2em .4em;font-size:1.3rem;font-weight:900;line-height:1.05;display:inline-flex;position:relative}.drawing-panel.card-review .game-actions .secondary-button{color:var(--review-ink);flex-grow:.6}.drawing-panel.card-review .game-actions .secondary-button svg{stroke-width:3px;flex:none;width:1.1em;height:1.1em}.drawing-panel.card-review .game-actions .secondary-button>span{padding-top:.05em}.drawing-panel.card-review .game-actions .primary-button{--review-surface:#f97337;color:#fff;letter-spacing:.03em;text-transform:uppercase}.drawing-panel.card-review .game-actions .primary-button:hover:not(:disabled){--review-surface:#ff905f}.drawing-panel.card-review .game-actions button:disabled{filter:none;cursor:default}.drawing-panel.card-review .game-actions .primary-button:disabled{--review-surface:#8fb8f2;color:#f2f7ff}.drawing-panel.card-review .game-actions .secondary-button:disabled{opacity:.6}.drawing-panel.card-review .game-actions button:focus-visible{outline-offset:4px;border-radius:1rem;outline:3px solid #fff}.drawing-panel.card-review>[role=status]{color:#fff;margin:0;font-size:1.2rem;font-weight:800}@media (width>=1180px) and (height>=520px) and (hover:hover) and (pointer:fine),(width>=1400px) and (height>=520px){.phone-shell:has(.drawing-panel:not(.card-review)){height:100dvh;min-height:0;padding:var(--desk-pad-y) var(--desk-pad-x);--desk-pad-y:clamp(16px, 2.8vh, 36px);--desk-pad-x:clamp(20px, 2.4vw, 48px)}:is(#phase-content:has(.drawing-panel:not(.card-review)),#phase-content :has(.drawing-panel:not(.card-review))){flex-direction:column;flex:auto;width:100%;max-width:none;min-height:0;display:flex}.panel.drawing-panel:not(.card-review){--desk-ink:#101653;--desk-lift:drop-shadow(5px 5px 0 #00000040);--desk-side:min(clamp(17rem, 19vw, 20rem), 22vw);--desk-tools:min(clamp(24rem, 30vw, 28rem), 32vw);--desk-bar:clamp(60px, 4.6vw, 76px);--desk-gap:clamp(20px, 2.2vw, 48px);--desk-bar-gap:clamp(12px, 1vw, 20px);--desk-row-gap:clamp(10px, 1.8vh, 20px);--desk-steps:clamp(52px, 7vh, 66px);--editor-card-aspect:5 / 7;--desk-card-max:calc((100dvh - 2 * var(--desk-pad-y) - 6.5rem - var(--desk-steps)) * var(--editor-card-aspect));grid-template-columns:[side] var(--desk-side) var(--desk-gap) [stage] minmax(0, var(--desk-card-max)) var(--desk-bar-gap) [bar] var(--desk-bar) var(--desk-bar-gap) [tools] var(--desk-tools);justify-content:center;row-gap:var(--desk-row-gap);width:100%;max-width:none;height:auto;min-height:0;color:var(--desk-ink);background:0 0;border:0;border-radius:0;flex:auto;grid-template-rows:[top]auto[card-top]minmax(0,1fr)[nav]auto[end];column-gap:0;margin:0;padding:0;display:grid}.panel.drawing-panel:not(.card-review) :is(.section-heading,.section-heading>div,.drawing-workspace,.editor-controls,.editor-tool-panel){display:contents}.panel.drawing-panel:not(.card-review) .editor-controls:before{content:none}.panel.drawing-panel[data-character-editor=false]:not(.card-review){--desk-card-guess:calc((100dvh - 2 * var(--desk-pad-y) - 6.5rem - var(--desk-steps)) * var(--editor-card-aspect));--desk-stage-room:calc(100vw - 2 * var(--desk-pad-x) - var(--desk-side) - var(--desk-gap) - 2 * var(--desk-bar-gap) - var(--desk-bar) - var(--desk-tools));--desk-prompt-size:min(clamp(1.4rem, 1rem + 1.35vh, 2.2rem), calc(min(var(--desk-card-guess), var(--desk-stage-room)) * .056));--desk-prompt-room:calc(var(--desk-prompt-size) * 3.05);--desk-card-max:calc(( 100dvh - 2 * var(--desk-pad-y) - var(--desk-prompt-room) - 2 * var(--desk-row-gap) - var(--desk-steps) - 6px ) * var(--editor-card-aspect) + 6px);grid-template-rows:[top] minmax(var(--desk-prompt-room), auto) [card-top] minmax(0, 1fr) [nav] auto [end]}.panel.drawing-panel:not(.card-review) .section-heading h1{width:fit-content;max-width:calc(100% - 6px);min-height:0;filter:var(--desk-lift);font-size:var(--desk-prompt-size,clamp(1.4rem, 1rem + 1.35vh, 2.2rem));text-align:center;text-wrap:balance;--editor-surface-shape:var(--editor-organic-row);grid-area:top/stage;place-self:end center;margin:0;padding:.55em 1.05em .6em;font-weight:900;line-height:1.15}.panel.drawing-panel:not(.card-review) .drawing-prompt-prefix{color:var(--desk-ink)}.panel.drawing-panel:not(.card-review) .section-heading .drawing-prompt-subject{color:var(--orange-text)}.panel.drawing-panel:not(.card-review) .drawing-main{grid-template:minmax(0,1fr)/minmax(0,1fr);grid-area:card-top/stage/nav;place-items:start center;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;display:grid;container-type:size}.panel.drawing-panel:not(.card-review) .drawing-main:before,.panel.drawing-panel:not(.card-review) .editor-card{width:min(calc(100% - 6px), calc((100cqh - 6px) * var(--editor-card-aspect)));max-height:calc(100% - 6px);aspect-ratio:var(--editor-card-aspect);grid-area:1/1}.panel.drawing-panel:not(.card-review) .drawing-main:before{content:"";border-radius:9%/6.42857%;box-shadow:5px 5px #00000040}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .drawing-main:before{content:none}.panel.drawing-panel:not(.card-review) .drawing-surface{max-width:none}.panel.drawing-panel:not(.card-review) .drawing-surface:not([data-hand=true]) .drawing-canvas{cursor:crosshair}.panel.drawing-panel:not(.card-review) .card-steps{grid-area:nav/stage;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;gap:clamp(12px,1.4vw,24px);width:calc(100% - 6px);min-width:0;max-width:calc(100cqw - 6px);display:grid}.panel.drawing-panel:not(.card-review) .card-steps button{isolation:isolate;min-width:0;min-height:var(--desk-steps);color:var(--desk-ink);filter:var(--desk-lift);font:inherit;white-space:nowrap;cursor:pointer;--step-surface:#fff;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:.4em;padding:.4em .8em;font-size:clamp(1.05rem,.75rem + .9vh,1.5rem);font-weight:900;line-height:1.05;display:flex;position:relative}.panel.drawing-panel:not(.card-review) .card-steps button svg{stroke-width:3px;flex:none;width:1.1em;height:1.1em}.panel.drawing-panel:not(.card-review) .card-steps button>span{padding-top:.1em}.panel.drawing-panel:not(.card-review) .card-steps button:before{z-index:-1;background:var(--step-surface);-webkit-mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;pointer-events:none;content:"";position:absolute;inset:0}.panel.drawing-panel:not(.card-review) .card-steps .card-step-back:hover:not(:disabled){--step-surface:#e5f0ff}.panel.drawing-panel:not(.card-review) .card-steps .card-step-next{color:#fff;--step-surface:var(--coral,#f97337)}.panel.drawing-panel:not(.card-review) .card-steps .card-step-next:after{z-index:-2;-webkit-mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;pointer-events:none;content:"";background:#fff;position:absolute;inset:-4px}.panel.drawing-panel:not(.card-review) .card-steps .card-step-next:hover:not(:disabled){--step-surface:#ff905f}.panel.drawing-panel:not(.card-review) .card-steps button:disabled{filter:none;opacity:.55;cursor:default}.panel.drawing-panel:not(.card-review) .card-steps .card-step-next:disabled:after{content:none}.panel.drawing-panel:not([data-character-editor=true],.card-review) .game-actions{display:none}.panel.drawing-panel:not(.card-review) .draft-navigation{--draft-nav-ink:#fff;--draft-dot-empty:#ffffff61;--draft-dot-filled:#fff;--draft-dot-check:#1557d6;grid-area:top/side;grid-template-columns:minmax(0,1fr);align-self:end;align-items:center;gap:2px 0;width:100%;max-width:none;height:auto;margin:0;display:grid}.panel.drawing-panel:not(.card-review) .draft-navigation>.editor-icon-button{display:none}.panel.drawing-panel:not(.card-review) .draft-count{color:#fff;text-align:center;min-width:0;font-size:clamp(1.25rem,1rem + .6vh,1.55rem);font-weight:900;line-height:1}.panel.drawing-panel:not(.card-review) .draft-dots{grid-column:1/-1;grid-template-columns:repeat(8,minmax(0,1fr));gap:0}.panel.drawing-panel:not(.card-review) .draft-dot{cursor:pointer;min-height:36px}.panel.drawing-panel:not(.card-review) .draft-dot>span{width:20px;height:20px}.panel.drawing-panel:not(.card-review) .draft-dot[aria-current=step]:before{width:32px;height:32px}.panel.drawing-panel:not(.card-review) .desk-card-options{scrollbar-width:thin;flex-direction:column;grid-area:card-top/side/end;align-self:start;gap:clamp(14px,2.2vh,24px);min-width:0;min-height:0;max-height:100%;padding:0 6px 6px 0;display:flex;overflow-y:auto}.panel.drawing-panel:not(.card-review) .desk-card-options>:is(.frame-options,.desk-trace){flex:none}.panel.drawing-panel:not(.card-review) .frame-options>.editor-inline-settings,.panel.drawing-panel:not(.card-review) .desk-trace{isolation:isolate;filter:var(--desk-lift);order:0;gap:12px;margin:0;padding:clamp(14px,2vh,18px) 18px clamp(16px,2.2vh,20px);display:grid;position:relative}.panel.drawing-panel:not(.card-review) .frame-options>.editor-inline-settings:before,.panel.drawing-panel:not(.card-review) .desk-trace:before{z-index:-1;-webkit-mask:var(--editor-panel-mask);mask:var(--editor-panel-mask);pointer-events:none;content:"";background:#fff;position:absolute;inset:0}.panel.drawing-panel:not(.card-review) .frame-options .current-frame-chip{width:19px;height:26px}.panel.drawing-panel:not(.card-review) .frame-colour-swatches{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px 6px;padding:4px}.panel.drawing-panel:not(.card-review) .frame-colour-swatches .frame-swatch{width:min(100%,30px)}.panel.drawing-panel:not(.card-review) .desk-trace .editor-section-heading svg{width:24px;height:24px}.panel.drawing-panel:not(.card-review) .desk-trace-controls{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.panel.drawing-panel:not(.card-review) :is(.desk-trace-upload,.desk-trace-link button,.desk-trace-link input){isolation:isolate;min-width:0;min-height:46px;color:var(--desk-ink);font:inherit;--trace-surface:#e5f0ff;background:0 0;border:0;border-radius:0;font-size:.95rem;font-weight:900;position:relative}.panel.drawing-panel:not(.card-review) :is(.desk-trace-upload,.desk-trace-link button){cursor:pointer;padding:8px 14px}.panel.drawing-panel:not(.card-review) :is(.desk-trace-upload,.desk-trace-link button):before{z-index:-1;background:var(--trace-surface);-webkit-mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;pointer-events:none;content:"";position:absolute;inset:0}.panel.drawing-panel:not(.card-review) :is(.desk-trace-upload,.desk-trace-link button):hover:not(:disabled){--trace-surface:#d0e3ff}.panel.drawing-panel:not(.card-review) .desk-trace-link{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0;display:grid}.panel.drawing-panel:not(.card-review) .desk-trace-link input{background:#eef2f8;border-radius:14px 12px 15px 11px;padding:8px 12px;font-weight:700}.panel.drawing-panel:not(.card-review) .desk-trace-link input:focus-visible{outline-offset:2px;outline:3px solid #1557d6}.panel.drawing-panel:not(.card-review) .desk-trace-link button{color:#fff;--trace-surface:var(--desk-ink)}.panel.drawing-panel:not(.card-review) .desk-trace-link button:hover:not(:disabled){--trace-surface:#26307a}.panel.drawing-panel:not(.card-review) .desk-trace-link button:disabled{opacity:.45;cursor:default}.panel.drawing-panel:not(.card-review) .desk-trace .tool-label{white-space:nowrap;grid-template-columns:4.4rem minmax(0,1fr) 2.9rem;gap:8px;font-size:.9rem;font-weight:800}.panel.drawing-panel:not(.card-review) .desk-trace .tool-label input[type=range]{min-height:32px}.panel.drawing-panel:not(.card-review) .desk-trace-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.panel.drawing-panel:not(.card-review) .desk-trace-actions .tool-button{cursor:pointer;--editor-surface-colour:#e5f0ff;--editor-surface-shape:var(--editor-organic-panel);justify-items:center;gap:2px;min-width:0;min-height:54px;padding:6px 2px;font-size:.8rem;font-weight:900;display:grid}.panel.drawing-panel:not(.card-review) .desk-trace-actions .tool-button svg{width:22px;height:22px}.panel.drawing-panel:not(.card-review) .desk-trace-actions .tool-button:hover:not(:disabled,[aria-pressed=true]){--editor-surface-colour:#d0e3ff}.panel.drawing-panel:not(.card-review) .desk-trace-actions .tool-button[aria-pressed=true]{--editor-surface-colour:var(--desk-ink);color:#fff}.panel.drawing-panel:not(.card-review) .desk-trace-actions .desk-trace-remove{color:#9b1c36;--editor-surface-colour:#ffe4e4}.panel.drawing-panel:not(.card-review) .desk-trace-actions .desk-trace-remove:hover:not(:disabled){--editor-surface-colour:#ffd2d2}.panel.drawing-panel:not(.card-review) .desk-trace .reference-feedback{background:#fff2c2;border-radius:14px 12px 15px 11px;margin:0;padding:8px 12px;font-size:.9rem;font-weight:700;line-height:1.3}.panel.drawing-panel:not(.card-review) .desk-size-bar{isolation:isolate;min-height:0;max-height:min(100%,34rem);filter:var(--desk-lift);--editor-panel-corner:22px;flex-direction:column;grid-area:card-top/bar/nav;align-self:stretch;align-items:center;gap:10px;padding:14px 0;display:flex;position:relative}.panel.drawing-panel:not(.card-review) .desk-size-bar:before{z-index:-1;-webkit-mask:var(--editor-panel-mask);mask:var(--editor-panel-mask);pointer-events:none;content:"";background:#fff;position:absolute;inset:0}.panel.drawing-panel:not(.card-review) .desk-size-preview{flex:none;place-items:center;width:48px;height:48px;display:grid}.panel.drawing-panel:not(.card-review) .desk-size-preview>span{border-radius:50%}.panel.drawing-panel:not(.card-review) .desk-size-preview>span[data-eraser=true]{box-shadow:inset 0 0 0 2px #8e9ab0}.panel.drawing-panel:not(.card-review) .desk-size-track{cursor:ns-resize;touch-action:none;border-radius:14px;flex:auto;width:40px;min-height:96px;position:relative}.panel.drawing-panel:not(.card-review) .desk-size-track:focus-visible{outline-offset:3px;outline:3px solid #1557d6}.panel.drawing-panel:not(.card-review) .desk-size-wedge{background:linear-gradient(to top, #1557d6 calc(13px + var(--size-share) * (100% - 26px)), #cdd8ee 0);clip-path:polygon(42% 100%,58% 100%,100% 0,0 0);position:absolute;inset:0 6px}.panel.drawing-panel:not(.card-review) .desk-size-notch{bottom:calc(13px + var(--notch-share) * (100% - 26px) - 2.5px);pointer-events:none;background:#fff;height:5px;position:absolute;left:0;right:0}.panel.drawing-panel:not(.card-review) .desk-size-thumb{bottom:calc(var(--size-share) * (100% - 26px));background:#1557d6;border-radius:50%;width:26px;height:26px;position:absolute;left:50%;translate:-50%;box-shadow:0 0 0 3px #fff}.panel.drawing-panel:not(.card-review) .desk-size-bar .desk-size-value{box-sizing:border-box;width:3.6em;min-height:1.9em;color:inherit;font:inherit;text-align:center;cursor:text;background:0 0;border:0;border-radius:9px 7px 10px 6px;flex:none;margin:0;padding:.2em .1em;font-size:.85rem;font-weight:900;line-height:1}.panel.drawing-panel:not(.card-review) .desk-size-bar button.desk-size-value:hover:not(:disabled){background:#e8f1fe}.panel.drawing-panel:not(.card-review) .desk-size-bar button.desk-size-value:disabled{cursor:default}.panel.drawing-panel:not(.card-review) .desk-size-bar input.desk-size-value{outline-offset:0;background:#e8f1fe;outline:3px solid #147bfa}.panel.drawing-panel:not(.card-review) .desk-size-bar .desk-size-value:focus-visible{outline-offset:0;outline:3px solid #147bfa}.panel.drawing-panel:not(.card-review) .drawing-workspace .editor-rail{min-width:0;max-height:100%;filter:var(--desk-lift);flex-direction:column;grid-area:card-top/tools/end;align-self:start;gap:clamp(12px,2vh,20px);margin:0;padding:clamp(18px,2.6vh,24px) 22px clamp(20px,2.8vh,26px);display:flex;overflow:visible;container:desk-tools/inline-size}.panel.drawing-panel:not(.card-review) .drawing-quick-tools{border:0;min-width:0;margin:0;padding:0}.panel.drawing-panel:not(.card-review) .editor-rail .editor-toolbar{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;height:auto;padding:0;display:grid}.panel.drawing-panel:not(.card-review) .editor-rail .editor-tool-group{display:contents}.panel.drawing-panel:not(.card-review) .editor-rail .editor-toolbar .editor-icon-button{color:#34445f;cursor:pointer;--editor-surface-colour:#eef4ff;flex-direction:column;grid-column:span 3;justify-content:center;align-items:center;gap:4px;width:auto;min-width:0;height:clamp(64px,9.5vh,88px);min-height:0;padding:4px 8px;display:flex}.panel.drawing-panel:not(.card-review) .editor-rail .editor-tool-group:last-child .editor-icon-button{grid-column:span 4}.panel.drawing-panel:not(.card-review) .editor-rail .editor-toolbar svg{width:clamp(28px,4.4vh,40px);height:clamp(28px,4.4vh,40px)}.panel.drawing-panel:not(.card-review) .editor-toolbar .tool-caption{text-align:center;text-wrap:balance;overflow-wrap:normal;font-size:clamp(.8rem,.62rem + .4vh,.95rem);font-weight:800;line-height:1.05;display:block}.panel.drawing-panel:not(.card-review) .editor-toolbar .editor-icon-button:hover:not(:disabled,[aria-pressed=true]){--editor-surface-colour:#d7e7ff}.panel.drawing-panel:not(.card-review) .editor-toolbar .editor-icon-button[aria-pressed=true]{--editor-surface-colour:var(--desk-ink);color:#fff}.panel.drawing-panel:not(.card-review) .editor-controls[data-tracing=true] .editor-toolbar .editor-icon-button[aria-pressed=true]{--editor-surface-colour:#eef4ff;color:#34445f}.panel.drawing-panel:not(.card-review) .editor-toolbar .editor-icon-button:disabled{color:#9aa6ba;cursor:default;--editor-surface-colour:#f3f6fb}.panel.drawing-panel:not(.card-review) .editor-tool-settings{scrollbar-width:thin;flex-direction:column;flex:0 auto;gap:clamp(12px,2vh,18px);min-width:0;min-height:0;margin:-12px;padding:12px;display:flex;overflow-y:auto}.panel.drawing-panel:not(.card-review) .editor-tool-settings .editor-inline-settings{gap:10px;min-width:0;margin:0;padding:0;display:grid}.panel.drawing-panel:not(.card-review) :is(.editor-section-heading,.colour-section-heading){color:var(--desk-ink);letter-spacing:0;align-items:center;gap:8px;margin:0;font-size:clamp(1rem,.78rem + .5vh,1.25rem);font-weight:900;line-height:1.15;display:flex}.panel.drawing-panel:not(.card-review) .editor-tool-settings .drawing-tools{gap:12px;padding:0;display:grid}.panel.drawing-panel:not(.card-review) .editor-rail .drawing-zoom-controls{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0;display:grid}.panel.drawing-panel:not(.card-review) .editor-rail .drawing-zoom-controls>div{grid-template-columns:48px minmax(0,1fr) 48px;width:min(100%,15rem);margin:0 0 0 auto}.panel.drawing-panel:not(.card-review) .editor-rail .drawing-zoom-controls button{cursor:pointer;min-height:44px;font-size:1.1rem}.panel.drawing-panel:not(.card-review) .editor-rail .drawing-zoom-controls button:disabled{cursor:default}.panel.drawing-panel:not(.card-review) .editor-colours .editor-palette.editor-palette--mobile{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:auto;gap:clamp(6px,1vh,10px) 8px;padding:4px}.panel.drawing-panel:not(.card-review) .editor-palette--mobile .colour-swatch{aspect-ratio:1;cursor:pointer;width:min(100%,46px);min-width:0;height:auto;min-height:0}.panel.drawing-panel:not(.card-review) .editor-palette--mobile .colour-sample-swatch{white-space:nowrap;cursor:pointer;border-radius:14px 12px 15px 11px;grid-column:span 2;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;min-height:40px;padding:4px 6px;font-size:.85rem;display:flex}.panel.drawing-panel:not(.card-review) .editor-palette--mobile .colour-sample-swatch:hover{background:#d6e7ff}.panel.drawing-panel:not(.card-review) :is(.editor-palette--mobile,.recent-colour-swatches) .colour-swatch:not(.colour-custom-swatch){border-color:#0000}.panel.drawing-panel:not(.card-review) :is(.editor-palette--mobile,.recent-colour-swatches) .colour-swatch[data-light]{border:3px solid #a3adc2}.panel.drawing-panel:not(.card-review) .recent-colours{gap:8px;margin:0;display:grid}.panel.drawing-panel:not(.card-review) .recent-colour-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:4px}.panel.drawing-panel:not(.card-review) .recent-colour-swatches .colour-swatch{aspect-ratio:1;cursor:pointer;width:min(100%,32px);min-width:0;height:auto;min-height:0}.panel.drawing-panel:not(.card-review) .custom-colour-panel{gap:10px;display:grid}.panel.drawing-panel:not(.card-review) .custom-colour-panel .colour-shade-box{height:clamp(96px,16vh,170px);margin:0}.panel.drawing-panel:not(.card-review) .custom-colour-panel input.colour-hue{width:100%;margin:0;display:block}.panel.drawing-panel:not(.card-review) .custom-colour-footer{margin-top:2px}.panel.drawing-panel:not(.card-review) .editor-tool-settings .tool-label{white-space:nowrap;grid-template-columns:max-content minmax(0,1fr) 3.2rem;gap:8px;font-size:.9rem;font-weight:800}.panel.drawing-panel:not(.card-review) .editor-tool-settings .tool-label input[type=range]{min-height:36px}.panel.drawing-panel:not(.card-review) .editor-tool-settings .sampling-instruction{background:#fff2c2;border-radius:16px 13px 17px 12px;justify-content:space-between;gap:10px;margin:0;padding:10px 10px 10px 14px;font-size:.95rem;line-height:1.25}.panel.drawing-panel:not(.card-review) .editor-tool-settings .sampling-instruction button{--editor-surface-colour:#fff;cursor:pointer;flex:none;min-height:40px;padding:6px 14px}.panel.drawing-panel:not(.card-review) .editor-message{border-radius:16px 13px 17px 12px;grid-area:nav/tools;place-self:end start;width:auto;max-width:none;margin:0;padding:10px 14px;font-size:.9rem;line-height:1.3;position:static}.panel.drawing-panel:not(.card-review) .game-actions{grid-area:nav/tools;align-self:end;width:100%;max-width:none;margin:0}.panel.drawing-panel:not(.card-review) .game-actions .primary-button{letter-spacing:.03em;width:100%;max-width:none;min-height:clamp(54px,7.5vh,64px);filter:var(--desk-lift);cursor:pointer;flex:auto;margin:0;padding:.55em 1rem;font-size:1.5rem;line-height:1.05}.panel.drawing-panel:not(.card-review) .game-actions .primary-button:after{z-index:-2;-webkit-mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;pointer-events:none;content:"";background:#fff;position:absolute;inset:-4px}.panel.drawing-panel:not(.card-review) .game-actions .primary-button:hover:not(:disabled){--editor-surface-colour:#ff905f}.panel.drawing-panel:not(.card-review) .game-actions .primary-button:disabled{filter:none;opacity:.65}.panel.drawing-panel:not(.card-review) .game-actions .primary-button:disabled:after{content:none}.panel.drawing-panel[data-character-editor=true]:not(.card-review){--editor-card-aspect:1;--desk-card-max:calc((100dvh - 2 * var(--desk-pad-y) - 6.5rem) * var(--editor-card-aspect));grid-template-columns:[stage] minmax(0, var(--desk-card-max)) var(--desk-bar-gap) [bar] var(--desk-bar) var(--desk-bar-gap) [tools] var(--desk-tools);grid-template-rows:[top]auto[card-top]auto[mid]minmax(0,1fr)[nav]auto[bottom]auto[end]}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .section-heading h1{grid-column:stage;justify-self:center}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .drawing-main{grid-row:card-top/end}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .desk-size-bar{grid-row:card-top/end;align-self:start;height:min(100%,30rem)}.character-drawing-step .panel.drawing-panel[data-character-editor=true]:not(.card-review) .drawing-workspace .editor-rail{grid-row:card-top/bottom}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .section-heading>div>:not(h1){grid-area:nav/tools;align-self:end}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .game-actions{grid-row:bottom}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-message{grid-row:mid}.panel.drawing-panel[data-character-editor=true]:not(.card-review):has(.desk-card-options){grid-template-columns:[side] var(--desk-side) var(--desk-gap) [stage] minmax(0, var(--desk-card-max)) var(--desk-bar-gap) [bar] var(--desk-bar) var(--desk-bar-gap) [tools] var(--desk-tools)}}@media (width>=1180px) and (height>=520px) and (height<=699px) and (hover:hover) and (pointer:fine),(width>=1400px) and (height>=520px) and (height<=699px){.panel.drawing-panel:not(.card-review) .drawing-workspace .editor-rail{grid-row:top/end}.panel.drawing-panel:not(.card-review) .editor-palette--mobile .colour-swatch{width:min(100%,38px)}.panel.drawing-panel:not(.card-review) .editor-palette--mobile .colour-sample-swatch{min-height:34px}.panel.drawing-panel:not(.card-review) .editor-rail .editor-toolbar .editor-icon-button{height:60px}}.mobile-card-progress{display:none}@media (width<=1179px),(width<=1399px) and (height<=519px),(width<=1399px) and (hover:none),(width<=1399px) and (pointer:coarse){body:has(.drawing-panel[data-character-editor=false]) .phone-backdrop{background:#147bfa}body:has(.drawing-panel[data-character-editor=false]) .phone-backdrop:before{content:none}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-toolbar .tool-caption,.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-trace>.editor-panel-trigger>span{display:none}}@media (width<=999px) and (orientation:landscape){.drawing-panel[data-character-editor=false] .editor-controls:is([data-tool=eraser],[data-tool=hand],[data-tracing=true]) .editor-colours,.drawing-panel[data-character-editor=false] .editor-controls:is([data-tool=fill],[data-tool=hand],[data-tracing=true]) .stroke-options{display:none}}@media (width<=1179px) and (height>=501px),(width<=1399px) and (height>=501px) and (height<=519px),(width<=1399px) and (height>=501px) and (hover:none),(width<=1399px) and (height>=501px) and (pointer:coarse),(width<=759px) and (orientation:portrait){.panel.drawing-panel[data-character-editor=false]:not(.card-review){--draft-nav-ink:#fff;--mobile-toolbar-height:58px;isolation:isolate;grid-template-columns:repeat(42,minmax(0,1fr));grid-template-rows:auto minmax(0, 1fr) 60px var(--mobile-toolbar-height);gap:10px 0;padding:0;display:grid;position:relative;overflow:visible}.panel.drawing-panel[data-character-editor=false]:not(.card-review):after{z-index:-1;-webkit-mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;pointer-events:none;content:"";background:#fff;grid-area:4/1/auto/-1;position:relative}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .section-heading,.panel.drawing-panel[data-character-editor=false]:not(.card-review) .section-heading>div,.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-workspace,.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls,.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail,.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-trace-block,.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-tool-panel{display:contents;position:static;container-type:normal}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls:before{content:none}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .section-heading h1{width:fit-content;min-width:0;max-width:100%;min-height:0;color:var(--ink);translate:0 var(--card-stage-drop,0px);background:0 0;grid-area:1/1/auto/-1;justify-self:center;place-items:center;margin:0;padding:6px 10px;font-size:clamp(1.0625rem,4.8vw,1.25rem);font-weight:800;line-height:1.16;display:grid}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .section-heading h1[data-fit-two-lines=true]{font-size:clamp(1.0625rem,4.8vw,1.25rem)}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .section-heading h1:before{content:""}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-prompt-prefix{color:var(--ink)}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-prompt-subject{color:var(--orange-text)}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .draft-navigation{background:0 0;grid-area:3/1/auto/22;grid-template-columns:44px max-content 44px;justify-content:center;justify-self:stretch;align-items:center;gap:4px;width:100%;min-width:0;height:60px;margin:0;padding:0 5px 0 0;display:grid}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .draft-navigation:before{content:none}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .draft-navigation>.editor-icon-button{color:#fff;z-index:1;grid-row:1;align-self:center;width:44px;min-width:44px;height:48px;padding:7px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .draft-navigation>.editor-icon-button:first-of-type{grid-column:1;justify-self:start}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .draft-navigation>.editor-icon-button:last-of-type{grid-column:3;justify-self:end}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .draft-dots{display:none}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .mobile-card-picker-trigger{color:#fff;flex-direction:column;grid-area:1/2;align-self:center;gap:5px;min-width:0;height:56px;padding:0;font-size:clamp(1.25rem,5.5vw,1.5rem);line-height:1}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .mobile-card-count{white-space:nowrap;text-box:trim-both cap alphabetic;justify-content:center;align-items:center;display:flex}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool] .editor-colours>.editor-panel-trigger{grid-area:3/22/auto/29}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool] .stroke-options>.editor-panel-trigger{grid-area:3/29/auto/36}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool] .frame-options>.editor-panel-trigger{grid-area:3/36/auto/-1}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-panel-trigger{--editor-surface-colour:#fff;--editor-surface-shape:var(--editor-organic-panel);place-self:center;gap:3px;width:calc(100% - 5px);height:60px;min-height:0;padding:3px;font-size:clamp(.7rem,3.6vw,.875rem)}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-panel-trigger[aria-expanded=true]{--editor-surface-colour:#e5f0ff}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-panel-trigger svg,.panel.drawing-panel[data-character-editor=false]:not(.card-review) .current-colour-chip{flex:none;width:26px;height:26px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .current-frame-chip{width:19px;height:26px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-main{grid-template:minmax(0,1fr)/minmax(0,1fr);grid-area:2/1/auto/-1;place-items:center;width:100%;max-width:none;height:100%;min-height:0;padding:0;display:grid;container-type:size}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-main:before,.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-card{aspect-ratio:5/7;grid-area:1/1;width:min(100% - 8px,71.4286cqh - 5px);max-height:calc(100% - 7px);margin-bottom:7px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-main:before{content:"";border-radius:9%/6.42857%;box-shadow:4.5px 4.5px #00000040}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-main:has(>.editor-card[data-frame=white]):before{box-shadow:4.5px 4.5px #00000040}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-surface{max-width:none}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .drawing-quick-tools{grid-area:4/1/auto/37;align-self:center;margin-left:5px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-toolbar,.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-tool-group{height:calc(var(--mobile-toolbar-height) - 12px)}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-icon-button{height:calc(var(--mobile-toolbar-height) - 12px);align-content:center;gap:5px;min-height:44px;padding:6px 0}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .editor-toolbar svg{width:28px;height:28px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool] .editor-trace>.editor-panel-trigger{--editor-surface-colour:transparent;color:#34445f;width:100%;height:calc(var(--mobile-toolbar-height) - 12px);grid-area:4/37/auto/-1;place-self:center start;gap:5px;min-height:44px;padding:6px 0;font-size:clamp(.6rem,2.6vw,.8rem)}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-trace>.editor-panel-trigger svg{width:28px;height:28px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-controls[data-tool=hand] :is(.editor-colours,.stroke-options,.frame-options)>.editor-panel-trigger{display:none}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .drawing-zoom-controls{grid-area:3/22/auto/-1;align-self:center;width:100%;padding-left:5px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-rail .drawing-zoom-controls>div{grid-template-columns:44px minmax(0,1fr) 44px;width:min(100%,216px);margin-inline:auto}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-message{bottom:calc(var(--mobile-toolbar-height) + 20px + env(safe-area-inset-bottom))}}@media (width<=359px) and (orientation:portrait){.panel.drawing-panel[data-character-editor=false]:not(.card-review){row-gap:8px}}@media (width<=1179px) and (height>=501px),(width<=1399px) and (height>=501px) and (height<=519px),(width<=1399px) and (height>=501px) and (hover:none),(width<=1399px) and (height>=501px) and (pointer:coarse),(width<=759px) and (orientation:portrait){.panel.drawing-panel[data-character-editor=false]:not(.card-review) .sampling-instruction{z-index:21;right:8px;bottom:calc(max(8px, env(safe-area-inset-bottom)) + var(--mobile-toolbar-height) + 10px);justify-content:space-between;gap:8px;height:60px;margin:0;padding:0 8px 0 16px;font-size:clamp(.8rem,3.9vw,.95rem);line-height:1.2;position:fixed;left:8px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .sampling-instruction button{white-space:nowrap;flex:none}.panel.drawing-panel[data-character-editor=false]:not(.card-review):has(.sampling-instruction) :is(.draft-navigation,.editor-colours>.editor-panel-trigger,.stroke-options>.editor-panel-trigger,.frame-options>.editor-panel-trigger){visibility:hidden}}@media (width<=999px) and (height<=500px) and (orientation:landscape){.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-trace>.editor-panel-trigger{--editor-surface-colour:transparent}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-trace>.editor-panel-trigger[aria-expanded=true]{--editor-surface-colour:#e5f0ff}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-trace>.editor-panel-trigger>span{display:block}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .editor-trace>.editor-panel-trigger svg{width:22px;height:22px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .current-frame-chip{width:16px;height:22px}.drawing-panel .mobile-editor-sheet--trace .reference-import{grid-template-columns:minmax(0,1fr)}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .sampling-instruction{z-index:21;text-align:center;flex-direction:column;justify-content:center;width:190px;height:256px;margin:0;position:fixed;top:56px;right:8px}}@media (width<=1179px) and (height>=501px),(width<=1399px) and (height>=501px) and (height<=519px),(width<=1399px) and (height>=501px) and (hover:none),(width<=1399px) and (height>=501px) and (pointer:coarse),(width<=759px) and (orientation:portrait){.panel.drawing-panel[data-character-editor=false]:not(.card-review) .mobile-card-progress{justify-content:center;align-items:center;gap:clamp(3px,1vw,5px);display:flex}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .mobile-card-progress>span{background:#ffffff59;border-radius:999px;width:clamp(6px,1.8vw,8px);height:clamp(6px,1.8vw,8px)}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .mobile-card-progress>span[data-complete=true]{background:#fff}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .mobile-card-progress>span[data-current=true]{width:clamp(16px,5vw,22px)}}@media (width<=379px) and (orientation:portrait){.panel.drawing-panel[data-character-editor=false]:not(.card-review) .draft-navigation{grid-template-columns:40px max-content 40px;gap:0;padding:0}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .draft-navigation>.editor-icon-button{width:40px;min-width:40px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .mobile-card-progress{gap:2.5px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .mobile-card-progress>span{width:5px;height:5px}.panel.drawing-panel[data-character-editor=false]:not(.card-review) .mobile-card-progress>span[data-current=true]{width:14px}}@media (width>=760px) and (width<=1179px),(width>=760px) and (width<=1399px) and (height<=519px),(width>=760px) and (width<=1399px) and (hover:none),(width>=760px) and (width<=1399px) and (pointer:coarse){.phone-shell:has(.drawing-panel[data-character-editor=true]:not(.card-review)){height:100dvh;min-height:0}:is(#phase-content:has(.drawing-panel[data-character-editor=true]:not(.card-review)),#phase-content :has(.drawing-panel[data-character-editor=true]:not(.card-review))){flex-direction:column;flex:auto;width:100%;max-width:none;min-height:0;display:flex}.panel.drawing-panel[data-character-editor=true]:not(.card-review){isolation:isolate;width:min(100%,46rem);max-width:none;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto;grid-template-rows:[prompt]auto[nav]auto[head]minmax(0,1fr)[settings]auto[tools]60px;grid-template-columns:[controls]minmax(0,1fr)[trace]76px;gap:12px 0;margin-inline:auto;padding:0;display:grid;position:relative}.panel.drawing-panel[data-character-editor=true]:not(.card-review):after{z-index:-1;-webkit-mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;mask:var(--editor-organic-row) 0 0 / 100% 100% no-repeat;pointer-events:none;content:"";background:#fff;grid-area:tools/1/tools/-1;position:relative}.panel.drawing-panel[data-character-editor=true]:not(.card-review) :is(.section-heading,.section-heading>div,.drawing-workspace,.editor-controls,.editor-rail,.editor-trace-block,.editor-tool-panel){display:contents}.panel.drawing-panel[data-character-editor=true]:not(.card-review) :is(.editor-rail,.editor-controls):before{content:none}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .section-heading h1{grid-area:prompt/1/prompt/-1;justify-self:center;width:fit-content;max-width:100%;margin:0}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .character-drawing-navigation{grid-area:nav/1/nav/-1;justify-content:flex-end;gap:.6rem;margin:0}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .character-drawing-done{display:inline-flex}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .game-actions{display:none}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .drawing-main{grid-template:minmax(0,1fr)/minmax(0,1fr);grid-area:head/1/head/-1;place-items:center;width:100%;max-width:none;height:100%;min-height:0;margin:0;display:grid;container-type:size}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-card{grid-area:1/1;width:min(100cqw - 6px,100cqh - 6px);max-width:none}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .drawing-surface{max-width:none}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-tool-settings{grid-area:settings/1/settings/-1;justify-content:center;gap:10px;min-height:60px;display:flex}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-tool-settings .editor-panel-trigger{--editor-surface-colour:#fff;--editor-surface-shape:var(--editor-organic-panel);white-space:nowrap;flex-direction:column;justify-content:center;gap:3px;width:7.5rem;min-height:60px;padding:4px;font-size:.875rem}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-tool-settings .editor-panel-trigger[aria-expanded=true]{--editor-surface-colour:#e5f0ff}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-tool-settings :is(.editor-panel-trigger svg,.current-colour-chip){width:26px;height:26px}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .drawing-zoom-controls{width:min(100%,15rem);padding:0}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .drawing-quick-tools{grid-area:tools/controls;align-self:center;margin:0 0 0 6px}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-rail .editor-toolbar{grid-template-columns:minmax(0,4fr) minmax(0,2fr);gap:0;height:48px;padding:0}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-rail .editor-icon-button{width:100%;min-width:0;height:48px;min-height:48px;padding:8px}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-rail .editor-toolbar svg{width:28px;height:28px}.panel.drawing-panel[data-character-editor=true]:not(.card-review) :is(.editor-toolbar .tool-caption,.editor-trace>.editor-panel-trigger>span){display:none}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-trace>.editor-panel-trigger{--editor-surface-colour:transparent;color:#34445f;grid-area:tools/trace;justify-content:center;align-self:center;width:64px;min-width:0;height:48px;min-height:48px;margin-right:6px;padding:8px}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-trace>.editor-panel-trigger[aria-expanded=true]{--editor-surface-colour:#e5f0ff}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-trace>.editor-panel-trigger svg{width:28px;height:28px}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-message{z-index:21;right:12px;bottom:calc(150px + env(safe-area-inset-bottom));width:fit-content;max-width:calc(100% - 24px);margin:auto;position:fixed;left:12px}@media (orientation:landscape){.panel.drawing-panel[data-character-editor=true]:not(.card-review){grid-template-rows:[prompt]auto[nav]auto[head]minmax(0,1fr)[settings]auto[tools]60px;grid-template-columns:[head]minmax(0,1fr) 28px[controls]17rem[trace]76px;width:min(100%,82rem)}.panel.drawing-panel[data-character-editor=true]:not(.card-review):after{grid-column:controls/-1}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .section-heading h1{grid-area:prompt/head/nav}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .drawing-main{grid-area:nav/head/-1}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .character-drawing-navigation{grid-area:prompt/controls/prompt/-1;align-self:center}.panel.drawing-panel[data-character-editor=true]:not(.card-review) .editor-tool-settings{grid-area:settings/controls/settings/-1}}}