/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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;--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}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.table{display:table}}:root{--ink:#123a3d;--ink-soft:#3e6261;--jade:#257369;--jade-dark:#174f4c;--cream:#fff5dc;--paper:#fffcf3;--gold:#f1b84b;--coral:#d95842;--line:#123a3d21;--shadow:0 22px 60px #1c433d2e}*{box-sizing:border-box}html{background:#f4d9ab;min-width:320px;min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 5%,#ffffffbd,#0000 28rem),radial-gradient(circle at 92% 22%,#d9584229,#0000 24rem),linear-gradient(155deg,#fff2d2 0%,#f6d5a5 54%,#eec68f 100%);margin:0;font-family:Noto Sans Thai,Leelawadee UI,Tahoma,Arial,sans-serif}.embedded-browser-page{min-height:100vh;padding:max(30px, env(safe-area-inset-top)) 18px max(30px, env(safe-area-inset-bottom));place-items:center;display:grid}.embedded-browser-card{width:min(100%,390px);color:var(--ink);background:radial-gradient(circle at 90% 0%, #f1b84b33, transparent 11rem), var(--paper);box-shadow:var(--shadow);text-align:center;border:2px solid #ffffffc7;border-radius:28px;padding:64px 22px 23px;position:relative}.embedded-browser-icon{color:#fff6dc;background:var(--coral);border:4px solid #fff4d4;border-radius:22px;place-items:center;width:70px;height:70px;font-family:Georgia,serif;font-size:33px;font-weight:900;display:grid;position:absolute;top:-31px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 9px 22px #8a32264d}.embedded-browser-card h1{letter-spacing:-.035em;margin:7px 0 10px;font-size:clamp(22px,7vw,29px);line-height:1.22}.embedded-browser-lead{color:var(--ink-soft);margin:0;font-size:13px;font-weight:650;line-height:1.65}.detected-device{color:var(--jade-dark);background:#25736913;border:1px solid #2573692b;border-radius:13px;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 7px;margin:18px 0 5px;padding:9px 11px;font-size:11px;display:flex}.detected-device span{color:var(--ink-soft);font-size:9px;font-weight:800}.detected-device strong{font-weight:900}.detected-device i{color:var(--gold);font-style:normal}.reported-version-note{color:#3e6261c7;font-size:8px;display:block}.open-browser-steps{counter-reset:browser-step;text-align:left;gap:9px;margin:18px 0;padding:0;list-style:none;display:grid}.open-browser-steps li{min-height:30px;color:var(--ink-soft);counter-increment:browser-step;padding:5px 0 0 39px;font-size:12px;font-weight:650;line-height:1.5;position:relative}.open-browser-steps li:before{color:#fffaf0;background:var(--jade);content:counter(browser-step);border-radius:10px;place-items:center;width:29px;height:29px;font-size:11px;font-weight:900;display:grid;position:absolute;top:0;left:0}.copy-browser-link{color:#fffaf0;background:var(--jade);width:100%;min-height:49px;box-shadow:0 6px 0 var(--jade-dark);cursor:pointer;border:0;border-radius:14px;font-size:13px;font-weight:900}.copy-browser-link:active{box-shadow:0 2px 0 var(--jade-dark);transform:translateY(4px)}.embedded-browser-footnote{color:var(--ink-soft);margin:13px 5px 0;font-size:9px;line-height:1.5}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:3px solid #25736959}.game-page{width:min(100%,520px);min-height:100vh;padding:max(18px, env(safe-area-inset-top)) 14px max(34px, env(safe-area-inset-bottom));margin:0 auto}.game-header{grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin:0 2px 13px;display:grid}.brand-mark{color:#fff6de;background:var(--coral);border:2px solid #fff5dcb3;border-radius:13px;place-items:center;width:44px;height:44px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:800;display:grid;transform:rotate(-3deg);box-shadow:0 7px 16px #993d2d38,inset 0 0 0 3px #ffffff26}.eyebrow{color:#8d573c;letter-spacing:.13em;text-transform:uppercase;margin:0 0 2px;font-size:10px;font-weight:800}.game-header h1{letter-spacing:-.02em;margin:0;font-size:clamp(17px,5vw,22px);line-height:1.2}.score-chip{text-align:right;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbefc2;border:1px solid #ffffff9e;border-radius:15px;min-width:59px;padding:6px 10px 7px;display:grid;box-shadow:0 8px 20px #34483814}.score-chip span{color:var(--ink-soft);font-size:9px;font-weight:700}.score-chip strong{font-size:18px;line-height:1}.game-card{background:var(--ink);box-shadow:var(--shadow);border:1px solid #ffffffbf;border-radius:27px;overflow:hidden}.game-canvas-wrap{aspect-ratio:390/640;isolation:isolate;width:100%;position:relative;overflow:hidden}.game-canvas,.game-canvas canvas{display:block;width:100%!important;height:100%!important}.game-canvas{position:absolute;inset:0}.stage-hud{z-index:3;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf3cc;border:1px solid #ffffffb3;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px 11px;font-size:11px;font-weight:800;display:grid;position:absolute;top:14px;left:14px;right:14px;box-shadow:0 8px 18px #1c3f3b1f}.stage-hud>strong{white-space:nowrap;border-radius:999px;justify-self:center;padding:3px 8px;font-size:9px}.stage-hud>strong.is-practice{color:#1d6758;background:#40b78029}.stage-hud>strong.is-sudden-death{color:#9a352c;background:#d9584229}.level-progress{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.level-progress i{background:#123a3d29;border-radius:999px;height:5px;transition:background .18s}.level-progress i.is-cleared{background:var(--gold);box-shadow:0 0 8px #f1b84bb3}.prompt-card{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf3e8;border:1px solid #ffffffbd;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:8px 20px;width:min(76%,284px);padding:12px 13px 12px 18px;transition:transform .16s,background .16s;display:grid;position:absolute;top:68px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #1f413c24}.prompt-card.phase-warning{background:#fff4cef5;transform:translate(-50%)scale(1.035)}.prompt-card.phase-success{background:#ddffe2f2}.prompt-card.phase-unclear{background:#e7f4fff5}.prompt-card.phase-collision,.prompt-card.phase-gameover{background:#ffe1d5f5}.prompt-copy{grid-template-columns:auto 1fr;align-items:end;gap:0 10px;display:grid}.phase-pill{color:#fffaf0;background:var(--jade);border-radius:999px;grid-column:1/-1;width:fit-content;margin-bottom:4px;padding:2px 7px;font-size:9px;font-weight:800}.prompt-copy strong{letter-spacing:.03em;font-family:Arial,sans-serif;font-size:clamp(31px,10vw,43px);line-height:.95}.prompt-copy small{color:var(--coral);padding-bottom:3px;font-family:Georgia,serif;font-size:25px;font-weight:800}.countdown-ring{background:radial-gradient(circle, #fff9e9 55%, transparent 57%), conic-gradient(var(--coral) var(--countdown), #123a3d21 0);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:background 80ms linear;display:grid}.countdown-ring span{font-family:Georgia,serif;font-size:16px;font-weight:900}.speech-feedback{color:#244f4a;background:#123a3d14;border-radius:10px;grid-column:1/-1;align-items:flex-start;gap:7px;padding:6px 8px;font-size:9px;font-weight:800;line-height:1.35;display:flex}.speech-feedback-copy{flex:1;gap:5px;min-width:0;display:grid}.speech-feedback i{background:#4f9284;border-radius:50%;flex:none;width:7px;height:7px;margin-top:2px;box-shadow:0 0 0 3px #4f928429}.speech-feedback.feedback-listening i,.speech-feedback.feedback-speech i,.speech-feedback.feedback-analyzing i{animation:.78s ease-in-out infinite alternate speech-status-pulse}.speech-feedback.feedback-speech{color:#165c50;background:#45ae8526}.speech-feedback.feedback-pass{color:#17633b;background:#48bb692b}.speech-feedback.feedback-pass i{background:#32a85e;box-shadow:0 0 0 3px #32a85e2b}.speech-feedback.feedback-sword{color:#80500a;background:#f1b84b33}.speech-feedback.feedback-sword>i{background:#e8a91e;box-shadow:0 0 0 3px #e8a91e33}.speech-feedback.feedback-warning{color:#8e361f;background:#dc644226}.speech-feedback.feedback-warning i{background:#df6745;box-shadow:0 0 0 3px #df67452b}.similarity-meter{background:linear-gradient(90deg,#d958422b 0 50%,#3aab682e 50% 80%,#f1b84b40 80% 100%);border:1px solid #123a3d29;border-radius:999px;height:10px;position:relative;overflow:hidden}.similarity-meter b{z-index:1;border-radius:inherit;background:linear-gradient(90deg,#df6745,#4eb878 72%,#efb331);transition:width .18s ease-out;position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #35916652}.similarity-meter em{z-index:2;background:#fffffff5;width:2px;position:absolute;top:-2px;bottom:-2px;transform:translate(-1px);box-shadow:0 0 0 1px #123a3d29}.similarity-labels{color:#123a3da8;grid-template-columns:1fr auto auto 1fr;gap:7px;font-size:7px;font-weight:900;line-height:1;display:grid}.similarity-labels span:last-child{text-align:right}@keyframes speech-status-pulse{0%{opacity:.45;transform:scale(.8)}to{opacity:1;transform:scale(1.12)}}.action-dock{z-index:4;color:#fff8df;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#082325e0;border:1px solid #ffffff38;border-radius:21px;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:76px;padding:9px 9px 9px 15px;display:grid;position:absolute;bottom:13px;left:13px;right:13px;box-shadow:0 12px 26px #031b1d4d}.action-dock p{margin:0;font-size:12px;font-weight:700;line-height:1.45}.engine-tag{color:#ffe4a5;letter-spacing:.12em;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;margin-bottom:3px;padding:2px 6px;font-family:Arial,sans-serif;font-size:7px;font-weight:900;display:inline-flex}.engine-tag.mode-offline{color:#c8ffe0;background:#41ce8621}.mic-button{color:#fff7e1;background:var(--coral);cursor:pointer;border:0;border-radius:15px;grid-template-columns:40px;justify-items:center;width:82px;min-height:58px;padding:6px;transition:transform .12s,opacity .12s,box-shadow .12s;display:grid;box-shadow:0 6px #953b2e}.mic-button:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px #953b2e}.mic-button.is-listening{animation:.9s ease-in-out infinite mic-pulse}.mic-button:disabled{opacity:.55;filter:saturate(.55);cursor:not-allowed}.mic-button.is-auto:disabled{opacity:1;filter:none;cursor:default;background:var(--jade);box-shadow:0 6px 0 var(--jade-dark)}.mic-button b{margin-top:1px;font-size:10px}.mic-icon{width:24px;height:28px;display:block;position:relative}.mic-icon i{background:currentColor;border-radius:7px;width:9px;height:17px;display:block;position:absolute;top:1px;left:8px}.mic-icon:before{content:"";border:2px solid;border-top:0;border-radius:0 0 10px 10px;width:17px;height:14px;position:absolute;top:7px;left:4px}.mic-icon:after{content:"";background:currentColor;border-radius:2px;width:11px;height:2px;position:absolute;bottom:1px;left:7px;box-shadow:5px -3px 0 -4px}.modal-layer{z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#0c313161,#062123bf),radial-gradient(circle at 50% 24%,#0000,#0621234d);place-items:center;padding:22px;display:grid;position:absolute;inset:0}.intro-panel{width:min(100%,320px);color:var(--ink);background:var(--paper);text-align:center;border:2px solid #ffffffb8;border-radius:25px;padding:28px 22px 23px;position:relative;box-shadow:0 22px 55px #06212359,inset 0 0 0 5px #f1b84b24}.intro-panel.is-compact{padding-top:40px}.intro-panel.is-compact h2{font-size:23px}.intro-panel .compact-rules{color:var(--ink-soft);margin:10px 0 7px;font-size:12px;line-height:1.45}.intro-panel .run-rules{color:#8e573d;margin:0 4px 18px;font-size:9px;font-weight:800;line-height:1.5;display:block}.intro-stamp{color:#fff6dc;background:var(--coral);border:4px solid #fff4d4;border-radius:20px;place-items:center;width:64px;height:64px;font-family:Georgia,serif;font-size:34px;font-weight:900;display:grid;position:absolute;top:-34px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 8px 20px #8a32264d}.intro-panel>p{color:#8e573d;margin:15px 0 4px;font-size:11px;font-weight:800}.intro-panel h2{letter-spacing:-.035em;margin:0;font-size:25px;line-height:1.18}.offline-loader{background:radial-gradient(circle at 90% 10%,#f1b84b33,#0000 4rem),#2573690e;border:1px solid #25736929;border-radius:15px;gap:8px;margin:23px 0 16px;padding:10px 11px 9px;display:grid}.offline-loader-track{height:43px;position:relative}.offline-loader-track>i{background:repeating-linear-gradient(90deg,#123a3d14 0 9px,#123a3d24 9px 11px),#ead5a8;border-radius:999px;height:8px;position:absolute;bottom:2px;left:0;right:0;overflow:hidden;box-shadow:inset 0 1px 2px #123a3d26}.offline-loader-track>i>b{width:var(--offline-progress);border-radius:inherit;background:linear-gradient(90deg,#3a9883,#70bf71 72%,#f1b84b);height:100%;transition:width .18s ease-out;display:block;box-shadow:0 0 8px #32976f59}.offline-loader-panda{z-index:2;bottom:5px;left:clamp(23px, var(--offline-progress), calc(100% - 23px));filter:drop-shadow(0 4px 3px #14322d38);background-image:url(/sprites/panda/run/walk.png);background-position:0 0;background-size:200% 200%;border-radius:50%;width:46px;height:46px;transition:left .18s ease-out;animation:.52s step-end infinite loader-panda-run;position:absolute;transform:translate(-50%)}.offline-loader-copy{color:var(--ink-soft);text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.offline-loader-copy strong{min-width:38px;color:var(--jade-dark);font-size:14px}.offline-loader-copy span{font-size:9px;font-weight:750;line-height:1.35}@keyframes loader-panda-run{0%{background-position:0 0;transform:translate(-50%)translateY(0)rotate(-1deg)}25%{background-position:100% 0;transform:translate(-50%)translateY(-2px)rotate(1deg)}50%{background-position:0 100%;transform:translate(-50%)translateY(0)rotate(-1deg)}75%{background-position:100% 100%;transform:translate(-50%)translateY(-2px)rotate(1deg)}}.intro-panel ul{text-align:left;gap:7px;margin:20px 0;padding:0;list-style:none;display:grid}.intro-panel li{color:var(--ink-soft);padding-left:27px;font-size:12px;font-weight:650;position:relative}.intro-panel li:before{color:#fff;background:var(--jade);content:"✓";border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;font-weight:900;display:grid;position:absolute;top:0;left:0}.intro-actions{gap:8px;display:grid}.secondary-button{width:100%;min-height:42px;color:var(--jade-dark);cursor:pointer;background:#25736914;border:1px solid #2573693d;border-radius:13px;font-size:12px;font-weight:900}.secondary-button:disabled{opacity:.6;cursor:wait}.privacy-note{color:var(--ink-soft);margin-top:11px;font-size:9px;line-height:1.4;display:block}.primary-button{color:#fffaf0;background:var(--jade);width:100%;min-height:48px;box-shadow:0 6px 0 var(--jade-dark);cursor:pointer;border:0;border-radius:14px;font-size:14px;font-weight:900}.primary-button:active:not(:disabled){box-shadow:0 2px 0 var(--jade-dark);transform:translateY(4px)}.primary-button:disabled{opacity:.6;cursor:wait}.result-panel{padding-top:33px}.final-score{color:var(--coral);margin:15px 0 18px;font-size:25px;display:block}.result-correct-count{color:var(--ink-soft);margin-top:9px;font-size:11px;font-weight:800;display:block}.speech-lab{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 90% 0,#f1b84b33,#0000 11rem),#fffcf3e0;border:1px solid #ffffffbf;border-radius:23px;gap:14px;margin-top:13px;padding:18px 17px;display:grid;box-shadow:0 14px 34px #324d3e1c}.lab-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.lab-heading h2{margin:0;font-size:18px;line-height:1.25}.status-badge{color:var(--ink-soft);background:#123a3d17;border-radius:999px;flex:none;padding:5px 9px;font-size:9px;font-weight:900}.status-badge.status-ready,.status-badge.status-result{color:#1c6557;background:#40b78026}.status-badge.status-loading,.status-badge.status-analyzing,.status-badge.status-listening,.status-badge.status-speech{color:#965636;background:#f1b84b38}.status-badge.status-error{color:#a23b2f;background:#d9584224}.lab-message{color:var(--ink-soft);margin:-5px 0 0;font-size:11px;line-height:1.5}.speech-pipeline{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.speech-pipeline>div{background:#123a3d0b;border:1px solid #123a3d14;border-radius:13px;min-width:0;padding:10px 8px;display:grid}.speech-pipeline>div.is-ready{background:#25736914;border-color:#25736930}.speech-pipeline span{color:#fff;background:#123a3d59;border-radius:50%;place-items:center;width:19px;height:19px;margin-bottom:6px;font-size:9px;font-weight:900;display:grid}.speech-pipeline .is-ready span{background:var(--jade)}.speech-pipeline strong{text-overflow:ellipsis;font-size:10px;line-height:1.25;overflow:hidden}.speech-pipeline small{color:var(--ink-soft);margin-top:2px;font-size:8px;line-height:1.3}.lab-primary-button{color:#fff;background:var(--coral);cursor:pointer;border:0;border-radius:13px;width:100%;min-height:45px;padding:8px 13px;font-size:12px;font-weight:900;box-shadow:0 5px #9b4033}.lab-primary-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #9b4033}.lab-primary-button:disabled{opacity:.6;cursor:wait}.lab-controls{gap:9px;display:grid}.lab-controls label{gap:5px;display:grid}.lab-controls label>span{color:var(--ink-soft);font-size:10px;font-weight:800}.lab-controls select{width:100%;min-height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #123a3d2b;border-radius:12px;padding:0 12px;font-size:12px;font-weight:800}.sample-test-button{min-height:40px;color:var(--jade-dark);cursor:pointer;background:#25736914;border:1px solid #25736933;border-radius:12px;font-size:10px;font-weight:900}.sample-test-button:disabled{opacity:.55;cursor:wait}.speech-result{background:#123a3d0d;border:1px solid #123a3d1a;border-radius:14px;padding:12px}.speech-result.verdict-pass{background:#52bf831f;border-color:#24875930}.speech-result.verdict-fail{background:#d958421a;border-color:#d9584233}.speech-result.verdict-unclear{background:#5aa3c71a;border-color:#3381a82e}.result-summary{justify-content:space-between;align-items:center;display:flex}.result-summary span{font-size:12px;font-weight:900}.result-summary strong{color:var(--coral);font-size:18px}.speech-result p{color:var(--ink-soft);margin:5px 0 0;font-size:10px}.recognition-debug{color:#d9f8e8;background:#102f31;border:1px solid #123a3d29;border-radius:14px;gap:10px;padding:13px;display:grid;box-shadow:inset 0 0 0 1px #ffffff06}.debug-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.debug-heading span{color:#7ec7a6;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:900}.debug-heading strong{color:#ffe093;font-size:13px}.recognition-debug dl{gap:8px;margin:0;display:grid}.recognition-debug dl>div{grid-template-columns:92px 1fr;align-items:start;gap:9px;display:grid}.recognition-debug dt,.recognition-debug dd{margin:0;font-size:10px;line-height:1.45}.recognition-debug dt{color:#d9f8e894}.debug-candidates{flex-wrap:wrap;gap:5px;display:flex}.debug-candidates span{color:#fff3c7;background:#ffffff14;border-radius:7px;padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.audio-metrics{gap:8px;display:grid}.audio-metrics>div{grid-template-columns:78px 1fr 54px;align-items:center;gap:8px;display:grid}.audio-metrics span,.audio-metrics strong{font-size:9px}.audio-metrics strong{text-align:right}.audio-metrics i{background:#123a3d1a;border-radius:999px;height:7px;display:block;overflow:hidden}.audio-metrics b{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--jade));height:100%;display:block}.crowd-tip{color:var(--ink-soft);background:#f1b84b21;border-radius:12px;margin:0;padding:10px 11px;font-size:10px;line-height:1.55}.auto-listen-note{color:var(--jade-dark);background:#25736917;border-radius:12px;margin:0;padding:10px 11px;font-size:10px;font-weight:800;line-height:1.55}.engine-note{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf3bd;border:1px solid #ffffffad;margin-top:13px;box-shadow:0 10px 26px #454e3614}.engine-note p{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.55}.engine-note{border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:11px;padding:15px 17px;display:grid}.engine-note>span{color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.engine-note strong{margin-bottom:2px;font-size:12px;display:block}@keyframes mic-pulse{0%,to{box-shadow:0 6px #953b2e,0 0 #d9584257}50%{box-shadow:0 6px #953b2e,0 0 0 9px #d9584200}}@media (width>=560px){.game-page{padding-top:28px}}@media (height<=720px) and (orientation:landscape){.game-page{width:min(100%,360px);padding-top:8px}.game-header{margin-bottom:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}