@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.float-right{float:right}.inline{display:inline}.table{display:table}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}:root{color:#17213c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff9f0;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.button{color:#fff;cursor:pointer;background:#5b5fef;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;min-height:48px;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}button:hover,.button:hover{background:#484ccd;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}a{color:#484ccd}a,button,input,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #17213c}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h1,h2{letter-spacing:-.03em;font-family:Fredoka,system-ui,sans-serif;font-weight:600}h1{font-size:clamp(2.3rem,5vw,3.6rem)}h2{font-size:2.25rem}h3{font-size:1.05rem;font-weight:700}p{color:#556079}small{font-size:.75rem}svg{flex-shrink:0}.app{background:radial-gradient(at 85% 20%,#f7efdf55,#0000 50%),#fff9f0;min-height:100vh;padding:0 5%}main{max-width:1200px;min-height:70vh;margin:auto}.header{border-bottom:1px solid #17213c10;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:auto;padding:30px 0;display:flex}.brand{color:#17213c;white-space:nowrap;align-items:center;gap:8px;font-family:Fredoka,sans-serif;font-size:1.6rem;text-decoration:none;display:flex}.brand>span:last-child{color:#5b5fef}.brand-mark{color:#fff;background:#5b5fef;border-radius:12px;place-items:center;width:40px;height:40px;margin-right:2px;display:grid}.text-button{color:#17213c;background:0 0;border:0;min-height:44px;padding:.5rem .65rem;font-size:.85rem}.text-button:hover{color:#484ccd;background:#5b5fef0d}.icon-button{color:#556079;background:0 0;min-width:44px;min-height:44px;padding:.4rem}.icon-button:hover{color:#17213c;background:#f4f5f8}.secondary{color:#17213c;background:#fff;border:1px solid #d9dbe5}.secondary:hover{background:#f4f5f8}.danger{background:#a1263d}.danger-text{color:#a1263d}.full{width:100%}.eyebrow{letter-spacing:.13em;color:#556079;align-items:center;gap:8px;font-size:.68rem;font-weight:700;display:inline-flex}.little-star{color:#5b5fef;font-size:1.4rem}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:3%;padding:64px 0 72px;display:grid}.hero h1{margin:20px 0;font-size:clamp(2.8rem,5.2vw,4.6rem);line-height:1.07}.hero h1>span{color:#5b5fef}.lead{max-width:440px;margin-bottom:28px;font-size:1.05rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions .button{padding:16px 25px}.micro{color:#556079;flex-wrap:wrap;align-items:center;gap:8px;font-size:.75rem;display:flex}.hero .micro{margin:20px 0 0}.resume{align-items:center;gap:8px;margin-top:16px;font-size:.85rem;font-weight:600;display:flex}.hero-art{height:430px;position:relative}.hero-art:before{content:"";border:1px dashed #cfc8e1;border-radius:50%;position:absolute;inset:5%;transform:rotate(-20deg)}.art-card{border-radius:24px;position:absolute;box-shadow:0 20px 35px #3f32681a}.drawing{color:#5b5fef;background:#fff;border:1px solid #e5dff1;width:280px;height:295px;padding:26px;top:65px;left:5%;transform:rotate(-9deg)}.card-label{letter-spacing:.12em;align-items:center;gap:8px;font-size:.65rem;font-weight:700;display:flex}.drawing svg:not(.lucide){width:100%;margin-top:8px}.scribble{color:#556079;text-align:center;font-family:Fredoka,sans-serif;font-size:1rem;display:block}.gesture{background:#ffcf55;flex-direction:column;align-items:center;gap:12px;width:185px;height:223px;padding:24px;display:flex;top:25px;right:0;transform:rotate(12deg)}.gesture>span{letter-spacing:.1em;font-size:.6rem;font-weight:700}.gesture>i{text-align:center;font-family:Fredoka,sans-serif;font-size:1.35rem;font-style:normal;line-height:1.2}.art-bubble{color:#17213c;background:#00a6a6;border-radius:18px 18px 18px 0;align-items:center;gap:16px;padding:17px 25px;font-family:Fredoka,sans-serif;font-size:1.65rem;display:flex;position:absolute;bottom:35px;right:3%;transform:rotate(5deg);box-shadow:0 12px 25px #006a631a}.art-spark{z-index:2;color:#f9734f;font-size:64px;line-height:1;position:absolute}.art-spark.one{top:5px;left:10%}.art-spark.two{color:#5b5fef;font-size:70px;bottom:0;left:20%}.art-dot{background:#00a6a6;border-radius:50%;width:15px;height:15px;position:absolute;bottom:60px;left:0}.art-piece{border-radius:14px 14px 7px 7px;width:28px;height:34px;position:absolute;box-shadow:0 5px #17213c30}.purple{background:#5b5fef;bottom:0;right:25px;transform:rotate(12deg)}.orange{background:#f9734f;bottom:155px;right:5px;transform:rotate(-12deg)}.how{border-top:1px solid #17213c12;padding-top:44px}.section-heading{text-align:center}.section-heading h2{margin:12px 0 30px}.steps{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.steps article{background:#ffffffa6;border:1px solid #ece8e0;border-radius:20px;padding:26px 26px 18px;position:relative}.steps article>svg{color:#5b5fef;width:27px;height:27px;margin-bottom:20px}.steps article:nth-child(2)>svg{color:#087b7b}.steps article:nth-child(3)>svg{color:#a94b28}.steps h3{margin-bottom:10px;font-size:1rem}.steps p{font-size:.85rem;line-height:1.8}.step-number{color:#556079;font-size:.7rem;font-weight:600;position:absolute;top:24px;right:22px}.paper-note{text-align:center;color:#17213c;background:#fff0cc;border-radius:15px;margin:32px 0;padding:20px;font-size:.8rem}.paper-note strong{font-weight:600;display:block}footer{border-top:1px solid #17213c10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:40px auto 0;padding:20px 0 28px;display:flex}footer>span{color:#556079;font-size:.75rem}footer>.notice{flex-basis:100%}.back{color:#556079;align-items:center;gap:8px;min-height:44px;margin-bottom:24px;font-size:.85rem;text-decoration:none;display:inline-flex}.form-page{max-width:640px;margin:30px auto 70px}.form-card{background:#fff;border:1px solid #e7e4dc;border-radius:24px;padding:40px;box-shadow:0 16px 45px #17213c06}.form-card h1{margin:16px 0;font-size:2.4rem}.form-card>p{font-size:.95rem}.form-symbol{color:#5b5fef;background:#ebebff;border-radius:16px;place-items:center;width:50px;height:50px;margin-bottom:22px;display:grid}.form-card form{margin-top:25px}label{flex-direction:column;gap:7px;margin-bottom:18px;font-size:.85rem;font-weight:600;display:flex}input:not([type=checkbox]):not([type=radio]),select{color:#17213c;background:#fff;border:1px solid #b5bdca;border-radius:10px;width:100%;min-width:0;min-height:48px;padding:10px 12px;font-weight:400}input::placeholder{color:#677184}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.check{flex-direction:row;align-items:center;gap:12px;min-height:44px}.check input,input[type=radio]{accent-color:#5b5fef;flex-shrink:0;width:20px;height:20px}.hint{font-size:.75rem;line-height:1.7}.code-input{text-align:center;text-transform:uppercase;letter-spacing:.3em;font-size:1.6rem!important;font-weight:700!important}.notice,.error{border-radius:12px;margin-bottom:20px;padding:16px 18px;font-size:.85rem;line-height:1.7}.notice{color:#17213c;background:#fff0cc;border:1px solid #eac779}.notice p{color:inherit;margin:5px 0}.error{color:#9b1931;background:#fff0f2;border:1px solid #d6455d}.actions{flex-wrap:wrap;gap:8px;display:flex}.notice .actions{margin-top:10px}.radio-option{border:1px solid #d9dbe5;border-radius:12px;flex-direction:row;align-items:center;gap:12px;padding:14px}.radio-option small{color:#556079;font-weight:400;display:block}.radio-option:has(input:checked){background:#f4f3ff;border-color:#5b5fef}fieldset{border:0;margin:0 0 20px;padding:0}legend{margin-bottom:12px;font-size:.85rem;font-weight:600}.accessibility-panel{background:#fff;border:2px solid #5b5fef;border-radius:15px;max-width:1200px;margin:14px auto;padding:20px}.accessibility-panel p{margin-bottom:0;font-size:.8rem}.skip-link{z-index:10;background:#fff;padding:10px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:10px}.lobby-page{padding:25px 0}.lobby-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.lobby-title h1{overflow-wrap:anywhere;margin:12px 0;font-size:2.5rem}.lobby-title p{margin-bottom:0;font-size:.9rem}.connection{white-space:nowrap;color:#13673b;background:#e9f7ef;border-radius:40px;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;display:flex}.connection.reconnecting{color:#684300;background:#fff0cc}.lobby-grid{grid-template-columns:minmax(0,1fr) 300px;gap:28px;display:grid}.inline{text-align:left;justify-content:space-between;align-items:center;gap:10px;display:flex}.inline h2{margin:0 0 20px;font-size:1.65rem}.count-badge{color:#556079;background:#efedf8;border-radius:25px;justify-content:center;align-items:center;min-width:26px;height:26px;margin-left:5px;font-family:Inter,sans-serif;font-size:.7rem;display:inline-flex}.teams-grid{gap:20px;display:grid}.team-card,.panel{background:#fff;border:1px solid #e2e3eb;border-radius:18px;margin-bottom:20px;padding:22px}.team-card{border-top:4px solid var(--team-color);--team-color:#5b5fef;margin:0}.team-azul{--team-color:#2875cc}.team-laranja{--team-color:#da582b}.team-roxo{--team-color:#7652ce}.team-verde{--team-color:#248152}.team-rosa{--team-color:#c13b78}.team-ciano{--team-color:#06848e}.team-heading{align-items:center;gap:12px;margin-bottom:14px;display:flex}.team-heading h3{overflow-wrap:anywhere;margin:0 0 6px}.team-heading>.icon-button{margin-left:auto}.team-token{color:var(--team-color);background:#f4f5f8;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.player-list{margin:0;padding:0;list-style:none}.player-row{border-top:1px solid #eef0f4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.player-info{align-items:center;gap:10px;min-width:0;display:flex}.player-info strong{overflow-wrap:anywhere;font-size:.85rem}.player-info small{color:#556079;font-size:.65rem;display:block}.avatar{color:#484ccd;background:#f1effa;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.75rem;display:grid}.player-controls{align-items:center;gap:5px;display:flex}.player-controls select{max-width:160px;min-height:44px;font-size:.75rem}.player-controls .text-button{font-size:.7rem}.edit-player{flex-basis:100%}.edit-player label{margin-top:8px}.empty-team{text-align:center;border-top:1px dashed #dedfe7;padding:24px 0;font-size:.85rem}.add-player{border-top:1px solid #eef0f4;align-items:flex-end;gap:10px;padding-top:14px;display:flex}.add-player label{flex:1;margin:0;font-size:.7rem}.add-player button{padding:10px;font-size:.75rem}.controller{color:#556079;border-top:1px solid #eef0f4;align-items:center;gap:10px;margin-top:18px;padding-top:15px;font-size:.75rem;display:flex}.controller label{flex:1;margin:0;font-size:.7rem}.controller select{font-size:.8rem}.team-form{background:#f4f5f8;border-radius:12px;margin:15px 0;padding:15px}.team-form .field-row{gap:8px}.team-form label,.team-form button{font-size:.75rem}.invite-card{text-align:center;background:#eeedff;border:1px solid #dddaf6;border-radius:18px;margin-bottom:20px;padding:24px 20px}.invite-card .eyebrow{font-size:.6rem}.room-code{letter-spacing:.12em;color:#484ccd;font-variant-numeric:tabular-nums;margin:14px 0 20px;font-size:2.05rem;font-weight:700;display:block}.invite-card .actions{justify-content:center}.invite-card button{padding:10px;font-size:.75rem}.invite-card p{margin:16px 0 0;font-size:.75rem}.panel h3{align-items:center;gap:8px;display:flex}.device-list{margin:12px 0 0;padding:0;list-style:none}.device-list li{align-items:center;gap:9px;padding:9px 0;display:flex}.device-list strong{overflow-wrap:anywhere;font-size:.8rem}.device-list small{color:#556079;font-size:.65rem;display:block}.presence-dot{background:#8992a5;border-radius:50%;flex-shrink:0;width:8px;height:8px}.presence-dot.present{background:#248152}.next-step{background:#fffbf2}.next-step ul{color:#556079;padding-left:18px;font-size:.75rem;list-style:outside}.next-step p{margin-bottom:0;font-size:.75rem}.unassigned{border-style:dashed}.float-right{float:right}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.high-contrast{color:#101020;background:#fff}.high-contrast p,.high-contrast .micro,.high-contrast .eyebrow,.high-contrast small,.high-contrast .hint{color:#202030}.high-contrast button:not(.secondary):not(.text-button):not(.icon-button),.high-contrast .button:not(.secondary){background:#30309a}.high-contrast .panel,.high-contrast .team-card,.high-contrast .form-card,.high-contrast input,.high-contrast select,.high-contrast .secondary{border-color:#17213c}.high-contrast :focus-visible{outline:4px solid #101020}.reduced-motion *{transition:none!important;animation:none!important}.reduced-motion button:hover,.reduced-motion .button:hover{transform:none}@media(prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}button:hover,.button:hover{transform:none}}@media(min-width:1450px){.hero{padding-top:90px;padding-bottom:90px}}@media(max-width:950px){.hero{gap:0}.hero-art{transform-origin:100%;transform:scale(.82)}.lobby-grid{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.team-card,.panel{padding:16px}.player-controls{justify-content:flex-end;width:100%}}@media(max-width:720px){.app{padding:0 5%}.header{padding:20px 0}.brand{font-size:1.35rem}.header .text-button span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.hero{text-align:center;grid-template-columns:1fr;padding:38px 0 26px}.hero .eyebrow{font-size:.58rem}.hero h1{font-size:3.15rem}.lead{margin:0 auto 24px}.hero-actions,.hero .micro,.resume{justify-content:center}.hero-art{transform-origin:50%;width:340px;max-width:100%;height:350px;margin:12px auto -15px;transform:scale(.88)}.drawing{width:240px;height:265px;left:0}.gesture{width:145px;height:190px;padding:20px;top:20px;right:-6px}.gesture>i{font-size:1.15rem}.gesture>svg{width:40px;height:40px}.art-bubble{font-size:1.4rem;bottom:0;right:-4px}.art-spark.two{bottom:-15px;left:5%}.art-piece.purple{bottom:-28px}.steps{grid-template-columns:1fr;gap:12px}.steps article{padding:24px}.steps article>svg{margin-bottom:16px}.how{padding-top:28px}.how h2{font-size:1.9rem}.form-card{padding:25px 20px}.form-card h1{font-size:2rem}.form-page{margin-top:18px}.field-row{gap:10px}.lobby-title{flex-direction:column;align-items:flex-start;margin-bottom:20px}.lobby-title h1{font-size:2.2rem}.lobby-grid{grid-template-columns:1fr}.lobby-aside{display:contents}.invite-card{grid-row:1}.lobby-main{grid-row:2}.lobby-grid>.panel{grid-row:auto}.room-code{margin:8px 0;font-size:2rem}.invite-card .actions{display:inline-flex}.invite-card p{margin-top:10px}.lobby-aside>.panel{margin:0}.player-controls{width:auto}.player-row{align-items:flex-start}.player-controls select{max-width:130px}.add-player{flex-direction:column;align-items:stretch}.add-player button{align-self:flex-end}.paper-note{margin-top:20px}footer{text-align:center;justify-content:center;gap:8px;margin-top:24px}footer>span{width:100%}}@media(max-width:370px){.hero h1{font-size:2.8rem}.hero-art{width:330px;margin-left:-3%;transform:scale(.76)}.hero-actions{flex-direction:column}.hero-actions .button,.player-controls{width:100%}.brand{font-size:1.2rem}.field-row{grid-template-columns:1fr}}
