/*! 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{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.table{display:table}.grow{flex-grow:1}.rounded{border-radius:.25rem}}:root{--ink:#17221d;--cream:#f5f0e6;--jade:#205d49;--jade-light:#68a27e;--coral:#e66c4d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}button,select,input{font:inherit}button{color:inherit}.shell{background:#fffdf8 url(/game/hakka-pixel-world-v2.webp) top/cover no-repeat fixed;min-height:100svh;position:relative;overflow-x:hidden}.shell:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#08231f33,#fff6da14 35%,#08201c57),radial-gradient(circle at 50% 38%,#fff6d0bd,#fff6d033 28%,#0000 57%);position:fixed;inset:0}.topbar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#092622e6,#0c302ac2);border-bottom:1px solid #ffeeb840;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:0 clamp(24px,5vw,76px);display:grid;position:relative;box-shadow:0 8px 32px #081a173b}.brand{color:#fff4cf;letter-spacing:.08em;align-items:center;gap:11px;width:fit-content;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1;color:#fff8dc;background:radial-gradient(circle at 35% 30%,#e9b752,#7a451d 70%);border:1px solid #ffe79fb3;border-radius:12px 50% 50%;place-items:center;width:39px;font-family:Noto Serif TC,serif;font-size:17px;display:grid;transform:rotate(-5deg);box-shadow:0 0 20px #f6bc4a4d,inset 0 0 0 3px #fff8d426}.brand-copy{white-space:nowrap;flex-direction:column;gap:2px;display:flex}.brand-copy strong{font-size:14px;line-height:1}.brand-copy small{color:#d8ddc9;letter-spacing:.04em;font-size:10px;font-weight:600}.live-pill{letter-spacing:.13em;color:#fff0c8;background:#05181557;border:1px solid #ffe7a657;border-radius:99px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;display:flex}.live-pill i{background:#5ea476;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #5ea47621}.transcript-toggle{cursor:pointer;color:#fff0c8;background:0 0;border:0;border-bottom:1px solid #ffe7a68c;justify-self:end;padding:10px 0;font-size:13px}.topbar-actions{justify-self:end;align-items:center;gap:16px;display:flex}.account-trigger{text-overflow:ellipsis;white-space:nowrap;color:#fff0c8;cursor:pointer;background:#05181552;border:1px solid #ffe7a657;border-radius:99px;max-width:190px;padding:8px 12px;font-size:11px;font-weight:700;overflow:hidden}.account-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121c1773;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-dialog{background:#f8f5ed;border:1px solid #17221d21;border-radius:26px;width:min(560px,100%);max-height:min(780px,100svh - 40px);padding:30px;position:relative;overflow-y:auto;box-shadow:0 34px 100px #0f1e1747}.account-dialog h2,.account-dialog h3{margin:0;font-family:Noto Serif TC,serif}.account-dialog h2{font-size:28px}.account-dialog h3{font-size:18px}.account-close{z-index:3;color:#315f51;cursor:pointer;background:#fff;border:2px solid #8db3a2;border-radius:6px;align-items:center;gap:5px;width:max-content;height:36px;margin:-18px -18px 0 auto;padding:0 10px;font-size:11px;font-weight:800;display:flex;position:sticky;top:0;box-shadow:3px 3px #dcebe4}.account-close span{font-size:20px;line-height:1}.account-lead,.account-unavailable p{color:#6d7872;font-size:13px;line-height:1.7}.account-form{gap:13px;margin-top:20px;display:grid}.account-form label:not(.consent-check){color:#59665f;gap:6px;font-size:12px;font-weight:700;display:grid}.account-form input[type=email],.account-form input[type=password]{width:100%;color:var(--ink);background:#fffc;border:1px solid #17221d2e;border-radius:12px;outline:none;padding:11px 12px}.account-form input:focus{border-color:var(--jade-light);box-shadow:0 0 0 3px #68a27e21}.account-form>button,.account-heading>button,.history-head button{background:var(--jade);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:11px 15px;font-weight:800}.account-form button:disabled,.account-heading button:disabled,.history-head button:disabled{opacity:.55;cursor:wait}.account-switch{color:var(--jade);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:12px;padding:6px 0;text-decoration:underline}.consent-check{color:#43544b;grid-template-columns:20px 1fr;align-items:start;gap:9px;font-size:12px;line-height:1.6;display:grid}.consent-check input{accent-color:var(--jade);margin-top:4px}.consent-note{color:#7a827d;margin:-3px 0 0 29px;font-size:10px;line-height:1.6}.account-message{color:var(--jade);background:#205d4914;border-radius:10px;margin:16px 0 0;padding:9px 11px;font-size:12px}.account-heading{justify-content:space-between;align-items:start;gap:16px;padding-right:38px;display:flex}.account-heading p{color:#6f7a74;margin:5px 0 0;font-size:12px}.account-heading>button{background:#7a5148;padding:8px 12px;font-size:11px}.password-panel{border-top:1px solid #17221d1c;border-bottom:1px solid #17221d1c;margin-top:22px;padding:14px 0}.password-panel summary{cursor:pointer;color:var(--jade);font-size:13px;font-weight:800}.history-head{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.history-head button{color:var(--jade);background:0 0;border:1px solid #205d4938;padding:7px 10px;font-size:10px}.history-list{gap:10px;margin-top:12px;display:grid}.history-list>article{background:#ffffff8a;border:1px solid #17221d1a;border-radius:14px;grid-template-columns:1fr auto;gap:9px 14px;padding:13px;display:grid}.history-list article>div:first-child{gap:3px;display:grid}.history-list strong{font-size:12px}.history-list small{color:#79827d;font-size:10px}.history-list a{color:var(--jade);font-size:11px;font-weight:700}.audio-downloads{border-top:1px solid #17221d14;flex-wrap:wrap;grid-column:1/-1;gap:7px 12px;padding-top:7px;display:flex}.history-empty{color:#7b847e;font-size:12px}.temporary-downloads{background:#68a27e14;border:1px solid #205d492b;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:12px 16px;margin-top:22px;padding:16px;display:grid}.temporary-downloads h3{font-size:16px}.temporary-downloads p{color:#65716b;margin:5px 0 0;font-size:11px;line-height:1.6}.temporary-downloads>button{background:var(--jade);color:#fff;cursor:pointer;border:0;border-radius:11px;padding:9px 12px;font-size:11px;font-weight:800}.temporary-downloads>button:disabled{opacity:.45;cursor:not-allowed}.temporary-audio-list{border-top:1px solid #205d4921;flex-wrap:wrap;grid-column:1/-1;gap:8px 13px;padding-top:10px;display:flex}.temporary-audio-list a{color:var(--jade);font-size:11px;font-weight:700}.temporary-audio-list small{color:#78817c;font-size:10px}.voice-stage{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 218px);padding:38px 24px 58px;display:flex;position:relative}.ambient{filter:blur(2px);opacity:.35;border-radius:50%;position:absolute}.ambient-one{background:#e8a177;width:160px;height:160px;top:25%;left:8%}.ambient-two{border:1px solid #7ca98e;width:220px;height:220px;bottom:12%;right:4%}.status-copy{text-align:center;z-index:2;position:relative}.eyebrow{color:var(--jade);letter-spacing:.22em;justify-content:center;align-items:center;gap:9px;margin:0 0 10px;font-size:12px;font-weight:700;display:flex}.eyebrow span{background:var(--jade);width:22px;height:1px}h1{letter-spacing:-.04em;margin:0;font-family:Noto Serif TC,Songti TC,serif;font-size:clamp(42px,6vw,78px);font-weight:700;line-height:1.08}.hint{color:#6f7a74;margin:14px 0 24px;font-size:14px}.voice-orb{--level:.04;aspect-ratio:1;cursor:pointer;isolation:isolate;background:0 0;border:0;border-radius:50%;place-items:center;width:min(41vw,318px);min-width:246px;display:grid;position:relative}.voice-orb:disabled{cursor:wait}.voice-orb:disabled .orb-core{filter:saturate(.72)}.orb-halo,.orb-ring,.orb-core,.wave{border-radius:50%;position:absolute}.orb-halo{transform:scale(calc(1 + var(--level) * .13));background:radial-gradient(circle,#205d4926,#205d490a 52%,#0000 70%);transition:transform 80ms linear;inset:3%}.orb-ring{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff54;border:1px solid #205d493d;inset:13%;box-shadow:inset 0 0 38px #ffffffbf,0 22px 60px #205d491f}.orb-core{aspect-ratio:1;background:var(--jade);color:#fffaf1;z-index:3;flex-direction:column;justify-content:center;align-items:center;width:41%;transition:transform .25s,background .3s;display:flex;box-shadow:0 18px 52px #205d494f}.voice-orb:hover .orb-core{transform:scale(1.045)}.orb-core b{letter-spacing:.16em;font-size:17px}.orb-core small{opacity:.66;letter-spacing:.16em;margin-top:5px;font-size:10px}.wave{z-index:2;animation:22s linear infinite slowspin;inset:6%}.wave i{--angle:calc(var(--i) * 8.1818deg);width:2px;height:calc(var(--h) + var(--level) * 25px);background:var(--jade-light);transform-origin:1px 132px;transform:rotate(var(--angle));opacity:calc(.22 + var(--level));border-radius:4px;transition:height 80ms linear;position:absolute;top:0;left:calc(50% - 1px)}.phase-speaking .wave i{background:var(--coral);animation:.64s ease-in-out infinite alternate pulsebar;animation-delay:calc(var(--i) * -23ms)}.phase-speaking .orb-core{background:var(--coral);box-shadow:0 18px 52px #e66c4d47}.phase-thinking .orb-core{animation:1.5s ease-in-out infinite breathe}.phase-hearing .orb-core{background:#276f56;transform:scale(1.045);box-shadow:0 18px 56px #205d4966}.phase-error .orb-core{background:#9c4e43}.caption{text-align:center;color:#35443c;max-width:650px;min-height:24px;margin:16px 0 13px;font-family:Noto Serif TC,serif;font-size:clamp(16px,2vw,20px)}.issue{color:#994939;margin:0 0 12px;font-size:13px}.conversation-settings{z-index:2;gap:18px;width:min(980px,100vw - 40px);display:grid}.dialect-picker,.voice-picker{border:0;margin:0;padding:0}.dialect-picker legend,.voice-picker legend{color:#56655d;letter-spacing:.12em;margin:0 0 9px;font-size:11px;font-weight:800}.dialect-picker>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dialect-picker label{color:#59675f;cursor:pointer;background:#ffffff94;border:1px solid #17221d21;border-radius:99px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.dialect-picker label.selected{border-color:var(--jade);background:var(--jade);color:#fff;box-shadow:0 7px 18px #205d4929}.dialect-picker input{accent-color:var(--coral);margin:0}.character-section{gap:10px;display:grid}.character-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.character-heading p{color:#56655d;letter-spacing:.12em;margin:0;font-size:11px;font-weight:800}.character-heading small{color:#7a857f;margin-top:4px;font-size:10px;display:block}.character-heading button{color:var(--jade);cursor:pointer;background:#ffffffa6;border:1px solid #205d4940;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:800}.character-picker{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:9px;display:grid}.character-picker>button{min-height:94px;color:var(--ink);cursor:pointer;background:#ffffff8c;border:1px solid #17221d1f;border-radius:18px;align-content:center;justify-items:center;gap:5px;padding:10px 7px;transition:transform .18s,border-color .18s,background .18s;display:grid}.character-picker>button:hover{border-color:#205d495c;transform:translateY(-2px)}.character-picker>button.selected{border-color:var(--jade);background:#68a27e29;box-shadow:inset 0 0 0 1px #205d491f,0 8px 22px #205d491a}.character-avatar{background:linear-gradient(145deg,#fff,#e6eee8);border-radius:50%;place-items:center;width:42px;height:42px;font-size:22px;display:grid;box-shadow:0 5px 14px #17221d1a}.character-picker small{color:var(--coral);font-size:9px;font-weight:800}.character-editor-backdrop{z-index:40;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#121c1785;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.character-editor{background:#f8f5ed;border:1px solid #17221d24;border-radius:25px;gap:17px;width:min(760px,100%);max-height:calc(100svh - 40px);padding:30px;display:grid;position:relative;overflow-y:auto;box-shadow:0 32px 100px #0f1e174d}.character-editor h2{margin:0;font:700 29px/1.2 Noto Serif TC,serif}.character-editor>p{color:#69756e;margin:-8px 36px 0 0;font-size:12px;line-height:1.6}.character-editor-close{color:#69766f;cursor:pointer;background:0 0;border:0;border-radius:50%;width:36px;height:36px;font-size:25px;position:absolute;top:11px;right:15px}.character-name-field,.character-persona-field{color:#56635c;gap:6px;font-size:12px;font-weight:800;display:grid;position:relative}.character-name-field input,.character-persona-field textarea{width:100%;color:var(--ink);resize:vertical;background:#fffc;border:1px solid #17221d2b;border-radius:12px;outline:none;padding:11px 12px}.character-name-field input:focus,.character-persona-field textarea:focus{border-color:var(--jade-light);box-shadow:0 0 0 3px #68a27e21}.character-name-field small,.character-persona-field small{color:#849088;background:#ffffffdb;padding:2px 4px;font-size:9px;position:absolute;bottom:7px;right:9px}.voice-picker>p{color:#7b857f;margin:-5px 0 10px;font-size:10px}.voice-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.voice-picker label{cursor:pointer;background:#ffffff8a;border:1px solid #17221d1c;border-radius:12px;grid-template-columns:auto 27px 1fr;align-items:center;gap:7px;padding:9px;display:grid}.voice-picker label.selected{border-color:var(--jade);background:#68a27e21}.voice-picker input{accent-color:var(--jade);margin:0}.voice-picker label>span{text-align:center;font-size:18px}.voice-picker strong{font-size:10px;line-height:1.35}.character-editor-issue{background:#9c4e431a;border-radius:10px;padding:9px 11px;color:#8e493f!important;margin:0!important;font-size:11px!important}.character-editor-submit{background:var(--jade);color:#fff;cursor:pointer;border:0;border-radius:13px;padding:12px 16px;font-weight:800}.transcript{z-index:9;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f8f6f0e6;border:1px solid #17221d1f;border-radius:24px;width:min(390px,100vw - 44px);height:calc(100svh - 120px);padding:22px;transition:transform .38s cubic-bezier(.2,.8,.2,1);position:fixed;top:98px;right:22px;transform:translate(calc(100% + 50px));box-shadow:0 28px 90px #17221d2e}.transcript.open{transform:translate(0)}.transcript-head{border-bottom:1px solid #17221d1c;justify-content:space-between;align-items:baseline;padding-bottom:15px;display:flex}.transcript-head p{margin:0;font-weight:800}.transcript-head span{color:#7c857f;font-size:11px}.turns{height:calc(100% - 48px);padding:20px 3px;overflow-y:auto}.empty{color:#7c857f;font-size:13px;line-height:1.7}.turns article{grid-template-columns:42px 1fr;gap:10px;margin-bottom:20px;display:grid}.turns article>span{letter-spacing:.1em;color:#748078;padding-top:3px;font-size:10px}.turns article p{margin:0;font-family:Noto Serif TC,serif;font-size:15px;line-height:1.75}.turns article.assistant p{color:var(--jade)}.turn-replay{color:#285c4e;cursor:pointer;background:#fff;border:1px solid #83ad9b;border-radius:5px;margin-top:9px;padding:5px 9px;font-size:10px;font-weight:800}.turn-replay:hover{background:#edf7f2}.turn-replay:disabled{opacity:.45;cursor:not-allowed}.rag-sources{border-top:1px solid #17221d1a;margin-top:10px;padding-top:8px}.rag-sources summary{color:#69766f;cursor:pointer;letter-spacing:.04em;font-size:11px}.rag-sources p{flex-direction:column;gap:2px;display:flex;margin-top:8px!important;font-family:inherit!important;font-size:11px!important;line-height:1.45!important}.rag-sources small{color:#7c857f}.site-footer{z-index:4;color:#d8decf;letter-spacing:.035em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07221edb;border-top:1px solid #ffebb333;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:14px clamp(28px,5vw,72px);padding:22px clamp(24px,5vw,76px) 24px;font-size:11px;line-height:1.7;display:grid;position:relative}.site-footer p{margin:0}.project-credit{gap:5px;display:grid}.organization-credit{align-content:start;gap:5px;display:grid}.organization-credit span{color:#f0c66d;letter-spacing:.08em;min-width:67px;margin-right:8px;font-weight:800;display:inline-block}.service-note{color:#abb9ad;border-top:1px solid #ffebb321;grid-column:1/-1;padding-top:10px;font-size:9px}.voice-stage{text-shadow:0 1px #fff8dc73;min-height:calc(100svh - 82px);padding-top:52px}.ambient{display:none}.status-copy{background:radial-gradient(#fff6d8cc,#fff6d861 58%,#0000 76%);border-radius:28px;padding:14px 28px 5px}.eyebrow{color:#285f50;text-transform:uppercase}.eyebrow:after{content:"QUEST";letter-spacing:.16em;border:1px solid #285f5059;border-radius:99px;margin-left:2px;padding:3px 7px;font-size:8px}h1{color:#193f37;text-shadow:0 2px #fff2c5,0 8px 28px #482e102e}.hint{color:#38564c;font-weight:700}.orb-halo{background:repeating-conic-gradient(from 12deg,#ffda74bf 0 2deg,transparent 2deg 15deg),radial-gradient(circle,#ffeb998f,#205d4926 45%,transparent 69%);animation:25s linear infinite slowspin;inset:0}.orb-ring{background:radial-gradient(circle,#fffde4c2,#71a78473);border:2px solid #ffe289d9;inset:12%;box-shadow:inset 0 0 42px #fffadac7,0 0 0 6px #1f594647,0 18px 58px #10372b47}.orb-core:before{content:"✦";color:#ffe99e;font-size:11px;position:absolute;top:10px}.wave i{background:#f4c865;box-shadow:0 0 4px #ffe282cc}.caption{color:#fdf3d3;text-shadow:none;background:#092b25c7;border:1px solid #ffedb58c;border-radius:99px;margin-top:9px;padding:8px 20px;box-shadow:0 8px 24px #0a231d33}.issue{background:#fff1d5e6;border-radius:10px;padding:8px 12px}.conversation-settings{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-shadow:none;background:linear-gradient(155deg,#092d27eb,#164336d6);border:1px solid #ffecb26e;border-radius:24px;margin-top:8px;padding:17px;box-shadow:0 20px 62px #08201b47,inset 0 0 0 2px #ffffff0d}.dialect-picker legend span,.character-heading p span{color:#f3c661;letter-spacing:0;border:1px solid #ffdf82a6;border-radius:50%;place-items:center;width:25px;height:25px;margin-right:7px;font-size:9px;display:inline-grid}.dialect-picker>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.dialect-picker label{color:#e9eadb;background:#f2edcd14;border:1px solid #ffebaf38;border-radius:12px;justify-content:center;min-height:48px;padding:8px 7px}.dialect-picker label i{color:#f3c765;background:#ffde8117;border-radius:50%;place-items:center;width:23px;height:23px;font-family:serif;font-size:14px;font-style:normal;display:grid}.dialect-picker label.selected i{color:#4c3219;background:#ffe388;box-shadow:0 0 14px #ffe08080}.dialect-picker input{opacity:0;pointer-events:none;position:absolute}.character-heading button{color:#ffe19a;background:#ffedb914;border-color:#ffe08b73}.character-picker{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.character-picker>button{color:#fff3ce;background:#f8efcd14;border:1px solid #ffedb73b;border-radius:14px;grid-template-rows:1fr auto auto;align-content:stretch;gap:6px;min-width:0;min-height:139px;padding:6px 6px 9px;overflow:hidden}.character-avatar{aspect-ratio:1;border:1px solid #ffecb16b;border-radius:10px;width:100%;height:auto;box-shadow:0 6px 16px #00000040}.painted-avatar{background-image:url(/game/hakka-pixel-companions-v2.webp);background-repeat:no-repeat;background-size:300% 300%}.custom-avatar{color:#173c33;background:radial-gradient(circle at 35% 30%,#fff3bf,#d0943d 56%,#5a4426);font-size:clamp(23px,3vw,37px)}.character-picker strong{font-size:11px}.transcript{background:#f8f1d5ed;border-color:#ffe18f59;box-shadow:0 28px 90px #081f1a52}@keyframes slowspin{to{transform:rotate(360deg)}}@keyframes pulsebar{to{height:calc(var(--h) + 10px + var(--level) * 34px);opacity:.85}}@keyframes breathe{50%{transform:scale(.92)}}@media (width<=700px){.topbar{grid-template-columns:1fr auto;height:68px;padding:0 14px}.brand{gap:8px}.brand-mark{width:32px}.brand-copy strong{font-size:12px}.brand-copy small,.live-pill{display:none}.topbar-actions{gap:8px}.account-trigger{max-width:112px;padding:7px 9px;font-size:9px}.transcript-toggle{font-size:10px}.account-dialog{border-radius:20px;padding:25px 18px}.voice-stage{justify-content:center;min-height:calc(100svh - 190px);padding:34px 12px 50px}.ambient-one{width:80px;height:80px;left:-30px}.ambient-two{width:130px;height:130px;right:-50px}.voice-orb{width:80vw;min-width:260px}.wave i{transform-origin:1px 122px}.conversation-settings{width:calc(100vw - 24px)}.dialect-picker>div{gap:6px}.dialect-picker label{padding:7px 9px;font-size:10px}.character-heading{align-items:center}.character-heading small{display:none}.character-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.character-picker>button{border-radius:14px;min-height:84px}.character-avatar{width:36px;height:36px;font-size:19px}.character-editor{border-radius:20px;padding:26px 16px}.voice-picker>div,.temporary-downloads{grid-template-columns:1fr}.temporary-downloads>button{width:100%}.site-footer{grid-template-columns:1fr;gap:14px;padding:20px;font-size:10px}.service-note{grid-column:auto}.organization-credit span{min-width:60px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.voice-picker label{gap:3px 7px}.voice-picker label>span{grid-row:1/3}.voice-picker strong{align-self:end}.voice-picker label>small{color:#78857d;grid-column:3;align-self:start;font-size:9px;font-weight:700}.voice-picker label.selected>small{color:var(--jade)}@media (width<=700px){.shell{background-position:55% 0;background-attachment:scroll}.voice-stage{min-height:calc(100svh - 68px);padding:32px 10px 45px}.status-copy{padding:10px 12px 3px}h1{font-size:clamp(39px,12vw,54px)}.hint{margin-bottom:15px;font-size:12px}.voice-orb{width:min(76vw,280px);min-width:242px}.caption{max-width:calc(100vw - 28px);font-size:14px}.conversation-settings{border-radius:18px;width:calc(100vw - 20px);padding:13px}.dialect-picker>div{grid-template-columns:repeat(3,minmax(0,1fr))}.dialect-picker label{min-height:43px;padding:6px 4px;font-size:10px}.dialect-picker label i{width:20px;height:20px}.character-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.character-picker>button{border-radius:12px;min-height:132px;padding:5px 5px 8px}.character-avatar{border-radius:8px;width:100%;height:auto;font-size:29px}.character-picker strong{font-size:11px}}.shell{background:#fffdf8 url(/game/hakka-pixel-world-v2.webp) top/cover no-repeat fixed}.shell:before{background:linear-gradient(#ffffff4d,#ffffff14 52%,#f9faf080)}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border-bottom:2px solid #d5e6dc;box-shadow:0 4px #2c5f521a}.brand{color:#23483f}.brand-mark{color:#fff;background:#4f8c78;border:2px solid #285e50;border-radius:5px;font-family:ui-monospace,monospace;transform:none;box-shadow:3px 3px #f0c86d}.brand-copy small{color:#637970}.live-pill{color:#315d51;background:#fff;border:2px solid #c9ded3;border-radius:6px;box-shadow:2px 2px #e4eee8}.transcript-toggle{color:#315d51;border-bottom:2px solid #8eb4a4}.account-trigger{color:#315d51;background:#fff;border:2px solid #c9ded3;border-radius:6px}.status-copy{background:#ffffffbd;border:0;border-radius:0;box-shadow:0 0 32px 24px #fff9}.eyebrow{color:#3d7565}.eyebrow:after{content:"PIXEL QUEST";background:#fff;border:2px solid #9fc5b5;border-radius:3px}h1{color:#23483f;letter-spacing:.03em;text-shadow:3px 3px #d7ede3;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;font-weight:900}.hint{color:#47685f}.voice-orb{filter:drop-shadow(6px 8px #37645524)}.orb-halo{background:repeating-conic-gradient(from 12deg,#f2cd72 0 2deg,transparent 2deg 15deg),radial-gradient(circle,#ffffffe6,#7eb89d2b 47%,transparent 69%)}.orb-ring{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffc7;border:3px solid #82ad9b;box-shadow:inset 0 0 0 5px #eef7f2,0 0 0 4px #fff,5px 6px #305c4e2b}.orb-core{background:#5f9d83;border:3px solid #245b4c;box-shadow:inset -7px -7px #3e7963,inset 7px 7px #83bca3,4px 5px #264d4133}.orb-core:before{color:#fff1ad}.wave i{box-shadow:none;background:#d7a83e}.caption{color:#31574d;background:#fffffff0;border:2px solid #8bb3a2;border-radius:5px;box-shadow:4px 4px #3e6f5e21}.conversation-settings{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff2;border:2px solid #7ca590;border-radius:8px;box-shadow:7px 7px #49786529}.dialect-picker legend,.character-heading p{color:#285c4e}.dialect-picker legend span,.character-heading p span{color:#315f51;background:#f3faf6;border:2px solid #78a491;border-radius:4px}.dialect-picker label{color:#41635a;background:#fff;border:2px solid #d4e5dc;border-radius:5px;box-shadow:2px 2px #edf3ef}.dialect-picker label i{color:#4c806d;background:#eef7f2;border-radius:3px}.dialect-picker label.selected{color:#245546;background:#dff2e8;border-color:#2f6e5b;box-shadow:3px 3px #9cc8b5}.dialect-picker label.selected i{color:#fff;box-shadow:none;background:#4c8c74}.character-heading small{color:#6e8179}.character-heading button{color:#2c6554;background:#f5fbf7;border:2px solid #79a590;border-radius:5px;box-shadow:2px 2px #d9e9e0}.character-picker>button{color:#2c5147;background:#fff;border:2px solid #d6e3dc;border-radius:5px;box-shadow:3px 3px #e3ece7}.character-picker>button:hover{background:#f3faf6;border-color:#69a088}.character-picker>button.selected{background:#e5f5ed;border-color:#3d7b66;transform:translate(-1px,-2px);box-shadow:4px 4px #f0c96f}.character-avatar{box-shadow:none;image-rendering:pixelated;border:0;border-radius:2px}.painted-avatar{image-rendering:pixelated;background-image:url(/game/hakka-pixel-companions-v2.webp)}.custom-avatar{color:#285d4f;text-shadow:2px 2px #f3d37e;background:linear-gradient(135deg,#fff 0 50%,#e8f4ed 50%);border:2px solid #bad4c7;border-radius:3px}.character-picker small{color:#4f7f6d}.transcript{background:#fffffff7;border:2px solid #8fb8a6;border-radius:8px;box-shadow:7px 7px #3a675726}.site-footer{color:#64766e;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff0;border-top:2px solid #d9e8e0}.site-footer a{color:#2f6b59}.project-credit strong{color:#264f44}.organization-credit span{color:#39735f}.service-note{color:#7a8982;border-top-color:#e1ece6}@media (width<=700px){.shell{background-position:52% 0}.topbar{box-shadow:0 3px #2c5f521a}.conversation-settings{box-shadow:4px 4px #49786524}.character-picker>button{border-radius:4px}}.custom-avatar{color:#0000;text-shadow:none;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #bad4c7;border-radius:3px}.custom-character-preview{background:#fff;border:2px solid #c6ded2;border-radius:7px;grid-template-columns:88px 1fr;align-items:center;gap:14px;padding:10px;display:grid;box-shadow:4px 4px #e4eee9}.custom-character-preview>span{aspect-ratio:1;width:88px;image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #8fb9a7;border-radius:4px}.custom-character-preview>div{gap:3px;display:grid}.custom-character-preview small{color:#658076;letter-spacing:.12em;font-size:9px;font-weight:800}.custom-character-preview strong{color:#285c4e;font-size:20px}.custom-character-preview p{color:#75827c;margin:0;font-size:10px}.voice-picker label{grid-template-columns:auto 42px 1fr}.voice-picker .voice-option-portrait{width:42px;height:42px;image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #b9d3c7;border-radius:4px;position:relative;overflow:hidden}.voice-picker .voice-option-portrait i{background:#ffffffb8;place-items:center;font-size:17px;font-style:normal;display:grid;position:absolute;inset:0}.character-designer-field{color:#56635c;gap:6px;font-size:12px;font-weight:800;display:grid;position:relative}.character-designer-field input{width:100%;color:var(--ink);background:#fffc;border:1px solid #17221d2b;border-radius:12px;outline:none;padding:11px 12px}.character-designer-field input:focus{border-color:var(--jade-light);box-shadow:0 0 0 3px #68a27e21}.character-designer-field small{color:#849088;background:#ffffffdb;padding:2px 4px;font-size:9px;position:absolute;bottom:7px;right:9px}.usage-leaderboard{border-top:2px dashed #d4e5dc;gap:10px;padding-top:3px;display:grid}.usage-leaderboard-heading{justify-content:space-between;align-items:center;display:flex}.usage-leaderboard-heading p{color:#285c4e;margin:0;font-size:13px;font-weight:800}.usage-leaderboard-heading p span{color:#315f51;background:#f3faf6;border:2px solid #78a491;border-radius:4px;place-items:center;width:25px;height:25px;margin-right:7px;font-size:9px;display:inline-grid}.usage-leaderboard-heading small{color:#6e8179;font-size:10px}.usage-leaderboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.usage-leaderboard-grid article{background:#fff;border:2px solid #d6e3dc;border-radius:6px;padding:10px;box-shadow:3px 3px #e3ece7}.usage-leaderboard-grid h3{color:#315f51;margin:0 0 7px;font-size:11px}.usage-leaderboard-grid ol{gap:5px;margin:0;padding:0;list-style:none;display:grid}.usage-leaderboard-grid li{color:#41635a;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;font-size:10px;display:grid}.usage-leaderboard-grid li b{color:#315f51;background:#f2d679;border-radius:3px;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.usage-leaderboard-grid li span{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.usage-leaderboard-grid li strong{color:#4f7f6d;white-space:nowrap;font-size:9px}.usage-ranking-empty{color:#87968f;margin:0;font-size:9px}@media (width<=700px){.account-close{margin:-13px -7px 0 auto}.custom-character-preview{grid-template-columns:70px 1fr}.custom-character-preview>span{width:70px}.usage-leaderboard-heading small{display:block}.usage-leaderboard-grid{grid-template-columns:1fr}}.admin-trigger{color:#315d51;cursor:pointer;background:#fff;border:2px solid #c9ded3;border-radius:6px;padding:8px 11px;font-size:10px;font-weight:800}.character-asset-field{color:#56635c;background:#fff;border:2px dashed #c6ded2;border-radius:7px;gap:6px;padding:10px;font-size:11px;font-weight:800;display:grid}.character-asset-field input{font-size:10px;font-weight:500}.character-asset-field small{color:#7a8b83;font-size:9px}.custom-voice-clone{background:#f8fcfa;border:2px solid #b8d5c8;border-radius:8px;gap:9px;padding:12px;display:grid}.custom-voice-clone legend{color:#285c4e;padding:0 6px;font-size:12px;font-weight:900}.custom-voice-clone>p{color:#667a71;margin:0;font-size:10px;line-height:1.6}.custom-voice-clone blockquote{color:#315d51;background:#fff;border-left:4px solid #efca69;margin:0;padding:8px 10px;font-size:12px;line-height:1.7}.custom-voice-actions{flex-wrap:wrap;gap:8px;display:flex}.custom-voice-actions button,.custom-voice-actions label{color:#285c4e;cursor:pointer;background:#fff;border:2px solid #83ad9b;border-radius:5px;padding:8px 11px;font-size:10px;font-weight:800}.custom-voice-actions input{opacity:0;width:1px;height:1px;position:absolute}.custom-voice-clone audio{width:100%;height:36px}.admin-dialog{width:min(820px,100vw - 32px)}.admin-editor{background:#f8fcfa;border:2px solid #c9ded3;border-radius:8px;gap:10px;padding:13px;display:grid}.admin-editor h3{color:#285c4e;margin:0}.admin-editor label{color:#56635c;gap:5px;font-size:10px;font-weight:800;display:grid}.admin-editor input,.admin-editor textarea,.admin-editor select{color:#294f45;background:#fff;border:1px solid #bdd2c8;border-radius:6px;padding:9px}.admin-editor>div{justify-content:flex-end;gap:8px;display:flex}.admin-editor button,.admin-character-list button{color:#285c4e;cursor:pointer;background:#fff;border:1px solid #83ad9b;border-radius:5px;padding:7px 10px;font-size:9px;font-weight:800}.admin-character-list{gap:7px;max-height:45vh;margin-top:12px;display:grid;overflow:auto}.admin-character-list article{background:#fff;border:1px solid #d6e3dc;border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px;display:grid}.admin-character-list article>div{gap:2px;display:grid}.admin-character-list small{color:#74867e;font-size:9px}.admin-character-list button.danger{color:#964f45;border-color:#d8a49b}@media (width<=700px){.admin-trigger{padding:7px 8px;font-size:9px}.admin-character-list article{grid-template-columns:minmax(0,1fr) auto}.admin-character-list button.danger{grid-column:2}}.consent-gate-backdrop{z-index:120;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12231db8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.consent-gate{color:#294f45;background:#fffdf8;border:3px solid #5f907c;border-radius:8px;grid-template-columns:54px 1fr;gap:14px 16px;width:min(620px,100%);padding:24px;display:grid;box-shadow:9px 9px #f0c96fd1}.consent-gate-mark{color:#fff;background:#3f7966;border-radius:5px;grid-row:1;place-items:center;width:50px;height:50px;font:900 24px/1 Noto Serif TC,serif;display:grid}.consent-gate h2{margin:2px 0 0;font:800 27px/1.25 Noto Serif TC,serif}.consent-gate>div>small{color:#6b8076;letter-spacing:.14em;font-size:10px;font-weight:900}.consent-gate>p,.consent-gate>label,.consent-gate>button,.consent-gate>small{grid-column:1/-1}.consent-gate>p{margin:0;font-size:13px;line-height:1.8}.consent-gate>label{cursor:pointer;background:#f6fbf8;border:2px solid #d7e5de;border-radius:6px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px;font-size:12px;line-height:1.7;display:grid}.consent-gate input{accent-color:#39725f;margin-top:4px}.consent-gate>button{color:#fff;cursor:pointer;background:#39725f;border:0;border-radius:5px;padding:13px;font-weight:900;box-shadow:4px 4px #efca69}.consent-gate>button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.consent-gate>small{color:#7a8982;text-align:center}.admin-backdrop{z-index:90}.admin-close{background:#fff;margin:-18px -18px 8px auto;position:sticky;top:0;right:0}.account-form input:not([type=checkbox]),.account-form select{width:100%;color:var(--ink);background:#fffc;border:1px solid #17221d2e;border-radius:12px;outline:none;padding:11px 12px}.optional-profile{border:1px solid #d4e2db;border-radius:9px;padding:10px}.optional-profile summary{color:#315f51;cursor:pointer;font-size:11px;font-weight:900}.optional-profile[open]{gap:10px;display:grid}.optional-profile label{color:#59665f;gap:5px;font-size:11px;font-weight:700;display:grid}.history-list article>button,.temporary-downloads>button{color:#285c4e;cursor:pointer;background:#fff;border:1px solid #83ad9b;border-radius:5px;padding:7px 10px;font-size:10px;font-weight:800}.history-list article>button:disabled{opacity:.5}.character-picker .character-card{background:#fff;border:2px solid #d6e3dc;border-radius:5px;min-width:0;display:grid;overflow:hidden;box-shadow:3px 3px #e3ece7}.character-picker .character-card:hover{border-color:#69a088}.character-picker .character-card.selected{background:#e5f5ed;border-color:#3d7b66;transform:translate(-1px,-2px);box-shadow:4px 4px #f0c96f}.character-picker .character-choice{color:#2c5147;cursor:pointer;background:0 0;border:0;grid-template-rows:1fr auto auto;align-content:stretch;justify-items:center;gap:6px;min-width:0;min-height:139px;padding:6px 6px 9px;display:grid}.owned-character-actions{border-top:1px solid #d6e3dc;grid-template-columns:1fr 1fr;display:grid}.owned-character-actions button{color:#315f51;cursor:pointer;background:#f7fbf9;border:0;padding:6px 2px;font-size:9px;font-weight:900}.owned-character-actions button+button{color:#925247;border-left:1px solid #d6e3dc}@media (width<=700px){.consent-gate{grid-template-columns:42px 1fr;padding:18px}.consent-gate-mark{width:40px;height:40px;font-size:20px}.consent-gate h2{font-size:21px}.character-picker .character-choice{min-height:124px}.admin-close{margin:-13px -7px 8px auto}}