:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;--main-bg: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #2d1b5f 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#0d1528,#0a1a2e 60%,#050a14);overflow:hidden}.app-container{position:relative;width:100vw;height:100vh;overflow:hidden}.background-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.ui-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}.ui-layer>*{pointer-events:auto}@media(max-width:900px){.sidebar{flex-direction:row;width:100vw;min-height:unset;border-right:none;border-bottom:1px solid rgba(255,255,255,.12);padding-top:.5rem;padding-bottom:.5rem}}.sidebar{width:80px;background:#141423f2;display:flex;flex-direction:column;align-items:center;padding-top:2rem;min-height:100vh;border-right:1px solid rgba(255,255,255,.12);position:fixed;top:0;left:0;z-index:10}.sidebar ul{list-style:none;padding:0;margin:0;width:100%}.sidebar-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:background .2s}.sidebar-item:hover{background:#ffffff1f}.sidebar-item.active{background:#5cc8ff33;border-left:3px solid #5CC8FF;position:relative}.sidebar-item.active .sidebar-label{color:#5cc8ff;font-weight:600}.sidebar-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;width:100%;padding:.8rem 0}.sidebar-icon{color:#fff;margin-bottom:.3rem;transition:color .2s,filter .2s}.sidebar-item.active .sidebar-icon{color:#5cc8ff;filter:drop-shadow(0 0 6px rgba(92,200,255,.6))}.sidebar-label{font-size:.8rem;color:#fff}.chat-panel{background:#141423eb;border-radius:16px;box-shadow:0 8px 32px #00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);width:320px;max-width:320px;min-height:320px;max-height:400px;display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:1rem .8rem .8rem;position:fixed;top:50%;left:100px;transform:translateY(-50%);z-index:10}.chat-messages{flex:1;overflow-y:auto;margin-bottom:1rem}.chat-msg{margin-bottom:.8rem;padding:.6em .9em;border-radius:10px;background:#5cc8ff1f;color:#fff;font-size:.95rem;word-break:break-word}.chat-msg.user{background:#5cc8ff38;text-align:right}.chat-msg.assistant{background:#ffffff2e;text-align:left}.chat-input-row{display:flex;align-items:center;gap:.5rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;flex-shrink:0}.mic-btn{background:none;border:none;font-size:1.1rem;color:#5cc8ff;cursor:pointer;padding:0 .4rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none}.send-btn{background:#5cc8ff;color:#fff;border:none;border-radius:999px;padding:.45em 1rem;font-size:.95rem;cursor:pointer;transition:background .2s;flex-shrink:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;white-space:nowrap;display:flex;align-items:center;justify-content:center}.send-btn:disabled{background:#b2e6ff;cursor:not-allowed}input[type=text]{flex:1;border-radius:8px;border:none;padding:.5em .85em;font-size:.9rem;background:#ffffff1f;color:#fff;user-select:text;-webkit-user-select:text;-moz-user-select:text;min-width:0}.character-panel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none}.character-panel canvas{width:100%;height:100%;border-radius:0;box-shadow:none;background:none;pointer-events:auto}.click-me-btn{background:#5cc8ff;color:#fff;border:none;border-radius:999px;padding:.7em 2em;font-size:1.1rem;cursor:pointer;box-shadow:0 2px 8px #5cc8ff2e;transition:background .2s;pointer-events:auto}.click-me-btn:hover{background:#3bb2e6}.contact-page{position:fixed;inset:0 0 0 80px;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.contact-container{background:#141423eb;border-radius:20px;padding:2.5rem;width:100%;max-width:500px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.contact-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-align:center}.contact-subtitle{color:#ffffffb3;text-align:center;margin:0 0 2rem;font-size:.95rem}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;color:#ffffffe6;font-size:.9rem;font-weight:500}.form-group label svg{color:#5cc8ff}.form-group input,.form-group textarea{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.75rem 1rem;font-size:.95rem;color:#fff;transition:border-color .2s,background .2s;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#5cc8ff;background:#ffffff1f}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#5cc8ff;color:#fff;border:none;border-radius:10px;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:.5rem}.submit-btn:hover{background:#3bb2e6}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{background:#88d4f5;cursor:not-allowed}.status-message{text-align:center;padding:.75rem;border-radius:8px;font-size:.9rem;margin-top:.5rem}.status-message.success{background:#2ecc7133;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.status-message.error{background:#e74c3c33;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}@media(max-width:600px){.contact-page{left:0;padding:1rem}.contact-container{padding:1.5rem}}.experience-page{position:fixed;inset:0 0 0 80px;overflow-y:auto;padding:2rem 3rem;background:linear-gradient(135deg,#0a0a1a,#0d1528,#0a1a2e)}.experience-container{max-width:900px;margin:0 auto}.experience-intro{text-align:center;margin-bottom:3rem;padding:2rem}.intro-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#5cc8ff,#08f);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 8px 32px #5cc8ff4d}.experience-intro h1{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.intro-subtitle{color:#ffffffb3;font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}.intro-subtitle .highlight{color:#5cc8ff;font-weight:600}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#5CC8FF,#0088ff,transparent)}.experience-card{background:#141423e6;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.75rem;margin-bottom:2rem;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s,box-shadow .3s,border-color .3s}.experience-card:before{content:"";position:absolute;left:-2rem;top:2rem;width:12px;height:12px;background:#5cc8ff;border-radius:50%;border:3px solid #0a0a1a;box-shadow:0 0 12px #5cc8ff80;transform:translate(-5px)}.experience-card:hover{transform:translate(8px);border-color:#5cc8ff4d;box-shadow:0 8px 32px #5cc8ff26}.experience-card.featured{border-color:#5cc8ff40;background:linear-gradient(135deg,#141423f2,#1e325066)}.experience-card.featured:before{width:16px;height:16px;transform:translate(-7px)}.experience-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.experience-icon{width:48px;height:48px;border-radius:12px;background:#5cc8ff26;display:flex;align-items:center;justify-content:center;color:#5cc8ff;flex-shrink:0}.experience-title-section{flex:1}.experience-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 .25rem}.experience-company{font-size:1rem;font-weight:500;color:#5cc8ff;margin:0}.experience-type{background:#5cc8ff26;color:#5cc8ff;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.experience-meta{display:flex;gap:1.5rem;margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.4rem;color:#fff9;font-size:.85rem}.meta-item svg{color:#5cc8ffb3}.experience-description{color:#ffffffd9;font-size:.95rem;line-height:1.7;margin:0 0 1.5rem;padding-left:.5rem;border-left:2px solid rgba(92,200,255,.3)}.experience-highlights{margin-bottom:1.5rem}.experience-highlights h4{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.experience-highlights h4 svg{color:#f5a623}.experience-highlights ul{list-style:none;margin:0;padding:0}.experience-highlights li{display:flex;align-items:flex-start;gap:.5rem;color:#fffc;font-size:.9rem;line-height:1.6;margin-bottom:.5rem}.experience-highlights li svg{color:#5cc8ff;flex-shrink:0;margin-top:4px}.experience-tech h4{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.experience-tech h4 svg{color:#5cc8ff}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#5cc8ff1a;color:#ffffffe6;padding:.4rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid rgba(92,200,255,.2);transition:all .2s}.tech-tag:hover{background:#5cc8ff33;border-color:#5cc8ff66}.experience-note{background:linear-gradient(135deg,#5cc8ff1a,#0088ff0d);border:1px solid rgba(92,200,255,.2);border-radius:12px;padding:1.5rem;margin-top:2rem}.experience-note p{color:#ffffffe6;font-size:.95rem;line-height:1.7;margin:0;text-align:center}.experience-note strong{color:#5cc8ff}@media(max-width:768px){.experience-page{left:0;padding:1.5rem;padding-top:80px}.experience-intro h1{font-size:2rem}.experience-header{flex-wrap:wrap}.experience-type{order:3;margin-top:.5rem}.experience-meta{flex-direction:column;gap:.5rem}.timeline{padding-left:1.5rem}.experience-card:before{left:-1.5rem}}.about-page{position:fixed;inset:0 0 0 60px;background:#000;overflow:hidden}.game-hud{position:absolute;top:16px;left:76px;right:16px;z-index:100;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;gap:12px}.hud-left,.hud-center,.hud-right{display:flex;align-items:center}.hud-right{flex-direction:column;align-items:flex-end}.level-badge{background:#0a0f1ee0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #00d4ff;border-radius:14px;padding:10px 18px;display:flex;flex-direction:column;gap:2px}.level-num{font-size:11px;font-weight:700;letter-spacing:2px;color:#8cf;text-transform:uppercase}.level-name{font-size:15px;font-weight:600;color:#fff}.orb-counter{background:#0a0f1ee0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 20px;font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.orb-icon{font-size:18px}.portal-hint{font-size:12px;color:#0f8;animation:blink 1s ease-in-out infinite alternate}@keyframes blink{0%{opacity:.5}to{opacity:1}}.facts-collected{display:flex;gap:6px}.fact-pip{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:transparent;transition:all .3s}.fact-pip.filled{border-color:transparent;transform:scale(1.15);box-shadow:0 0 8px currentColor}.reset-level-btn{display:flex;align-items:center;gap:8px;background:#1e0a0aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,100,100,.5);color:#fff;padding:10px 18px;border-radius:12px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;transition:all .2s ease;margin-bottom:10px;pointer-events:auto;white-space:nowrap;box-shadow:0 0 12px #ff646426}.reset-level-btn:hover{background:#501e1ee6;border-color:#ff6464cc;transform:scale(1.05);box-shadow:0 0 20px #ff64644d}.reset-level-label{font-size:.85rem;letter-spacing:.5px}.reset-level-key{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);border-radius:5px;font-size:.7rem;font-weight:700;color:#faa}.view-toggle-btn{display:flex;align-items:center;gap:8px;background:#0a0f1eeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(100,180,255,.5);color:#fff;padding:10px 18px;border-radius:12px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;transition:all .2s ease;margin-bottom:10px;pointer-events:auto;white-space:nowrap;box-shadow:0 0 12px #64b4ff33}.view-toggle-btn:hover{background:#283c64e6;border-color:#64b4ffcc;transform:scale(1.05);box-shadow:0 0 20px #64b4ff59}.view-toggle-icon{font-size:1.2rem;line-height:1}.view-toggle-label{font-size:.85rem;letter-spacing:.5px}.view-toggle-key{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);border-radius:5px;font-size:.7rem;font-weight:700;color:#acf;margin-left:2px}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff80;font-size:28px;font-weight:300;pointer-events:none;z-index:10;text-shadow:0 0 4px rgba(0,0,0,.5);line-height:1}.controls-hint{position:absolute;bottom:24px;left:76px;z-index:100;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.45;pointer-events:none}.key-row{display:flex;gap:4px}.key{width:34px;height:34px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff}.space-key{width:80px;font-size:11px;letter-spacing:1px}.controls-label{font-size:10px;letter-spacing:2px;color:#aaa;margin-top:2px}.controls-extra{font-size:10px;color:#666;margin-top:4px}.portal-label{background:#0a0f1ecc;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;color:#fff;letter-spacing:1px;white-space:nowrap;text-shadow:0 0 12px currentColor;animation:portalPulse 1.3s ease-in-out infinite alternate}@keyframes portalPulse{0%{box-shadow:0 0 8px #00d4ff4d}to{box-shadow:0 0 20px #00d4ffb3}}.level-intro-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .3s ease-out;pointer-events:none}.level-intro{text-align:center;border:2px solid;border-radius:24px;padding:40px 60px;background:#0a0f1ed9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:levelPop .5s cubic-bezier(.34,1.56,.64,1)}.intro-icon{font-size:52px;display:block;margin-bottom:8px}.level-intro h2{font-size:13px;text-transform:uppercase;letter-spacing:4px;color:#8cf;margin:0 0 4px}.level-intro h1{font-size:36px;font-weight:800;margin:0 0 12px}.level-intro p{font-size:14px;color:#aaa;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes levelPop{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.fact-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.fact-modal{background:linear-gradient(135deg,#141e32f5,#0a1428fa);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:40px;max-width:420px;text-align:center;animation:levelPop .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 30px 60px #00000080}.fact-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 20px;box-shadow:0 10px 40px #0000004d}.fact-modal h3{font-size:13px;text-transform:uppercase;letter-spacing:3px;color:#8cf;margin:0 0 12px}.fact-modal p{font-size:20px;color:#fff;line-height:1.6;margin:0 0 28px}.fact-modal button{border:none;border-radius:14px;padding:14px 36px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;letter-spacing:1px;transition:all .3s}.fact-modal button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0006}.game-complete-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .4s ease-out}.game-complete{background:linear-gradient(135deg,#0f1928f5,#0a0f1efa);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:48px 42px;max-width:520px;text-align:center;animation:levelPop .5s cubic-bezier(.34,1.56,.64,1)}.game-complete h1{font-size:28px;margin:0 0 8px;color:#fff}.game-complete>p{font-size:15px;color:#8cf;margin:0 0 24px}.complete-facts{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;text-align:left}.complete-fact-row{display:flex;gap:10px;align-items:baseline;font-size:14px;color:#ccc;background:#ffffff0a;border-radius:10px;padding:10px 14px}.complete-fact-row span:first-child{font-size:18px}.complete-fact-row span:nth-child(2){font-weight:600;color:#8cf;white-space:nowrap}.game-complete button{background:linear-gradient(135deg,#00d4ff,#08f);border:none;border-radius:14px;padding:14px 36px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;letter-spacing:1px;transition:all .3s}.game-complete button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff66}.loading-game{color:#8cf;font-size:18px;font-weight:600;letter-spacing:2px}@media(max-width:768px){.about-page{left:0;top:60px}.game-hud{left:16px;flex-wrap:wrap}.controls-hint{left:16px}.fact-modal,.game-complete{margin:20px;padding:30px}}