@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,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;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--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,ui-sans-serif,system-ui,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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{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}button{color:inherit}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-primary{background-color:var(--primary)}.bg-clip-padding{background-clip:padding-box}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.underline-offset-4{text-underline-offset:4px}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing)*1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing)*2)}.has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing)*3)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing)*1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing)*2)}.has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing)*3)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}@media (hover:hover){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--primary)80%,transparent)}}}}:root{--ink:#28213c;--paper:#f8f7fc;--purple:#7752bf;--lilac:#cfbaf1;--yellow:#f8df75;--pink:#efacbd;--line:#dfdbe9;--muted:#787184;--background:#fff;--foreground:#28213c;--primary:#28213c;--primary-foreground:#fff;--border:#dfdbe9;--ring:#7752bf}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:15px/1.65 Arial,Helvetica,sans-serif}button,select,input{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:5px}svg{flex-shrink:0}p{margin:0 0 15px}h1,h2,h3{letter-spacing:-.7px;font-weight:800;line-height:1.2}h1{font-size:50px}h2{font-size:31px}h3{font-size:19px}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:30px;max-width:1240px;margin:auto;padding:24px 36px;display:flex}.brand{letter-spacing:-1.4px;align-items:center;font-size:25px;font-weight:850;display:inline-flex}.brand-icon{border:2px solid var(--ink);background:var(--lilac);border-radius:11px;place-items:center;width:38px;height:38px;margin-right:9px;display:grid;transform:rotate(-7deg)}.brand-game{font-weight:450}.brand-dot{color:var(--purple)}.site-header nav{align-items:center;gap:29px;margin:auto;font-size:13px;font-weight:650;display:flex}.site-header nav a{align-items:center;gap:4px;display:flex}.site-header nav a:hover{color:var(--purple)}.header-note{color:var(--muted);font-size:12px}.home{max-width:1070px;margin:auto;padding:0 28px}.game-intro{justify-content:space-between;align-items:center;padding:42px 2px 29px;display:flex}.intro-sticker{letter-spacing:.3px;color:#66568c;align-items:center;gap:7px;font-size:11px;display:inline-flex}.game-intro h1{letter-spacing:-1.8px;margin:9px 0 8px;font-size:46px;font-weight:900}.game-intro p{color:var(--muted);margin:0;font-size:15px}.title-star{color:var(--purple);vertical-align:middle;margin-left:14px;font-size:43px;display:inline-block;transform:rotate(15deg)}.intro-aside{flex-direction:column;padding-right:35px;font-size:14px;display:flex;position:relative;transform:rotate(7deg)}.intro-aside b{font-size:18px;font-style:italic}.intro-aside svg{position:absolute;bottom:-31px;right:12px;transform:rotate(5deg)}.game-cabinet{border:2px solid var(--ink);background:#fff;border-radius:22px;scroll-margin-top:15px;overflow:hidden;box-shadow:0 7px #28213c}.game-cabinet:fullscreen{background:var(--paper);box-shadow:none;border-radius:0;padding:20px max(20px,50vw - 525px);overflow-y:auto}.cabinet-top{background:var(--ink);color:#f5f0ff;justify-content:space-between;align-items:center;padding:10px 23px;display:flex}.live-label{letter-spacing:1.6px;align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.live-label>span{background:var(--yellow);border-radius:50%;width:7px;height:7px}.cabinet-actions{gap:15px;display:flex}.cabinet-actions button{color:#e5dff0;background:0 0;border:0;align-items:center;padding:3px;display:flex}.mode-tabs{background:#f4f1fa;border-bottom:1px solid #dfd8e9;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 24px;display:grid}.mode-tabs button{text-align:left;background:0 0;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:10px 13px;display:flex}.mode-tabs button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 3px var(--ink);background:#fff}.mode-tabs button>svg{margin-left:auto}.mode-tabs b,.mode-tabs small{display:block}.mode-tabs b{font-size:13px}.mode-tabs small{color:var(--muted);margin-top:1px;font-size:10px}.mode-number{background:#e2dbea;border-radius:7px;place-items:center;width:25px;height:25px;font-size:12px;font-weight:700;display:grid}.mode-tabs button[aria-pressed=true] .mode-number{background:var(--yellow)}.performance-stage{isolation:isolate;background:#ded1f3;padding:17px 28px 15px;position:relative;overflow:hidden}.stage-grid{z-index:-1;opacity:.36;background-image:radial-gradient(#9e83c5 .9px,#0000 .9px);background-size:18px 18px;position:absolute;inset:0}.performance-stage.drop{background:#eadcf8}.stage-meta{letter-spacing:1.2px;color:#67567c;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;display:flex}.stage-meta>span:last-child{background:#ffffff80;border-radius:5px;padding:4px 9px}.word-stage{grid-template-columns:135px 1fr 130px;align-items:center;gap:15px;min-height:205px;padding:8px 0 13px;display:grid}.mascot{transform-origin:bottom;width:133px;height:144px}.mascot.bop{transform:translateY(-9px)rotate(-7deg)}.mascot-wrap{text-align:center;align-self:end}.mascot-wrap>span{color:#6b527f;margin-top:-9px;font-size:9px;font-weight:600;display:block;transform:rotate(-5deg)}.current-word{text-align:center;min-width:0}.current-word>p{color:#75618e;margin:0 0 6px;font-size:12px}.word-display{letter-spacing:-5px;font-size:clamp(64px,8vw,98px);font-weight:900;line-height:1.05;display:inline-block;position:relative}.word-spark{color:#9770c6;font-size:31px;font-weight:400;position:absolute;top:-3px;right:-31px}.word-note{color:#695579;margin-top:14px;font-size:11px;display:block}.up-next{background:#ffffff35;border:1.5px dashed #9a83b5;border-radius:12px;padding:16px;transform:rotate(5deg)}.up-next small{letter-spacing:1.3px;color:#7f6998;font-size:8px;font-weight:600}.up-next b{letter-spacing:-1px;overflow-wrap:anywhere;font-size:27px;line-height:1.4;display:block}.up-next>span{color:#897499;font-size:9px}.beat-lane{grid-template-columns:repeat(4,1fr);gap:13px;margin:6px 0 15px;display:grid}.beat-pad{text-align:center;background:#f6effe;border:2px solid #a994c1;border-radius:12px;justify-content:center;align-items:center;height:81px;transition:transform 80ms;display:flex;position:relative;box-shadow:0 4px #aa93c0}.beat-count{color:#9983b1;place-items:center;font-size:10px;display:grid;position:absolute;top:8px;left:12px}.beat-pad>b{letter-spacing:-.8px;font-size:29px}.beat-pad>small{letter-spacing:1px;font-size:7px;font-weight:700;position:absolute;bottom:5px}.beat-pad.target-pad{background:#f9e994;border-color:#a99048;box-shadow:0 4px #b79d52}.beat-pad.active{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(3px);box-shadow:0 1px #806a98}.beat-pad.active .beat-count{color:#fff}.beat-pad.target-pad.active{color:var(--ink);border-color:var(--ink);background:#fae062;box-shadow:0 1px #a68a30}.beat-pad.target-pad.active .beat-count{color:var(--ink)}.stage-bottom{color:#7f6994;justify-content:space-between;font-size:10px;display:flex}.stage-bottom span:first-child{align-items:center;gap:5px;display:flex}.round-progress{background:#c4b1de;height:4px}.round-progress>span{background:var(--purple);height:100%;transition:width .1s;display:block}.console{justify-content:space-between;align-items:center;gap:18px;padding:20px 27px 12px;display:flex}.console-settings{gap:22px;display:flex}.console-settings label{color:#8b8496;letter-spacing:1.3px;flex-direction:column;gap:4px;font-size:8px;font-weight:700;display:flex}.console-settings select{color:var(--ink);letter-spacing:0;background:0 0;border:0;max-width:145px;padding:0 17px 0 0;font-size:12px;font-weight:600}.play-controls{align-items:center;gap:10px;display:flex}.play-button{min-width:163px;box-shadow:0 4px var(--ink);background:var(--yellow)!important;color:var(--ink)!important;border:2px solid var(--ink)!important;border-radius:11px!important;gap:9px!important;height:46px!important;font-size:16px!important;font-weight:750!important}.play-button:hover{transform:translateY(-1px)}.play-button:active{box-shadow:0 1px var(--ink);transform:translateY(3px)}.shuffle-button{background:#fff;border:1.5px solid #dcd7e5;border-radius:10px;place-items:center;width:42px;height:43px;display:grid}.cabinet-foot{color:#96909f;justify-content:space-between;align-items:center;padding:6px 28px 20px;font-size:10px;display:flex}.demo-link{color:#76618f;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:11px;display:flex}.demo-link:hover{color:var(--purple)}.timing-panel{color:#8b8297;border-top:1px solid #e8e4ef;padding:12px 28px;font-size:10px}.timing-panel summary{cursor:pointer;align-items:center;gap:7px;width:fit-content;display:flex}.timing-panel p{margin-top:12px}.timing-panel label{align-items:center;gap:7px;display:inline-flex}.timing-panel button{background:#eee7f7;border:1px solid #d4c6e7;border-radius:7px;margin:0 14px;padding:7px 12px}.timing-panel input{accent-color:var(--purple)}.timing-panel kbd{border:1px solid #ccc3d8;border-radius:3px;margin-left:5px;padding:3px;font-size:9px}.family-notice{margin:0;padding:10px 25px;font-size:12px}.family-notice button{text-decoration:underline}.round-result{background:#fcf0c5;border-top:1px solid #e4d493;align-items:center;gap:18px;padding:25px 28px;display:flex}.round-result h2{margin:0 0 6px;font-size:19px}.round-result p{max-width:55ch;margin:0;font-size:12px}.result-badge{color:#bd8e2a;font-size:40px}.result-next{min-width:125px;margin-left:auto}.game-error{color:#a13433;background:#fff0ed;margin:0;padding:12px 26px;font-size:13px}.below-game{text-align:center;padding:73px 5px 55px}.tiny-label{letter-spacing:1.4px;color:#9a91a6;font-size:9px;font-weight:650}.section-heading h2{margin:12px 0 14px}.section-heading p{color:var(--muted);max-width:58ch;margin:0 auto;font-size:13px}.how-strip{grid-template-columns:repeat(3,1fr);gap:48px;margin:37px 0 25px;display:grid}.how-icon{border:1.5px solid var(--ink);width:51px;height:51px;box-shadow:0 3px var(--ink);border-radius:14px;place-items:center;margin-bottom:18px;display:inline-grid;transform:rotate(-5deg)}.lilac{background:var(--lilac)}.yellow{background:var(--yellow)}.pink{background:var(--pink)}.how-strip h3{margin:0 0 9px;font-size:17px}.how-strip p{color:var(--muted);margin:0;font-size:12px}.text-link{color:#70529e;align-items:center;gap:9px;font-size:12px;font-weight:650;display:inline-flex}.rhyme-promo{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:35px 5px 40px;display:grid}.rhyme-promo h2{max-width:20ch;margin:12px 0;font-size:26px}.rhyme-promo p{color:var(--muted);max-width:48ch;font-size:12px}.word-stickers{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.word-stickers a{border:1.5px solid var(--ink);box-shadow:0 3px var(--ink);background:#ddcbf8;border-radius:12px;padding:12px 21px;font-size:21px;font-weight:750;transform:rotate(-7deg)}.word-stickers a:nth-child(2){background:var(--yellow);transform:rotate(8deg)}.word-stickers a:nth-child(3){background:var(--pink);transform:rotate(-4deg)}.word-stickers span{color:#665473;font-size:14px;font-weight:500;display:block}.faq-section{grid-template-columns:1fr 1.6fr;gap:60px;padding:60px 5px;display:grid}.faq-section h2{margin:12px 0;font-size:27px}.faq-section>div>p{color:var(--muted);font-size:12px}.faq-section>div>svg{color:#b899df;margin-top:13px;transform:rotate(-14deg)}.faqs details{border-bottom:1px solid var(--line);padding:17px 0}.faqs summary{cursor:pointer;justify-content:space-between;gap:25px;font-size:12px;font-weight:650;list-style:none;display:flex}.faqs summary span{color:#9685ad;font-size:17px}.faqs details p{color:var(--muted);max-width:65ch;margin:12px 0 0;font-size:12px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:40px;max-width:1190px;margin:auto;padding:35px 37px 40px;display:flex}.site-footer .brand{font-size:21px}.site-footer p{color:var(--muted);margin:7px 0;font-size:11px}.site-footer small{color:#a29aaa;font-size:9px}.site-footer nav{color:#887e97;flex-wrap:wrap;align-items:center;gap:17px;font-size:10px;display:flex}.content-page{max-width:920px;min-height:50vh;margin:45px auto 70px;padding:0 28px}.content-page h1{max-width:23ch;margin:18px 0;font-size:44px}.content-page h2{margin:34px 0 13px;font-size:25px}.content-page h3{margin:22px 0 9px}.content-page>p,.content-page section p{color:#70647f;max-width:73ch}.content-page .lead{color:#7d6c8d;max-width:63ch;font-size:18px}.content-page li{margin:8px 0}.content-page ul,.content-page ol{list-style:revert;padding-left:23px}.content-page .breadcrumbs{color:#897795;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.content-page a:not(.game-cta):hover{text-decoration:underline}.game-cta{background:var(--yellow);border:2px solid var(--ink);box-shadow:0 4px var(--ink);border-radius:10px;align-items:center;gap:12px;margin:18px 0;padding:12px 20px;font-weight:700;display:inline-flex}.lesson-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.lesson-grid>div{text-align:center;background:#e7dcf6;border:1px solid #c5b0dd;border-radius:10px;padding:17px 8px}.lesson-grid>div:last-child{background:var(--yellow);border-color:#cfb355}.lesson-grid small{color:#8a759f;font-size:11px;display:block}.lesson-grid b{font-size:25px;display:block}.reading-note{background:#ece5f6;border-left:4px solid #9d7dcc;border-radius:0 9px 9px 0;margin:25px 0;padding:18px 22px;font-size:14px}.family-grid{grid-template-columns:repeat(3,1fr);gap:17px;margin:25px 0;display:grid}.family-card{border:1.5px solid var(--ink);box-shadow:0 3px var(--ink);background:#fff;border-radius:12px;padding:21px;transition:transform .15s}.family-card:hover{transform:translateY(-3px);text-decoration:none!important}.family-card h2{margin:0 0 9px;font-size:27px}.family-card p{color:#8b799d;margin:0;font-size:13px!important}.word-list{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.word-list span{background:#e5d6f6;border:1px solid #c6adde;border-radius:9px;padding:9px 17px;font-weight:600}.example-lines{border:1px solid var(--line);background:#fff;border-radius:12px;margin:20px 0;padding:20px 25px}.example-lines p{margin:8px 0;font-size:20px;color:var(--ink)!important}.finder-input{border:2px solid var(--ink);background:#fff;border-radius:10px;width:100%;max-width:530px;margin:17px 0 0;padding:12px 16px}.contact-draft{background:#eee7f7;border:1px solid #d7c9e8;border-radius:10px;padding:20px;font-size:14px}.contact-draft button{background:var(--ink);color:#fff;border:0;border-radius:7px;margin-top:10px;padding:10px 17px}.contact-draft textarea{resize:vertical;background:#fff;border:1px solid #c8b7d8;border-radius:8px;width:100%;height:170px;margin:13px 0;padding:13px}.contact-draft label{display:block}::selection{color:var(--ink);background:#e6d38c}@media (max-width:800px){.site-header{gap:15px;padding:20px 25px}.header-note{display:none}.site-header nav{gap:20px;margin:0 0 0 auto}.home{padding:0 22px}.game-intro h1{font-size:40px}.word-stage{grid-template-columns:100px 1fr 100px;gap:10px}.mascot{width:102px;height:122px}.up-next{padding:10px}.up-next b{font-size:23px}.word-display{font-size:78px}.console{gap:10px;padding:18px 20px 11px}.console-settings{gap:13px}.console-settings select{max-width:120px;font-size:11px}.play-button{min-width:125px}.faq-section,.how-strip{gap:25px}.rhyme-promo{gap:20px}.site-footer{padding:25px}.site-footer nav{max-width:240px}.family-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){body{font-size:14px}.site-header{gap:8px;padding:17px}.brand{font-size:20px}.brand-icon{border-radius:8px;width:29px;height:29px;margin-right:6px}.brand-icon svg{width:18px}.site-header nav{gap:12px;font-size:10px}.site-header nav a:first-child,.site-header nav svg{display:none}.home{padding:0 13px}.game-intro{padding:26px 4px 23px}.game-intro h1{letter-spacing:-1.3px;font-size:33px}.game-intro p{font-size:12px}.intro-sticker{font-size:9px}.title-star{margin-left:9px;font-size:30px}.intro-aside{display:none}.game-cabinet{border-radius:16px}.cabinet-top{padding:10px 15px}.live-label{letter-spacing:1.3px;font-size:8px}.mode-tabs{gap:4px;padding:11px 10px}.mode-tabs button{border-radius:7px;gap:5px;padding:8px 6px}.mode-number{width:18px;height:21px;font-size:10px}.mode-tabs b{font-size:10px}.mode-tabs small{font-size:8px}.mode-tabs button>svg{display:none}.performance-stage{padding:15px 13px 13px}.stage-meta{letter-spacing:.8px;font-size:7px}.word-stage{grid-template-columns:64px 1fr 66px;gap:3px;min-height:161px;padding:10px 0}.mascot{width:72px;height:88px}.mascot-wrap{align-self:center;margin-left:-7px}.mascot-wrap>span{margin-top:-6px;font-size:7px}.word-display{letter-spacing:-3px;font-size:58px}.word-spark{font-size:20px;top:-2px;right:-20px}.current-word>p{margin:0 0 6px;font-size:9px}.word-note{max-width:160px;margin-top:11px;margin-left:auto;margin-right:auto;font-size:8px;line-height:1.5}.up-next{border-radius:8px;padding:8px 5px}.up-next small{font-size:6px}.up-next b{font-size:18px}.up-next>span{font-size:7px}.beat-lane{gap:8px;margin:4px 0 14px}.beat-pad{border-radius:9px;height:63px}.beat-pad>b{font-size:23px}.beat-count{font-size:8px;top:4px;left:6px}.beat-pad>small{letter-spacing:.5px;font-size:5px}.stage-bottom{font-size:8px}.stage-bottom svg{width:11px}.console{flex-direction:column;align-items:stretch;gap:17px;padding:16px 16px 12px}.console-settings{justify-content:space-between;gap:12px}.console-settings label{font-size:7px}.console-settings select{max-width:120px;font-size:11px}.play-controls{justify-content:center}.play-button{flex:1;max-width:245px;height:44px!important;font-size:15px!important}.cabinet-foot{flex-wrap:wrap;gap:8px;padding:6px 17px 16px}.cabinet-foot>span{font-size:8px}.demo-link{font-size:9px}.timing-panel{padding:11px 17px;font-size:9px}.timing-panel button{margin:10px 0;display:block}.round-result{flex-wrap:wrap;gap:12px;padding:20px 18px}.round-result h2{font-size:18px}.round-result p{font-size:11px}.result-badge{display:none}.result-next{margin-left:0}.below-game{padding:53px 9px 40px}.section-heading h2{font-size:25px}.section-heading p{font-size:12px}.tiny-label{font-size:8px}.how-strip{text-align:left;grid-template-columns:1fr;gap:21px;margin:28px 0}.how-strip article{min-height:65px;padding-left:68px;position:relative}.how-icon{width:46px;height:46px;position:absolute;top:5px;left:0}.how-strip h3{font-size:16px}.how-strip p{font-size:12px}.rhyme-promo{grid-template-columns:1fr;gap:28px;padding:30px 10px}.rhyme-promo h2{max-width:24ch;font-size:26px}.word-stickers{justify-content:flex-start;padding:0 7px}.word-stickers a{padding:9px 17px;font-size:19px}.faq-section{grid-template-columns:1fr;gap:10px;padding:35px 10px}.faq-section>div>svg{display:none}.faq-section h2{font-size:25px}.site-footer{flex-direction:column;gap:23px;padding:25px 22px}.site-footer nav{max-width:none;font-size:10px}.content-page{margin-top:30px;padding:0 21px}.content-page h1{font-size:34px}.content-page .lead{font-size:16px}.family-grid{gap:13px}.family-card{padding:17px}.family-card h2{font-size:24px}.family-card p{font-size:11px!important}.lesson-grid{gap:7px}.lesson-grid b{font-size:20px}.lesson-grid small{font-size:9px}.content-page .breadcrumbs{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.mascot.bop{transform:none}}.word-display.long-word{letter-spacing:-3px;font-size:72px}.beat-pad>b.long-slot{font-size:22px}@media (max-width:560px){.word-display.long-word{letter-spacing:-2px;font-size:39px}.beat-pad>b.long-slot{font-size:15px}}.home-guide .section-heading p{max-width:72ch;margin:0 auto 16px;font-size:15px;line-height:1.8}.home-guide .how-strip{text-align:left;gap:28px}.home-guide .how-strip p,.home-guide .rhyme-promo p,.home-guide .faqs details p{font-size:14px;line-height:1.8}.home-guide .faqs summary{font-size:14px}.home-guide .rhyme-promo p{max-width:60ch}.guide-section{border-top:1px solid var(--line);padding:44px 5px}.guide-section h2{max-width:32ch;margin:12px 0 20px;font-size:28px}.guide-lead,.guide-practice>p{max-width:72ch;color:var(--muted);font-size:15px;line-height:1.8}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px;display:grid}.guide-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:23px}.guide-grid h3{margin:0 0 12px;font-size:18px;line-height:1.4}.guide-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.home-guide .text-link{font-size:14px}@media (max-width:700px){.guide-section{padding:34px 10px}.guide-section h2{font-size:25px}.guide-grid{grid-template-columns:1fr;gap:15px;margin-top:22px}.guide-grid article{padding:20px}.home-guide .how-strip article{padding-top:62px;padding-left:0}.home-guide .how-icon{top:0}.home-guide .section-heading p{text-align:left;font-size:14px}.home-guide .faq-section{gap:20px}}.analytics-preferences{font:inherit;color:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.analytics-notice{z-index:60;max-width:1000px;color:var(--ink);border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;align-items:center;gap:18px;margin:auto;padding:10px 42px 10px 16px;display:flex;position:fixed;bottom:10px;left:12px;right:12px;box-shadow:0 2px 12px #28213c14}.analytics-notice p{color:var(--muted);flex:1;margin:0;font-size:12px;line-height:1.5}.analytics-notice a{color:var(--ink);text-decoration:underline}.analytics-actions{flex-shrink:0;gap:8px;display:flex}.analytics-actions button{border:1px solid var(--ink);color:var(--ink);background:#fff;border-radius:7px;min-height:36px;padding:7px 12px;font-size:12px;font-weight:600;line-height:1.5}.analytics-actions button:last-child{background:var(--yellow)}.analytics-close{width:32px;height:36px;color:var(--muted);background:0 0;border:0;font-size:21px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}@media (max-width:560px){.analytics-notice{flex-wrap:wrap;gap:8px;padding:10px 36px 10px 12px;bottom:8px;left:8px;right:8px}.analytics-notice p{flex-basis:100%;font-size:11px}.analytics-actions{gap:8px}.analytics-actions button{min-height:36px;padding:5px 14px}.analytics-close{top:6px;transform:none}}.mode-brief{background:#ffffffb3;border:1px solid #b7a0cf;border-radius:12px;margin:0 0 16px;padding:13px 16px;position:relative}.mode-brief>span{letter-spacing:1.3px;color:#705393;font-size:9px;font-weight:700}.mode-brief h2{letter-spacing:-.5px;margin:4px 0 6px;font-size:21px}.mode-brief p{color:#665473;max-width:80ch;margin:0;font-size:12px;line-height:1.6}.mode-brief-free{border-left:5px solid var(--purple)}.freestyle-lane{grid-template-columns:3fr 1fr;gap:13px;margin:5px 0 15px;display:grid}.freestyle-setup{background:#ffffff90;border:2px dashed #ac91c8;border-radius:12px;flex-direction:column;justify-content:center;min-height:91px;padding:12px 18px;display:flex;position:relative}.freestyle-setup.speaking{border-color:var(--purple);background:#fff}.freestyle-setup strong{font-size:22px;line-height:1.3}.freestyle-setup>small{color:#796288;font-size:10px}.freestyle-beats{gap:7px;margin-bottom:6px;display:flex}.freestyle-beats span{background:#e4d5f2;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.freestyle-beats .active{background:var(--yellow);outline:1px solid var(--ink)}.freestyle-lane>.beat-pad{height:auto;min-height:91px}.freestyle-example{margin:0 0 13px;font-size:12px;position:relative}.freestyle-example button{color:#604282;background:0 0;border:0;padding:3px 0;text-decoration:underline}.freestyle-example p{color:#604282;margin:5px 0 0;font-size:12px}.performance-stage .stage-bottom>span{max-width:85%}@media (max-width:560px){.mode-brief{margin-bottom:13px;padding:10px 12px}.mode-brief>span{font-size:8px}.mode-brief h2{margin:3px 0 5px;font-size:17px}.mode-brief p{font-size:11px}.freestyle-lane{grid-template-columns:minmax(0,3fr) minmax(68px,1fr);gap:8px}.freestyle-setup{min-height:92px;padding:10px}.freestyle-setup strong{font-size:18px}.freestyle-setup>small{font-size:9px}.freestyle-example,.freestyle-example p{font-size:11px}.beat-pad>b{font-size:20px}.word-stage{min-height:155px}}.beat-pulse-dot{background:#b69bcf;border-radius:50%;width:18px;height:18px;transition:transform .1s,background-color .1s,box-shadow .1s;display:block;box-shadow:0 0 0 7px #b69bcf20}.beat-pad.active .beat-pulse-dot{background:var(--yellow);transform:scale(1.2);box-shadow:0 0 0 8px #f8df752b}@media (prefers-reduced-motion:reduce){.beat-pad.active .beat-pulse-dot{transform:none}}.shuffle-button.next-words-button,.shuffle-button.stop-button{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:auto;min-width:104px;padding:0 14px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}@media (max-width:560px){.shuffle-button.next-words-button,.shuffle-button.stop-button{gap:5px;padding:0 10px;font-size:11px}}.shuffle-button.stop-button{border-color:var(--ink);color:var(--ink);background:#f8eef3}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
