@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&family=Caveat:wght@400;600;700&display=swap";[data-theme=light]{--bg-page:#e8dfc8;--bg-surface:#fffdf5;--bg-card:#fef8ec;--bg-input:#f3ecdb;--bg-sidebar:#0c1527;--border:#0000001f;--border-strong:#0003;--border-accent:#0e784659;--text-primary:#0f1419;--text-secondary:#2d3748;--text-muted:#5a6577;--text-sidebar:#f0e8d2f2;--text-sidebar-m:#c8b99b8c;--accent:#0a8e5a;--accent-lit:#14c880;--accent-pale:#0e8e5a1f;--gold:#c08a18;--gold-lit:#e6a817;--gold-pale:#c08a1824;--danger:#cc2020;--danger-pale:#cc20201a;--progress-bg:#0000001a;--scrollbar:#c0b8a4;--node-bg:#fff;--shadow-sm:0 3px 10px #0000001f, 0 1px 3px #00000014;--shadow-md:0 10px 35px #00000029, 0 3px 10px #0000001a;--shadow-lg:0 24px 65px #0003, 0 8px 24px #0000001f;--heatmap-empty:#00000017;--captain-logo:url(/images/assets/anchor0.png);--dock-text-bg:linear-gradient(135deg, #0f1c3f, #2563eb);--dock-text-shadow:drop-shadow(0 2px 5px #0f1c3f4d);--heat-0:#f4f7fb;--heat-1:#dbeafe;--heat-2:#b6e3ff;--heat-3:#7dd3fc;--heat-4:#38bdf8;--heat-5:#0ea5e9;--heat-6:#0369a1}[data-theme=dark]{--bg-page:#070d18;--bg-surface:#101d30;--bg-card:#142440;--bg-input:#ffffff12;--bg-sidebar:#050a14;--border:#ffffff1a;--border-strong:#ffffff2e;--border-accent:#ddb84c59;--text-primary:#f2ece0;--text-secondary:#b8c4d4;--text-muted:#5c7088;--text-sidebar:#f2e8ccf2;--text-sidebar-m:#c8b99b80;--accent:#44ddb0;--accent-lit:#68f0cc;--accent-pale:#44ddb024;--gold:#e0c050;--gold-lit:#fad868;--gold-pale:#e0c05024;--danger:#f55545;--danger-pale:#f5554524;--progress-bg:#ffffff17;--scrollbar:#ffffff29;--node-bg:#142440;--shadow-sm:0 3px 12px #00000080, 0 1px 4px #00000059;--shadow-md:0 10px 40px #000000a6, 0 4px 12px #00000073;--shadow-lg:0 24px 75px #000c, 0 10px 30px #0000008c;--heatmap-empty:#ffffff12;--captain-logo:url(/images/assets/anchor0.png);--dock-text-bg:linear-gradient(135deg, gold, #ff8c00);--dock-text-shadow:drop-shadow(0 2px 8px #ff8c0066);--heat-0:#0b1020;--heat-1:#112240;--heat-2:#1b4d6b;--heat-3:#2f7e8d;--heat-4:#4fb286;--heat-5:#8bd17c;--heat-6:#d8f3a5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-page);color:var(--text-primary);cursor:url(/cursor/pirate-custom-cursor.png),auto;min-height:100vh;font-family:Inter,-apple-system,sans-serif;font-size:1rem;line-height:1.7;transition:background .3s,color .3s;overflow-x:hidden}a,button,.interactive,[role=button],input[type=button],input[type=submit],.island-node,.topic-check,.preview-island,.char-tile,.snav-item,.subnav-item,.topic-row-main{cursor:url(/cursor/pirate-custom-cursor.png),pointer!important}.page-enter{animation:.4s cubic-bezier(.25,.46,.45,.94) both pg-in}@keyframes pg-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}.landing-root{color:#fff;min-height:100vh;position:relative;overflow-x:hidden}.hero-bg-fixed{z-index:0;pointer-events:none;background:linear-gradient(#04080f 0%,#0d1f38 55%,#0e2a4a 100%);position:fixed;inset:0}.hero-scene{text-align:center;z-index:2;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding-top:8vh;display:flex;position:relative}.hero-stars{pointer-events:none;position:absolute;inset:0}.hero-stars:before,.hero-stars:after{content:"";position:absolute;inset:0}.hero-stars:before{background-image:radial-gradient(1.5px 1.5px at 10% 12%,#ffffffb3 0%,#0000 100%),radial-gradient(1px 1px at 25% 25%,#ffffff80 0%,#0000 100%),radial-gradient(2px 2px at 40% 6%,#ffffdc99 0%,#0000 100%),radial-gradient(1px 1px at 60% 18%,#fff6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 75% 4%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 88% 15%,#ffffff80 0%,#0000 100%),radial-gradient(2px 2px at 50% 40%,#c8dcff59 0%,#0000 100%),radial-gradient(1px 1px at 20%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 82% 35%,#fff6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 5% 55%,#ffffff73 0%,#0000 100%),radial-gradient(1px 1px at 95% 48%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 33% 62%,#ffffff4d 0%,#0000 100%);animation:5s ease-in-out infinite alternate twinkle}.hero-stars:after{background-image:radial-gradient(1px 1px at 15% 80%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 70% 72%,#ffffff40 0%,#0000 100%),radial-gradient(1px 1px at 48% 85%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 90% 75%,#fff3 0%,#0000 100%);animation:7s ease-in-out infinite alternate-reverse twinkle}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.hero-mist{pointer-events:none;background:linear-gradient(#0000,#0d1f38cc);height:200px;position:absolute;bottom:20%;left:0;right:0}.hero-waves-wrap{pointer-events:none;width:120%;position:absolute;bottom:0;left:-10%;overflow:hidden}.hero-wave{width:100%;display:block}.wave-path-1{animation:7s ease-in-out infinite wave1}.wave-path-2{animation:10s ease-in-out infinite wave2}.wave-path-3{animation:13s ease-in-out infinite wave3}@keyframes wave1{0%,to{d:path("M0,60 C200,100 400,20 600,60 C800,100 1000,20 1200,60 L1200,120 L0,120 Z")}50%{d:path("M0,40 C200,80  400,0  600,40 C800,80  1000,0  1200,40 L1200,120 L0,120 Z")}}@keyframes wave2{0%,to{d:path("M0,80 C300,30 600,100 900,50 C1050,20 1150,80 1200,60 L1200,120 L0,120 Z")}50%{d:path("M0,60 C300,110 600,30  900,80 C1050,100 1150,40 1200,80 L1200,120 L0,120 Z")}}@keyframes wave3{0%,to{d:path("M0,90 C200,50  500,110 800,70 C1000,40 1100,90 1200,75 L1200,120 L0,120 Z")}50%{d:path("M0,70 C200,100 500,50  800,90 C1000,110 1100,60 1200,85 L1200,120 L0,120 Z")}}.hero-ship{z-index:2;filter:drop-shadow(0 10px 30px #c9a84c40);font-size:clamp(5rem,10vw,9rem);animation:4s ease-in-out infinite ship-bob;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}@keyframes ship-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.hero-content{z-index:5;margin-bottom:2rem;position:relative}.hero-eyebrow{letter-spacing:5px;text-transform:uppercase;color:#c9a84c;opacity:0;margin-bottom:.6rem;font-family:Outfit,sans-serif;font-size:clamp(.7rem,1.5vw,.9rem);font-weight:700;animation:.8s .3s both reveal-up}.hero-title{letter-spacing:-1px;color:#fff;opacity:0;font-family:Outfit,sans-serif;font-size:clamp(2.8rem,8vw,6rem);font-weight:900;line-height:1.05;animation:.9s .7s both reveal-up}.hero-title span{background:linear-gradient(135deg,#f0c060,#c9a84c,#f0c060);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-quote{color:#c8dcf099;opacity:0;max-width:800px;margin:1rem auto 0;font-size:clamp(1rem,2.5vw,1.3rem);font-style:italic;line-height:1.6;animation:.9s 1.1s both reveal-up}.hero-cta-wrap{z-index:5;opacity:0;flex-direction:column;align-items:center;gap:.75rem;animation:.9s 1.6s both reveal-up;display:flex;position:relative}.hero-cta-btn{letter-spacing:.5px;color:#0a0e1a;cursor:pointer;background:linear-gradient(135deg,#c9a84c,#f0c060,#c9a84c) 0 0/200% 100%;border:none;border-radius:50px;padding:1rem 2.8rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;transition:all .3s;animation:3s ease-in-out 2s infinite cta-pulse;position:relative;overflow:hidden;box-shadow:0 6px 30px #c9a84c66,0 0 #c9a84c4d}.hero-cta-btn:before{content:"";background:linear-gradient(45deg,#0000,#ffffff40,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%;transform:translate(-100%)rotate(45deg)}.hero-cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 40px #c9a84c99}.hero-cta-btn:hover:before{transform:translate(100%)rotate(45deg)}@keyframes cta-pulse{0%,to{box-shadow:0 6px 30px #c9a84c59,0 0 #c9a84c4d}50%{box-shadow:0 6px 30px #c9a84c80,0 0 0 12px #c9a84c00}}.hero-scroll-hint{color:#ffffff4d;letter-spacing:2px;text-transform:uppercase;margin-top:2rem;font-size:.78rem}@keyframes reveal-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.characters-scene{text-align:center;background:linear-gradient(#0e2a4a,#0a1628);padding:5rem 2rem 6rem}.scene-title{color:#fff;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800}.scene-subtitle{color:#c8dcf080;margin-bottom:3.5rem;font-size:1.05rem;font-style:italic}.characters-grid{flex-wrap:wrap;justify-content:center;gap:1.75rem;max-width:1000px;margin:0 auto;display:flex}.character-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;flex:1;min-width:240px;max-width:300px;padding:2.5rem 2rem;transition:all .35s;position:relative;overflow:hidden}.character-card:before{content:"";opacity:0;background:linear-gradient(135deg,#c9a84c0f,#0000);transition:all .3s;position:absolute;inset:0}.character-card:hover{border-color:#c9a84c59;transform:translateY(-8px);box-shadow:0 20px 50px #00000080}.character-card:hover:before{opacity:1}.char-big-emoji{margin-bottom:1rem;font-size:4rem;animation:3s ease-in-out infinite char-float;display:block}.char-img{object-fit:cover;border:3px solid #c9a84c4d;border-radius:50%;width:120px;height:120px;margin:0 auto 1rem;animation:3s ease-in-out infinite char-float;display:block;box-shadow:0 10px 20px #0006}.character-card:nth-child(2) .char-big-emoji,.character-card:nth-child(2) .char-img{animation-delay:1s}.character-card:nth-child(3) .char-big-emoji,.character-card:nth-child(3) .char-img{animation-delay:2s}@keyframes char-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.char-role{letter-spacing:2.5px;text-transform:uppercase;color:#c9a84c;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700}.char-name{color:#fff;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.char-desc{color:#c8dcf080;margin-bottom:1rem;font-size:.9rem;line-height:1.65}.char-quote{color:#c9a84ccc;text-align:left;border-left:2px solid #c9a84c4d;padding-left:.9rem;font-size:.92rem;font-style:italic}.modules-scene{z-index:10;text-align:center;background:linear-gradient(#0a1628,#081020,#060c16);padding:5rem 2rem 6rem;position:relative}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;max-width:1100px;margin:3rem auto 0;display:grid}.module-preview-card{text-align:center;background:#ffffff0a;border:2px solid #ffffff14;border-radius:22px;padding:1.8rem 1.4rem 1.5rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:.6s both module-rise;position:relative;overflow:hidden}@keyframes module-rise{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.module-preview-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 50%,#c9a84c0f);transition:opacity .3s;position:absolute;inset:0}.module-preview-card:hover{border-color:#c9a84c66;transform:translateY(-10px)scale(1.03);box-shadow:0 20px 60px #00000080,0 0 30px #c9a84c1a}.module-preview-card:hover:before{opacity:1}.module-preview-img{object-fit:contain;filter:drop-shadow(0 8px 20px #00000080);width:180px;height:180px;margin:0 auto 1rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:block}.module-preview-card:hover .module-preview-img{transform:scale(1.12)translateY(-6px)}.module-preview-tag{letter-spacing:2px;text-transform:uppercase;color:#e0c050;background:#e0c0501f;border:1px solid #e0c05033;border-radius:999px;margin-bottom:.7rem;padding:3px 12px;font-family:Outfit,sans-serif;font-size:.68rem;font-weight:800;display:inline-block}.module-preview-name{color:#fff;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:800}.module-preview-desc{color:#c8dcf080;font-size:.88rem;line-height:1.6}.map-preview-scene{z-index:10;text-align:center;background:linear-gradient(#0a1628,#06101e);padding:5rem 2rem 6rem;position:relative}.map-preview-islands{flex-wrap:wrap;justify-content:center;gap:1.25rem;max-width:900px;margin:3rem auto 0;display:flex}.preview-island{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;flex:1;min-width:130px;max-width:155px;padding:1.5rem 1rem;transition:all .3s}.preview-island:hover{background:#c9a84c0f;border-color:#c9a84c66;transform:translateY(-5px)}.preview-island .pi-icon{margin-bottom:.5rem;font-size:2rem;display:block}.preview-island .pi-name{color:#f0e6c8cc;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;line-height:1.3}.auth-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;animation:.3s both overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.auth-modal{background:#111827;border:1px solid #c9a84c33;border-radius:24px;width:100%;max-width:440px;padding:2.75rem 2.5rem;animation:.35s cubic-bezier(.34,1.56,.64,1) both modal-slide;position:relative;box-shadow:0 25px 80px #000000b3}@keyframes modal-slide{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.3rem;transition:color .2s;position:absolute;top:1rem;right:1.25rem}.auth-modal-close:hover{color:var(--text-primary)}.auth-logo{text-align:center;margin-bottom:2rem}.auth-ship-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}.auth-app-name{color:#fff;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900}.auth-app-tagline{color:#c8b99b80;margin-top:3px;font-size:.87rem;font-style:italic}.auth-tabs{background:#ffffff0d;border-radius:10px;margin-bottom:1.75rem;padding:3px;display:flex}.auth-tab{text-align:center;cursor:pointer;color:#c8b99b73;border-radius:8px;flex:1;padding:.65rem;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700;transition:all .2s}.auth-tab.active{color:#fff;background:#ffffff14}.auth-form{flex-direction:column;gap:1.1rem;display:flex}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:#c8b99b99;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700}.form-input{color:#fff;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:10px;outline:none;padding:.85rem 1.1rem;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#c9a84c80;box-shadow:0 0 0 3px #c9a84c14}.form-input::placeholder{color:#c8b99b40}.auth-error{color:#f87171;text-align:center;background:#b91c1c26;border:1px solid #b91c1c4d;border-radius:10px;padding:.8rem 1rem;font-size:.9rem}.auth-note{text-align:center;color:#c8b99b59;margin-top:.75rem;font-size:.78rem}.app-layout{min-height:100vh;display:flex}.sidebar{z-index:20;background:linear-gradient(#0c1527 0%,#081020 50%,#060b18 100%);border-right:2px solid #c9a84c1f;flex-direction:column;flex-shrink:0;width:272px;height:100vh;padding-bottom:1.5rem;transition:background .3s;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:6px 0 30px #0006}.sidebar-logo-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:.7rem;padding:1.75rem 1.5rem 1.25rem;display:flex}.sl-icon{font-size:1.5rem}.sl-text{flex:1}.sl-name{color:#f0c060;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;line-height:1.1}.sl-sub{color:#c8b99b61;margin-top:1px;font-size:.7rem}.theme-btn{cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex}.theme-btn:hover{background:#ffffff21}.sidebar-user{cursor:pointer;background:linear-gradient(135deg,#c9a84c1a,#3dba9e0f);border:1.5px solid #c9a84c40;border-radius:14px;align-items:center;gap:.85rem;margin:1rem .9rem .5rem;padding:.9rem 1rem;transition:all .25s;display:flex;box-shadow:0 4px 15px #0003}.sidebar-user:hover{background:linear-gradient(135deg,#c9a84c2e,#3dba9e1a);border-color:#c9a84c66;box-shadow:0 6px 20px #c9a84c26}.su-avatar{background:#c9a84c1f;border:2px solid #c9a84c59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.35rem;display:flex;overflow:hidden}.su-avatar img{object-fit:cover;width:100%;height:100%}.su-info{flex:1;min-width:0}.su-name{color:var(--text-sidebar);white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;overflow:hidden}.su-rank{margin-top:1px;font-size:.72rem}.sidebar-xp{margin:0 .65rem;padding:0 1.25rem .75rem}.xp-row{color:var(--text-sidebar-m);justify-content:space-between;margin-bottom:5px;font-family:Outfit,sans-serif;font-size:.7rem;display:flex}.xp-track{background:#ffffff14;border-radius:999px;height:5px;position:relative;overflow:visible}.xp-fill{background:linear-gradient(90deg,#c9a84c,#f0c060);border-radius:999px;height:100%;transition:width 1s;position:relative;box-shadow:0 0 8px #c9a84c4d}.xp-ship-marker{filter:drop-shadow(0 1px 3px #00000080);z-index:2;font-size:.85rem;animation:3s ease-in-out infinite ship-bob;position:absolute;top:-10px;right:-6px}.sidebar-nav-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-sidebar-m);padding:1.1rem 1.5rem .4rem;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:700}.snav-item{cursor:pointer;color:var(--text-sidebar-m);border-radius:12px;align-items:center;gap:.85rem;margin:.12rem .7rem;padding:.85rem 1.2rem;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;transition:all .18s;display:flex;position:relative}.snav-item .si-icon{flex-shrink:0;font-size:1.1rem}.snav-item .si-txt{flex:1}.snav-item .si-badge{color:#f0c060;background:#c9a84c26;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700}.snav-item:hover{color:var(--text-sidebar);background:#ffffff12;transform:translate(3px)}.snav-item.active{color:#f0c060;background:linear-gradient(135deg,#c9a84c33,#c9a84c14);border:1.5px solid #c9a84c59;box-shadow:0 4px 18px #c9a84c1f,inset 0 1px #ffffff0d}.snav-item.active:before{content:"";background:linear-gradient(#f0c060,#c9a84c);border-radius:2px;width:4px;height:60%;position:absolute;top:50%;left:-.7rem;transform:translateY(-50%);box-shadow:0 0 8px #f0c06066}.subnav{padding-left:1.1rem}.subnav-item{cursor:pointer;color:var(--text-sidebar-m);border-radius:10px;align-items:center;gap:.65rem;margin:.08rem .4rem;padding:.58rem 1rem;font-size:.82rem;transition:all .18s;display:flex}.subnav-item:hover{color:var(--text-sidebar);background:#ffffff0a}.subnav-item.active{color:#f0c060}.subnav-dot{opacity:.55;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.subnav-item.active .subnav-dot{opacity:1;box-shadow:0 0 5px}.subnav-label{flex:1}.subnav-pct{color:#c9a84c;font-size:.7rem;font-weight:700}.sidebar-bottom{border-top:1px solid #ffffff0f;margin-top:auto;padding:1rem 1.1rem .5rem}.main-content{background:linear-gradient(175deg, var(--bg-page) 0%, color-mix(in srgb, var(--bg-page) 90%, var(--accent)) 100%);flex:1;min-width:0;padding:2.5rem 3.5rem;position:relative}.main-content:after{content:"";pointer-events:none;z-index:0;background:url(/images/maps/treasure_map.png) 50%/cover no-repeat;position:absolute;inset:0}[data-theme=dark] .main-content:after{opacity:.06;mix-blend-mode:screen}[data-theme=light] .main-content:after{opacity:.06;filter:invert(.88)sepia(.15)hue-rotate(10deg);mix-blend-mode:multiply}.main-content>*{z-index:1;position:relative}.page-hero{margin-bottom:2.5rem}.page-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--accent);opacity:.85;margin-bottom:.45rem;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:800}.page-title{color:var(--text-primary);letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:clamp(2rem,3.5vw,2.6rem);font-weight:900;line-height:1.12}.page-sub{color:var(--text-muted);margin-top:.45rem;font-size:1.05rem;font-weight:500}.sec-heading{color:var(--text-secondary);align-items:center;gap:.8rem;margin-bottom:1.15rem;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;display:flex}.sec-heading:after{content:"";background:linear-gradient(90deg, var(--border-strong), transparent);border-radius:1px;flex:1;height:2px}.world-map-scene{border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:22px;min-height:420px;margin-bottom:2.5rem;position:relative;overflow:hidden}.world-map-scene:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0%,#c9a84c0a 25%,#3dba9e0f 50%,#c9a84c0a 75%,#0000 100%);width:200%;height:120px;animation:18s ease-in-out infinite fog-drift;position:absolute;bottom:60px;left:-50%}@keyframes fog-drift{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(15%)}}[data-theme=light] .world-map-scene{background:linear-gradient(145deg,#142c4c 0%,#1a5580 20%,#195a70 45%,#12405a 70%,#0c2840 100%)}[data-theme=dark] .world-map-scene{background:linear-gradient(145deg,#060e20 0%,#0a1a38 20%,#081530 45%,#0a1228 70%,#040a18 100%)}.world-map-scene>.map-bg-layer{pointer-events:none;z-index:0;opacity:.1;mix-blend-mode:screen;background:url(/images/maps/sea_chart.png) 50%/cover no-repeat;border-radius:22px;position:absolute;inset:0}.world-map-overlay{pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 8% 10%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 22% 18%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 65% 8%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 85% 14%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 50% 25%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 40% 70%,#ffffff26 0%,#0000 100%),radial-gradient(1px 1px at 78% 65%,#fff3 0%,#0000 100%);position:absolute;inset:0}.world-map-label{letter-spacing:2.5px;text-transform:uppercase;color:#c9a84cb3;z-index:2;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;position:absolute;top:1.25rem;left:1.5rem}.world-map-compass{opacity:.15;z-index:1;font-size:2.5rem;animation:20s linear infinite compass-spin;position:absolute;top:1rem;right:1.25rem}@keyframes compass-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-wave{pointer-events:none;z-index:1;opacity:.2;position:absolute;bottom:0;left:0;right:0}.islands-container{z-index:2;grid-template-columns:repeat(3,1fr);gap:1.5rem;min-height:480px;padding:4.5rem 2rem 5rem;display:grid;position:relative}.map-route-svg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.route-path{stroke-dashoffset:0;animation:3s ease-out forwards route-draw,8s linear 3s infinite route-flow}@keyframes route-draw{0%{stroke-dasharray:0 2000}to{stroke-dasharray:12 8}}@keyframes route-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-40px}}.map-ship-img{z-index:3;filter:drop-shadow(0 8px 20px #0009);pointer-events:none;width:90px;height:auto;transition:left 1.5s;animation:3s ease-in-out infinite ship-bob;position:absolute;bottom:90px}.ocean-waves{z-index:4;pointer-events:none;height:70px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.wave-layer{width:120%;height:100%;position:absolute;bottom:0;left:-10%}.wave-back{animation:6s ease-in-out infinite wave-sway}.wave-mid{animation:5s ease-in-out infinite reverse wave-sway;bottom:-4px}.wave-front{animation:4s ease-in-out infinite wave-sway;bottom:-8px}@keyframes wave-sway{0%,to{transform:translate(0)}50%{transform:translate(3%)}}.island-3d-img{object-fit:contain;filter:drop-shadow(0 8px 24px #00000080);flex-shrink:0;width:160px;height:160px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),filter .4s}.island-node:hover .island-3d-img{filter:drop-shadow(0 14px 35px #0009);transform:scale(1.15)translateY(-6px)}.island-node.island-lvl-5 .island-3d-img{filter:drop-shadow(0 0 20px #44ddb066)drop-shadow(0 8px 24px #00000080)}.island-node{cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-style:preserve-3d;background:#ffffff0f;border:2.5px solid #ffffff1f;border-radius:22px;flex-direction:column;align-items:center;gap:.4rem;padding:1.2rem 1rem 1.4rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:.5s both island-pop;display:flex;position:relative;overflow:visible}@keyframes island-pop{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.island-node:hover{z-index:5;transform:translateY(-14px)rotateX(5deg)rotateY(-3deg)scale(1.05);box-shadow:0 25px 50px #00000080,0 0 40px #c9a84c1f,inset 0 1px #ffffff1a}.island-node.island-lvl-1{background:linear-gradient(170deg,#786e501f 0%,#3c321e33 100%);border-color:#a08c6433;box-shadow:0 6px 20px #0000004d,inset 0 -2px #0000001a}.island-node.island-lvl-2{background:linear-gradient(170deg,#c9a84c26 0%,#b46e1e33 50%,#50321440 100%);border-color:#c9a84c59;box-shadow:0 8px 25px #00000059,0 0 15px #c9a84c14,inset 0 1px #ffffff0f}.island-node.island-lvl-2:after{content:"🔥";opacity:.7;filter:drop-shadow(0 0 6px #ffa01e80);font-size:1rem;animation:1.5s ease-in-out infinite alternate campfire-flicker;position:absolute;bottom:10px;right:14px}@keyframes campfire-flicker{0%{opacity:.5;transform:scale(.85)}to{opacity:.9;transform:scale(1.15)}}.island-node.island-lvl-3{background:linear-gradient(170deg,#e6a81726 0%,#2aa08a2e 50%,#195a8c38 100%);border-color:#e6a81773;box-shadow:0 8px 30px #0006,0 0 20px #e6a8171a,inset 0 1px #ffffff14}.island-node.island-lvl-3:after{content:"⚓";opacity:.5;font-size:.8rem;position:absolute;bottom:8px;right:12px}.island-node.island-lvl-4{background:linear-gradient(170deg,#f0c06038 0%,#dc78142e 35%,#b4321e26 65%,#2a648a33 100%);border-color:#f0c0608c;box-shadow:0 10px 35px #00000073,0 0 25px #f0c06026,0 0 50px #f0c0600d,inset 0 1px #ffffff1a}.island-node.island-lvl-4:after{content:"✨";font-size:.9rem;animation:2s ease-in-out infinite sparkle-pulse;position:absolute;top:8px;right:10px}@keyframes sparkle-pulse{0%,to{opacity:.4;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(25deg)}}.island-node.island-lvl-5{background:linear-gradient(170deg,#44ddb033 0%,#e0c05033 35%,#44ddb026 70%,#2d78b426 100%);border-color:#44ddb099;animation:3s ease-in-out infinite alternate empire-glow;box-shadow:0 0 40px #44ddb040,0 12px 40px #0006,0 0 80px #44ddb014,inset 0 1px #ffffff1f}.island-node.island-lvl-5:before{content:"";z-index:-1;background:linear-gradient(135deg,#e0c05066,#0000 30%,#44ddb066 70%,#0000) 0 0/300% 300%;border-radius:22px;animation:4s linear infinite shimmer-border;position:absolute;inset:-2px}@keyframes shimmer-border{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes empire-glow{0%{box-shadow:0 0 30px #44ddb02e,0 12px 40px #0006,0 0 60px #44ddb00f}to{box-shadow:0 0 55px #44ddb059,0 12px 40px #0006,0 0 100px #44ddb01f}}.island-node.island-lvl-5:after{content:"👑";filter:drop-shadow(0 3px 8px #e0c05099);font-size:1.3rem;animation:3s ease-in-out infinite crown-float;position:absolute;top:-10px;left:50%;transform:translate(-50%)}@keyframes crown-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-7px)}}.island-ship{filter:drop-shadow(0 3px 6px #00000080);margin-top:-4px;font-size:1.2rem;animation:3s ease-in-out infinite ship-bob}.island-emoji{filter:drop-shadow(0 6px 16px #00000080);font-size:3.2rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1),filter .4s;display:block}.island-node:hover .island-emoji{transform:scale(1.25)translateY(-4px)}.island-node.island-lvl-5 .island-emoji{filter:drop-shadow(0 0 16px #44ddb099)drop-shadow(0 6px 16px #00000080);animation:3s ease-in-out infinite emoji-breathe}@keyframes emoji-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.island-name{color:#f2e8ccf2;text-shadow:0 2px 6px #00000080;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;line-height:1.3}.island-prog-bar{background:#ffffff1a;border-radius:999px;width:100%;height:7px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.island-prog-fill{border-radius:999px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.island-lvl-1 .island-prog-fill{background:linear-gradient(90deg,#7a9aaa,#a0bac8)}.island-lvl-2 .island-prog-fill{background:linear-gradient(90deg,#c9a84c,#e6c060);box-shadow:0 0 6px #c9a84c4d}.island-lvl-3 .island-prog-fill{background:linear-gradient(90deg,#e67e22,#f0a848);box-shadow:0 0 8px #e67e224d}.island-lvl-4 .island-prog-fill{background:linear-gradient(90deg,#e74c3c,#f0a030);box-shadow:0 0 10px #f0a03066}.island-lvl-5 .island-prog-fill{background:linear-gradient(90deg,#44ddb0,#68f0cc,#fad868);box-shadow:0 0 14px #44ddb080}.island-pct{color:#e0c050f2;text-shadow:0 1px 3px #0000004d;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800}.island-lvl-5 .island-pct{color:#44ddb0f2}.you-marker{z-index:3;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.you-ship{font-size:1.8rem;animation:3s ease-in-out infinite ship-bob}.you-label{letter-spacing:2px;text-transform:uppercase;color:#c9a84cb3;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:1.1rem;margin-bottom:2.25rem;display:grid}.stat-card{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--shadow-md);border-top:4px solid #0000;border-radius:20px;padding:1.7rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card[data-accent=gold]{border-top-color:var(--gold);background:linear-gradient(165deg, var(--bg-surface) 60%, #c08a1814)}.stat-card[data-accent=emerald]{border-top-color:var(--accent);background:linear-gradient(165deg, var(--bg-surface) 60%, #0e8e5a14)}.stat-card[data-accent=ocean]{background:linear-gradient(165deg, var(--bg-surface) 60%, #3494db14);border-top-color:#3498db}.stat-card[data-accent=fire]{background:linear-gradient(165deg, var(--bg-surface) 60%, #e67e2214);border-top-color:#e67e22}.stat-card:before{content:"";opacity:0;pointer-events:none;height:80px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.stat-card[data-accent=gold]:before{background:linear-gradient(#e0c0502e,#0000)}.stat-card[data-accent=emerald]:before{background:linear-gradient(#44ddb026,#0000)}.stat-card[data-accent=ocean]:before{background:linear-gradient(#3494db26,#0000)}.stat-card[data-accent=fire]:before{background:linear-gradient(#e67e2226,#0000)}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-accent);transform:translateY(-8px)scale(1.03)}.stat-card:hover:before{opacity:1}.stat-card:after{content:attr(data-icon);opacity:.08;font-size:3.2rem;line-height:1;transition:all .4s;position:absolute;bottom:.5rem;right:.8rem}.stat-card:hover:after{opacity:.2;transform:scale(1.2)rotate(-8deg)}.stat-lbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);z-index:1;margin-bottom:.6rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;position:relative}.stat-val{color:var(--text-primary);letter-spacing:-1px;z-index:1;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:900;line-height:1;position:relative}.stat-sub{color:var(--text-muted);z-index:1;margin-top:.35rem;font-size:.95rem;font-weight:500;position:relative}.rank-card{background:linear-gradient(135deg, var(--bg-surface), var(--bg-card));border:2px solid var(--border);box-shadow:var(--shadow-md);border-radius:20px;align-items:center;gap:1.1rem;margin-bottom:1.2rem;padding:1.5rem 1.75rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.rank-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.rank-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 50%,#c9a84c14 100%);position:absolute;inset:0}.rank-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#c9a84c0f 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-50%;right:-30%}.lb-container{position:relative}.lb-container:before{content:"";pointer-events:none;z-index:0;background:url(/images/maps/naval_battle.png) 50%/cover no-repeat;border-radius:20px;position:absolute;inset:-2rem}[data-theme=dark] .lb-container:before{opacity:.05;mix-blend-mode:screen}[data-theme=light] .lb-container:before{opacity:.05;filter:invert(.88)sepia(.15)hue-rotate(10deg);mix-blend-mode:multiply}.lb-container>*{z-index:1;position:relative}.lb-list{flex-direction:column;gap:.65rem;display:flex}.lb-row{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:1rem;padding:1.1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.35s both lb-slide;display:flex}@keyframes lb-slide{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.lb-row:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translate(5px)}.lb-row.is-me{background:var(--accent-pale);border-color:var(--accent);box-shadow:var(--shadow-md), 0 0 12px #44ddb014}.lb-num{color:var(--text-muted);text-align:center;flex-shrink:0;width:30px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800}.lb-num.g{color:gold;font-size:1.05rem}.lb-num.s{color:#b0b8c0}.lb-num.b{color:#cd9060}.lb-av{background:var(--accent-pale);border:2px solid var(--border-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;display:flex;overflow:hidden}.lb-av img{object-fit:cover;width:100%;height:100%}.lb-info{flex:1;min-width:0}.lb-name{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700}.lb-you-pill{background:var(--accent);color:#fff;vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 7px;font-family:Outfit,sans-serif;font-size:.62rem;font-weight:800;display:inline-block}.lb-rank-lbl{color:var(--text-muted);margin-top:1px;font-size:.78rem}.lb-xp{color:var(--gold);font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800}.lb-xp em{color:var(--text-muted);margin-left:2px;font-size:.7rem;font-style:normal}.lb-empty{text-align:center;color:var(--text-muted);border:2px dashed var(--border);border-radius:14px;padding:2.5rem;font-size:.95rem;font-style:italic}.book-prog-card{background:linear-gradient(135deg, var(--bg-surface), var(--bg-card));border:2px solid var(--border-accent);box-shadow:var(--shadow-md);border-radius:20px;align-items:center;gap:1.1rem;margin-bottom:2.25rem;padding:1.5rem 1.75rem;transition:all .3s;display:flex}.book-prog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.bp-ico{flex-shrink:0;font-size:2rem}.bp-inf{flex:1}.bp-title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700}.bp-sub{color:var(--text-muted);margin-top:2px;font-size:.85rem}.bp-bar{background:var(--progress-bg);border-radius:999px;flex:2;height:9px;overflow:hidden}.bp-fill{background:linear-gradient(90deg, var(--accent), var(--accent-lit));border-radius:999px;height:100%;transition:width .8s}.bp-pct{color:var(--accent);text-align:right;min-width:48px;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800}.book-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.book-tile{background:var(--bg-surface);border:2px solid var(--border);cursor:pointer;box-shadow:var(--shadow-md);border-radius:18px;padding:1.5rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.book-tile:before{content:"";pointer-events:none;background:linear-gradient(160deg,#0000 60%,#0e8e5a0f);position:absolute;inset:0}.book-tile:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-8px)scale(1.02)}.bt-icon{filter:drop-shadow(0 3px 6px #0003);margin-bottom:.7rem;font-size:2rem;display:block}.bt-name{color:var(--text-primary);margin-bottom:.7rem;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700;line-height:1.35}.bt-prog-row{align-items:center;gap:.55rem;display:flex}.bt-bar{background:var(--progress-bg);border-radius:999px;flex:1;height:5px;overflow:hidden}.bt-fill{background:linear-gradient(90deg, var(--accent), var(--accent-lit));border-radius:999px;height:100%;transition:width .6s}.bt-pct{color:var(--accent);font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700}.storyboard{padding:.75rem 0 4rem;position:relative}.spine{background:linear-gradient(to bottom, var(--accent-lit), var(--gold), var(--accent), var(--gold));opacity:.25;z-index:0;background-size:100% 200%;border-radius:2px;width:4px;animation:6s ease-in-out infinite spine-flow;position:absolute;top:0;bottom:0;left:22px}@keyframes spine-flow{0%,to{background-position:0 0}50%{background-position:0 100%}}.story-sec{margin-bottom:2.4rem;padding-left:68px;animation:.4s both sec-in;position:relative}.story-sec:nth-child(2){animation-delay:80ms}.story-sec:nth-child(3){animation-delay:.16s}.story-sec:nth-child(4){animation-delay:.24s}.story-sec:nth-child(5){animation-delay:.32s}@keyframes sec-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.sec-node{background:var(--node-bg);border:3px solid var(--border);z-index:3;width:46px;height:46px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:all .35s;display:flex;position:absolute;top:0;left:0}.sec-node.done{background:var(--bg-surface);border-color:var(--accent);box-shadow:0 0 0 6px var(--accent-pale), 0 0 15px #3dba9e26, var(--shadow-sm)}.sec-node.done:after{content:"✨";font-size:.65rem;animation:2.5s ease-in-out infinite sparkle-pulse;position:absolute;top:-8px;right:-6px}.sec-node.active{background:var(--bg-surface);border-color:var(--gold);box-shadow:0 0 0 5px var(--gold-pale), 0 0 18px #c9a84c1f, var(--shadow-sm);animation:2.5s ease-in-out infinite node-pulse}.sec-node.upcoming{opacity:.35;filter:grayscale(60%)}@keyframes node-pulse{0%,to{box-shadow:0 0 0 4px var(--gold-pale), 0 0 12px #c9a84c14, var(--shadow-sm)}50%{box-shadow:0 0 0 9px var(--gold-pale), 0 0 22px #c9a84c2e, var(--shadow-md)}}.sec-hdr{margin-bottom:.9rem}.sec-title-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.sec-title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700}.sec-badge{border-radius:999px;padding:3px 11px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700}.sec-badge.done{background:var(--accent-pale);color:var(--accent-lit);border:1px solid var(--border-accent)}.sec-badge.active{background:var(--gold-pale);color:var(--gold);border:1px solid #b07a1e40}.sec-badge.upcoming{background:var(--progress-bg);color:var(--text-muted);border:1px solid var(--border)}.sec-prog-mini{align-items:center;gap:.6rem;margin-top:.45rem;display:flex}.sec-count{color:var(--text-muted);min-width:52px;font-family:Outfit,sans-serif;font-size:.8rem}.sec-bar{background:var(--progress-bg);border-radius:999px;flex:1;max-width:140px;height:4px;overflow:hidden}.sec-fill{background:linear-gradient(90deg, var(--accent), var(--accent-lit));height:100%;box-shadow:0 0 6px var(--accent-pale);border-radius:999px;transition:width .6s}.sec-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-top:.55rem;padding:0;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;transition:color .2s;display:flex}.sec-toggle:hover{color:var(--accent)}.sec-toggle .chev{font-size:.5rem;transition:transform .3s}.sec-toggle.open .chev{transform:rotate(180deg)}.topics-list{flex-direction:column;gap:.5rem;margin-top:.9rem;display:flex}.topic-row{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.topic-row:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translate(6px)}.topic-row.done{background:linear-gradient(135deg, var(--accent-pale), #44ddb00a);border-color:var(--accent);border-left:4px solid var(--accent);box-shadow:var(--shadow-sm), 0 0 12px #44ddb014}.topic-row-main{cursor:pointer;align-items:center;gap:.9rem;padding:.9rem 1.1rem;display:flex}.topic-check{border:2.5px solid var(--border-strong);background:var(--bg-card);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.topic-check:hover{border-color:var(--accent);background:var(--accent-pale);transform:scale(1.1)}.topic-check.checked{background:linear-gradient(135deg, var(--accent), var(--accent-lit));box-shadow:0 3px 12px var(--accent-pale), 0 0 0 3px var(--accent-pale);border-color:#0000;font-size:1rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) check-pop}@keyframes check-pop{0%{transform:scale(.7)}50%{transform:scale(1.2)}to{transform:scale(1)}}.topic-check.checked:after{content:"✓";color:#fff;font-family:sans-serif;font-size:14px;font-weight:900}.topic-label{color:var(--text-secondary);flex:1;font-size:1.05rem;font-weight:500;line-height:1.45}.topic-row.done .topic-label{color:var(--accent)}.topic-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.act-btn{border:1.5px solid var(--border-strong);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:5px 12px;font-family:Outfit,sans-serif;font-size:.73rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.act-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-pale);transform:translateY(-1px);box-shadow:0 3px 10px #0000001a}.act-btn.has-notes{color:#3498db;background:#3498db1f;border-color:#3498db;box-shadow:0 0 12px #3498db80,0 2px 8px #0000001a}.act-btn.quiz-btn{color:var(--gold);border-color:#e0c0504d}.act-btn.quiz-btn:hover{background:var(--gold-pale);color:var(--gold-lit);border-color:var(--gold);box-shadow:0 0 10px #e0c05033}.notes-panel{border-top:1px solid var(--border);background:var(--bg-card);padding:.9rem 1.1rem 1.1rem;animation:.2s both slide-down}@keyframes slide-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.panel-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700}.notes-textarea{background:var(--bg-input);border:1.5px solid var(--border);width:100%;min-height:85px;color:var(--text-primary);resize:vertical;border-radius:10px;outline:none;padding:.8rem .95rem;font-family:Inter,sans-serif;font-size:.93rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.notes-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-pale)}.notes-textarea::placeholder{color:var(--text-muted);opacity:.4;font-style:italic}.quiz-panel{border-top:1px solid var(--border);background:var(--bg-card);animation:.2s both slide-down}.quiz-header{justify-content:space-between;align-items:center;padding:.9rem 1.1rem 0;display:flex}.quiz-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700}.quiz-progress-txt{color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600}.quiz-q-area{padding:1rem 1.1rem}.quiz-image-placeholder{background:var(--bg-input);border:1.5px dashed var(--border-strong);color:var(--text-muted);text-align:center;border-radius:10px;margin-bottom:1rem;padding:1rem;font-family:Outfit,sans-serif;font-size:.82rem;font-style:italic}.quiz-image-placeholder img{border-radius:8px;max-width:100%}.quiz-question{color:var(--text-primary);margin-bottom:1rem;font-size:.97rem;font-weight:600;line-height:1.5}.quiz-options{flex-direction:column;gap:.5rem;display:flex}.quiz-option{background:var(--bg-surface);border:2px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1.1rem;font-size:.93rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.quiz-option:hover:not(.locked){border-color:var(--gold);background:var(--gold-pale);color:var(--text-primary);transform:translate(4px)}.quiz-option.selected{border-color:var(--gold);background:var(--gold-pale);color:var(--text-primary);box-shadow:0 0 15px #e0c0501f}.quiz-option.correct{border-color:var(--accent);background:var(--accent-pale);color:var(--accent-lit);box-shadow:0 0 18px #44ddb026}.quiz-option.wrong{border-color:var(--danger);background:var(--danger-pale);color:var(--danger);box-shadow:0 0 15px #f555451a}.quiz-option.locked{cursor:not-allowed;opacity:.65}.quiz-opt-id{background:var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:800;transition:all .2s;display:flex}.quiz-option.selected .quiz-opt-id{background:linear-gradient(135deg, var(--gold), var(--gold-lit));color:#fff;box-shadow:0 2px 8px #e0c0504d}.quiz-option.correct .quiz-opt-id{background:linear-gradient(135deg, var(--accent), var(--accent-lit));color:#fff;box-shadow:0 2px 8px #44ddb04d}.quiz-option.wrong .quiz-opt-id{background:linear-gradient(135deg, var(--danger), #ff6b5a);color:#fff;box-shadow:0 2px 8px #f555454d}.quiz-explanation{background:var(--accent-pale);color:var(--accent-lit);border-left:4px solid var(--accent);border-radius:12px;margin-top:.75rem;padding:.8rem 1.1rem;font-size:.87rem;line-height:1.55;box-shadow:0 2px 10px #44ddb00f}.quiz-footer{justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.1rem 1.1rem;display:flex}.quiz-result-summary{flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.1rem 1.25rem;display:flex}.quiz-score-display{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:900}.quiz-xp-gained{background:var(--gold-pale);color:var(--gold);border:1px solid var(--gold-pale);border-radius:999px;padding:4px 14px;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700}.quiz-retry-note{color:var(--text-muted);margin-left:auto;font-size:.82rem}.next-quest{border:2px dashed var(--border);border-radius:14px;align-items:center;gap:1rem;margin-top:.75rem;padding:1.1rem 1.4rem;display:flex}.nq-icon{opacity:.5;font-size:1.7rem}.nq-lbl{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);opacity:.7;margin-bottom:2px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700}.nq-name{color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.93rem;font-weight:600}.profile-wrap{max-width:680px}.prof-hero{background:linear-gradient(135deg, var(--bg-surface), var(--bg-card));border:2px solid var(--border);box-shadow:var(--shadow-md);border-radius:22px;align-items:center;gap:1.75rem;margin-bottom:1.75rem;padding:1.8rem 2rem;display:flex;position:relative;overflow:hidden}.prof-hero:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 60%,#e0c0500f);position:absolute;inset:0}.prof-avatar{border:3px solid var(--border-accent);background:linear-gradient(135deg, var(--accent-pale), var(--gold-pale));width:92px;height:92px;box-shadow:var(--shadow-lg), 0 0 0 4px var(--bg-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2.8rem;display:flex;overflow:hidden}.prof-avatar img{object-fit:cover;width:100%;height:100%}.prof-name{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:900;position:relative}.prof-rank-row{color:var(--text-muted);margin-top:.2rem;font-size:.92rem}.prof-xp{color:var(--gold);margin-top:.2rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800}.prof-section-lbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:.85rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700}.char-grid{grid-template-columns:repeat(4,1fr);gap:.9rem;margin-bottom:1.75rem;display:grid}.char-tile{border:2px solid var(--border);background:var(--bg-surface);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm);border-radius:16px;padding:1.2rem .75rem;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.char-tile:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-5px)scale(1.03)}.char-tile.sel{border-color:var(--accent);background:var(--accent-pale);box-shadow:0 0 0 4px var(--accent-pale), var(--shadow-md);transform:translateY(-3px)}.char-emoji{filter:drop-shadow(0 4px 8px #0000004d);justify-content:center;align-items:center;height:60px;margin-bottom:.6rem;font-size:3.5rem;display:flex}.char-emoji img{object-fit:contain;max-width:60px;max-height:60px}.char-nm{color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;line-height:1.3}.char-tile.sel .char-nm{color:var(--accent);font-weight:800}.upload-zone{border:2px dashed var(--border-strong);text-align:center;cursor:pointer;border-radius:14px;margin-bottom:1.75rem;padding:2rem;transition:all .22s}.upload-zone:hover{border-color:var(--accent);background:var(--accent-pale)}.upload-icon{opacity:.35;margin-bottom:.5rem;font-size:2.2rem;display:block}.upload-desc{color:var(--text-muted);font-size:.88rem}.upload-zone input{display:none}.btn-primary{cursor:pointer;background:var(--accent);color:#fff;box-shadow:0 3px 12px var(--accent-pale);border:none;border-radius:12px;padding:.9rem 2rem;font-family:Outfit,sans-serif;font-size:.97rem;font-weight:700;transition:all .22s}.btn-primary:hover{background:var(--accent-lit);box-shadow:0 5px 18px var(--accent-pale);transform:translateY(-2px)}.btn-master{cursor:pointer;color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#6b21a8,#9333ea);border:none;border-radius:12px;padding:.9rem 2rem;font-family:Outfit,sans-serif;font-size:.97rem;font-weight:800;transition:all .22s;box-shadow:0 4px 15px #9333ea66}.btn-master:hover{background:linear-gradient(135deg,#7e22ce,#a855f7);transform:translateY(-3px);box-shadow:0 6px 20px #9333ea99}.btn-outline{border:1.5px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:.85rem 1.65rem;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:600;transition:all .2s}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-pale)}.btn-danger-outline{border:1.5px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:.85rem 1.65rem;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:600;transition:all .2s}.btn-danger-outline:hover{color:#e74c3c;background:#e74c3c1a;border-color:#e74c3c}.btn-danger{border:1.5px solid var(--danger-pale);background:var(--danger-pale);color:var(--danger);cursor:pointer;border-radius:12px;padding:.85rem 1.65rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.btn-danger:hover{border-color:var(--danger);background:#b91c1c26}.btn-sm{padding:.6rem 1.25rem;font-size:.85rem}.mobile-nav{background:var(--bg-sidebar);z-index:100;padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));border-top:1px solid #ffffff14;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-inner{justify-content:space-around;display:flex}.mobile-nav-btn{cursor:pointer;color:#c8b99b66;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:.4rem .75rem;transition:all .18s;display:flex}.mobile-nav-btn.active{color:#f0c060}.mobile-nav-btn span:first-child{font-size:1.3rem}.mobile-nav-btn span:last-child{letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:.62rem;font-weight:700}@media (width<=1100px){.main-content{padding:2rem 2.25rem}}@media (width<=900px){.sidebar{width:235px}.main-content{padding:2rem 1.75rem}.char-grid{grid-template-columns:repeat(3,1fr)}.islands-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{display:none}.mobile-nav{display:block}.main-content{padding:1.5rem 1.1rem 5.5rem}.char-grid{grid-template-columns:repeat(2,1fr)}.stats-grid,.book-grid{grid-template-columns:1fr 1fr}.islands-container{grid-template-columns:repeat(2,1fr)}.island-3d-img{width:130px;height:130px}.map-ship-img{width:70px}.characters-grid{flex-direction:column;align-items:center}.character-card{max-width:100%}.hero-title{font-size:2.5rem}.auth-modal{padding:2rem 1.75rem}.prof-hero{text-align:center;flex-direction:column}}@media (width<=480px){.stats-grid,.book-grid,.islands-container{grid-template-columns:1fr}.island-3d-img{width:140px;height:140px}.map-ship-img{width:60px;bottom:60px}.char-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2rem}.topic-row-main{padding:.85rem .9rem}.topic-actions{gap:.3rem}.act-btn{padding:4px 7px;font-size:.65rem}}.heatmap-wrap{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;flex-flow:wrap;justify-content:space-between;align-items:center;gap:3rem;padding:2rem 2.5rem;display:flex}.heatmap-content-left{flex-direction:column;flex-shrink:0;gap:.6rem;min-width:max-content;display:flex}.heatmap-quote{border-left:2px dashed var(--border);color:var(--text-secondary);flex-direction:column;flex:1;gap:1rem;padding:1rem 1rem 1rem 3rem;font-family:Caveat,cursive;font-size:2.4rem;line-height:1.3;display:flex}.heatmap-quote-text{text-align:center}.heatmap-quote-author{text-align:right;color:var(--gold);font-family:Outfit,sans-serif;font-size:1.6rem;font-style:normal;font-weight:600}@media (width<=768px){.heatmap-quote{border-left:none;border-top:2px dashed var(--border);padding:2rem 1rem 1rem;font-size:2rem}.heatmap-wrap{gap:1.5rem;padding:1.5rem}.heatmap-content-left{min-width:0;overflow-x:auto}}.heatmap-grid{gap:3px;padding-bottom:2px;display:flex}.heatmap-col{flex-direction:column;gap:3px;display:flex}.heatmap-cell{cursor:default;border:1px solid #0000000d;border-radius:4px;flex-shrink:0;width:14px;height:14px;transition:all .15s}.heatmap-cell:hover{z-index:2;transform:scale(1.4);box-shadow:0 0 8px #0003}.heatmap-legend{color:var(--text-muted);align-items:center;gap:4px;font-family:Outfit,sans-serif;font-size:.72rem;display:flex}.heatmap-legend .heatmap-cell{cursor:default}.heatmap-legend .heatmap-cell:hover{transform:none}.note-tags-row{flex-wrap:wrap;gap:6px;margin-bottom:.6rem;display:flex}.note-tag-chip{border:1.5px solid var(--border-strong);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;transition:all .15s}.note-tag-chip:hover{border-color:var(--accent);color:var(--accent)}.note-tag-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.story-sec.is-locked{opacity:.5;pointer-events:none}.story-sec.is-locked .sec-toggle:disabled{cursor:not-allowed}.sec-node.locked{background:#374151}.sec-badge.locked{color:#374151;background:#37415126;border-color:#3741514d}[data-theme=dark] .sec-badge.locked{color:#9ca3af;background:#ffffff12}.ambient-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-particles:before,.ambient-particles:after{content:"";opacity:0;border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.ambient-particles:before{background:#e0c0504d;width:5px;height:5px;animation:12s infinite particle-float;bottom:-10px;left:12%;box-shadow:0 0 8px #e0c05033}.ambient-particles:after{background:#44ddb040;width:4px;height:4px;animation:16s 3s infinite particle-float;bottom:-10px;left:70%;box-shadow:0 0 6px #44ddb033}@keyframes particle-float{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.7}50%{opacity:.5;transform:translateY(-50vh)translate(20px)}90%{opacity:.2}to{opacity:0;transform:translateY(-100vh)translate(40px)}}[data-theme=light] .ambient-particles:before{background:#0e8e5a26;box-shadow:0 0 6px #0e8e5a1a}[data-theme=light] .ambient-particles:after{background:#c08a181f;box-shadow:0 0 5px #c08a181a}.guide-toc{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:16px;margin-bottom:2rem;padding:1.8rem}.guide-toc-title{color:var(--gold);margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800}.guide-toc-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.guide-toc-item{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem .8rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.guide-toc-item:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-pale);transform:translateY(-1px)}.guide-toc-item.active{border-color:var(--gold);color:var(--gold);background:#c9a84c14}.guide-toc-icon{flex-shrink:0;font-size:1.1rem}.guide-section{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:16px;margin-bottom:1.5rem;animation:.4s both guideSlideIn;overflow:hidden}@keyframes guideSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.guide-section-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#c9a84c0f,#0000);align-items:center;gap:1.2rem;padding:1.4rem 1.8rem;display:flex}.guide-section-header h3{color:var(--text-primary);margin:0;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:800}.guide-section-sub{color:var(--text-muted);margin:.15rem 0 0;font-size:.85rem}.guide-section-num{color:var(--gold);opacity:.35;text-align:center;flex-shrink:0;min-width:40px;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:900}.guide-body{padding:1.4rem 1.8rem 1.8rem}.guide-body h4{color:var(--text-primary);border-bottom:1px dashed var(--border);margin:1.4rem 0 .7rem;padding-bottom:.3rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.guide-body h4:first-child{margin-top:0}.guide-body ul{margin:.5rem 0;padding-left:1.4rem}.guide-body li{color:var(--text-secondary);margin-bottom:.35rem;font-size:.9rem;line-height:1.65}.guide-body p{color:var(--text-secondary);margin:.5rem 0;font-size:.9rem;line-height:1.65}.guide-callout{color:var(--text-primary);border-radius:10px;align-items:flex-start;gap:.7rem;margin:1rem 0;padding:.9rem 1.1rem;font-size:.87rem;line-height:1.55;display:flex}.guide-callout-icon{flex-shrink:0;margin-top:1px;font-size:1.2rem}.guide-callout.tip{background:#27ae6014;border:1px solid #27ae6040}.guide-callout.important{background:#e74c3c14;border:1px solid #e74c3c40}.guide-callout.note{background:#3498db14;border:1px solid #3498db40}.guide-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:10px;width:100%;margin:.8rem 0;font-size:.85rem;overflow:hidden}.guide-table thead th{background:var(--bg-input);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);padding:.65rem 1rem;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700}.guide-table tbody td{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:.6rem 1rem;line-height:1.5}.guide-table tbody tr:last-child td{border-bottom:none}.guide-table tbody tr:hover{background:#c9a84c08}.guide-table.cheatsheet td:first-child{color:var(--text-primary);min-width:160px;font-weight:600}.guide-steps{flex-direction:column;gap:.7rem;margin:.8rem 0;display:flex}.guide-step{color:var(--text-secondary);align-items:flex-start;gap:.8rem;font-size:.9rem;line-height:1.6;display:flex}.guide-step-num{background:linear-gradient(135deg, var(--gold), #e6a817);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:900;display:flex}.guide-feature-list{flex-direction:column;gap:.8rem;margin:.7rem 0;display:flex}.guide-feature{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:.8rem;padding:.8rem;transition:border-color .2s;display:flex}.guide-feature:hover{border-color:var(--accent)}.guide-feature-icon{flex-shrink:0;margin-top:2px;font-size:1.4rem}.guide-feature strong{color:var(--text-primary);margin-bottom:.15rem;font-family:Outfit,sans-serif;font-size:.92rem;display:block}.guide-feature p{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.55}.guide-visual-card{border:1px solid var(--border);border-radius:12px;margin-bottom:1.2rem;overflow:hidden}.guide-visual-scene{text-align:center;padding:2rem 1.5rem;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.guide-visual-caption{color:var(--text-muted);text-align:center;background:var(--bg-input);border-top:1px solid var(--border);padding:.5rem;font-size:.78rem;font-style:italic}.landing-scene{background:linear-gradient(#0f1923 0%,#1c2d42 60%,#162538 100%);min-height:180px}.gv-stars{background:radial-gradient(1px 1px at 20% 30%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 70% 20%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 40% 70%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 80% 60%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 10% 80%,#fff3 0%,#0000 100%);position:absolute;inset:0}.gv-title{color:#c9a84c;text-shadow:0 2px 12px #c9a84c4d;font-size:2rem;font-weight:900;position:relative}.gv-sub{color:#ffffff80;margin-top:.3rem;font-size:.82rem;position:relative}.gv-quote{color:#ffffff59;max-width:300px;margin-top:.7rem;margin-left:auto;margin-right:auto;font-size:.8rem;font-style:italic;position:relative}.gv-btn{color:#000;background:linear-gradient(135deg,#c9a84c,#e6a817);border-radius:999px;margin-top:1rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:800;display:inline-block;position:relative;box-shadow:0 4px 16px #c9a84c4d}.gv-btn.small{margin-top:.8rem;padding:.4rem 1.2rem;font-size:.8rem}.gv-waves{background:linear-gradient(#0000 0%,#2a7f8a4d 100%);height:30px;position:absolute;bottom:0;left:0;right:0}.auth-scene{background:linear-gradient(135deg,#0f1923,#1c2d42);padding:1.5rem}.gv-auth-icon{margin-bottom:.3rem;font-size:2rem}.gv-auth-title{color:#c9a84c;margin-bottom:.6rem;font-size:1.2rem;font-weight:900}.gv-auth-tabs{color:#ffffff80;justify-content:center;gap:1.5rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.gv-auth-tabs .active{color:#fff;border-bottom:2px solid #c9a84c;padding-bottom:2px}.gv-auth-field{color:#ffffff59;text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:.5rem;padding:.5rem .8rem;font-size:.82rem}.streak-scene{background:linear-gradient(135deg,#0f1923,#1c2d42);padding:1.5rem}.gv-streak-fire{font-size:2.5rem}.gv-streak-num{color:#e67e22;font-size:3rem;font-weight:900;line-height:1}.gv-streak-label{color:#fff6;margin-bottom:.5rem;font-size:.85rem}.gv-streak-msg{color:#fff;margin-bottom:.5rem;font-size:.95rem;font-weight:700}.gv-streak-badge{color:#fff;background:linear-gradient(135deg,#c9a84c,#f39c12);border-radius:999px;padding:4px 16px;font-size:.85rem;font-weight:800;display:inline-block}.dashboard-scene{background:linear-gradient(135deg,#0f1923,#1c2d42);padding:1.2rem}.gv-dash-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.gv-dash-stat{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:.25rem;padding:.8rem .5rem;display:flex}.gv-dash-stat span{font-size:1.3rem}.gv-dash-stat strong{color:#fff;font-size:1.1rem}.gv-dash-stat small{color:#fff6;font-size:.7rem}.tracker-scene{text-align:left;background:linear-gradient(135deg,#0f1923,#1c2d42);padding:1.2rem}.gv-tracker-header{margin-bottom:.8rem}.gv-tracker-title{color:#fff;font-size:1.1rem;font-weight:800}.gv-tracker-bar{background:#ffffff1a;border-radius:999px;height:6px;margin:.4rem 0;overflow:hidden}.gv-tracker-bar>div{background:linear-gradient(90deg,#c9a84c,#e6a817);border-radius:999px;height:100%}.gv-tracker-pct{color:#fff6;font-size:.75rem}.gv-tracker-sections{flex-direction:column;gap:.4rem;display:flex}.gv-tracker-sec{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .8rem;font-size:.85rem;font-weight:600;display:flex}.gv-tracker-sec.done{border-color:#27ae604d}.gv-tracker-sec.active{border-color:#e67e224d}.badge-done,.badge-active,.badge-pending{border-radius:999px;margin-left:auto;padding:2px 8px;font-size:.72rem;font-weight:700}.badge-done{color:#27ae60;background:#27ae6026}.badge-active{color:#e67e22;background:#e67e2226}.badge-pending{color:#ffffff59;background:#ffffff0f}.quiz-scene{text-align:left;background:linear-gradient(135deg,#0f1923,#1c2d42);padding:1.2rem}.gv-quiz-header{color:#fff;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem;display:flex}.gv-quiz-header small{color:#fff6}.gv-quiz-timer{color:#c9a84c;font-size:.9rem;font-weight:800}.gv-quiz-q{color:#ffffffd9;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:.7rem;padding:.6rem;font-size:.88rem;line-height:1.5}.gv-quiz-opts{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.6rem;display:grid}.gv-opt{color:#fff9;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem .7rem;font-size:.8rem;font-weight:600}.gv-opt.correct{color:#27ae60;background:#27ae6026;border-color:#27ae6066}.gv-opt.wrong{color:#e74c3c;background:#e74c3c26;border-color:#e74c3c66}.gv-quiz-explain{color:#fff6;background:#ffffff08;border:1px dashed #ffffff14;border-radius:6px;padding:.5rem;font-size:.78rem;font-style:italic}.guide-ranks-ladder{flex-direction:column;gap:.45rem;margin:.7rem 0;display:flex}.guide-rank-item{background:var(--bg-input);border-left:4px solid;border-radius:8px;align-items:center;gap:.7rem;padding:.6rem .9rem;display:flex}.guide-rank-badge{flex-shrink:0;font-size:1.3rem}.guide-rank-item strong{font-family:Outfit,sans-serif;font-size:.92rem;display:block}.guide-rank-item small{color:var(--text-muted);font-size:.78rem}.guide-footer{text-align:center;background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:16px;margin-top:1rem;padding:2.5rem 1.5rem}.guide-footer-emoji{margin-bottom:.5rem;font-size:2.5rem}.guide-footer p{color:var(--text-primary);margin:.3rem 0;font-family:Outfit,sans-serif;font-size:1.1rem}.guide-footer-quote{max-width:400px;color:var(--text-muted)!important;margin:.5rem auto 0!important;font-size:.88rem!important}@media (width<=600px){.guide-toc-grid{grid-template-columns:1fr 1fr}.guide-section-header{gap:.8rem;padding:1rem 1.2rem}.guide-section-num{min-width:30px;font-size:1.2rem}.guide-section-header h3{font-size:1.05rem}.guide-body{padding:1rem 1.2rem 1.4rem}.gv-dash-grid{grid-template-columns:repeat(2,1fr)}.gv-quiz-opts{grid-template-columns:1fr}.guide-table{font-size:.8rem}.guide-table thead th,.guide-table tbody td{padding:.5rem .7rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}