/* Game-first ColoRoo: arcade color, quiet hierarchy, no website navigation. */
:root{--arc-purple:#62419b;--arc-deep:#35234f;--arc-gold:#ffda70;--arc-paper:#fffdf3;--arc-header:64px}
body{background:radial-gradient(ellipse at 15% 15%,#7953b5,transparent 56%),radial-gradient(ellipse at 93% 86%,#5d3a93,transparent 56%),#49316e;min-height:100dvh;color:#302741}
body>footer,main>footer,.build-progress,main>details{display:none!important}header.arcade-header{height:var(--arc-header);min-height:var(--arc-header);max-width:1000px;width:100%;margin:0 auto;padding:8px 20px;display:flex;gap:12px;border:0;position:relative;z-index:25;box-sizing:border-box}.arcade-header .brand{font-size:27px;color:#fff7eb;white-space:nowrap}.arcade-header .brand .roo-name{color:var(--arc-gold)}.arcade-header .roo-brand-icon{width:35px;height:46px;margin-right:7px}.arcade-header #arcade-header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.arcade-header .mobile-invite{height:40px;min-height:40px!important;border:1px solid #b79ad4;background:#ffffff13;border-radius:12px;color:#fff7eb;font-size:12px!important;padding:8px 13px!important}.arcade-header #mobile-pause{height:40px;min-height:40px;width:40px;border:1px solid #b79ad4;background:#ffffff13;color:#fff7eb;border-radius:12px;font-size:18px}.arcade-header #mobile-pause:disabled{opacity:.35}.arcade-menu-button{display:flex;gap:7px;align-items:center;justify-content:center;min-height:42px;padding:8px 13px;border:0;border-radius:12px;background:var(--arc-gold);color:#49316e;font-size:16px;font-weight:800;box-shadow:0 3px 0 #c49b3f;cursor:pointer}.arcade-menu-button span{font-size:12px}
main#main-content{max-width:none;width:100%;padding:0;margin:0}.playing{overflow:hidden;padding-bottom:0!important}.playing main#main-content{height:calc(100dvh - var(--arc-header));overflow:hidden}.playing #page-play{height:100%;padding:0;margin:0;display:block}.playing #page-play[hidden]{display:none}.play-navigation,.play-intro,.game-top,.challenge-bar,.mobile-round-bar,.canvas-top,.practice-toolbar,.picture-foot,.section-panel,.practice-note,.tool-status,.active-challenge-note,.sync-panel{display:none!important}.arcade-legacy{display:none!important}#page-home[hidden]{display:none!important}
.playing .game{height:100%;max-width:1000px;width:calc(100% - 32px);margin:0 auto;padding:0 0 12px;display:grid;grid-template-rows:82px 22px 64px minmax(0,1fr) calc(134px + env(safe-area-inset-bottom));gap:6px;background:none;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;overflow:visible}.arcade-hud{grid-row:1;display:grid;grid-template-columns:1fr 94px 1fr;align-items:center;justify-content:center;max-width:560px;width:100%;margin:auto;gap:18px;color:white}.hud-points,.hud-step{display:flex;flex-direction:column;gap:3px;padding:8px 14px;background:#32204366;border:1px solid #a98bc44d;border-radius:15px;min-height:60px;justify-content:center}.hud-step{text-align:right}.hud-points>span,.hud-step>span{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#cfbcdf}.hud-points>span{color:var(--arc-gold)}.hud-points strong,.hud-step strong{font-size:24px;font-weight:850;font-variant-numeric:tabular-nums}.arcade-clock{position:relative;isolation:isolate;width:78px;height:78px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;background:conic-gradient(var(--arc-gold) var(--remaining,100%),#ffffff18 0);box-shadow:0 5px 14px #27183338;margin:auto}.arcade-clock:before{content:'';position:absolute;inset:5px;border-radius:50%;background:#38244f;z-index:-1}.arcade-clock strong{font-size:30px;line-height:1.08;color:#ffdf83;font-weight:850;font-variant-numeric:tabular-nums}.arcade-clock small{font-size:7px;letter-spacing:1px;color:#ead9fa;font-weight:750;margin-top:3px}.arcade-clock.urgent{background:conic-gradient(#ff987d var(--remaining),#ffffff18 0)}.arcade-clock.urgent strong{color:#ffac91}
.arcade-context{grid-row:2;display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;color:#dbcbeb}.arcade-context button{background:transparent;border:0;padding:2px 0;font-size:10px;color:#e0cee9;line-height:18px;white-space:nowrap;cursor:pointer}.arcade-context #arcade-match{max-width:52%;overflow:hidden;text-overflow:ellipsis;color:#ffdf83}.arcade-context #arcade-match[hidden]{display:none}#arcade-dots{display:flex;gap:5px;margin-left:auto;max-width:45%;overflow:hidden}#arcade-dots i{display:block;flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#ffffff30}#arcade-dots i.current{background:#ffdb77;box-shadow:0 0 0 3px #ffdb7725}#arcade-dots i.done{background:#c3a2eb}
.game>.arcade-clue{grid-row:3;display:flex;position:relative;align-items:center;gap:10px;min-width:0;background:#f6edff;color:#382750;border:1px solid #e0cbf6;border-radius:16px;margin:0;padding:8px 13px;box-shadow:0 3px 0 #30204030;overflow:hidden}.clue-roo{width:38px;height:48px;object-fit:contain;flex-shrink:0}.arcade-clue-text{min-width:0;display:flex;flex-direction:column;gap:3px}.arcade-clue-text #mobile-section{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#9476ac;line-height:1.1}.arcade-clue-text #mobile-clue{display:block;font-size:13px;line-height:1.35;font-weight:650;color:#49375d;max-height:3.9em;overflow-y:auto}.game.is-paused .arcade-clue{visibility:hidden}
.playing .game-body{grid-row:4;display:block;min-height:0;position:relative;padding:0;margin:0}.playing .drawing-side{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;min-height:0;max-height:100%;padding:4px;margin:0;border:3px solid #e5cc88;border-radius:19px;background:var(--arc-paper);box-shadow:0 6px 0 #30203e55,0 15px 28px #2e1b392b;overflow:hidden;box-sizing:border-box}.playing .picture{position:relative;flex:0 0 auto;max-width:100%;max-height:100%;margin:0;border:0;border-radius:10px;background:var(--arc-paper);box-shadow:none;overflow:hidden;aspect-ratio:760/520}.playing .picture>svg{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0}.playing .picture>canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.playing .picture>svg.linework{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.game.timed .linework [data-region].active{stroke:#b68a24;stroke-width:4px;stroke-dasharray:9 6;filter:drop-shadow(0 0 3px #ffdb7780)}
.playing .game .tool-tray{grid-row:5;position:relative;inset:auto;display:grid;grid-template-columns:minmax(86px,1fr) minmax(94px,1fr) minmax(86px,120px);grid-template-rows:66px 44px;align-items:center;column-gap:8px;row-gap:5px;width:100%;height:100%;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#3c275d;border:1px solid #b08bd054;border-radius:18px;box-shadow:0 4px 0 #2d1e43;visibility:visible;box-sizing:border-box;z-index:12}.playing .tool-tray .palette-wrap{grid-column:1/-1;grid-row:1;min-width:0;width:100%;height:100%}.arcade-tool-label{display:flex;justify-content:space-between;align-items:center;height:16px;padding:0 3px;color:#d5bfe7;font-size:8px;letter-spacing:1px}.arcade-tool-label strong{font-size:9px;letter-spacing:0;font-weight:600;color:#f1e4ff}.playing .tool-tray .palette{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;overflow:visible;width:100%;padding:2px 0 0;height:50px;touch-action:pan-x;align-items:stretch}.playing .palette button{height:48px;min-height:0;min-width:0;width:100%;position:relative;border:2px solid transparent;border-radius:10px;background:transparent;padding:0;transition:transform .15s ease;flex:initial;box-sizing:border-box}.playing .palette button:before{content:'';position:absolute;inset:6px 5px 1px;background:linear-gradient(90deg,#ffffff20,transparent 45%,#00000016),linear-gradient(to bottom,var(--color) 0 12%,#e8c98e 12% 29%,var(--color) 29% 100%);clip-path:polygon(50% 0,100% 27%,100% 100%,0 100%,0 27%);border-radius:0 0 3px 3px;filter:drop-shadow(0 2px 1px #0003)}.playing .palette button.active{background:#ead9fd25;border-color:var(--arc-gold);transform:translateY(-3px);box-shadow:0 0 0 1px #ffdb7733}.playing .palette button.active:after{content:none}.playing .palette button[data-color=white]:before{box-shadow:inset 0 0 0 1px #d8d2ce}.playing .palette button:disabled{opacity:.4}.playing .tool-tray .size-wrap{grid-column:1;grid-row:2;width:100%;margin:0}.playing .tool-tray .eyebrow{display:none}.playing .tool-tray .sizes{display:flex;gap:3px;margin:0;justify-content:stretch}.playing .sizes button{min-width:0;min-height:40px;width:auto;height:40px;flex:1;font-size:12px;font-weight:750;padding:0;justify-content:center;gap:0;background:#ffffff0b;border:1px solid #8f6ca75c;color:#e2d2f0;border-radius:9px}.playing .sizes i{display:none}.playing .sizes button.selected{background:#f6eaff;color:#604288;border-color:#f6eaff}.playing .tool-tray .edit-tools{grid-column:2;grid-row:2;display:flex;justify-content:center;align-items:center;gap:3px;flex-wrap:nowrap}.playing .edit-tools button{min-height:40px;height:40px;min-width:0;margin:0;padding:5px 6px;font-size:9px;white-space:nowrap;border:1px solid #8f6ca75c;background:#ffffff0b;border-radius:9px;color:#eadcf6}.playing .edit-tools button[aria-pressed=true]{background:#f6eaff;color:#604288}.playing .edit-tools button:disabled{opacity:.35}.playing #mobile-done{grid-column:3;grid-row:2;display:block;margin:0;width:100%;height:42px;min-height:42px;background:var(--arc-gold);color:#49316e;border:0;border-radius:11px;font-size:13px;font-weight:850;box-shadow:0 3px 0 #c19842;white-space:nowrap;padding:8px;cursor:pointer}.playing #mobile-done:disabled{opacity:.45;box-shadow:none}.playing .edit-tools #save-practice,.playing .edit-tools #clear{display:none!important}.playing .game.is-paused .tool-tray{visibility:hidden}.playing .game.round-complete .tool-tray{display:none}
.round-overlay{background:#fffdf3f2;border-radius:10px;padding:14px}.round-overlay .stage-roo{display:none;width:64px;height:80px;object-fit:contain}.round-overlay:has(#overlay-action:not([hidden])) .stage-roo{display:block}.round-overlay strong{font-size:25px;line-height:1.15;letter-spacing:-.8px;margin:8px 0;color:#563979;max-width:320px}.round-overlay .eyebrow{font-size:8px;color:#9c75ad}.round-overlay>p:not(.eyebrow){font-size:11px;line-height:1.45;color:#867091;max-width:260px}.round-overlay .next{min-height:44px;max-width:220px;width:80%;margin-top:13px;background:var(--arc-gold);color:#49316e;border:0;border-radius:12px;box-shadow:0 3px 0 #c19a42;font-size:14px;font-weight:800;padding:10px;justify-content:center}.round-overlay .next:disabled{opacity:.5}.arcade-loading #stage-title{font-size:20px}.arcade-loading .round-overlay .stage-roo{display:block}
.arcade-menu{max-height:calc(100dvh - 40px);overflow:auto;width:min(92vw,420px);border:2px solid #ad8ac7;border-radius:25px;padding:23px;background:#fffaf0;color:#443153;box-shadow:0 22px 80px #24102c70}.arcade-menu::backdrop,dialog::backdrop{background:#21122b99;backdrop-filter:blur(5px)}.menu-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.menu-heading h2{font-size:26px;letter-spacing:-1px;margin:5px 0 0;color:#593d78}.menu-heading .eyebrow{font-size:8px;color:#9c80b0}.menu-heading .icon-btn{border:1px solid #e2d5e9;flex-shrink:0;color:#654481;background:#fff}.arcade-gold,.arcade-new{min-height:48px;display:block;width:100%;border:0;border-radius:13px;margin:10px 0;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.arcade-gold{background:var(--arc-gold);color:#51396b;box-shadow:0 3px 0 #d2ac53}.arcade-new{background:#7952ad;color:#fff}.arcade-menu .main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:100%;margin:20px 0 0;padding:0}.arcade-menu .main-nav button{height:44px;min-height:44px;border:1px solid #e4d9eb;background:#f3ecf8;color:#715588;font-size:12px;border-radius:11px;padding:8px;white-space:normal}.arcade-menu .main-nav button[hidden]{display:none}.arcade-menu .main-nav button[aria-current=page]{background:#e7d7f5;color:#51366c}.menu-extras{display:flex;justify-content:space-between;gap:12px;margin-top:20px;align-items:center}.menu-extras .phase-pill{display:none}.menu-extras .sound-toggle{font-size:12px}.menu-extras #help{color:#7e5b9f;border-color:#d3bfdf}.arcade-menu #menu-game-controls{display:none}#menu-match #play-match{display:none!important}.arcade-menu label{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-size:12px;font-weight:700;color:#785990}.arcade-menu select{min-height:46px;width:100%;background:white;border:1px solid #ddcde7;border-radius:11px;padding:10px;font:inherit;color:#513c61}.menu-note{font-size:11px;color:#9981a4;line-height:1.6}#arcade-new-form .arcade-gold{margin-top:20px}
body:not(.playing) #arcade-header-actions #mobile-pause{display:none}body:not(.playing) main#main-content{padding-bottom:20px}.page:not(#page-play):not(#page-home){background:#fffdf7;max-width:950px;width:calc(100% - 28px);padding:22px;margin:12px auto 24px;border:1px solid #e0cdec;border-radius:22px;box-sizing:border-box}.page-heading{padding-top:8px}.page-heading h1{font-size:32px}.page:not(#page-play)[hidden]{display:none!important}.showing-results #page-play{overflow:auto!important}.playing.showing-results main#main-content{overflow:auto;height:calc(100dvh - var(--arc-header));padding-bottom:15px}.playing.showing-results .game{display:none}.playing .round-summary{width:min(calc(100% - 28px),900px);margin:8px auto 30px;padding:20px;background:#fffcf4;border:2px solid #e2c77f;border-radius:23px;box-sizing:border-box}.round-summary[hidden]{display:none!important}.results-actions{flex-wrap:wrap}.results-actions .next{background:var(--arc-gold);color:#50396a;border-color:#efd07d}.match-card{background:linear-gradient(120deg,#efe3fb,#fffaf0)}.playing .sync-panel:has(#retry-score:not([hidden])){position:fixed;display:block!important;bottom:165px;left:16px;right:16px;background:#fff3df;border:1px solid #e8c380;border-radius:12px;padding:10px;z-index:30;font-size:11px}.device-save-note:not([hidden]){position:fixed;top:64px;left:10px;right:10px;z-index:40;background:#fff6d7}.tester-locked,.access-checking{background:#faf8f3}
@media(max-width:760px){:root{--arc-header:58px}.arcade-header .brand{font-size:22px}.arcade-header .roo-brand-icon{width:29px;height:39px}header.arcade-header{padding:5px 14px;gap:7px}.arcade-header #arcade-header-actions{gap:6px}.arcade-header .mobile-invite{font-size:10px!important;padding:6px 10px!important;min-height:38px!important;height:38px}.arcade-header #mobile-pause{width:34px;height:38px;min-height:38px}.arcade-menu-button{min-height:38px;padding:6px 10px;font-size:16px;gap:4px}.arcade-menu-button span{font-size:10px}.playing .game{width:calc(100% - 24px);grid-template-rows:78px 20px 64px minmax(0,1fr) calc(134px + env(safe-area-inset-bottom));gap:5px;padding-bottom:8px}.arcade-hud{gap:12px;grid-template-columns:1fr 82px 1fr}.arcade-clock{width:74px;height:74px}.hud-points,.hud-step{min-height:55px;padding:7px 10px;border-radius:13px}.hud-points strong,.hud-step strong{font-size:22px}.hud-points>span,.hud-step>span{font-size:8px;letter-spacing:1px}.arcade-clue-text #mobile-clue{font-size:12px}.playing .game .tool-tray{padding-left:9px;padding-right:9px;column-gap:5px;grid-template-columns:minmax(80px,1fr) minmax(94px,1fr) 88px}.playing .palette{gap:4px}.playing .palette button:before{left:4px;right:4px}.playing .edit-tools button{font-size:9px;padding:4px 5px}.playing #mobile-done{font-size:12px}.round-overlay .stage-roo{height:62px;width:50px}.round-overlay strong{font-size:22px}.round-overlay>p:not(.eyebrow){font-size:10px}.round-overlay .next{min-height:40px;margin-top:9px}.page:not(#page-play):not(#page-home){padding:18px}.playing .round-summary{padding:16px}}
@media(max-width:350px){header.arcade-header{padding-left:10px;padding-right:10px;gap:5px}.arcade-header .brand{font-size:19px;letter-spacing:-1px}.arcade-header .roo-brand-icon{width:25px;margin-right:3px}.arcade-header .mobile-invite{padding:5px 8px!important;font-size:9px!important}.arcade-menu-button{padding:6px 9px}.arcade-menu-button span{display:none}.playing .game{width:calc(100% - 18px)}.playing .game .tool-tray{padding-left:7px;padding-right:7px;grid-template-columns:78px minmax(90px,1fr) 78px;column-gap:4px}.playing .edit-tools button{font-size:8px;padding:4px}.playing .palette{gap:3px}.playing .palette button:before{left:3px;right:3px}.arcade-context button{font-size:9px}.arcade-clue-text #mobile-clue{font-size:11px}.arcade-clue-text #mobile-section{font-size:7px}.clue-roo{width:31px}}
@media(max-height:620px){.playing .game{grid-template-rows:58px 18px 48px minmax(0,1fr) calc(116px + env(safe-area-inset-bottom));gap:4px}.arcade-clock{height:56px;width:56px}.arcade-clock strong{font-size:23px}.arcade-clock small{font-size:6px}.hud-points,.hud-step{min-height:45px}.hud-points strong,.hud-step strong{font-size:18px}.clue-roo{height:38px;width:30px}.game>.arcade-clue{padding:5px 10px}.arcade-clue-text #mobile-clue{font-size:11px}.playing .game .tool-tray{grid-template-rows:55px 40px;padding-top:5px;padding-bottom:5px}.playing .palette{height:42px}.playing .palette button{height:40px}.round-overlay .stage-roo{display:none!important}.round-overlay strong{font-size:18px;margin:4px}.round-overlay .eyebrow,.round-overlay>p:not(.eyebrow){font-size:9px}.round-overlay .next{min-height:32px;padding:6px;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.palette button{transition:none!important}}.reduce-motion .palette button{transition:none!important}
.playing #page-play{padding:0!important}.game>.arcade-clue{flex-direction:row}.arcade-idle .round-overlay{background:#fffdf345;justify-content:flex-end;padding:12px}.arcade-idle .round-overlay .stage-roo,.arcade-idle .round-overlay .eyebrow,.arcade-idle .round-overlay #stage-copy{display:none!important}.arcade-idle .round-overlay strong{font-size:16px;background:#fffdf3ee;padding:6px 12px;border-radius:9px;margin:0}.arcade-idle .round-overlay .next{margin-top:7px;min-height:44px;width:180px;flex-shrink:0}.arcade-loading .round-overlay .next{visibility:hidden}

.playing #announcement{position:fixed;top:0;left:0}
.arcade-menu #clear{display:block;width:100%;min-height:44px;border:1px solid #e0cee8;border-radius:10px;margin-top:14px;background:#fff;color:#956f91;font-size:12px}.arcade-menu #clear[hidden]{display:none}.arcade-menu-button:disabled{opacity:.55}
@media(min-width:761px){.playing .game .tool-tray{max-width:760px;justify-self:center}.playing .palette button:before{width:24px;left:50%;right:auto;transform:translateX(-50%)}}
#pause-dialog::backdrop,#restart-dialog::backdrop{background:#21122bcc;backdrop-filter:blur(5px)}#pause-dialog .pause-sync-status{font-size:12px;line-height:1.6;color:#955c45;background:#fff1d8;border-radius:10px;padding:10px}#pause-retry{display:block;width:100%;min-height:42px;border:1px solid #d8b8a5;border-radius:10px;margin-bottom:10px}#pause-retry[hidden],#pause-sync-status[hidden]{display:none}#resume:disabled{opacity:.65}

/* A calm clubhouse before every adventure. */
#page-home:not([hidden]){display:flex!important;justify-content:center;width:100%;padding:12px 20px 24px;box-sizing:border-box;min-height:calc(100dvh - var(--arc-header))}.legacy-home{display:none!important}.clubhouse{width:min(100%,420px);margin:auto;text-align:center;color:#fff8ec}.clubhouse-roo{height:190px;position:relative;width:200px;margin:0 auto 8px}.clubhouse-roo img{height:190px;width:152px;object-fit:contain;filter:drop-shadow(0 12px 12px #25153933)}.clubhouse-roo>span{position:absolute;color:var(--arc-gold);font-size:38px;right:3px;top:35px;transform:rotate(12deg)}.clubhouse-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#e8d2ff;margin:5px 0 9px}.clubhouse h1{font:850 clamp(32px,8vw,44px)/1.15 Manrope,sans-serif;letter-spacing:-1.5px;margin:0;color:#fff8ec}.clubhouse h1 em{font:inherit;color:var(--arc-gold)}.clubhouse-copy{font-size:13px;color:#eadbf4;line-height:1.6;margin:12px 0 24px}.clubhouse-actions{display:grid;gap:11px}.clubhouse-actions button{display:block;width:100%;min-height:54px;border-radius:15px;border:1px solid #c6a9e466;background:#ffffff12;box-shadow:0 4px 0 #2f1c4b33;color:#fff8ec;font-size:16px;font-weight:750;cursor:pointer;padding:13px 18px}.clubhouse-actions .arcade-gold{color:#49316e;background:var(--arc-gold);border-color:var(--arc-gold);font-size:20px;box-shadow:0 4px 0 #b78a32}.clubhouse-actions button:hover{filter:brightness(1.08)}.clubhouse-actions button[hidden]{display:none}.clubhouse-actions button:focus-visible{outline:3px solid #fff8ec;outline-offset:4px}#start-progress{display:block;font-size:10px;font-weight:500;opacity:.8;margin-top:4px}.clubhouse-note{font-size:10px;color:#d2bce7;line-height:1.5;margin:25px 0 0}body[data-arcade-page=home] #arcade-header-actions{display:none}#arcade-new-form label{font-size:12px;margin-bottom:12px}#arcade-new-form select{min-height:42px}.arcade-menu{max-height:calc(100dvh - 30px);overflow:auto}.arcade-idle .round-overlay .next{width:190px}.arcade-idle .round-overlay #stage-copy{display:block!important;font-size:11px;max-width:240px;background:#fffdf3ee;border-radius:7px;padding:5px 10px}.arcade-idle .round-overlay{justify-content:center;background:#fffdf3e6}
@media(max-height:720px){.clubhouse-roo{height:125px}.clubhouse-roo img{height:125px;width:100px}.clubhouse-copy{margin:8px 0 17px}.clubhouse-actions{gap:9px}.clubhouse-actions button{min-height:47px;padding:10px 15px}.clubhouse-note{margin-top:17px}}