:root{--bg: #0b0f14;--panel: #131a22;--panel-border: #232d38;--text: #e6edf3;--text-dim: #8b98a5;--accent: #22d3ee;--danger: #f43f5e;--success: #34d399;--warning: #fbbf24;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.app-shell{max-width:640px;margin:0 auto;padding:16px 16px 32px;display:flex;flex-direction:column;gap:14px;min-height:100%}.app-header{text-align:center;padding:4px 0 2px}.app-header h1{font-size:1.4rem;margin:0 0 2px;letter-spacing:-.02em}.app-subtitle{color:var(--text-dim);font-size:.85rem;margin:0}.camera-view{position:relative;width:100%;aspect-ratio:3 / 4;background:#05070a;border-radius:20px;overflow:hidden;border:1px solid var(--panel-border);box-shadow:0 8px 30px #0006}@media (min-width: 720px){.camera-view{aspect-ratio:16 / 10}}.camera-video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(1)}.detection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.flip-icon-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0b0f148c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.flip-icon-btn:active{transform:scale(.92)}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-dim);text-align:center;padding:24px}.camera-placeholder-icon{font-size:2.5rem;opacity:.6}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--panel-border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detection-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;min-height:34px}.detection-list-empty{color:var(--text-dim);font-size:.85rem;padding:6px 2px}.detection-chip{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:6px 12px;font-size:.85rem}.detection-chip-name{text-transform:capitalize;font-weight:500}.detection-chip-confidence{color:var(--accent);font-weight:700}.status-bar{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:10px 16px;font-size:.8rem;color:var(--text-dim)}.status-item strong{color:var(--text)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--text-dim)}.status-dot-running{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot-error{background:var(--danger);box-shadow:0 0 8px var(--danger)}.status-dot-starting{background:var(--warning)}.control-panel{display:flex;flex-direction:column;gap:14px;background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:16px}.control-buttons{display:flex;gap:10px}.btn{flex:1;border:none;border-radius:12px;padding:14px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#04222a}.btn-danger{background:var(--danger);color:#fff}.btn-secondary{flex:0 0 auto;background:#1c2732;color:var(--text);border:1px solid var(--panel-border)}.confidence-control{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-dim)}.confidence-value{color:var(--accent);font-weight:700}.confidence-control input[type=range]{width:100%;accent-color:var(--accent)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f43f5e1f;border:1px solid rgba(244,63,94,.35);color:#fecdd3;border-radius:12px;padding:10px 14px;font-size:.85rem}.error-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:.9rem;padding:2px 6px}.skill-menu-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--panel-border);border-radius:16px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.skill-menu-trigger:active{transform:scale(.99)}.skill-menu-trigger-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#1c2732;border:1px solid var(--panel-border);font-size:1.1rem}.skill-menu-trigger-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.skill-menu-trigger-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.skill-menu-trigger-name{font-size:1rem;font-weight:650;letter-spacing:-.02em}.skill-menu-chevron{color:var(--text-dim);font-size:.95rem}.skill-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#04080c9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:skill-fade-in .16s ease-out}@keyframes skill-fade-in{0%{opacity:0}to{opacity:1}}.skill-sheet{width:min(640px,100%);max-height:min(86vh,720px);background:#0f151c;border:1px solid var(--panel-border);border-bottom:none;border-radius:22px 22px 0 0;box-shadow:0 -12px 40px #00000073;display:flex;flex-direction:column;animation:skill-sheet-up .22s cubic-bezier(.2,.9,.2,1);padding-bottom:env(safe-area-inset-bottom,0)}@keyframes skill-sheet-up{0%{transform:translateY(24%)}to{transform:translateY(0)}}.skill-sheet-handle{width:42px;height:5px;border-radius:999px;background:#2a3644;margin:10px auto 4px}.skill-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 12px}.skill-sheet-header h2{margin:0;font-size:1.15rem;letter-spacing:-.02em}.skill-sheet-close{width:36px;height:36px;border-radius:999px;border:1px solid var(--panel-border);background:#1a222c;color:var(--text-dim);cursor:pointer}.skill-sheet-body{overflow:auto;padding:0 12px 20px;-webkit-overflow-scrolling:touch}.skill-sheet-group{margin-bottom:14px}.skill-sheet-group h3{margin:8px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:650}.skill-sheet-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.skill-sheet-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid transparent;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.skill-sheet-row-active{border-color:#22d3ee59;background:#172029}.skill-sheet-row-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#1c2732;border:1px solid var(--panel-border);flex-shrink:0}.skill-sheet-row-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.skill-sheet-row-copy strong{font-size:.95rem}.skill-sheet-row-copy span{font-size:.78rem;color:var(--text-dim);line-height:1.35}.skill-sheet-check{color:var(--accent);font-weight:700}.party-overlay{position:absolute;left:12px;right:12px;bottom:14px;z-index:4;pointer-events:none}.party-card{background:#0a0e14c7;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:14px 16px;box-shadow:0 10px 28px #00000059}.party-card-pulse{animation:party-pulse 1.2s ease-in-out infinite}@keyframes party-pulse{0%,to{opacity:.85}50%{opacity:1}}.mood-ar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.mood-ar-panel{position:absolute;max-width:220px;overflow:hidden;background:#080c1266;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:14px;padding:8px 9px;box-shadow:0 6px 16px #00000038;transition:left .28s ease,top .28s ease,width .28s ease}.mood-ar-panel-compact{max-width:200px}.mood-ar-hero{display:flex;align-items:flex-start;gap:7px;margin-bottom:6px}.mood-ar-emoji{font-size:1.25rem;line-height:1}.mood-ar-title{font-size:.86rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.mood-ar-tagline{margin-top:2px;font-size:.68rem;color:#d5deea;line-height:1.25}.mood-ar-section{margin-top:5px}.mood-ar-section-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);font-weight:650;margin-bottom:4px}.mood-ar-meters{display:flex;flex-direction:column;gap:4px}.mood-ar-meters-emotions{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.mood-ar-meter-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.64rem;margin-bottom:1px}.mood-ar-meter-head span{color:#e8eef6;font-weight:600}.mood-ar-meter-head strong{color:var(--text-dim);font-variant-numeric:tabular-nums;font-weight:650}.mood-ar-meter-track{height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.mood-ar-meter-fill{height:100%;border-radius:999px;transition:width .42s ease}.mood-ar-cues{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mood-ar-cues span{font-size:.6rem;padding:2px 6px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e2eaf3}.party-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:4px;font-weight:650}.party-title{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.party-palette{font-size:.78rem;color:var(--text-dim);margin-bottom:6px}.party-tagline{font-size:.92rem;color:#d5deea;line-height:1.35}.party-actions{display:flex;justify-content:center}.party-actions .btn{min-width:160px}.skill-picker{display:none}.catan-meta{margin:0;font-size:.8rem;color:var(--text-dim)}.catan-hint{margin:0;font-size:.85rem;color:var(--text-dim)}.catan-advice,.catan-editor{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.catan-advice h2,.catan-editor h2{margin:0;font-size:1rem}.catan-editor-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.catan-rec-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:10px}.catan-rec-list li p{margin:4px 0 0;font-size:.85rem;color:var(--text-dim)}.catan-rec-primary strong{color:var(--success)}.catan-rec-top{display:flex;justify-content:space-between;gap:8px}.catan-rec-score{font-size:.8rem;color:var(--accent)}.catan-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.catan-tile-card{border:1px solid var(--panel-border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;background:#0f141b;font-size:.8rem}.catan-tile-card label{display:flex;flex-direction:column;gap:2px;color:var(--text-dim)}.catan-tile-card select{background:#1c2732;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:6px}.catan-tile-id{font-weight:700;color:var(--text)}.catan-tile-conf{font-size:.72rem;color:var(--text-dim)}.resource-wood{border-color:#3d7a4a}.resource-brick{border-color:#b4533a}.resource-sheep{border-color:#6aa84f}.resource-wheat{border-color:#d4a017}.resource-ore{border-color:#7a7a8c}.resource-desert{border-color:#c2a878}.control-buttons{flex-wrap:wrap}.control-buttons .btn{flex:1 1 120px}.zoom-controls{position:absolute;left:12px;bottom:12px;z-index:3;display:flex;gap:6px;padding:4px;border-radius:999px;background:#0b0f148c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12)}.zoom-chip{min-width:40px;height:36px;padding:0 10px;border:none;border-radius:999px;background:transparent;color:var(--text);font-size:.85rem;font-weight:700;cursor:pointer}.zoom-chip-active{background:var(--accent);color:#04222a}.zoom-chip:disabled{opacity:.4}.next-step-hud{position:absolute;left:12px;right:56px;top:12px;z-index:3;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:#0b0f14c7;border:1px solid rgba(52,211,153,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.next-step-badge{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--success);color:#0b0f14;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center}.next-step-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.next-step-copy strong{font-size:.88rem;color:var(--text)}.next-step-copy span{font-size:.75rem;color:var(--text-dim);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ar-helper-guide{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.ar-helper-guide h2{margin:0;font-size:1rem}.ar-helper-empty{margin:0;font-size:.88rem;color:var(--text-dim);line-height:1.4}.ar-helper-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ar-helper-list li{display:grid;grid-template-columns:auto 1fr auto;gap:8px 12px;align-items:baseline;padding:10px 12px;border-radius:12px;border:1px solid var(--panel-border);border-left-width:4px;background:#0003}.ar-helper-list strong{font-size:.92rem;letter-spacing:.02em}.ar-helper-list span{font-size:.8rem;color:var(--text-dim)}.ar-helper-list em{font-style:normal;font-size:.75rem;color:var(--text-dim)}