@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap";:root{--app-max-width:480px;--app-bg:#0f172a;--desktop-bg:#1e293b;--identity-accent:#f97316;--identity-accent-soft:#f9731626}body{background-color:var(--desktop-bg);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;display:flex;overflow:hidden}.App{background-color:var(--app-bg);color:#f8fafc;flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.greeting-text,h1,h2,h3{color:#f1f5f9;text-shadow:0 2px 4px #00000080}.home-layout{box-sizing:border-box;flex-direction:column;height:100%;padding:14px;display:flex;overflow-y:auto}.home-layout::-webkit-scrollbar{width:8px}.home-layout::-webkit-scrollbar-track{background:#0f172a}.home-layout::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.home-layout::-webkit-scrollbar-thumb:hover{background:#475569}@media (prefers-color-scheme:light){.App.light-mode{color:#0f172a}}@media (width>=768px){.App{max-width:var(--app-max-width);border:1px solid #334155;border-radius:20px;height:95vh;max-height:900px;box-shadow:0 20px 50px #00000080}}.game-layout{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.cyber-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:10px;width:90%;max-width:400px;padding:15px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00000080}.app-identity-strip{border:1px solid #94a3b838;border-left:3px solid var(--identity-accent);box-sizing:border-box;background:linear-gradient(90deg,#0f172ae6,#1e293b8f);border-radius:8px;flex-shrink:0;align-items:center;gap:8px;min-height:34px;padding:6px 8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff09}.app-identity-mark{border:1px solid var(--identity-accent);background:var(--identity-accent-soft);width:36px;height:23px;color:var(--identity-accent);letter-spacing:.08em;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-family:monospace;font-size:9px;font-weight:900;display:flex}.app-identity-copy{flex:1;min-width:0}.app-identity-title-row{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.app-identity-title-tools{flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.ui-language-selector{color:#cbd5e1;white-space:nowrap;align-items:center;gap:5px;margin:0;display:flex}.app-identity-name{color:#f8fafc;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:900;line-height:1;overflow:hidden}.app-identity-subtitle{color:#94a3b8;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:2px;font-size:8px;font-weight:700;line-height:1.2;overflow:hidden}.app-identity-host{max-width:118px;color:var(--identity-accent);letter-spacing:.02em;text-align:right;text-overflow:ellipsis;white-space:nowrap;background:#02061794;border-radius:6px;flex-shrink:0;padding:3px 5px;font-family:monospace;font-size:8px;overflow:hidden}.hud-header{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2px;margin-bottom:4px;display:flex;overflow-x:auto}.hud-header::-webkit-scrollbar{display:none}.hud-status-row{justify-content:space-between;align-items:center;gap:6px;width:100%;margin-bottom:8px;display:flex;overflow:hidden}.xp-badge{color:#34d399;white-space:nowrap;background:#10b98133;border:1px solid #10b9814d;border-radius:7px;flex-shrink:0;padding:3px 5px;font-size:.7em;font-weight:700}.status-badge{text-overflow:ellipsis;color:#94a3b8;letter-spacing:.3px;white-space:nowrap;flex-shrink:0;min-width:0;font-family:monospace;font-size:.66em;overflow:hidden}.hud-status-row .status-badge{background:#0000006b;border:1px solid #94a3b829;border-radius:999px;padding:4px 7px}.hud-status-row .status-cloud{flex:auto}.hud-status-row .status-mode{flex:none}.eeq-hud-row{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.eeq-hud-badge{color:#7dd3fc;cursor:pointer;white-space:nowrap;background:#38bdf824;border:1px solid #38bdf873;border-radius:7px;align-items:center;gap:2px;padding:3px 4px;font-family:monospace;font-size:.58em;font-weight:800;display:inline-flex}.eeq-hud-badge strong{color:#facc15;font-size:1.05em}.eeq-optin-toggle{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#0f172ac7;border:1px solid #94a3b873;border-radius:7px;flex-shrink:0;height:26px;padding:1px 4px;font-family:monospace;font-size:8px;font-weight:800}.eeq-optin-toggle.is-on{color:#86efac;background:#16653442;border-color:#34d399bf}.model-control-row.compact{justify-content:flex-end!important;gap:4px!important}.model-control-row.compact .speech-model-selector,.model-control-row.compact .ai-model-selector,.model-control-row.compact .voice-style-selector,.model-control-row.compact .audio-sanitation-toggle{gap:4px!important;font-size:10px!important}.model-control-row.compact label,.model-control-row.compact .audio-sanitation-toggle span:first-child{letter-spacing:.2px!important;font-size:8px!important}.model-control-row.compact .cyber-input{min-height:28px;padding:3px 5px;width:clamp(118px,34vw,165px)!important;font-size:10px!important}.compact-model-controls{justify-content:flex-end;align-items:flex-start;gap:5px;min-height:28px;margin-bottom:5px;display:flex}.model-toggle-button{color:#7dd3fc;cursor:pointer;background:#0f172adb;border:1px solid #38bdf880;border-radius:7px;flex-shrink:0;height:28px;padding:2px 8px;font-size:10px;font-weight:800}.eeq-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;padding:14px;display:flex;inset:0;overflow-y:auto;background:#0f172af2!important;position:fixed!important}.eeq-modal-card{flex-direction:column;width:min(720px,96vw);max-height:min(88vh,760px);display:flex;overflow-y:auto;background:#101827!important;border:1px solid #38bdf88c!important;border-radius:14px!important;align-items:stretch!important;height:auto!important;min-height:0!important;padding:18px!important}.eeq-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.eeq-modal-header h3{color:#38bdf8;margin:0}.eeq-modal-header p{color:#94a3b8;margin:4px 0 0;font-size:12px}.eeq-close-button{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef4444b3;border-radius:8px;width:32px;height:32px;font-weight:900}.eeq-score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.eeq-score-tile{background:#0f172ad1;border:1px solid #94a3b847;border-radius:10px;min-width:0;padding:10px}.eeq-score-tile.primary{border-color:#facc15b3}.eeq-score-tile span{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;font-size:10px;display:block}.eeq-score-tile strong{color:#f8fafc;overflow-wrap:anywhere;margin-top:5px;font-size:16px;display:block}.eeq-score-tile.primary strong{color:#facc15;font-size:24px}.eeq-help-text,.eeq-status-line{color:#cbd5e1;background:#38bdf814;border-left:3px solid #38bdf8;border-radius:8px;margin-bottom:12px;padding:10px;font-size:12px;line-height:1.45}.eeq-table-wrap{border:1px solid #94a3b838;border-radius:10px;max-height:min(34vh,260px);margin-bottom:12px;overflow:auto}.eeq-table{border-collapse:collapse;color:#e2e8f0;width:100%;font-size:11px}.eeq-table th,.eeq-table td{text-align:left;border-bottom:1px solid #94a3b82e;padding:8px}.eeq-table th{color:#7dd3fc;background:#0f172ae6}.eeq-modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=560px){.hud-header{align-items:center;gap:3px}.hud-status-row{gap:4px;margin-bottom:6px}.hud-status-row .status-badge{max-width:100%;font-size:.58em}.eeq-modal-overlay{align-items:stretch;padding:8px}.eeq-modal-card{width:100%;max-height:calc(100dvh - 16px);border-radius:12px!important;padding:12px!important}.eeq-modal-header{margin-bottom:10px}.eeq-modal-header h3{font-size:18px}.eeq-score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.eeq-modal-actions{grid-template-columns:1fr}.eeq-hud-badge{padding:3px 4px;font-size:.58em}.eeq-table-wrap{max-height:32vh}}@media (height<=700px){.eeq-modal-overlay{align-items:stretch}.eeq-modal-card{max-height:calc(100dvh - 16px)}.eeq-help-text,.eeq-status-line{padding:8px;font-size:11px}}.mission-card{background:#f8fafc;border:2px solid #cbd5e1;border-radius:12px;align-items:stretch;height:auto;min-height:88px;margin-bottom:12px;padding:0;display:flex;position:relative;overflow:hidden}.doodle-bg{opacity:.4;filter:grayscale()contrast(150%)brightness(1.1);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.mission-content-overlay{z-index:2;box-sizing:border-box;background:linear-gradient(90deg,#ffffffe6 0%,#fff9 100%);align-items:flex-start;gap:15px;width:100%;min-height:100%;padding:10px 15px;display:flex;position:relative}.mission-icon{filter:drop-shadow(0 2px 2px #0000001a);font-size:28px}.mission-content-overlay h3{color:#64748b;letter-spacing:1.5px;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.mission-content-overlay p{color:#1e293b;margin:2px 0 0;font-size:14px;font-weight:700;line-height:1.1}.mission-copy{width:100%;min-width:0}.mission-subtext{opacity:.95;line-height:1.2;color:#38bdf8!important;margin:0 0 5px!important;font-size:11px!important}.mission-main-text{overflow-wrap:break-word;white-space:normal;max-height:none;display:block;color:#fff!important;margin:0!important;font-size:clamp(14px,3.2vw,17px)!important;font-weight:800!important;line-height:1.16!important}.control-panel{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.dialect-selector{text-align:center}.dialect-selector label{color:#64748b;letter-spacing:1px;margin-bottom:3px;font-size:10px;display:block}select{color:#fff;text-align:center;background:#0f172a;border:1px solid #334155;border-radius:8px;width:100%;padding:8px;font-family:inherit;font-size:14px}.polyglot-panel{flex:1;align-self:stretch;width:100%;max-width:100%;min-height:0;overflow-y:auto;border:1px solid #334155!important;gap:12px!important;padding:16px!important}.polyglot-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.polyglot-card{background:#0006;border:1px solid #3b82f6;border-radius:12px;min-width:0;padding:14px}.polyglot-card h3,.polyglot-result h3,.polyglot-explanation h3{color:#60a5fa;text-transform:uppercase;letter-spacing:.02em;margin:0 0 10px;font-size:13px}.polyglot-card .cyber-input{color:#fff;text-overflow:ellipsis;background:#1e293b;border:1px solid #334155;border-radius:8px;width:100%;min-width:0;margin-bottom:10px;padding:10px;overflow:hidden}.polyglot-card .cyber-input:last-child{margin-bottom:0}.polyglot-custom-input{font-size:13px;color:#e0f2fe!important;text-align:left!important;background:#082f4973!important;border-color:#38bdf8bf!important}.polyglot-custom-input::placeholder{color:#7dd3fc;opacity:.72}.polyglot-textarea{box-sizing:border-box;color:#fff;resize:vertical;background:#0006;border:1px solid #475569;border-radius:12px;outline:none;width:100%;min-height:76px;max-height:150px;padding:14px;font-size:16px;line-height:1.3}.polyglot-transcript-status{color:#bfdbfe;text-align:center;background:#0ea5e91a;border:1px solid #38bdf852;border-radius:8px;margin-top:-4px;padding:8px 10px;font-size:12px;font-weight:700}.polyglot-audio-panel,.polyglot-result,.polyglot-explanation{color:#fff;background:#0f172ab8;border:1px solid #3b82f6bf;border-radius:12px;padding:14px}.polyglot-audio-heading{color:#93c5fd;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800}.polyglot-audio-preview{width:100%;height:34px;margin-bottom:8px}.polyglot-record-button{-webkit-user-select:none;user-select:none;touch-action:none;background:#334155;border-radius:10px;width:100%;min-height:52px;padding:10px;font-size:20px}.polyglot-record-hint,.polyglot-audio-status{text-align:center;color:#94a3b8;margin-top:5px;font-size:11px}.polyglot-audio-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.polyglot-secondary-button{color:#bfdbfe;cursor:pointer;background:#3b82f624;border:1px solid #60a5fab3;border-radius:9px;width:100%;min-height:38px;font-weight:800}.polyglot-secondary-button:disabled{opacity:.48;cursor:not-allowed}.polyglot-primary-button{cursor:pointer;width:100%;min-height:50px;padding:14px;font-size:16px;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;border:none!important;border-radius:12px!important}.polyglot-primary-button:disabled{opacity:.58;cursor:not-allowed}.polyglot-result p,.polyglot-explanation p{color:#f8fafc;overflow-wrap:break-word;white-space:pre-wrap;margin:0;font-size:18px;font-weight:800;line-height:1.35}.polyglot-translation-editor{box-sizing:border-box;color:#f8fafc;resize:vertical;background:#0f172ae0;border:1px solid #60a5fad9;border-radius:10px;outline:none;width:100%;min-height:86px;padding:12px;font-family:inherit;font-size:17px;font-weight:800;line-height:1.35}.polyglot-translation-editor:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf826}.polyglot-explanation p{color:#dbeafe;font-size:14px;font-weight:600}.polyglot-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.polyglot-explain-button{margin-top:0}.polyglot-feedback-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.polyglot-feedback-button{color:#bbf7d0;cursor:pointer;background:#22c55e24;border:1px solid #22c55ea6;border-radius:9px;min-height:36px;font-weight:800}.polyglot-feedback-button.reject{color:#fecaca;background:#ef444424;border-color:#f87171a6}.polyglot-feedback-button.active{background:#22c55e4d;border-color:#22c55e}.polyglot-feedback-button.reject.active{background:#ef44444d;border-color:#f87171}.polyglot-feedback-note{color:#93c5fd;text-align:center;margin-top:8px;font-size:11px;font-weight:700}.record-btn{color:#fff;letter-spacing:1px;cursor:pointer;background:#ef4444;border:none;border-radius:12px;width:100%;margin-top:5px;padding:12px;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 0 15px #ef444466}.record-btn:active{transform:scale(.98)}.record-btn.pulsing{background:#dc2626;animation:1.5s infinite pulseRed}@keyframes pulseRed{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.cyber-button{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:12px;width:100%;padding:12px;font-family:inherit;font-size:16px;font-weight:700;box-shadow:0 4px 15px #7c3aed66}.cyber-button:disabled{box-shadow:none;opacity:.5;cursor:not-allowed;background:#334155}.audio-preview audio{border-radius:5px;width:100%;height:32px;margin-top:5px}.input-group label{color:#94a3b8;letter-spacing:1px;margin-bottom:2px;font-size:10px;display:block}textarea{color:#fff;resize:none;background:#0000004d;border:1px solid #334155;border-radius:8px;width:95%;height:40px;padding:8px;font-family:inherit;font-size:13px}.id-footer{text-align:center;color:#475569;border-top:1px solid #ffffff0d;margin-top:5px;padding:8px;font-family:monospace;font-size:.75em;transition:color .3s}.id-footer:hover{color:#94a3b8}.pulse-active{text-shadow:0 0 8px #34d39999;color:#34d399!important}.review-box{flex-direction:column;gap:10px;width:100%;min-height:0;display:flex}.control-panel.is-reviewing{justify-content:flex-start;padding-bottom:12px}.review-audio-preview{background:#0f172ad1;border:1px solid #94a3b84d;border-radius:12px;padding:10px;box-shadow:0 12px 24px #02061740;margin-bottom:0!important}.action-row{gap:10px;margin-top:5px;display:flex}.cancel-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:8px;padding:0 20px;font-family:inherit;font-weight:600}.vision-mode-container{background:#0f172a;border:1px solid #334155;border-radius:12px;margin-bottom:10px;overflow:hidden}.vision-image{background-position:50%;background-size:cover;border-bottom:1px solid #334155;width:100%;height:180px}.vision-text-block{text-align:center;padding:15px}.vision-text-block h3{letter-spacing:1px;color:#94a3b8;margin:0;font-size:11px}.vision-text-block .subtext{color:#38bdf8;margin:2px 0 5px;font-family:Rajdhani,sans-serif;font-size:11px}.vision-text-block .main-text{color:#fff;margin:0;font-size:15px;font-weight:600}.instruction-zone{text-align:center;opacity:.8;margin:10px 0 8px}.instruction-zone p{letter-spacing:3px;color:#94a3b8;margin:0;font-size:11px;font-weight:700}.instruction-line{background:#334155;border-radius:2px;width:40px;height:2px;margin:5px auto 0}.icon-large{filter:drop-shadow(0 0 15px #ffffff1a);margin-bottom:6px;font-size:34px;line-height:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.menu-card{cursor:pointer;box-sizing:border-box;text-align:center;background:#0f172a99;border:1px solid #334155;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:104px;padding:14px 12px;transition:all .2s;display:flex}.menu-card h3{letter-spacing:1px;color:#e2e8f0;margin:3px 0 0;font-size:13px;line-height:1.05}.menu-card p{color:#cbd5e1;margin:5px 0 0;font-size:11px;line-height:1.15}.menu-card:hover{background:#1e293bcc;border-color:#38bdf8;transform:translateY(-3px);box-shadow:0 10px 20px -5px #0000004d}.menu-card:hover .icon-large{filter:drop-shadow(0 0 20px #38bdf866);transform:scale(1.12)rotate(-4deg)}.menu-card.highlight:hover{border-color:#34d399}.menu-card.highlight:hover .icon-large{filter:drop-shadow(0 0 20px #34d39966)}.listener-mode{background:#0f172a;flex-direction:column;height:100vh;display:flex;overflow:hidden}.listener-header{z-index:10;background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;align-items:center;gap:10px;padding:7px 10px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #22c55e}.chat-log{scrollbar-width:thin;scrollbar-color:#38bdf8 transparent;scroll-behavior:smooth;flex-direction:column;flex:1;gap:15px;padding:10px 20px;display:flex;overflow-y:auto}.listener-controls{z-index:10;background:#1e293b;border-top:1px solid #334155;flex-shrink:0;padding:20px;box-shadow:0 -4px 20px #0003}.chat-bubble{word-wrap:break-word;overflow-wrap:break-word;border-radius:12px;width:fit-content;max-width:80%;padding:12px 16px;font-size:15px;line-height:1.5;animation:.3s popIn}.chat-bubble.ai{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-top-left-radius:2px;align-self:flex-start}.chat-bubble.user{color:#fff;background:#0ea5e9;border-top-right-radius:2px;align-self:flex-end;box-shadow:0 4px 15px #0ea5e933}.listener-controls{z-index:10;background:#1e293b;border-top:1px solid #334155;flex-shrink:0;padding:20px}.verify-card{background:#0f172a;border:1px solid #38bdf8;border-radius:12px;padding:15px}.verify-row{margin-bottom:10px}.verify-row label{color:#94a3b8;margin-bottom:4px;font-size:10px;display:block}.verify-row input{color:#fff;background:#1e293b;border:1px solid #475569;border-radius:6px;width:100%;padding:8px}.ai-text{color:#34d399;font-style:italic}.verify-actions{gap:10px;margin-top:10px;display:flex}.confirm-btn{color:#fff;background:#22c55e;border:none;border-radius:6px;flex:1;padding:10px;font-weight:700}.reject-btn{color:#ef4444;background:0 0;border:1px solid #ef4444;border-radius:6px;padding:10px}@keyframes popIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.setup-screen{background:#0f172a;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;animation:.5s fadeIn;display:flex}.setup-row{width:100%;max-width:300px;margin-bottom:20px}.setup-row label{color:#94a3b8;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.setup-row select{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px}.setup-row input[type=range]{accent-color:#38bdf8;width:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.timer{color:#ef4444;font-family:Courier New,monospace;font-size:14px;font-weight:700;animation:1s infinite pulse;position:absolute;top:-30px;right:10px}.countdown-timer{text-align:center;text-shadow:0 0 10px;margin-bottom:10px;font-family:Courier New,monospace;font-size:40px;font-weight:800}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.impact-badge{color:#000;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(45deg,#facc15,#fb923c);border:1px solid #fffbeb;border-radius:20px;align-items:center;gap:6px;margin-left:10px;padding:4px 12px;font-size:11px;font-weight:900;animation:2s ease-in-out infinite gentle-impact-pulse;display:flex}@keyframes gentle-impact-pulse{0%{transform:scale(1);box-shadow:0 0 10px #facc1566}50%{transform:scale(1.05);box-shadow:0 0 20px #facc15e6,0 0 35px #fb923c99}to{transform:scale(1);box-shadow:0 0 10px #facc1566}}html,body,#root{background-color:#0f172a;height:100%;min-height:100dvh;margin:0;padding:0;overflow:hidden}.App{box-sizing:border-box;min-height:100dvh}@media (width>=768px){.App{height:min(95vh,900px);min-height:0}}.cyber-container{height:100%;min-height:0;max-height:100%;max-width:min(100%, var(--app-max-width));box-sizing:border-box;padding-bottom:calc(96px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative}.home-layout,.game-layout,.listener-mode,.setup-screen{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;padding:12px;display:flex;overflow-y:auto}.app-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;width:100%;padding:8px 10px calc(8px + env(safe-area-inset-bottom));box-sizing:border-box;background:#0f172af2;border-top:1px solid #334155;align-items:stretch;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.id-footer{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:auto;background:0 0;border-top:0;width:auto;min-width:0;padding-bottom:0;position:static}.wallet-backup-button{color:#fff;white-space:nowrap;background:#ef4444;border-radius:9px;flex-direction:row;flex:0 0 74px;justify-content:center;align-self:center;align-items:center;gap:4px;width:74px;min-width:74px;max-width:74px;min-height:34px;padding:4px 7px;font-size:13px;line-height:1;display:inline-flex}.wallet-backup-label{letter-spacing:.02em;text-transform:none;font-size:10px;line-height:1;display:block}.pwa-update-chip{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:11000;color:#0f172a;cursor:pointer;letter-spacing:.02em;text-align:left;background:#f97316;border:2px solid #ffffffe6;border-radius:16px;align-items:center;gap:12px;width:min(92vw,460px);min-height:68px;padding:12px 14px;font-size:13px;font-weight:900;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 45px #0000008c,0 0 0 4px #f973162e}.pwa-update-dot{color:#facc15;background:#0f172a;border-radius:999px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:inline-flex}.pwa-update-copy{flex-direction:column;flex:1;gap:2px;min-width:0;line-height:1.15;display:flex}.pwa-update-copy strong{text-transform:uppercase;font-size:16px}.pwa-update-copy small{color:#3b2304;font-size:11px;font-weight:800}.pwa-update-action{color:#facc15;text-transform:uppercase;background:#0f172a;border-radius:10px;flex:none;padding:8px 10px;font-size:12px;font-weight:900}.pwa-install-banner{top:calc(12px + env(safe-area-inset-top));z-index:10000;box-sizing:border-box;background:#0f172af5;border:1px solid #38bdf8;border-radius:12px;align-items:center;gap:12px;width:min(92vw,430px);padding:10px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000061}.pwa-install-copy{color:#e2e8f0;flex-direction:column;flex:1;gap:2px;min-width:0;font-size:11px;line-height:1.2;display:flex}.pwa-install-copy strong{color:#38bdf8;letter-spacing:.08em;font-size:12px}.pwa-install-copy span{color:#94a3b8}.pwa-install-button{color:#020617;letter-spacing:.06em;cursor:pointer;background:#38bdf8;border:0;border-radius:9px;flex-shrink:0;min-width:82px;min-height:36px;font-family:Rajdhani,sans-serif;font-weight:800}.pwa-install-button:disabled{color:#94a3b8;cursor:default;background:#334155}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;width:100%;display:grid}@media (width<=768px){.menu-grid{grid-template-columns:1fr;gap:8px}.home-layout{padding:10px}.app-footer{padding:7px 8px calc(7px + env(safe-area-inset-bottom));gap:6px}.wallet-backup-button{flex-basis:66px;width:66px;min-width:66px;max-width:66px;min-height:32px;padding:3px 6px;font-size:12px}.wallet-backup-label{font-size:9px}.pwa-update-chip{bottom:calc(12px + env(safe-area-inset-bottom));gap:9px;width:min(94vw,430px);min-height:62px;padding:10px 11px;font-size:12px}.pwa-update-dot{flex-basis:34px;width:34px;height:34px;font-size:17px}.pwa-update-copy strong{font-size:14px}.pwa-update-copy small{font-size:10px}.pwa-update-action{padding:7px 8px;font-size:10px}.app-identity-strip{gap:6px;min-height:32px;padding:5px 6px}.app-identity-mark{width:32px;height:22px;font-size:8px}.app-identity-name{font-size:11px}.app-identity-title-row{gap:6px}.app-identity-title-tools{gap:4px}.ui-language-selector span{display:none}.app-identity-host{max-width:98px;padding:2px 4px;font-size:8px}.menu-card{min-height:88px;padding:10px}.icon-large{margin-bottom:4px;font-size:28px}.menu-card h3{font-size:12px}.menu-card p{font-size:10px}.mission-card{flex-shrink:0}.control-panel{flex-direction:column;flex:1;justify-content:flex-end;display:flex}.shared-game-layout.review-mode{padding-bottom:calc(16px + env(safe-area-inset-bottom));overflow-y:auto}.shared-game-layout.review-mode .mission-card{max-height:118px;margin-bottom:8px}.shared-game-layout.review-mode .mission-content-overlay{padding:9px 12px}.shared-game-layout.review-mode .mission-main-text{font-size:13px!important;line-height:1.15!important}.control-panel.is-reviewing{flex:none;justify-content:flex-start;overflow-y:visible}.polyglot-panel{gap:10px!important;padding:12px!important}.polyglot-selector-grid{grid-template-columns:1fr;gap:10px}.polyglot-card,.polyglot-audio-panel,.polyglot-result,.polyglot-explanation{padding:12px}.polyglot-result-actions{grid-template-columns:1fr}.polyglot-textarea{min-height:66px;font-size:14px}.polyglot-primary-button{min-height:46px}}.phc-setup-card{text-align:center;background:#0f172a;border-radius:12px;flex-direction:column;height:auto;max-height:100%;padding:30px;display:flex;overflow-y:auto}.phc-chat-window{background:#00000080;border:1px solid #334155;border-radius:12px;flex-direction:column;flex:1;gap:10px;min-height:0;margin-bottom:6px;padding:10px;display:flex;overflow-y:auto}.phc-input-area{background:#0f172a;border:1px solid #f97316;border-radius:10px;flex-shrink:0;padding:8px}@media (height<=500px){.phc-setup-card{padding:15px}.phc-chat-window{gap:8px;margin-bottom:5px;padding:10px}.phc-input-area{padding:8px}.listener-header{margin-bottom:5px;padding:5px 10px}.listener-header h3{font-size:12px}}@media (width<=400px){.phc-chat-window{padding:10px}}.hitl-label{color:#f8fafc;letter-spacing:.5px;font-weight:700;display:block;margin-bottom:8px!important;font-size:12px!important}.hitl-edit-box{resize:vertical;box-sizing:border-box;outline:none;width:100%;min-height:50px;font-style:italic;transition:all .2s ease-in-out;color:#38bdf8!important;background:#0f172acc!important;border:2px solid #38bdf8!important;border-radius:8px!important;padding:12px!important;font-size:15px!important}.hitl-edit-box:focus{box-shadow:0 0 10px #facc1580;color:#facc15!important;border-color:#facc15!important}.hitl-action-btn{cursor:pointer;text-transform:uppercase;font-weight:700;color:#38bdf8!important;background:#38bdf81a!important;border:1px solid #38bdf8!important;border-radius:6px!important;padding:6px 12px!important;font-size:11px!important}.hitl-action-btn:active{background:#38bdf84d!important}