@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Quicksand:wght@300;400;600&display=swap");:root{--spirit-blue:#a8f0ff;--spirit-core:#ffffff;--forest-dark:#0a1428;--glow-purple:#b388ff;--glow-cyan:#64ffda;--ui-bg:rgba(12,24,40,0.85);--ui-border:rgba(168,240,255,0.3)}body{margin:0;overflow:hidden;background:#081224;font-family:Quicksand,sans-serif;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#game-canvas{position:absolute;top:0;left:0;z-index:1}#ui-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#player-info{position:absolute;top:30px;left:40px;display:flex;align-items:center;gap:15px;opacity:.9}#player-avatar{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--spirit-core),var(--spirit-blue));box-shadow:0 0 20px var(--spirit-blue);border:2px solid rgba(255,255,255,.8)}#player-text h1{margin:0;font-family:Cinzel,serif;font-size:1.8rem;color:var(--spirit-blue);text-shadow:0 0 10px rgba(168,240,255,.5);letter-spacing:2px}#player-text p{margin:0;font-size:.9rem;color:rgba(255,255,255,.7);letter-spacing:1px;text-transform:uppercase}#quality-controls{position:absolute;top:30px;right:40px;display:flex;gap:5px;background:rgba(10,20,35,.6);backdrop-filter:blur(10px);padding:5px;border-radius:30px;border:1px solid rgba(255,255,255,.1);pointer-events:auto}#quality-controls button{background:transparent;border:none;color:rgba(255,255,255,.5);padding:8px 16px;border-radius:20px;cursor:pointer;font-family:Quicksand,sans-serif;font-size:.8rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}#quality-controls button:hover{color:var(--spirit-blue);background:rgba(255,255,255,.05)}#quality-controls button.active{color:var(--forest-dark);background:var(--spirit-blue);font-weight:700;box-shadow:0 0 15px rgba(168,240,255,.4)}#interaction-prompt{position:absolute;left:50%;bottom:25%;transform:translateX(-50%) translateY(20px);background:rgba(12,24,40,.9);padding:12px 30px;border-radius:50px;border:1px solid var(--spirit-blue);color:var(--spirit-blue);font-family:Cinzel,serif;letter-spacing:2px;font-size:1.1rem;box-shadow:0 0 30px rgba(168,240,255,.2);opacity:0;transition:all .4s ease;pointer-events:none}#interaction-prompt.visible{opacity:1;transform:translateX(-50%) translateY(0)}#interaction-prompt span.key{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);padding:2px 8px;border-radius:4px;margin-right:8px;font-family:Quicksand,sans-serif;font-weight:700;color:white}#boon-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(4,8,14,0);z-index:100;display:flex;justify-content:center;align-items:center;pointer-events:none;transition:background .5s ease}#boon-overlay.visible{pointer-events:auto;background:rgba(4,9,15,.6);backdrop-filter:blur(8px)}#boon-card{position:relative;width:650px;max-width:90vw;background:linear-gradient(135deg,rgba(16,32,56,.95),rgba(8,16,28,.98));border:1px solid rgba(168,240,255,.1);border-radius:2px;padding:60px 50px;box-shadow:0 20px 80px rgba(0,0,0,.6);opacity:0;transform:scale(.9) translateY(20px);transition:all .5s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:auto}#boon-overlay.visible #boon-card{opacity:1;transform:scale(1) translateY(0)}#boon-card:after,#boon-card:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--spirit-blue),transparent);opacity:.5}#boon-card:before{top:0}#boon-card:after{bottom:0}#boon-icon-wrapper{width:100px;height:100px;margin-bottom:25px;position:relative;display:flex;align-items:center;justify-content:center}#boon-icon-glow{position:absolute;width:150%;height:150%;background:radial-gradient(circle,rgba(168,240,255,.4) 0,transparent 70%);animation:pulse-glow 3s infinite alternate}#boon-title{font-family:Cinzel,serif;font-size:2.5rem;font-weight:400;color:#ffffff;margin:0 0 10px;text-shadow:0 0 20px rgba(168,240,255,.6)}#boon-subtitle{font-family:Quicksand,sans-serif;font-size:.9rem;color:var(--spirit-blue);text-transform:uppercase;letter-spacing:3px;margin-bottom:30px;opacity:.8;position:relative;display:inline-block}#boon-subtitle:after{content:"";display:block;width:40px;height:1px;background:var(--spirit-blue);margin:10px auto 0;opacity:.5}#boon-content{font-size:1.1rem;line-height:1.8;color:rgba(230,245,255,.9);width:100%}#boon-content ul{list-style:none;padding:0;margin:0}#boon-content li{margin-bottom:10px}#boon-content a{color:var(--spirit-blue);text-decoration:none;border-bottom:1px dashed rgba(168,240,255,.4);transition:all .3s}#boon-content a:hover{color:white;text-shadow:0 0 10px var(--spirit-blue);border-bottom:1px solid white}#close-hint{margin-top:40px;font-size:.8rem;color:rgba(255,255,255,.4);letter-spacing:1px;text-transform:uppercase}#close-hint span{border:1px solid rgba(255,255,255,.2);padding:2px 6px;border-radius:4px;margin-right:5px;color:rgba(255,255,255,.8)}@keyframes pulse-glow{0%{transform:scale(.95);opacity:.6}to{transform:scale(1.1);opacity:.8}}#mobile-controls{display:none;position:absolute;bottom:20px;left:0;width:100%;height:150px;pointer-events:none;z-index:50}#mobile-action-btn{position:absolute;bottom:40px;right:40px;width:80px;height:80px;background:rgba(10,20,35,.8);border:2px solid var(--spirit-blue);border-radius:50%;color:var(--spirit-blue);font-family:Cinzel,serif;font-weight:700;font-size:.8rem;pointer-events:auto;touch-action:manipulation;box-shadow:0 0 20px rgba(168,240,255,.2);transition:all .2s}#mobile-action-btn:active{background:var(--spirit-blue);color:var(--forest-dark);transform:scale(.95)}@media (hover:none) and (pointer:coarse){#mobile-controls{display:block;position:fixed;height:100%;top:0;left:0;pointer-events:none}#interaction-prompt{bottom:35%}#quality-controls{display:none}#mobile-dpad{display:block;position:absolute;left:30px;bottom:30px;width:160px;height:160px;pointer-events:none}.dpad-btn{position:absolute;width:55px;height:55px;background:rgba(4,10,22,.75);border:1px solid rgba(168,240,255,.4);font-size:1.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(168,240,255,.6);pointer-events:auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#dpad-up{top:0}#dpad-down,#dpad-up{left:50%;transform:translateX(-50%)}#dpad-down{bottom:0}#dpad-left{left:0}#dpad-left,#dpad-right{top:50%;transform:translateY(-50%)}#dpad-right{right:0}#mobile-action-btn{position:absolute;bottom:40px;right:30px;width:80px;height:80px;font-size:1.6rem;background:rgba(100,255,218,.1);border:2px solid rgba(100,255,218,.5);border-radius:50%;color:#64ffda;box-shadow:0 0 20px rgba(100,255,218,.2);pointer-events:auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}#skill-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(4,10,22,.97);backdrop-filter:blur(20px);z-index:2000;display:flex;opacity:0;pointer-events:none;transition:opacity .5s ease;justify-content:center;align-items:flex-start;color:#fff;font-family:Cinzel,serif;overflow-y:auto}#skill-menu-overlay.visible{opacity:1;pointer-events:auto}#skill-menu-container{width:96%;max-width:1200px;min-height:100vh;display:flex;flex-direction:column;position:relative;padding:40px 30px 60px;box-sizing:border-box}#skill-menu-header{text-align:center;margin-bottom:50px;position:relative}#skill-menu-header h1{font-size:2.6rem;letter-spacing:.35em;text-transform:uppercase;color:#e8f4ff;text-shadow:0 0 30px rgba(168,240,255,.6),0 0 60px rgba(168,240,255,.3);margin:0 0 10px}.header-line{width:260px;height:1px;background:linear-gradient(90deg,transparent,var(--spirit-blue),transparent);margin:0 auto;opacity:.7}.close-btn{position:absolute;top:0;right:0;font-size:2rem;cursor:none!important;color:rgba(255,255,255,.4);transition:color .3s,text-shadow .3s;line-height:1}.close-btn:hover{color:#fff;text-shadow:0 0 12px var(--spirit-blue)}#ability-tree{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 60px;width:100%}@media (max-width:700px){#ability-tree{grid-template-columns:1fr}}.branch-hub,.skill-branch{display:flex;flex-direction:column;align-items:center;position:relative}.branch-hub{width:90px;height:90px;border-radius:50%;justify-content:center;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:2px solid;background:rgba(0,0,0,.55);z-index:2;text-align:center;padding:6px;box-sizing:border-box;transition:transform .3s,box-shadow .3s}.branch-hub:hover{transform:scale(1.08)}.branch-stem{width:2px;height:28px;opacity:.5}.branch-children{display:flex;flex-wrap:wrap;gap:10px 8px;justify-content:center;position:relative}.branch-children:before{content:"";position:absolute;top:-14px;left:50%;transform:translateX(-50%);height:14px;width:1px}.skill-pill{padding:7px 14px;border-radius:30px;font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:600;border:1px solid;background:rgba(0,0,0,.4);letter-spacing:.04em;transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap}.skill-pill:hover{transform:translateY(-3px) scale(1.06);background:rgba(20,40,60,.8)}.branch-frontend .branch-hub{border-color:#61dafb;color:#61dafb;box-shadow:0 0 25px rgba(97,218,251,.4),inset 0 0 20px rgba(97,218,251,.05)}.branch-frontend .branch-children:before,.branch-frontend .branch-stem{background:#61dafb}.branch-frontend .skill-pill{border-color:rgba(97,218,251,.45);color:#c8f1ff}.branch-frontend .skill-pill:hover{box-shadow:0 0 14px rgba(97,218,251,.5)}.branch-backend .branch-hub{border-color:#68a063;color:#8fd688;box-shadow:0 0 25px rgba(104,160,99,.4),inset 0 0 20px rgba(104,160,99,.05)}.branch-backend .branch-children:before,.branch-backend .branch-stem{background:#68a063}.branch-backend .skill-pill{border-color:rgba(104,160,99,.45);color:#c6edc3}.branch-backend .skill-pill:hover{box-shadow:0 0 14px rgba(104,160,99,.5)}.branch-wordpress .branch-hub{border-color:#21759b;color:#6ecff6;box-shadow:0 0 25px rgba(33,117,155,.5),inset 0 0 20px rgba(33,117,155,.08)}.branch-wordpress .branch-children:before,.branch-wordpress .branch-stem{background:#21759b}.branch-wordpress .skill-pill{border-color:rgba(33,117,155,.45);color:#aadff5}.branch-wordpress .skill-pill:hover{box-shadow:0 0 14px rgba(33,117,155,.5)}.branch-aws .branch-hub{border-color:#ff9900;color:#ffb84d;box-shadow:0 0 25px rgba(255,153,0,.4),inset 0 0 20px rgba(255,153,0,.05)}.branch-aws .branch-children:before,.branch-aws .branch-stem{background:#ff9900}.branch-aws .skill-pill{border-color:rgba(255,153,0,.45);color:#ffd699}.branch-aws .skill-pill:hover{box-shadow:0 0 14px rgba(255,153,0,.5)}#featured-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .6s ease;background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(14,60,80,.55) 0,transparent 70%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(2,8,18,.98) 0,rgba(4,14,28,.99) 100%)}#featured-overlay.visible{opacity:1;pointer-events:auto}#featured-container{width:96%;max-width:1220px;padding:54px 30px 80px;box-sizing:border-box;position:relative}#featured-header{text-align:center;margin-bottom:60px;position:relative}#featured-header h1{font-family:Cinzel,serif;font-size:2.6rem;letter-spacing:.4em;text-transform:uppercase;color:#d4f5ff;text-shadow:0 0 20px rgba(77,217,255,.9),0 0 50px rgba(77,217,255,.4),0 0 90px rgba(77,217,255,.15);margin:0 0 8px}#featured-header .header-sub{font-family:Quicksand,sans-serif;font-size:.82rem;color:rgba(150,230,255,.5);letter-spacing:.25em;text-transform:uppercase}#featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.feat-card{position:relative;border-radius:4px;overflow:visible;transition:transform .4s cubic-bezier(.2,.8,.3,1),box-shadow .4s}.feat-card:before{content:"";position:absolute;inset:-2px;border-radius:6px;background:linear-gradient(135deg,rgba(77,217,255,.25),rgba(77,217,255,.05) 40%,rgba(179,136,255,.08) 70%,rgba(77,217,255,.2));border:1px solid rgba(77,217,255,.22);pointer-events:none;transition:border-color .4s,opacity .4s;opacity:.85}.feat-card-inner{position:relative;background:radial-gradient(ellipse 120% 60% at 50% 0,rgba(14,50,70,.7) 0,transparent 70%),linear-gradient(160deg,rgba(6,18,36,.97),rgba(4,12,28,.99));border-radius:4px;overflow:hidden}.feat-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 0 40px rgba(77,217,255,.18),0 30px 70px rgba(0,0,0,.6)}.feat-card:hover:before{border-color:rgba(77,217,255,.55);opacity:1}.feat-card-banner{width:100%;height:170px;display:flex;align-items:center;justify-content:center;font-size:3.8rem;position:relative;overflow:hidden;border-radius:4px 4px 0 0}.feat-card-body{padding:18px 22px 22px}.feat-card-badge{display:inline-flex;align-items:center;gap:5px;font-family:Quicksand,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:3px 12px 3px 8px;border-radius:2px;margin-bottom:10px;border:1px solid}.feat-card h3{margin:0 0 8px;font-family:Cinzel,serif;font-size:1.15rem;letter-spacing:.1em;color:#d8f2ff;text-shadow:0 0 20px rgba(77,217,255,.35)}.feat-card p{font-family:Quicksand,sans-serif;font-size:.86rem;color:rgba(180,220,255,.6);margin:0 0 16px;line-height:1.65}.feat-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.feat-tag{font-family:Quicksand,sans-serif;font-size:.7rem;font-weight:600;padding:3px 10px;background:rgba(77,217,255,.07);border:1px solid rgba(77,217,255,.22);border-radius:2px;color:rgba(77,217,255,.8);letter-spacing:.06em}.feat-card-links{display:flex;gap:10px}.feat-link{font-family:Quicksand,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.08em;padding:7px 16px;border-radius:2px;text-decoration:none;transition:all .25s;display:inline-flex;align-items:center;gap:6px}.feat-link.primary{background:rgba(77,217,255,.1);border:1px solid rgba(77,217,255,.4);color:#a8f0ff}.feat-link.primary:hover{border-color:rgba(77,217,255,.75);box-shadow:0 0 18px rgba(77,217,255,.22)}.feat-link.secondary{background:transparent;border:1px solid rgba(255,255,255,.12);color:rgba(200,225,255,.45)}.feat-crown{position:absolute;top:10px;right:12px;font-size:1rem;z-index:5;color:rgba(77,217,255,.7);text-shadow:0 0 10px rgba(77,217,255,.9)}#projects-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .6s ease;background:radial-gradient(ellipse 80% 55% at 50% 25%,rgba(30,10,60,.5) 0,transparent 70%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(3,6,18,.98) 0,rgba(6,4,22,.99) 100%)}#projects-overlay.visible{opacity:1;pointer-events:auto}#projects-container{width:96%;max-width:960px;padding:54px 30px 80px;box-sizing:border-box;position:relative}#projects-header{text-align:center;margin-bottom:50px;position:relative}#projects-header h1{font-family:Cinzel,serif;font-size:2.6rem;letter-spacing:.4em;text-transform:uppercase;color:#e2d4ff;text-shadow:0 0 20px rgba(179,136,255,.9),0 0 50px rgba(179,136,255,.4),0 0 90px rgba(179,136,255,.15);margin:0 0 8px}#projects-filter{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:36px}.filter-tab{font-family:Cinzel,serif;font-size:.68rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;padding:7px 18px;border-radius:2px;border:1px solid rgba(179,136,255,.2);color:rgba(179,136,255,.5);background:rgba(179,136,255,.04);transition:all .25s;cursor:none!important}.filter-tab.active,.filter-tab:hover{border-color:rgba(179,136,255,.55);color:#c9a8ff;box-shadow:0 0 16px rgba(179,136,255,.15)}#projects-list{display:flex;flex-direction:column;gap:12px}.proj-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px 20px;position:relative;background:linear-gradient(110deg,rgba(12,8,28,.85),rgba(8,6,22,.92));border:1px solid rgba(179,136,255,.12);border-radius:3px;transition:border-color .3s,background .3s,transform .3s;overflow:hidden}.proj-row:hover{border-color:rgba(179,136,255,.38);transform:translateX(5px)}.proj-row-left{gap:14px}.proj-icon,.proj-row-left{display:flex;align-items:center}.proj-icon{width:44px;height:44px;border-radius:3px;justify-content:center;font-size:1.3rem;flex-shrink:0;border:1px solid rgba(179,136,255,.22);background:radial-gradient(ellipse at center,rgba(179,136,255,.12),rgba(179,136,255,.04))}.proj-info h4{margin:0 0 3px;font-family:Cinzel,serif;font-size:.9rem;letter-spacing:.08em;color:#ddd4ff}.proj-info p{margin:0;font-family:Quicksand,sans-serif;font-size:.79rem;color:rgba(180,165,255,.45)}.proj-row-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.proj-tag{font-family:Quicksand,sans-serif;font-size:.65rem;font-weight:600;padding:2px 8px;background:rgba(179,136,255,.07);border:1px solid rgba(179,136,255,.18);border-radius:2px;color:rgba(179,136,255,.65)}.proj-row-links{display:flex;gap:8px;flex-shrink:0}.proj-link{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.12em;padding:6px 14px;border-radius:2px;text-decoration:none;border:1px solid rgba(179,136,255,.3);color:rgba(179,136,255,.75);background:rgba(179,136,255,.04);transition:all .22s}.proj-link:hover{border-color:rgba(179,136,255,.65);color:#c9a8ff;box-shadow:0 0 14px rgba(179,136,255,.2)}#minimap{position:absolute;bottom:25px;left:25px;width:180px;height:180px;background:rgba(4,10,22,.75);border:1px solid rgba(168,240,255,.2);border-radius:4px;overflow:hidden;pointer-events:auto;box-shadow:0 0 20px rgba(0,0,0,.5),inset 0 0 30px rgba(0,0,0,.3)}#minimap canvas{width:100%;height:100%}#minimap:after{content:"MAP";position:absolute;top:5px;left:8px;font-family:Cinzel,serif;font-size:.55rem;color:rgba(168,240,255,.4);letter-spacing:2px;text-transform:uppercase}#quest-tracker{position:absolute;top:90px;right:30px;width:220px;background:rgba(4,10,22,.65);backdrop-filter:blur(8px);border:1px solid rgba(168,240,255,.12);border-radius:4px;padding:14px 16px;pointer-events:none}#quest-tracker h3{margin:0 0 10px;font-family:Cinzel,serif;font-size:.7rem;color:rgba(168,240,255,.6);letter-spacing:3px;text-transform:uppercase;border-bottom:1px solid rgba(168,240,255,.1);padding-bottom:8px}.quest-item{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-family:Quicksand,sans-serif;font-size:.75rem;color:rgba(200,220,240,.5);transition:all .4s ease}.quest-item.completed{color:rgba(100,255,218,.7)}.quest-check{width:16px;height:16px;border:1px solid rgba(168,240,255,.2);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:.65rem;transition:all .4s}.quest-item.completed .quest-check{border-color:rgba(100,255,218,.4);background:rgba(100,255,218,.08);color:#64ffda;text-shadow:0 0 8px rgba(100,255,218,.8)}#achievement-toast{position:fixed;top:-120px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgba(12,28,50,.95),rgba(6,16,32,.98));border:1px solid rgba(100,255,218,.3);border-radius:4px;padding:16px 30px;display:flex;align-items:center;gap:16px;z-index:9000;transition:top .6s cubic-bezier(.19,1,.22,1);box-shadow:0 8px 40px rgba(0,0,0,.5),0 0 30px rgba(100,255,218,.1);min-width:300px;max-width:500px;pointer-events:none}#achievement-toast.visible{top:30px}#achievement-toast .ach-icon{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#64ffda,rgba(77,217,255,.6));display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 0 15px rgba(100,255,218,.4)}#achievement-toast .ach-text{display:flex;flex-direction:column}#achievement-toast .ach-label{font-family:Quicksand,sans-serif;font-size:.6rem;color:rgba(100,255,218,.7);letter-spacing:3px;text-transform:uppercase;margin-bottom:3px}#achievement-toast .ach-title{font-family:Cinzel,serif;font-size:1rem;color:#e8f4ff;text-shadow:0 0 10px rgba(168,240,255,.3)}#intro-screen{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse 60% 50% at 50% 45%,rgba(10,30,50,.9) 0,rgba(4,8,16,1) 70%);transition:opacity 1.5s ease,visibility 1.5s;overflow:hidden}#intro-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}#intro-title{font-family:Cinzel,serif;font-size:clamp(2rem,6vw,4rem);color:#e8f4ff;letter-spacing:.4em;text-shadow:0 0 30px rgba(77,217,255,.8),0 0 80px rgba(77,217,255,.3);opacity:0;animation:introFadeIn 2s ease .5s forwards;text-align:center}#intro-line-deco{width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(77,217,255,.6),transparent);margin:20px 0 15px;opacity:0;animation:introFadeIn 2s ease 1.2s forwards}#intro-role{font-size:clamp(.8rem,2vw,1rem);color:rgba(77,217,255,.7);letter-spacing:.3em;animation:introFadeIn 2s ease 1.5s forwards}#intro-role,#intro-subtitle{font-family:Quicksand,sans-serif;text-transform:uppercase;opacity:0}#intro-subtitle{font-size:.8rem;color:rgba(168,240,255,.4);letter-spacing:.2em;margin-top:6px;animation:introFadeIn 2s ease 2s forwards}#intro-prompt{font-family:Cinzel,serif;font-size:.7rem;color:rgba(255,255,255,.3);letter-spacing:.2em;text-transform:uppercase;margin-top:60px;opacity:0;animation:introFadeIn 1.5s ease 3s forwards,introPulse 2.5s ease-in-out 4.5s infinite}@keyframes introFadeIn{to{opacity:1}}@keyframes introPulse{0%,to{opacity:.3}50%{opacity:.7}}#biome-announce{position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);z-index:50;text-align:center;pointer-events:none;opacity:0;transition:opacity .8s ease}#biome-announce.visible{opacity:1}#biome-announce-name{font-family:Cinzel,serif;font-size:clamp(1.4rem,4vw,2.2rem);color:#e8f4ff;letter-spacing:.3em;text-transform:uppercase}#biome-announce-line{width:0;height:1px;margin:10px auto;transition:width .8s ease}#biome-announce.visible #biome-announce-line{width:160px}#biome-announce-sub{font-family:Quicksand,sans-serif;font-size:.75rem;color:rgba(168,240,255,.4);letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .6s ease .3s}#biome-announce.visible #biome-announce-sub{opacity:1}

/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.mx-0{margin-inline:calc(var(--spacing)*0)}.my-5{margin-block:calc(var(--spacing)*5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-\[6px\]{margin-top:6px}.mt-\[30px\]{margin-top:30px}.mt-\[40px\]{margin-top:40px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.flex{display:flex}.h-\[1px\]{height:1px}.h-screen{height:100vh}.w-\[200px\]{width:200px}.w-full{width:100%}.w-screen{width:100vw}.animate-\[introFadeIn_1\.5s_ease_3s_forwards\,introPulse_2\.5s_ease-in-out_4\.5s_infinite\]{animation:introFadeIn 1.5s 3s forwards,introPulse 2.5s ease-in-out 4.5s infinite}.animate-\[introFadeIn_2\.5s_ease_2\.5s_forwards\]{animation:introFadeIn 2.5s 2.5s forwards}.animate-\[introFadeIn_2s_ease_0\.5s_forwards\]{animation:introFadeIn 2s .5s forwards}.animate-\[introFadeIn_2s_ease_1\.2s_forwards\]{animation:introFadeIn 2s 1.2s forwards}.animate-\[introFadeIn_2s_ease_1\.5s_forwards\]{animation:introFadeIn 2s 1.5s forwards}.animate-\[introFadeIn_2s_ease_2s_forwards\]{animation:introFadeIn 2s 2s forwards}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-8{gap:calc(var(--spacing)*8)}.overflow-hidden{overflow:hidden}.bg-\[linear-gradient\(90deg\,transparent\,rgba\(77\,217\,255\,0\.6\)\,transparent\)\]{background-image:linear-gradient(90deg,#0000,#4dd9ff99,#0000)}.bg-\[radial-gradient\(ellipse_60\%_50\%_at_50\%_45\%\,rgba\(10\,30\,50\,0\.9\)_0\%\,rgba\(4\,8\,16\,1\)_70\%\)\]{background-image:radial-gradient(60% 50% at 50% 45%,#0a1e32e6 0,#040810 70%)}.text-center{text-align:center}.font-\[\'Cinzel\'\,serif\]{font-family:Cinzel,serif}.font-\[\'Quicksand\'\,sans-serif\]{font-family:Quicksand,sans-serif}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[clamp\(0\.8rem\,2vw\,1rem\)\]{font-size:clamp(.8rem,2vw,1rem)}.text-\[clamp\(2rem\,6vw\,4rem\)\]{font-size:clamp(2rem,6vw,4rem)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.text-\[\#4dd9ff\]{color:#4dd9ff}.text-\[\#e8f4ff\]{color:#e8f4ff}.text-\[rgba\(77\,217\,255\,0\.7\)\]{color:#4dd9ffb3}.text-\[rgba\(168\,240\,255\,0\.4\)\]{color:#a8f0ff66}.text-\[rgba\(255\,255\,255\,0\.3\)\]{color:#ffffff4d}.text-\[rgba\(255\,255\,255\,0\.5\)\]{color:#ffffff80}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-\[0\.03\]{opacity:.03}.mix-blend-overlay{mix-blend-mode:overlay}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[1500ms\]{--tw-duration:1.5s;transition-duration:1.5s}.\[text-shadow\:0_0_30px_rgba\(77\,217\,255\,0\.8\)\,0_0_80px_rgba\(77\,217\,255\,0\.3\)\]{text-shadow:0 0 30px #4dd9ffcc,0 0 80px #4dd9ff4d}}@media (hover:hover) and (pointer:fine){*,body{cursor:none!important}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}