@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap";.ux-font-primary{font-family:var(--font-family-primary)}.ux-font-mono{font-family:var(--font-family-mono)}:root{--color-player-light: #e5e5e5;--color-player-dark: #1a1a1a;--color-health-critical: #ff4444;--color-health-medium: #ffb84d;--color-health-strong: #4caf50;--color-text-primary: #ffffff;--color-text-secondary: #888888;--color-text-tertiary: #b0b0b0;--color-bg-page: #000000;--color-bg-grid: #0a0a0a;--color-surface-glass: rgba(255, 255, 255, .08);--color-surface-glass-strong: rgba(255, 255, 255, .15);--color-border-strong: rgba(255, 255, 255, .2);--color-border-medium: rgba(255, 255, 255, .15);--color-border-subtle: rgba(255, 255, 255, .08);--color-surface-primary: #ffffff;--color-surface-elevated: rgba(255, 255, 255, .08);--color-brand-primary: #4a90e2;--color-brand-primary-strong: #357abd;--color-accent-gold: #ffd700;--color-accent-gold-border: #b38600;--color-accent-blue: #1f4fff;--color-accent-blue-border: #001f80;--color-status-success: #10b981;--color-status-info: #3b82f6;--color-status-neutral: #6b7280;--color-status-warning: #f59e0b;--color-status-danger: #ef4444;--color-status-muted: #4a5568;--tile-size: clamp(52px, calc((100vw - 36px) / 5.5), 68px);--icon-size: clamp(36px, calc(var(--tile-size) * .74), 50px);--tile-gap: clamp(2px, .7vw, 4px);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 12px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--footer-collapsed-height: 140px;--footer-header-height: 50px;--clock-width: 92px;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "Chakra Petch", "Rajdhani", "Orbitron", "Share Tech Mono", monospace;--font-family-code: "Courier New", monospace;--transition-fast: .15s;--transition-medium: .3s;--transition-slow: .4s;--ease-out: ease-out;--ease-in-out: ease-in-out;--ux-space-0: 0;--ux-space-1: .25rem;--ux-space-2: .5rem;--ux-space-3: .75rem;--ux-space-4: 1rem;--ux-space-5: 1.25rem;--ux-space-6: 1.5rem;--ux-space-8: 2rem;--ux-space-10: 2.5rem;--ux-space-12: 3rem;--ux-space-16: 4rem;--ux-space-20: 5rem;--ux-space-24: 6rem;--color-domain-commerce: #3b82f6;--color-domain-operations: #8b5cf6;--color-domain-people: #ec4899;--color-domain-finance: #10b981;--color-domain-integrity: #f59e0b;--color-player1: #ffd700;--color-player1-border: #b38600;--color-player2: #1f4fff;--color-player2-border: #001f80;--color-podium-silver: #c0c0c0;--color-podium-bronze: #cd7f32;--color-accent-cameo: #d4a900;--color-accent-cameo-bg: rgba(212, 169, 0, .08);--color-surface-light: #f5f5f5;--color-surface-white: #fff;--color-border-light: #e0e0e0;--color-shadow-subtle: rgba(0, 0, 0, .1);--color-shadow-medium: rgba(0, 0, 0, .3);--color-phase-active: #2e7d32;--color-phase-active-bg: #e8f5e9;--color-phase-paused: #f57c00;--color-phase-paused-bg: #fff3e0;--color-phase-default: #757575;--color-severity-warning-bg: #fff3cd;--color-severity-warning-border: #f57c00;--color-severity-warning-text: #856404;--color-severity-warning-text-strong: #e65100;--color-severity-critical-bg: #ffebee;--color-severity-critical-border: #d32f2f;--color-severity-critical-text: #c62828;--color-graph-link: rgba(255, 255, 255, .35)}:root{--color-event-accent: #ff6b00;--kinetic-swipe-commit: .4;--kinetic-velocity-threshold: .5;--kinetic-double-swipe-window: .4s;--kinetic-tap-max-distance: 10px;--kinetic-easing-drag-release: cubic-bezier(.34, 1.56, .64, 1);--kinetic-easing-commit-exit: cubic-bezier(.4, 0, .2, 1);--kinetic-easing-cancel-return: cubic-bezier(0, 0, .58, 1);--kinetic-duration-snap-back: .3s;--kinetic-duration-commit-exit: .2s;--kinetic-duration-preview: .15s;--kinetic-max-tilt: 5deg;--kinetic-max-lift: 8px}@keyframes kinetic-node-drift{0%,to{transform:translate(0)}25%{transform:translate(4px,-3px)}50%{transform:translate(-3px,4px)}75%{transform:translate(3px,2px)}}@keyframes kinetic-node-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}@keyframes kinetic-node-breathe{0%,to{transform:translate(0) scale(1)}25%{transform:translate(4px,-4px) scale(1.04)}50%{transform:translate(-3px,3px) scale(.97)}75%{transform:translate(3px,2px) scale(1.02)}}.kinetic-draggable{cursor:grab;touch-action:none}.kinetic-draggable:active,.kinetic-dragging{cursor:grabbing;animation:none!important}.kinetic-drag-target{transform-origin:center;transition:transform var(--kinetic-duration-snap-back) var(--kinetic-easing-drag-release)}.kinetic-drag-target.kinetic-dragging{transition:none;transform:scale(1.15);filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))}@keyframes kinetic-node-settle{0%{transform:scale(1.1)}50%{transform:scale(.95)}to{transform:scale(1)}}.kinetic-drag-released{animation:kinetic-node-settle .3s var(--kinetic-easing-drag-release) forwards}:root{--beam-gold-start: #ff8800;--beam-gold-mid: #ffdd00;--beam-gold-bright: #ffff66;--beam-blue-start: #0066cc;--beam-blue-mid: #66d9ff;--beam-blue-bright: #99eeff;--beam-clash-white: rgba(255, 255, 255, 1);--beam-clash-size: 80px;--beam-track-height: 16px}@keyframes kinetic-clash-pulse{0%{transform:scale(.8);opacity:.9}to{transform:scale(1.3);opacity:1}}@keyframes kinetic-spark-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--spark-tx, 50px),var(--spark-ty, -50px)) scale(0);opacity:0}}@keyframes kinetic-lightning-flash{0%{opacity:1;filter:brightness(2)}to{opacity:0;filter:brightness(1)}}@keyframes kinetic-screen-flash{0%{opacity:var(--flash-intensity, .5)}to{opacity:0}}@keyframes kinetic-energy-flow-gold{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes kinetic-energy-flow-blue{0%{background-position:200% 50%}to{background-position:0% 50%}}@keyframes kinetic-beam-push{0%{filter:brightness(1)}50%{filter:brightness(1.5)}to{filter:brightness(1)}}@keyframes kinetic-shockwave{0%{transform:translate(-50%,-50%) scale(.2);opacity:1;border-width:4px}to{transform:translate(-50%,-50%) scale(3);opacity:0;border-width:1px}}@keyframes kinetic-explosion-burst{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes kinetic-victory-appear{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(3deg);opacity:1}80%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes kinetic-charge-spin-gold{0%{transform:scale(0) rotate(0);opacity:0;box-shadow:0 0 10px #ffc80080}30%{transform:scale(1) rotate(180deg);opacity:1;box-shadow:0 0 20px #ffc800cc}60%{transform:scale(1.1) rotate(360deg);opacity:1;box-shadow:0 0 30px #ffdc00,0 0 60px #ffb40099}to{transform:scale(1.2) rotate(540deg);opacity:1;box-shadow:0 0 40px #ffff64,0 0 80px #ffc800cc}}@keyframes kinetic-charge-spin-blue{0%{transform:scale(0) rotate(0);opacity:0;box-shadow:0 0 10px #0064ff80}30%{transform:scale(1) rotate(-180deg);opacity:1;box-shadow:0 0 20px #0064ffcc}60%{transform:scale(1.1) rotate(-360deg);opacity:1;box-shadow:0 0 30px #3296ff,0 0 60px #0064c899}to{transform:scale(1.2) rotate(-540deg);opacity:1;box-shadow:0 0 40px #64c8ff,0 0 80px #0096ffcc}}@keyframes kinetic-charge-spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--spark-tx, 30px),var(--spark-ty, -30px)) scale(0);opacity:0}}@keyframes kinetic-beam-shoot-gold{0%{width:24px;height:24px;border-radius:50%;transform:scale(1.2)}30%{width:24px;height:24px;border-radius:50%;transform:scale(1)}to{width:var(--beam-target-width, 50%);height:100%;border-radius:9px 0 0 9px;transform:scale(1)}}@keyframes kinetic-beam-shoot-blue{0%{width:24px;height:24px;border-radius:50%;transform:scale(1.2)}30%{width:24px;height:24px;border-radius:50%;transform:scale(1)}to{width:var(--beam-target-width, 50%);height:100%;border-radius:0 9px 9px 0;transform:scale(1)}}@keyframes kinetic-intro-clash-burst{0%{transform:translate(-50%) scale(0);opacity:1}50%{transform:translate(-50%) scale(2.5);opacity:1}to{transform:translate(-50%) scale(4);opacity:0}}:root{--kinetic-avatar-pop-scale: 1.15;--kinetic-avatar-pop-duration: .3s;--kinetic-avatar-shake-distance: 6px;--kinetic-avatar-shake-duration: .3s}@keyframes kinetic-avatar-pop-gold{0%{transform:scale(1);box-shadow:0 2px 4px #0009}50%{transform:scale(var(--kinetic-avatar-pop-scale, 1.15));box-shadow:0 0 8px #ffd700e6,0 0 16px #ffb400b3,0 0 24px #ff960080,0 0 32px #ff78004d}to{transform:scale(1);box-shadow:0 2px 4px #0009}}@keyframes kinetic-avatar-pop-blue{0%{transform:scale(1);box-shadow:0 2px 4px #0009}50%{transform:scale(var(--kinetic-avatar-pop-scale, 1.15));box-shadow:0 0 8px #1f4fffe6,0 0 16px #0064c8b3,0 0 24px #0050b480,0 0 32px #003ca04d}to{transform:scale(1);box-shadow:0 2px 4px #0009}}@keyframes kinetic-avatar-shake{0%,to{transform:translate(0);box-shadow:0 2px 4px #0009}15%{transform:translate(var(--kinetic-avatar-shake-distance, 3px));box-shadow:0 0 6px #ff3232cc,0 0 12px #ff000080}30%{transform:translate(calc(var(--kinetic-avatar-shake-distance, 3px) * -1));box-shadow:0 0 8px #ff3232e6,0 0 16px #f009}45%{transform:translate(calc(var(--kinetic-avatar-shake-distance, 3px) * .66));box-shadow:0 0 5px #ff323299,0 0 10px #f006}60%{transform:translate(calc(var(--kinetic-avatar-shake-distance, 3px) * -.66));box-shadow:0 0 3px #ff323266,0 0 6px #f003}75%{transform:translate(calc(var(--kinetic-avatar-shake-distance, 3px) * .33));box-shadow:0 2px 4px #0009}}.player-block--left.avatar--popping .player-block__avatar{animation:kinetic-avatar-pop-gold var(--kinetic-avatar-pop-duration, .3s) var(--kinetic-easing-drag-release)}.player-block--right.avatar--popping .player-block__avatar{animation:kinetic-avatar-pop-blue var(--kinetic-avatar-pop-duration, .3s) var(--kinetic-easing-drag-release)}.player-block.avatar--shake-1{animation:kinetic-avatar-shake var(--kinetic-avatar-shake-duration, .3s) ease-out 1}.player-block.avatar--shake-3{animation:kinetic-avatar-shake var(--kinetic-avatar-shake-duration, .3s) ease-out 3}:root{--kinetic-pip-size: 8px;--kinetic-pip-border: 1.5px;--kinetic-pip-gap: 4px}.round-pips{display:flex;align-items:center;gap:var(--kinetic-pip-gap)}.round-pip{width:var(--kinetic-pip-size);height:var(--kinetic-pip-size);border-radius:50%;background:transparent;border-style:solid;border-width:var(--kinetic-pip-border);flex-shrink:0}.round-pip--gold{border-color:var(--beam-gold-mid, #ffdd00)}.round-pip--blue{border-color:var(--beam-blue-mid, #66d9ff)}.round-pip--won.round-pip--gold{background:var(--beam-gold-mid, #ffdd00);box-shadow:0 0 4px #ffd70099}.round-pip--won.round-pip--blue{background:var(--beam-blue-mid, #66d9ff);box-shadow:0 0 4px #66d9ff99}@keyframes kinetic-logo-reveal{0%{clip-path:inset(100% 0 0 0);opacity:.3}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes kinetic-fade-in{to{opacity:.9}}@keyframes kinetic-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes kinetic-skeleton-pulse{0%,to{opacity:.3}50%{opacity:.6}}@media(prefers-reduced-motion:reduce){:root{--kinetic-easing-drag-release: ease-out;--kinetic-duration-snap-back: 0ms;--kinetic-duration-commit-exit: 0ms;--kinetic-max-tilt: 0deg;--kinetic-max-lift: 0px}.player-block--left.avatar--popping .player-block__avatar,.player-block--right.avatar--popping .player-block__avatar,.player-block.avatar--shake-1,.player-block.avatar--shake-3{animation:none}}.ux-card{background:var(--color-surface-glass-strong);border-radius:1rem;border:1px solid var(--color-border-strong);color:var(--color-text-primary);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.ux-card--low{box-shadow:0 6px 18px #00000059}.ux-card--medium{box-shadow:0 10px 28px #00000073}.ux-card--high{box-shadow:0 16px 40px #0000008c}.ux-card--interactive{transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out);cursor:pointer}.ux-card--interactive:hover{transform:translateY(-2px);box-shadow:0 18px 45px #0009}.ux-button{border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;font-family:var(--font-family-mono);cursor:pointer;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),background .2s var(--ease-out)}.ux-button--primary{background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-primary-strong) 100%);color:var(--color-text-primary);box-shadow:0 6px 20px #4a90e266}.ux-button--secondary{background:var(--color-surface-glass-strong);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.ux-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ux-button:not(:disabled):hover{transform:translateY(-2px)}.ux-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--ux-space-4)}.ux-modal{background:#1a1a1af2;border-radius:16px;box-shadow:0 8px 32px #00000080;color:var(--color-text-primary);max-height:90vh;overflow:auto}.ux-modal__header{padding:var(--ux-space-4);border-bottom:1px solid var(--color-border-medium);display:flex;justify-content:space-between;align-items:center}.ux-modal__title{margin:0;font-size:1.25rem;font-weight:600}.ux-modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;line-height:1}.ux-modal__content{padding:var(--ux-space-4)}.ux-input{width:100%;padding:.75rem 1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;color:var(--color-text-primary);font-size:1rem;font-family:var(--font-family-primary);transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}.ux-input:focus{outline:none;border-color:var(--color-brand-primary);background:#ffffff26;box-shadow:0 0 0 3px #4a90e233}.ux-input--error{border-color:var(--color-status-danger)}.ux-input--success{border-color:var(--color-status-success)}.ux-input:disabled{opacity:.6;cursor:not-allowed}.ux-video-player{width:100%;border-radius:.75rem;overflow:hidden;background:var(--color-bg-grid)}.ux-video-player__element{width:100%;display:block}.ux-avatar-upload{display:flex;flex-direction:column;align-items:center;gap:.75rem}.ux-avatar-upload__dropzone{position:relative;border-radius:50%;overflow:hidden;cursor:pointer;border:2px dashed rgba(255,255,255,.3);transition:border-color .2s var(--ease-out),transform .2s var(--ease-out)}.ux-avatar-upload__dropzone:hover{border-color:var(--color-brand-primary);transform:scale(1.02)}.ux-avatar-upload__dropzone:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #4a90e24d}.ux-avatar-upload__dropzone--dragging{border-color:var(--color-brand-primary);border-style:solid;background:#4a90e21a}.ux-avatar-upload__dropzone--uploading{pointer-events:none;opacity:.7}.ux-avatar-upload__preview{width:100%;height:100%;object-fit:cover}.ux-avatar-upload__overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s var(--ease-out)}.ux-avatar-upload__dropzone:hover .ux-avatar-upload__overlay,.ux-avatar-upload__dropzone--dragging .ux-avatar-upload__overlay,.ux-avatar-upload__dropzone--uploading .ux-avatar-upload__overlay{opacity:1}.ux-avatar-upload__spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ux-avatar-spin .8s linear infinite}@keyframes ux-avatar-spin{to{transform:rotate(360deg)}}.ux-avatar-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ux-avatar-upload__info{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.ux-avatar-upload__hint{font-size:.75rem;color:var(--color-text-secondary)}.ux-avatar-upload__error{font-size:.75rem;color:var(--color-status-danger)}.ux-avatar-upload__remove{background:none;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;transition:border-color .2s var(--ease-out),color .2s var(--ease-out)}.ux-avatar-upload__remove:hover{border-color:var(--color-status-danger);color:var(--color-status-danger)}.bottom-sheet-overlay{position:fixed;inset:0;background:#0000;z-index:1000;pointer-events:none;transition:background .3s ease}.bottom-sheet-overlay--open{background:#00000080;pointer-events:auto}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:var(--color-accent-gold, #ffd700);border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.bottom-sheet--open{transform:translateY(0)}.bottom-sheet--full{max-height:95vh;height:95vh}.bottom-sheet__handle{display:flex;justify-content:center;padding:16px 0 12px;flex-shrink:0;cursor:grab;touch-action:none}.bottom-sheet__handle-bar{width:36px;height:4px;background:#1a1a1a4d;border-radius:2px}.bottom-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem 1rem;flex-shrink:0}.bottom-sheet__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--color-player-dark, #1a1a1a);cursor:pointer;transition:background .15s}.bottom-sheet__close:hover{background:#1a1a1a1a}.bottom-sheet__title{color:var(--color-player-dark, #1a1a1a);font-size:1.25rem;font-weight:600;margin:0}.bottom-sheet__content{flex:1;overflow-y:auto;padding:0 1rem 2rem;-webkit-overflow-scrolling:touch}.pwa-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:var(--ux-space-4);padding:var(--ux-space-4);padding-bottom:calc(var(--ux-space-4) + var(--safe-area-bottom));background:var(--color-surface-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border-medium);animation:pwa-slide-up var(--transition-medium) var(--ease-out)}@keyframes pwa-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-banner__content{display:flex;align-items:center;gap:var(--ux-space-3);flex:1;min-width:0}.pwa-banner__icon{width:48px;height:48px;border-radius:12px;flex-shrink:0}.pwa-banner__text{display:flex;flex-direction:column;gap:var(--ux-space-1);min-width:0}.pwa-banner__title{font-family:var(--font-family-primary);font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-banner__description{font-family:var(--font-family-primary);font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-banner__actions{display:flex;align-items:center;gap:var(--ux-space-2);flex-shrink:0}.pwa-banner__button{font-family:var(--font-family-primary);font-size:.875rem;font-weight:500;padding:var(--ux-space-2) var(--ux-space-4);border-radius:8px;border:none;cursor:pointer;transition:all var(--transition-fast) var(--ease-out);white-space:nowrap}.pwa-banner__button--dismiss{background:transparent;color:var(--color-text-secondary)}.pwa-banner__button--dismiss:hover{color:var(--color-text-primary);background:var(--color-surface-glass)}.pwa-banner__button--install{background:var(--color-brand-primary);color:var(--color-text-primary)}.pwa-banner__button--install:hover{background:var(--color-brand-primary-strong)}.pwa-banner__button--install:active{transform:scale(.98)}.pwa-ios-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;background:var(--color-surface-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border-medium);border-radius:16px 16px 0 0;overflow:hidden;animation:pwa-slide-up var(--transition-medium) var(--ease-out);transition:max-height .3s ease}.pwa-ios-banner--collapsed{max-height:calc(56px + env(safe-area-inset-bottom,0px))}.pwa-ios-banner--expanded{max-height:calc(400px + env(safe-area-inset-bottom,0px))}.pwa-ios-banner__header{display:flex;align-items:center;gap:var(--ux-space-3);width:100%;height:56px;padding:0 var(--ux-space-4);background:transparent;border:none;cursor:pointer;font-family:var(--font-family-primary);text-align:left;transition:background var(--transition-fast) var(--ease-out)}.pwa-ios-banner__header:hover{background:var(--color-surface-glass)}.pwa-ios-banner__icon{width:32px;height:32px;flex-shrink:0}.pwa-ios-banner__icon img{width:100%;height:100%;border-radius:8px}.pwa-ios-banner__title{flex:1;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-ios-banner__toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-secondary);flex-shrink:0}.pwa-ios-banner__body{padding:0 var(--ux-space-4);padding-bottom:calc(var(--ux-space-4) + env(safe-area-inset-bottom,0px));opacity:0;transition:opacity .15s ease .15s}.pwa-ios-banner--expanded .pwa-ios-banner__body{opacity:1}.pwa-ios-banner--collapsed .pwa-ios-banner__body{opacity:0;transition:opacity .1s ease}.pwa-ios-banner__intro{font-family:var(--font-family-primary);font-size:.875rem;color:var(--color-text-secondary);margin:0 0 var(--ux-space-4) 0}.pwa-ios-banner .pwa-ios-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ux-space-3)}.pwa-ios-banner .pwa-ios-steps__item{display:flex;align-items:flex-start;gap:var(--ux-space-3)}.pwa-ios-banner .pwa-ios-steps__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-surface-glass);border-radius:8px;color:var(--color-brand-primary)}.pwa-ios-banner .pwa-ios-steps__icon svg{width:18px;height:18px}.pwa-ios-banner .pwa-ios-steps__text{font-family:var(--font-family-primary);font-size:.875rem;color:var(--color-text-primary);line-height:1.4;padding-top:var(--ux-space-2)}.pwa-ios-banner .pwa-ios-steps__text strong{font-weight:600}.pwa-ios-banner__actions{display:flex;justify-content:flex-end;gap:var(--ux-space-2);margin-top:var(--ux-space-4)}.pwa-ios-banner__button{font-family:var(--font-family-primary);font-size:.875rem;font-weight:500;padding:var(--ux-space-2) var(--ux-space-4);border-radius:8px;border:none;cursor:pointer;transition:all var(--transition-fast) var(--ease-out);white-space:nowrap}.pwa-ios-banner__button--dismiss{background:transparent;color:var(--color-text-secondary)}.pwa-ios-banner__button--dismiss:hover{color:var(--color-text-primary);background:var(--color-surface-glass)}.pwa-ios-banner__button--confirm{background:var(--color-brand-primary);color:var(--color-text-primary)}.pwa-ios-banner__button--confirm:hover{background:var(--color-brand-primary-strong)}.pwa-ios-banner__button--confirm:active{transform:scale(.98)}@media(max-width:360px){.pwa-banner{flex-direction:column;align-items:stretch}.pwa-banner__actions{justify-content:flex-end}}.circular-action-btn{--btn-size: var(--circular-btn-lg, 120px);width:var(--btn-size);height:var(--btn-size);border-radius:50%;background:var(--color-surface-glass, rgba(255, 255, 255, .15));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;font-weight:700;color:var(--color-text-primary, #ffffff);cursor:pointer;transition:transform .2s}.circular-action-btn:hover:not(:disabled){transform:scale(1.1)}.circular-action-btn:active:not(:disabled){transform:scale(.95)}.circular-action-btn:disabled{opacity:.5;cursor:not-allowed}.circular-action-btn--sm{--btn-size: 80px;font-size:1rem}.circular-action-btn--md{--btn-size: 100px;font-size:1.25rem}.circular-action-btn--lg{--btn-size: 120px;font-size:1.5rem}.circular-action-btn__icon{display:block;margin-bottom:.25rem}.circular-action-btn__spinner{display:inline-block;width:24px;height:24px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:circular-action-btn-spin .8s linear infinite}@keyframes circular-action-btn-spin{to{transform:rotate(360deg)}}.level-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.level-badge--sm{padding:.125rem .5rem;font-size:.65rem}.level-badge--md{padding:.25rem .75rem;font-size:.75rem}.level-badge--lg{padding:.375rem 1rem;font-size:.875rem}.level-badge__code{font-weight:800}.level-badge__label{font-weight:600;opacity:.9}.level-badge__elo{font-weight:500;opacity:.8;margin-left:.25rem;padding-left:.25rem;border-left:1px solid currentColor}.country-flag{display:inline-flex;align-items:center;justify-content:center;line-height:1}.country-flag--sm{font-size:.875rem}.country-flag--md{font-size:1.125rem}.country-flag--lg{font-size:1.5rem}.list-container{width:100%;background:#1a1a1a0d;border-radius:12px;overflow:hidden}.list-row{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid rgba(26,26,26,.1);background:transparent;transition:background .15s ease}.list-row--last{border-bottom:none}.list-row--interactive{cursor:pointer}.list-row--interactive:hover{background:#1a1a1a0d}.list-row--interactive:active{background:#1a1a1a14}.list-row__left{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:2.5rem}.list-row__content{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.list-row__right{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.ux-phone-input{display:flex;align-items:stretch;position:relative;width:100%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}.ux-phone-input:focus-within{border-color:var(--color-brand-primary);background:#ffffff26;box-shadow:0 0 0 3px #4a90e233}.ux-phone-input--error{border-color:var(--color-status-danger)}.ux-phone-input--success{border-color:var(--color-status-success)}.ux-phone-input--disabled{opacity:.6;pointer-events:none}.ux-phone-input__country-btn{display:flex;align-items:center;gap:.375rem;padding:.75rem;background:#ffffff0d;border:none;border-right:1px solid rgba(255,255,255,.15);border-radius:.375rem 0 0 .375rem;color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:background .15s var(--ease-out);flex-shrink:0}.ux-phone-input__country-btn:hover:not(:disabled){background:#ffffff1a}.ux-phone-input__country-btn:disabled{cursor:not-allowed}.ux-phone-input__flag{font-size:1.25rem;line-height:1}.ux-phone-input__code{font-family:var(--font-family-mono);font-size:.8125rem;color:var(--color-text-secondary);min-width:2.5rem}.ux-phone-input__arrow{font-size:.625rem;color:var(--color-text-secondary);margin-left:.125rem}.ux-phone-input__input{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:var(--color-text-primary);font-size:1rem;font-family:var(--font-family-primary);min-width:0}.ux-phone-input__input:focus{outline:none}.ux-phone-input__input::placeholder{color:var(--color-text-secondary);opacity:.7}.ux-phone-input__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:#1e1e1efa;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;box-shadow:0 8px 32px #00000080;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ux-phone-input__option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;color:var(--color-text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:background .1s var(--ease-out)}.ux-phone-input__option:hover{background:#ffffff1a}.ux-phone-input__option--selected{background:#4a90e233}.ux-phone-input__option-flag{font-size:1.125rem;line-height:1;flex-shrink:0}.ux-phone-input__option-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-phone-input__option-code{font-family:var(--font-family-mono);font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.ux-phone-input__dropdown::-webkit-scrollbar{width:6px}.ux-phone-input__dropdown::-webkit-scrollbar-track{background:transparent}.ux-phone-input__dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.ux-phone-input__dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.ux-language-switcher{position:relative;width:100%}.ux-language-switcher--disabled{opacity:.6;pointer-events:none}.ux-language-switcher__btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;color:var(--color-text-primary);font-size:1rem;font-family:var(--font-family-primary);cursor:pointer;transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}.ux-language-switcher__btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.ux-language-switcher__btn:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #4a90e233}.ux-language-switcher__btn:disabled{cursor:not-allowed}.ux-language-switcher__flag{font-size:1.25rem;line-height:1;flex-shrink:0}.ux-language-switcher__name{flex:1;text-align:left}.ux-language-switcher__arrow{font-size:.625rem;color:var(--color-text-secondary);flex-shrink:0}.ux-language-switcher__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:#1e1e1efa;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;box-shadow:0 8px 32px #00000080;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ux-language-switcher__option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--color-text-primary);font-size:.9375rem;font-family:var(--font-family-primary);text-align:left;cursor:pointer;transition:background .1s var(--ease-out)}.ux-language-switcher__option:hover{background:#ffffff1a}.ux-language-switcher__option--selected{background:#4a90e233}.ux-language-switcher__option-flag{font-size:1.125rem;line-height:1;flex-shrink:0}.ux-language-switcher__option-name{flex:1}.ux-language-switcher__dropdown::-webkit-scrollbar{width:6px}.ux-language-switcher__dropdown::-webkit-scrollbar-track{background:transparent}.ux-language-switcher__dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.ux-language-switcher__dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.ux-university-search{position:relative;width:100%}.ux-university-search__btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;color:var(--color-text-primary);font-size:1rem;font-family:var(--font-family-primary);cursor:pointer;transition:border-color .2s var(--ease-out),background .2s var(--ease-out);text-align:left}.ux-university-search__btn:hover{background:#ffffff26;border-color:#ffffff4d}.ux-university-search__btn:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #4a90e233}.ux-university-search__btn-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-university-search__btn-text--placeholder{opacity:.5}.ux-university-search__btn-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:50%;background:#ffffff26;color:var(--color-text-secondary);font-size:.75rem;line-height:1;cursor:pointer;padding:0}.ux-university-search__btn-clear:hover{background:#ffffff40;color:var(--color-text-primary)}.ux-university-search__input{width:100%;padding:.75rem 1rem;background:#ffffff1a;border:2px solid var(--color-brand-primary);border-radius:.5rem;color:var(--color-text-primary);font-size:1rem;font-family:var(--font-family-primary);box-shadow:0 0 0 3px #4a90e233}.ux-university-search__input:focus{outline:none}.ux-university-search__input::placeholder{color:var(--color-text-secondary);opacity:.6}.ux-university-search__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:#1e1e1efa;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;box-shadow:0 8px 32px #00000080;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ux-university-search__option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem 1rem;background:transparent;border:none;color:var(--color-text-primary);font-size:.9375rem;font-family:var(--font-family-primary);text-align:left;cursor:pointer;transition:background .1s var(--ease-out)}.ux-university-search__option:hover,.ux-university-search__option--active{background:#ffffff1a}.ux-university-search__option-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.ux-university-search__option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-university-search__option-detail{font-size:.75rem;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-university-search__hint{padding:.75rem 1rem;color:var(--color-text-secondary);font-size:.875rem;opacity:.6;text-align:center}.ux-university-search__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--color-brand-primary);border-radius:50%;animation:ux-university-spin .6s linear infinite;margin-right:.5rem;vertical-align:middle}@keyframes ux-university-spin{to{transform:rotate(360deg)}}.ux-university-search__dropdown::-webkit-scrollbar{width:6px}.ux-university-search__dropdown::-webkit-scrollbar-track{background:transparent}.ux-university-search__dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.ux-university-search__dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.narrative-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-6, 1.5rem);background:var(--color-background-dark, #0a0a0a);color:var(--color-text-primary, #ffffff);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.narrative-card__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.narrative-card__video,.narrative-card__image{width:100%;height:100%;object-fit:cover;opacity:.6}.narrative-card__content{position:relative;z-index:1;text-align:center;max-width:600px;padding:var(--spacing-8, 2rem)}.narrative-card__label{font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-bold, 700);margin-bottom:var(--spacing-4, 1rem);text-shadow:0 2px 8px rgba(0,0,0,.8)}.narrative-card__description{font-size:var(--font-size-lg, 1.125rem);line-height:1.6;opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.8)}.narrative-card__progress{position:absolute;bottom:var(--spacing-16, 4rem);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-2, .5rem);z-index:1}.narrative-card__dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:background .2s ease}.narrative-card__dot.active{background:var(--color-primary, #ffd700)}.narrative-card__hint{position:absolute;bottom:var(--spacing-8, 2rem);left:50%;transform:translate(-50%);font-size:var(--font-size-sm, .875rem);opacity:.6;z-index:1;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.narrative-card--event{background:linear-gradient(180deg,#ff6b0026,#0a0a0a 50%)}.narrative-card--event .narrative-card__label{color:var(--color-event-accent, #ff6b00)}.narrative-card__badge{position:absolute;top:var(--spacing-6, 1.5rem);left:50%;transform:translate(-50%);z-index:1;padding:var(--spacing-1, .25rem) var(--spacing-3, .75rem);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.05em;background:var(--color-event-accent, #ff6b00);color:var(--color-background-dark, #0a0a0a)}.janet-playground{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#1a1a2e;padding:2rem;gap:2rem;font-family:system-ui,-apple-system,sans-serif}.janet-playground__stage{border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0006}.janet-playground__label{color:gold;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.janet-playground__controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:500px}.janet-playground__btn{padding:.6rem 1.4rem;border:2px solid #FFD700;border-radius:12px;background:transparent;color:gold;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.janet-playground__btn:hover{background:#ffd70026}.janet-playground__btn--active{background:gold;color:#1a1a2e}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;touch-action:pan-y;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.5;color:#171717}html{background:var(--color-accent-gold, #ffd700)}#app{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;padding-top:var(--safe-area-top, env(safe-area-inset-top, 0px));padding-bottom:var(--safe-area-bottom, env(safe-area-inset-bottom, 12px));padding-left:var(--safe-area-left, env(safe-area-inset-left, 0px));padding-right:var(--safe-area-right, env(safe-area-inset-right, 0px))}video{max-width:100%;height:auto;touch-action:none;-webkit-touch-callout:none}img{max-width:100%;height:auto}button{touch-action:manipulation}