/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.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}}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.italic{font-style:italic}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#172348;--orange:#ff5b35;--yellow:#ffd83d}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:#10182e;font-family:Arial,Noto Sans TC,sans-serif}button{font:inherit}main{place-items:center;height:100dvh;padding:10px;display:grid}header,.title,footer{display:none!important}.hero{width:100%;max-width:1500px;height:100%;margin:0;padding:0}.gameShell{border:2px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;height:100%;display:flex;overflow:hidden}.hud{border-bottom:2px solid var(--ink);align-items:center;gap:24px;height:52px;min-height:52px;padding:0 18px;display:flex}.hearts{color:#ef3f50;letter-spacing:4px;font-size:25px}.hearts .lost{color:#d6d6d6}.score{letter-spacing:1px;font:700 12px monospace}.voiceDot{margin-left:auto;font-size:12px;font-weight:700}.voiceDot i{background:#21bd79;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #d8f7e9}.screen{background:#8cdbfb;flex:1;min-height:0;position:relative}.screen canvas{width:100%;height:100%;display:block}.overlay{text-align:center;background:#eafaffeb;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.overlay h2{margin:6px 0;font-size:clamp(24px,3.2vw,38px)}.overlay p{margin:0 0 16px;font-weight:600}.overlay strong{color:var(--orange);font-size:26px}.mascot{display:none}.primary{border:2px solid var(--ink);background:var(--orange);color:#fff;min-width:210px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:9px;padding:13px 20px;font-weight:900}.primary:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.primary b{float:right}.link{cursor:pointer;color:var(--ink);background:0 0;border:0;margin-top:13px;font-weight:700;text-decoration:underline}.cameraBox{aspect-ratio:1;width:min(200px,36vh);box-shadow:0 0 0 3px var(--ink);background:#b9eaff;border:4px solid #fff;border-radius:50%;position:relative;overflow:hidden}.cameraBox video,.cameraBox canvas{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.cameraBox canvas{position:absolute;inset:0;transform:none}.faceGuide{border:2px dashed #fffc;border-radius:50%;position:absolute;inset:12%}.shutter{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;width:48px;height:48px;margin:10px;padding:5px}.shutter i{background:var(--orange);border-radius:50%;width:100%;height:100%;display:block}.boom{color:var(--orange);text-shadow:4px 4px 0 var(--yellow);font-size:58px;font-weight:1000;transform:rotate(-8deg)}.controls{grid-template-columns:1fr 1fr .75fr;gap:16px;height:72px;min-height:72px;padding:10px 18px;display:grid}.controls>div{align-items:center;gap:12px;display:flex}.controls>div+div{border-left:1px solid #ddd;padding-left:18px}.controls kbd{background:var(--yellow);border:2px solid var(--ink);min-width:60px;height:40px;box-shadow:3px 3px 0 var(--ink);border-radius:8px;place-items:center;font-size:17px;font-weight:900;display:grid}.controls span{font-size:10px;line-height:1.4}.controls span b{font-size:13px;display:block}.fallback{justify-content:center;flex-direction:column!important;align-items:flex-start!important;gap:0!important}.fallback>span{text-transform:uppercase;letter-spacing:1px;color:#888}@media (width<=700px){main{padding:0}.gameShell{border:0;border-radius:0}.hud{gap:8px;height:48px;min-height:48px;padding:0 10px}.voiceDot{display:none}.controls{grid-template-columns:1fr 1fr;gap:8px;height:58px;min-height:58px;padding:8px 12px}.controls .fallback{display:none}.controls>div+div{padding-left:10px}.controls span{display:none}.controls kbd{min-width:58px;height:36px}.cameraBox{width:min(170px,34vh)}.overlay h2{font-size:24px}}.timer{color:#6b3fe2;font:800 13px monospace}.share{border:2px solid var(--ink);color:#fff;cursor:pointer;background:#6b3fe2;border-radius:9px;min-width:210px;margin-top:12px;padding:11px 18px;font-weight:900}@media (width<=700px){.timer{font-size:11px}.overlay{background:#eafafff2}}.countdown span{color:#6b3fe2;text-shadow:7px 7px #ffd83d;font:1000 clamp(90px,18vw,180px)/.9 Arial;animation:1s ease-out infinite count-pop;display:block}.countdown p{letter-spacing:4px;font-size:18px;margin-top:20px!important}@keyframes count-pop{0%{opacity:.2;transform:scale(.6)}35%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.history{color:#394160;cursor:pointer;background:#f3f5fb;border:1px solid #b7bdd0;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:800}.history:disabled{opacity:.55;cursor:default}.recordOption{text-align:left;cursor:pointer;background:#fff;border:1px solid #cfd6e5;border-radius:9px;align-items:center;gap:10px;margin-top:16px;padding:9px 13px;display:flex}.recordOption input{accent-color:#6b3fe2;width:18px;height:18px}.recordOption span{flex-direction:column;font-size:12px;display:flex}.recordOption small{color:#727b91;margin-top:2px}@media (width<=700px){.history{padding:5px 7px;font-size:0}.history:after{content:"▶";font-size:12px}}.resultHistory{border:2px solid var(--ink);min-width:210px;color:var(--ink);cursor:pointer;background:#ffd83d;border-radius:9px;margin:0 0 12px;padding:11px 18px;font-weight:900}.resultHistory:disabled{color:#7d8496;cursor:default;background:#e7e9ef;border-color:#aeb4c2}.downloadRecording{color:#596078;text-underline-offset:3px;margin:-5px 0 13px;font-size:11px;font-weight:800;text-decoration:underline}.downloadRecording:hover{color:#6b3fe2}.controls kbd{flex-direction:column;justify-content:center;min-width:88px;height:48px;line-height:1;display:flex}.controls kbd strong{font-size:17px}.controls kbd small{white-space:nowrap;color:#38415f;margin-top:4px;font:800 10px Arial}@media (width<=700px){.controls kbd{min-width:92px;height:42px}.controls kbd small{font-size:10px}}.controls kbd{min-width:64px;height:40px;font-size:18px;display:grid}.controls .actionLabel{white-space:nowrap;font-size:15px;font-weight:900;display:block!important}@media (width<=700px){.controls kbd{min-width:58px;height:38px}.controls .actionLabel{font-size:13px;display:block!important}}.rankGrid{grid-template-columns:1fr 1fr;gap:10px;width:min(430px,90vw);margin:0 0 12px;display:grid}.rankGrid div{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:10px;padding:9px 13px}.rankGrid small{color:#737b91;letter-spacing:2px;font-size:10px;display:block}.rankGrid b{color:#6b3fe2;margin-top:3px;font-size:17px;display:block}@media (height<=680px){.boom{font-size:38px}.overlay h2{font-size:28px}.rankGrid{margin-bottom:8px}.rankGrid div{padding:6px 10px}.resultHistory{margin-bottom:8px;padding:8px 14px}.primary,.share{padding:9px 16px}}.rankGrid.single{grid-template-columns:1fr;width:min(330px,82vw)}.rankGrid.single b{font-size:22px}.instructionCard{border:3px solid var(--ink);width:min(820px,94vw);max-height:96%;box-shadow:8px 8px 0 var(--ink);text-align:left;background:#fff;border-radius:18px;grid-template-columns:minmax(0,1.35fr) minmax(260px,.9fr);display:grid;overflow:hidden}.instructionCard>img{object-fit:cover;background:#071336;width:100%;height:100%;min-height:0}.instructionCopy{flex-direction:column;justify-content:center;padding:18px;display:flex}.instructionCopy h2{margin:0 0 12px;font-size:clamp(21px,2.4vw,31px);line-height:1.08}.instructionSteps{gap:8px;display:grid}.instructionSteps p{border:2px solid var(--ink);background:#f3f6ff;border-radius:10px;grid-template-columns:72px 1fr;align-items:center;gap:8px;margin:0;padding:8px;display:grid}.instructionSteps b{color:#6b3fe2;font-size:20px}.instructionSteps span{font-size:13px;font-weight:800;line-height:1.35}.dangerTip{background:#fff1d2;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:13px;font-weight:900}.instructionCopy>small{color:#6d7487;margin:9px 0;font-size:11px;font-weight:800}.readyButton{width:100%;min-width:0}.controls{padding-top:22px;position:relative}.controlNote{color:#667087;letter-spacing:.5px;font-weight:900;top:3px;left:18px;right:18px;font-size:10px!important;display:block!important;position:absolute!important}.controls kbd{cursor:default}.controls kbd:after{content:"聲控";color:#596078;background:#fff8;border-radius:4px;margin-left:5px;padding:2px 4px;font:800 8px Arial}@media (width<=700px){.instructionCard{grid-template-columns:1fr;width:min(430px,96vw);max-height:98%;overflow:auto}.instructionCard>img{height:min(34vh,220px)}.instructionCopy{padding:12px}.instructionCopy h2{font-size:20px}.instructionSteps p{padding:6px}.dangerTip{margin-top:7px}.instructionCopy>small{margin:6px 0}.controls{padding-top:20px}.controlNote{text-align:center;left:10px;right:10px;font-size:9px!important}}@media (height<=650px) and (width>=701px){.instructionCard{max-height:98%}.instructionCopy{padding:12px}.instructionSteps p{padding:5px}.dangerTip{margin-top:6px}.instructionCopy>small{margin:5px 0}.instructionCopy h2{margin-bottom:8px;font-size:22px}}.hud{gap:34px;height:68px;min-height:68px;padding:0 24px}.hearts{font-size:32px}.score{font-size:15px}.score b{margin-left:9px;font-size:25px}.timer{font-size:17px}.voiceDot{font-size:14px}.voiceDot i{width:10px;height:10px}@media (width<=700px){.hud{gap:12px;height:60px;min-height:60px;padding:0 12px}.hearts{letter-spacing:2px;font-size:27px}.score{font-size:10px}.score b{margin-left:0;font-size:19px;display:block}.timer{font-size:13px}}.mobileBreak{display:none}.readyButton{white-space:nowrap}@media (width<=700px){.instructionCopy{text-align:left}.instructionCopy h2{text-align:center;text-wrap:balance;margin-bottom:9px;line-height:1.2}.instructionSteps{gap:7px}.instructionSteps p{grid-template-columns:1fr;gap:3px;padding:8px 10px}.instructionSteps b{white-space:nowrap;font-size:17px}.instructionSteps span{text-wrap:pretty;font-size:12px;line-height:1.45}.dangerTip{text-align:center;text-wrap:balance;line-height:1.45}.mobileBreak{display:block}.readyButton{text-align:center;margin-top:8px}}.globalStats{grid-template-columns:1fr 1fr;gap:10px;width:min(430px,90vw);margin:-2px 0 12px;display:grid}.globalStats>div{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#eaf9ff;border-radius:10px;padding:8px 12px}.globalStats small{color:#657086;letter-spacing:1px;font-size:10px;display:block}.globalStats b{color:#ef4f35;margin-top:3px;font-size:19px;display:block}@media (height<=720px){.globalStats{margin-bottom:8px}.globalStats>div{padding:6px 10px}.globalStats b{font-size:16px}}.resultOverlay{overscroll-behavior:contain;padding:18px 16px calc(32px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(32px + env(safe-area-inset-bottom));justify-content:flex-start;overflow-y:auto}.resultOverlay>*{flex:none}.resultOverlay .boom{margin-top:2px}.nicknameForm,.leaderboard{border:2px solid var(--ink);width:min(430px,90vw);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:11px}.nicknameForm{margin:0 0 12px;padding:10px 12px}.nicknameForm>b,.nicknameForm>span{display:block}.nicknameForm>b{color:#6b3fe2;font-size:15px}.nicknameForm>span{color:#697188;margin:2px 0 8px;font-size:11px}.nicknameForm>div{gap:7px;display:flex}.nicknameForm input{border:1px solid #abb3c8;border-radius:7px;flex:1;min-width:0;padding:8px;font:700 13px Arial,Noto Sans TC,sans-serif}.nicknameForm button{color:#fff;white-space:nowrap;cursor:pointer;background:#6b3fe2;border:0;border-radius:7px;padding:8px 11px;font-weight:900}.nicknameForm button:disabled{opacity:.5;cursor:default}.leaderboard{margin:0 0 12px;overflow:hidden}.leaderboard h3{color:#fff;background:#172348;margin:0;padding:8px 12px;font-size:14px}.leaderRows>div{border-top:1px solid #e3e6ef;grid-template-columns:40px 1fr 80px;align-items:center;min-height:27px;padding:3px 10px;font-size:12px;display:grid}.leaderRows span{color:#697188;font-weight:900}.leaderRows b{text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}.leaderRows strong{text-align:right;color:#ef4f35}.leaderRows .top1{background:#fff2a8}.leaderRows .top2{background:#eef1f6}.leaderRows .top3{background:#ffe1c5}@media (width<=700px){.resultOverlay{padding-top:12px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.leaderRows>div{grid-template-columns:34px 1fr 72px}.nicknameForm>div{flex-direction:column}.nicknameForm button{width:100%}}.leaderRows strong{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0;font-size:11px;line-height:1}@media (width<=700px){.leaderRows>div{grid-template-columns:32px minmax(0,1fr) 84px;padding-inline:8px}.leaderRows strong{font-size:10px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}