@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap";.loading-screen{position:fixed;inset:0;z-index:1000;background:var(--dark-bg);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease-out}.loading-screen,.loading-screen *{cursor:url(/cursors/wait.png) 11 11,wait}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center;z-index:1}.loading-title{font-family:var(--font-heading);font-size:clamp(1.8rem,5vw,3.2rem);color:var(--gold);letter-spacing:.3em;text-shadow:0 0 24px rgba(212,165,74,.45);margin-bottom:.4rem}.loading-subtitle{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary);letter-spacing:.12em;margin-bottom:1.6rem;animation:glow-pulse 2.5s ease-in-out infinite}.loading-level{font-family:var(--font-heading);font-size:1.1rem;color:var(--gold-light);letter-spacing:.2em;margin-bottom:1.4rem;text-shadow:0 0 10px rgba(240,208,120,.35)}.loading-bar-container{width:min(320px,70vw);height:22px;margin:0 auto;position:relative;background:#1e1914cc;border:2px solid var(--gold-dim);border-radius:4px;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold),var(--gold-light));border-radius:2px;box-shadow:0 0 14px #d4a54a8c}.loading-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.72rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.85)}.loading-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;bottom:-8px;width:4px;height:4px;background:var(--gold);border-radius:50%;animation:float-up linear infinite;box-shadow:0 0 6px #d4a54acc}.loading-mobile-warning{margin-top:1.2rem;font-family:var(--font-body);font-size:.85rem;color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.8);animation:glow-pulse 2s ease-in-out infinite}.orientation-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#05050ceb;animation:fade-in .3s ease-out}.orientation-panel{position:relative;max-width:400px;width:80%;display:flex;flex-direction:column;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.orientation-header{flex-shrink:0;padding:24px 24px 0;position:relative}.orientation-content{flex-grow:1;padding:16px 24px 24px}.orientation-panel h2{font-family:var(--font-heading);font-size:1.4rem;color:var(--gold);margin-bottom:12px}.orientation-panel p{font-size:.9rem;line-height:1.6;color:var(--text-primary);margin-bottom:0}.orientation-close{position:absolute;top:14px;right:18px;color:var(--text-secondary);background:none;border:none;cursor:url(/cursors/hand.png) 5 5,pointer;padding:4px 8px;transition:color .2s,opacity .2s;line-height:1;opacity:.7;display:flex;align-items:center;justify-content:center}.orientation-close:hover{color:var(--gold);opacity:1}.orientation-hr{border:0;height:1px;background:linear-gradient(90deg,#d4a54a00,#d4a54a4d,#d4a54a00);margin:12px 0 0}.hud{position:fixed;inset:0;z-index:10;pointer-events:none;animation:fade-in .6s ease-out}.hud-mute-island{position:absolute;top:24px;right:24px;padding:6px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto}.hud-mute-island .hud-btn{padding:10px}.bgm-btn{padding:8px}.bgm-btn .hud-btn-img{margin:0}.bgm-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mute-slash{position:absolute;top:50%;left:50%;width:120%;height:3px;background-color:#ff6b6b;transform:translate(-50%,-50%) rotate(45deg);border-radius:2px;box-shadow:0 0 4px #000c}.hud-nameplate{position:absolute;top:24px;left:24px;padding:14px 18px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto}.hud-name{font-family:var(--font-heading);font-size:1.25rem;color:var(--gold);letter-spacing:.04em}.hud-class{font-size:.78rem;color:var(--text-secondary);margin-top:2px}.hud-stats{display:flex;gap:10px;margin-top:10px}.hud-level{font-family:var(--font-heading);font-size:.72rem;color:var(--gold-light);background:#d4a54a14;padding:3px 10px;border-radius:4px;border:1px solid rgba(212,165,74,.18)}.hud-bars{display:flex;flex-direction:column;gap:5px;margin-top:12px}.hud-bar-gap{height:8px}.hud-bar-row{display:flex;align-items:center;gap:8px}.hud-bar-label{font-family:var(--font-heading);font-size:.62rem;letter-spacing:.07em;width:28px;text-align:left;flex-shrink:0;color:var(--text-secondary)}.hud-bar-row--hp .hud-bar-label{color:#ff6b6b}.hud-bar-row--mp .hud-bar-label{color:#6baeff}.hud-bar-row--exp .hud-bar-label{color:#6bffb8}.hud-bar-track{position:relative;flex:1;min-width:0;height:10px;background:#ffffff0f;border-radius:5px;overflow:hidden}.hud-bar-fill{position:relative;height:100%;border-radius:5px;overflow:hidden;transition:width .8s cubic-bezier(.22,1,.36,1)}.hud-bar-fill--hp{background:linear-gradient(90deg,#a61c1c,#ff6b6b 80%,#ff9b9b);box-shadow:0 0 8px 2px #ff50508c,0 0 20px 4px #ff505040}.hud-bar-fill--mp{background:linear-gradient(90deg,#1a3a7a,#48f 80%,#8bf);box-shadow:0 0 8px 2px #468cff8c,0 0 20px 4px #468cff40}.hud-bar-fill--exp{background:linear-gradient(90deg,#0d5c3a,#2ecc71 80%,#7bffcb);box-shadow:0 0 8px 2px #2ec8718c,0 0 20px 4px #2ec87140}.hud-bar-shimmer{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%);animation:bar-shimmer 2.4s linear infinite}@keyframes bar-shimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}.hud-bar-particles{position:absolute;top:50%;right:0;transform:translate(50%,-50%);pointer-events:none}.hud-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:0}.hud-bar-fill--hp .hud-particle{background:#faa;box-shadow:0 0 4px 1px #ff6b6b}.hud-bar-fill--mp .hud-particle{background:#acf;box-shadow:0 0 4px 1px #6baeff}.hud-bar-fill--exp .hud-particle{background:#afd;box-shadow:0 0 4px 1px #6bffb8}.hud-particle:nth-child(1){animation:particle-float 1.6s ease-in-out -.2s infinite}.hud-particle:nth-child(2){animation:particle-float 1.6s ease-in-out -.7s infinite}.hud-particle:nth-child(3){animation:particle-float 1.6s ease-in-out -1.2s infinite}@keyframes particle-float{0%{opacity:0;transform:translate(0) scale(1)}20%{opacity:.9;transform:translate(-3px,-6px) scale(1.2)}60%{opacity:.5;transform:translate(2px,-12px) scale(.8)}to{opacity:0;transform:translate(-1px,-18px) scale(.5)}}.hud-action-bar{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:10px 14px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto}.hud-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 22px;background:#d4a54a0f;border:1px solid rgba(212,165,74,.18);border-radius:10px;transition:all .2s ease;color:var(--text-primary);font-family:var(--font-body)}.hud-btn:hover{background:#d4a54a2e;border-color:var(--gold);box-shadow:0 0 18px #d4a54a40;transform:translateY(-2px)}.hud-btn:active{transform:translateY(0)}.hud-btn-img{width:28px;height:28px;object-fit:contain;display:block;margin:0 auto 2px}#btn-contact{cursor:url(/cursors/pointer.png) 24 12,pointer}.hud-btn-icon{font-size:1.35rem;line-height:1}.hud-btn-label{font-size:.68rem;font-weight:500;letter-spacing:.06em;color:var(--text-secondary);transition:color .2s}.hud-btn:hover .hud-btn-label{color:var(--gold-light)}@media(max-width:600px){.hud-nameplate{top:12px;left:12px;padding:10px 14px}.hud-mute-island{top:12px;right:12px;padding:4px}.hud-name{font-size:1rem}.hud-action-bar{bottom:16px;padding:8px 10px;gap:4px}.hud-btn{padding:8px 14px}}#bankai{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;border-radius:inherit}.bankai-sword{position:absolute;left:50%;top:0;width:6px;height:55%;transform:translate(-50%) translateY(-110%);opacity:0;animation:sword-fall 10s ease-in infinite}.bankai-handle{position:absolute;top:0;left:50%;transform:translate(-50%);width:3px;height:18%;background:linear-gradient(to bottom,#3d2b1f,#5c3a21);border-radius:1px}.bankai-guard{position:absolute;top:18%;left:50%;transform:translate(-50%);width:10px;height:3px;background:#b8860b;border-radius:1px;box-shadow:0 0 4px #b8860b99}.bankai-blade{position:absolute;top:20%;left:50%;width:2px;height:80%;transform:translate(-50%);background:linear-gradient(to bottom,rgba(255,255,255,.95) 0%,rgba(220,220,240,.9) 40%,rgba(200,200,220,.7) 85%,transparent 100%);box-shadow:0 0 6px #c8c8ff80,0 0 12px #c8c8ff4d}@keyframes sword-fall{0%{transform:translate(-50%) translateY(-110%);opacity:0}3%{opacity:1}14%{transform:translate(-50%) translateY(55%);opacity:1}17%{transform:translate(-50%) translateY(75%);opacity:.4}21%{opacity:0}to{opacity:0}}.bankai-ground-flash{position:absolute;bottom:15%;left:50%;width:140%;height:2px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(255,255,255,.9) 0%,rgba(255,183,197,.6) 30%,rgba(255,150,200,.3) 60%,transparent 80%);opacity:0;animation:ground-flash 10s ease-out infinite}@keyframes ground-flash{0%,13%{opacity:0}15%{opacity:1}20%{opacity:.5}28%{opacity:0}to{opacity:0}}.bankai-pillars{position:absolute;inset:0}.bankai-pillar{position:absolute;width:1.5px;transform-origin:center bottom;opacity:0;background:linear-gradient(to top,transparent 0%,rgba(200,200,230,.5) 20%,rgba(220,200,240,.8) 60%,rgba(255,180,220,.6) 90%,transparent 100%);box-shadow:0 0 6px #ffb7c566,0 0 12px #c896ff33;animation:pillar-rise 10s ease-out infinite;will-change:transform,opacity,filter;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 25%);mask-image:linear-gradient(to bottom,transparent 0%,black 25%);-webkit-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-position:0 100%;mask-position:0 100%}.bankai-pillar:nth-child(1){left:8%;bottom:5%;height:72%}.bankai-pillar:nth-child(2){left:16%;bottom:16%;height:58%}.bankai-pillar:nth-child(3){left:24%;bottom:27%;height:44%}.bankai-pillar:nth-child(4){left:30%;bottom:36%;height:32%}.bankai-pillar:nth-child(5){left:36%;bottom:43%;height:22%}.bankai-pillar:nth-child(6){right:8%;bottom:5%;height:72%}.bankai-pillar:nth-child(7){right:16%;bottom:16%;height:58%}.bankai-pillar:nth-child(8){right:24%;bottom:27%;height:44%}.bankai-pillar:nth-child(9){right:30%;bottom:36%;height:32%}.bankai-pillar:nth-child(10){right:36%;bottom:43%;height:22%}@keyframes pillar-rise{0%,22%{transform:scaleY(0);opacity:0;filter:brightness(1)}32%{transform:scaleY(1);opacity:.9;filter:brightness(1)}42%{transform:scaleY(1);opacity:1;filter:brightness(1)}42.5%{opacity:.7;filter:brightness(3)}43%{opacity:1;filter:brightness(1.5)}43.5%{opacity:.8;filter:brightness(4)}44%{opacity:1;filter:brightness(2)}44.5%{opacity:.6;filter:brightness(5)}45%{opacity:1;filter:brightness(3)}45.5%{opacity:.7;filter:brightness(6)}46%{opacity:1;filter:brightness(4)}48%{transform:scaleY(1);opacity:1;filter:brightness(10)}49%{transform:scaleY(1);opacity:1;filter:brightness(12);-webkit-mask-position:0 100%;mask-position:0 100%}54%{transform:scaleY(1);opacity:1;filter:brightness(12);-webkit-mask-position:0 0%;mask-position:0 0%}55%{opacity:0}to{opacity:0;filter:brightness(1);-webkit-mask-position:0 100%;mask-position:0 100%}}.bankai-scatter{position:absolute;inset:0}.scatter-petal{position:absolute;left:var(--spawn-x);top:var(--spawn-y);width:var(--scatter-size, 5px);height:var(--scatter-size, 5px);border-radius:50% 0;background:var(--scatter-color, rgba(255, 183, 197, .85));opacity:0;animation:petal-scatter 10s ease-in-out infinite}@keyframes petal-scatter{0%,54%{opacity:0;filter:brightness(10);transform:translate(0) rotate(0) scale(0);left:var(--spawn-x);top:var(--spawn-y)}56%{opacity:.9;filter:brightness(10);transform:translate(0) rotate(0) scale(1.1);left:var(--spawn-x);top:var(--spawn-y)}56.5%{filter:brightness(1.5);left:var(--spawn-x);top:var(--spawn-y)}63%{opacity:.9;filter:brightness(1);transform:translate(calc(var(--drift-x, 0px) * .5),calc(var(--drift-y, 0px) * .5 - 5px)) rotate(calc(var(--scatter-rotate, 0deg) * .5)) scale(1);left:var(--spawn-x);top:var(--spawn-y)}70%{opacity:0;filter:brightness(1);transform:translate(var(--drift-x, 0px),var(--drift-y, 0px)) rotate(var(--scatter-rotate, 0deg)) scale(1);left:var(--spawn-x);top:var(--spawn-y)}to{opacity:0}}.bankai-converge{position:absolute;inset:0}.converge-orbit{position:absolute;left:50%;top:50%;width:0;height:0}.converge-petal{position:absolute;width:var(--petal-size, 4px);height:var(--petal-size, 4px);border-radius:50% 0;background:var(--petal-color, rgba(255, 183, 197, .85));opacity:0;animation:petal-converge 10s linear infinite;animation-delay:calc(var(--petal-stagger, 0s) * .5)}@keyframes petal-converge{0%,75.9%{opacity:0;transform:rotate(0) translate(var(--r-far, 110px)) scale(2.6)}76%{opacity:.4;transform:rotate(-180deg) translate(var(--r-far, 110px)) scale(2.2)}78%{opacity:.8;transform:rotate(-360deg) translate(var(--r-end, 70px)) scale(1.4)}79%{opacity:.9;transform:rotate(-540deg) translate(var(--r-mid, 30px)) scale(.8)}80%{opacity:0;transform:rotate(-720deg) translate(var(--r-start, 8px)) scale(.4)}to{opacity:0}}.bankai-petals{position:absolute;inset:0}.petal-orbit{position:absolute;left:50%;top:50%;width:0;height:0}.bankai-petal{position:absolute;width:var(--petal-size, 4px);height:var(--petal-size, 4px);border-radius:50% 0;background:var(--petal-color, rgba(255, 183, 197, .85));opacity:0;animation:petal-spiral 10s linear infinite;animation-delay:calc(var(--petal-stagger, 0s) * .5)}@keyframes petal-spiral{0%,93.9%{opacity:0;transform:rotate(0) translate(var(--r-start, 8px)) scale(.4)}94%{opacity:.9;transform:rotate(180deg) translate(var(--r-mid, 30px)) scale(.8)}97%{opacity:.8;transform:rotate(360deg) translate(var(--r-end, 70px)) scale(1.4)}98.5%{opacity:.4;transform:rotate(540deg) translate(var(--r-far, 110px)) scale(2.2)}to{opacity:0;transform:rotate(720deg) translate(var(--r-far, 110px)) scale(2.6)}}.bankai-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,150,200,.15) 0%,transparent 70%);opacity:0;animation:ambient-glow 10s ease-in-out infinite}@keyframes ambient-glow{0%,50%{opacity:0}56%{opacity:1}84%{opacity:.2}94%{opacity:1}to{opacity:0}}.skill-tooltip{position:fixed;z-index:250;pointer-events:none;max-width:280px;padding:14px 18px;background:#0a0a12f5;border:1px solid var(--gold-dim);border-radius:8px;box-shadow:0 4px 24px #0009,0 0 16px #d4a54a1f;animation:fade-in .12s ease-out;overflow:hidden}.skill-tooltip>h3,.skill-tooltip>.tooltip-type,.skill-tooltip>p,.skill-tooltip>img{position:relative;z-index:1}.skill-tooltip h3{font-family:var(--font-heading);font-size:1rem;color:var(--gold);margin-bottom:4px;line-height:1.3}.tooltip-type{display:inline-block;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);background:#ffffff0f;padding:2px 7px;border-radius:3px;margin-bottom:8px}.skill-tooltip p{font-size:.8rem;color:var(--text-primary);line-height:1.55;margin:0;white-space:pre-wrap}.skill-tooltip img{display:block;width:100%;border-radius:4px;margin-top:10px}grey-note{color:#ffffff73}red-warning{color:#ff0707e6;font-weight:700}yellow-highlight{color:#ffc300}rainbow{background-image:linear-gradient(to right,#f44,#f93,#ff4,#4f4,#39f,#94f,#f4b,#f44);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:rainbow-marquee 3s linear infinite}@keyframes rainbow-marquee{to{background-position:200% center}}purple-wave{display:inline;color:#c06eff}purple-wave span{display:inline-block;color:inherit}@keyframes purple-wave-char{0%{transform:translateY(0);color:#b44fff}12%{transform:translateY(-5px);color:#e0a0ff}28%{transform:translateY(0);color:#b44fff}to{transform:translateY(0);color:#b44fff}}code-glitch{display:inline-block;color:#00ff41;font-family:monospace;font-weight:700;text-shadow:0 0 4px rgba(0,255,65,.5);animation:glitch-matrix 1.75s infinite}@keyframes glitch-matrix{0%,to{transform:none;opacity:1;text-shadow:0 0 4px rgba(0,255,65,.5)}1%{transform:translate(-2px) skew(15deg);opacity:.8;text-shadow:2px 0 #00ff41,-2px 0 rgba(0,255,65,.5)}2%{transform:translate(2px) skew(-15deg);opacity:.9;text-shadow:-2px 0 #00ff41,2px 0 rgba(0,255,65,.5)}3%{transform:none;opacity:1;text-shadow:0 0 4px rgba(0,255,65,.5)}35%{transform:none;opacity:1;text-shadow:0 0 4px rgba(0,255,65,.5)}36%{transform:translateY(2px) scaleY(1.1);opacity:.5}37%{transform:translateY(-1px);opacity:.8}38%{transform:none;opacity:1}75%{transform:none;filter:hue-rotate(0deg)}76%{transform:scale(1.05);filter:hue-rotate(90deg);opacity:.8}77%{transform:none;filter:hue-rotate(0deg);opacity:1}}.skill-tree-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#0f0c19f5,#05040afa);animation:fade-in .3s ease-out}.skill-tree-tabs{display:flex;justify-content:center;gap:36px;padding:20px 0 10px;position:relative;z-index:2}.skill-tree-tab{font-family:var(--font-heading);font-size:1.05rem;color:var(--text-secondary);background:none;border:none;cursor:url(/cursors/hand.png) 5 5,pointer;padding:8px 18px;position:relative;transition:color .25s ease;letter-spacing:.06em;display:flex;align-items:center;gap:8px}.skill-tree-tab:hover{color:var(--gold-light)}.skill-tree-tab.active{color:var(--gold)}.tab-underline-slider{height:2px;background:var(--gold);box-shadow:0 0 12px #d4a54a8c;border-radius:1px;transition:left .3s cubic-bezier(.25,.8,.25,1),width .3s cubic-bezier(.25,.8,.25,1);pointer-events:none}.skill-tree-close{position:absolute;top:16px;right:24px;color:var(--text-secondary);background:none;border:none;cursor:url(/cursors/hand.png) 5 5,pointer;padding:6px 10px;z-index:10;transition:color .2s,opacity .2s;line-height:1;opacity:.7;display:flex;align-items:center;justify-content:center}.skill-tree-close:hover{opacity:1;color:var(--gold)}.skill-tree-tab-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}.skill-tree-canvas{flex:1;cursor:url(/cursors/hand.png) 5 5,grab;overflow:hidden;min-height:0;contain:layout style}.skill-tree-canvas:active{cursor:url(/cursors/move.png) 5 5,grabbing}.skill-tree-canvas svg{display:block}.skill-node{animation:scale-in .4s ease-out backwards;cursor:url(/cursors/hand.png) 5 5,pointer}.node-shape{filter:drop-shadow(0 0 5px var(--node-color));transition:filter .2s ease-out,transform .2s ease-out;transform-box:fill-box;transform-origin:center}.skill-node:hover .node-shape{filter:drop-shadow(0 0 16px var(--node-color));transform:scale(1.05)}.node-aura{animation:glow-pulse 3s ease-in-out infinite;will-change:opacity}.skill-tree-stats{display:flex;justify-content:center;gap:28px;padding:10px 0 16px;font-family:var(--font-heading);font-size:.8rem;color:var(--text-secondary);letter-spacing:.05em;position:relative;z-index:2}.skill-tree-stats span{color:var(--gold-light)}.skill-star{animation:float-up-svg linear infinite;transform-box:fill-box;transform-origin:center;opacity:0}@keyframes float-up-svg{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-200px) scale(.5);opacity:0}}@media(max-width:600px){.skill-tree-tabs{gap:16px;padding:12px 0 6px}.skill-tree-tab{font-size:.9rem;padding:6px 12px}.skill-tree-stats{flex-wrap:wrap;gap:12px 20px;font-size:.72rem}}.about-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#05050ceb;animation:fade-in .3s ease-out}.about-panel{position:relative;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.about-header{flex-shrink:0;padding:36px 40px 0;position:relative}.about-content{flex-grow:1;overflow-y:auto;padding:24px 40px 36px}.about-content::-webkit-scrollbar{width:5px}.about-content::-webkit-scrollbar-track{background:transparent}.about-content::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}.about-close{position:absolute;top:14px;right:18px;color:var(--text-secondary);background:none;border:none;cursor:url(/cursors/hand.png) 5 5,pointer;padding:4px 8px;transition:color .2s,opacity .2s;line-height:1;opacity:.7;display:flex;align-items:center;justify-content:center}.about-close:hover{color:var(--gold);opacity:1}.panel-close-icon{width:52px;height:52px;object-fit:contain}.about-panel h1{font-family:var(--font-heading);font-size:1.7rem;color:var(--gold);margin-bottom:18px}.about-panel h2{font-family:var(--font-heading);font-size:1.15rem;color:var(--gold-light);margin-top:26px;margin-bottom:8px}.about-panel p{font-size:.88rem;line-height:1.75;color:var(--text-primary);margin-bottom:12px}.about-panel ul{list-style:none;padding:0}.about-panel li{font-size:.84rem;color:var(--text-secondary);padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.5}.about-panel li:before{content:"◆ ";color:var(--gold-dim);font-size:.6em;vertical-align:middle;margin-right:4px}.about-panel a{color:#2b5ab5;text-decoration:none;cursor:url(/cursors/pointer.png) 32 16,pointer}.about-links{display:flex;gap:12px;margin-bottom:24px}a.about-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 22px;background:#d4a54a0f;border:1px solid rgba(212,165,74,.18);border-radius:10px;transition:all .2s ease;color:var(--text-primary);font-family:var(--font-body)}a.about-btn:hover{background:#d4a54a2e;border-color:var(--gold);box-shadow:0 0 18px #d4a54a40;transform:translateY(-2px)}a.about-btn:active{transform:translateY(0)}.about-btn-img{width:48px;height:48px;object-fit:contain;display:block;margin:0 auto 2px}.about-btn-label{font-size:.68rem;font-weight:500;letter-spacing:.06em;color:var(--text-secondary);transition:color .2s}a.about-btn:hover .about-btn-label{color:var(--gold-light)}@media(max-width:600px){.about-panel{max-height:85vh}.about-header{padding:24px 20px 0}.about-content{padding:20px 24px}.about-panel h1{font-size:1.4rem}}canvas{display:block;cursor:url(/cursors/default.png) 0 0,default!important}.scene-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#000;z-index:0;cursor:url(/cursors/default.png) 0 0,default}.scene-wrapper{width:100%;height:100%;max-width:calc(100vh * 21 / 9);position:relative}:root{--gold: #d4a54a;--gold-light: #f0d078;--gold-dim: #8a6a2a;--dark-bg: #08080c;--panel-bg: rgba(12, 12, 20, .92);--panel-border: rgba(212, 165, 74, .35);--accent-blue: #4488cc;--accent-cyan: #66ddff;--text-primary: #e8e0d0;--text-secondary: #a09888;--node-skill: #5a9a5a;--node-category: #7a6aaa;--node-keystone: #c45a5a;--node-root: #d4a54a;--font-heading: "Cinzel", serif;--font-body: "Inter", -apple-system, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*{cursor:inherit}button{cursor:url(/cursors/hand.png) 5 5,pointer}a{cursor:url(/cursors/pointer.png) 32 16,pointer}body.cursor--pointer,body.cursor--pointer *{cursor:url(/cursors/pointer.png) 16 16,pointer!important}body.cursor--hand,body.cursor--hand *{cursor:url(/cursors/hand.png) 5 5,pointer!important}::-webkit-scrollbar{display:none}html,body{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;background:var(--dark-bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url(/cursors/default.png) 0 0,default}#root{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float-up{0%{transform:translateY(0) scale(0);opacity:0}8%{opacity:1}70%{opacity:.5}to{transform:translateY(-100vh) scale(2);opacity:0}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}