/* Source: styles.css */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#091614;--panel:#11231f;--line:#ffffff18;--text:#edf1e8;--muted:#9eafa4;--accent:#c4edaa;--green:#7cbfa9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans SC',sans-serif;font-size:14px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a,button{transition:color .2s,background .2s,transform .2s}a:hover{color:var(--accent)}button:hover:not(:disabled){transform:translateY(-2px)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:absolute;z-index:5;width:100%;background:linear-gradient(#071613c9,#07161330)}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;line-height:1.1;letter-spacing:3px}.brand-mark{font-size:49px;color:var(--accent);font-weight:400}.brand-sub{font-family:'Noto Sans SC',sans-serif;display:block;font-size:10px;letter-spacing:3px;font-weight:400;margin-top:7px;color:#b9c8bd}nav{display:flex;gap:32px}nav a{font-size:13px;color:#c0cbc3;position:relative}nav a.active{color:var(--accent)}nav a.active:after{content:'';height:2px;width:16px;background:var(--accent);position:absolute;bottom:-15px;left:calc(50% - 8px)}.nav-download{border:1px solid #bed7b95c;padding:10px 20px;font-size:12px}.nav-download span{margin-left:22px}.menu{display:none;background:none;border:0;color:var(--text);font-size:25px}.hero{height:min(880px,94vh);min-height:680px;position:relative;background:linear-gradient(90deg,#061715c7 0%,#071a1855 44%,transparent 75%),linear-gradient(0deg,var(--bg),transparent 28%),url('assets/login-hero-shark.jpg') center center/cover;display:flex;align-items:center;padding:110px 8% 120px}.hero-content{max-width:660px}.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:3px;color:var(--accent);display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:27px;height:1px;background:var(--accent)}h1{font-size:clamp(42px,4.8vw,70px);line-height:1.25;letter-spacing:1px;margin:30px 0 24px;font-weight:800}h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:15px;line-height:2.1;color:#c3d1c8;max-width:400px}.actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--accent);color:#15291e;border:1px solid var(--accent);padding:13px 25px;font-weight:600;font-size:13px;min-height:48px}.btn:hover{background:#daffc4;color:#15291e}.btn.secondary{background:#091a164d;color:var(--text);border-color:#bed4c54d}.btn.secondary:hover{background:#ffffff12}.hero-note{margin-top:22px;color:#a8bbae;font-size:11px;letter-spacing:1px}.hero-coordinate{position:absolute;bottom:112px;right:5%;font-size:10px;letter-spacing:2px;font-family:'Space Grotesk',sans-serif;text-align:right;color:#b2c8bc}.hero-coordinate b{display:block;color:var(--accent);font-size:14px}.hero-bottom{position:absolute;bottom:38px;left:8%;right:8%;border-top:1px solid #ffffff26;display:flex;justify-content:space-between;padding-top:22px;color:#abbcb0;font-size:11px;letter-spacing:2px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px}.container{max-width:1280px;margin:auto;padding:0 5%}.quicklinks{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin:0 0 92px}.quicklink{display:flex;align-items:center;gap:20px;padding:28px 22px;border-right:1px solid var(--line)}.quicklink:first-child{padding-left:0}.quicklink:last-child{border-right:0}.quicklink .icon{color:var(--accent);font-size:25px;font-weight:400}.quicklink strong{display:block;font-size:14px}.quicklink small{display:block;font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:.5px}.quicklink .arrow{margin-left:auto;color:var(--muted)}.section{margin:0 0 96px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head h2{font-size:32px;line-height:1.4;margin:10px 0 0;font-weight:600;letter-spacing:1px}.section-head p{color:var(--muted);margin:10px 0 0}.section-head>a{font-size:12px;color:var(--accent);white-space:nowrap}.label{font-family:'Space Grotesk',sans-serif;color:var(--green);letter-spacing:3px;font-size:10px}.feature-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px}.feature{min-height:330px;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;border:1px solid var(--line);background:#14342b}.feature:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051410 0%,#07191533 85%),url('assets/login-hero-shark.jpg') 28% 65%/auto 135%;transition:transform .8s}.feature:nth-child(2):before{background-position:82% 40%;filter:hue-rotate(15deg)}.feature:nth-child(3):before{background-position:100% 8%;filter:hue-rotate(35deg)}.feature:hover:before{transform:scale(1.05)}.feature>*{position:relative}.feature .number{position:absolute;top:25px;left:27px;font-family:'Space Grotesk';color:#d6e7db;font-size:12px}.feature .tag{position:absolute;right:20px;top:22px}.tag{padding:4px 9px;border:1px solid #acd0b940;color:#c7dacf;font-size:10px;background:#0b1f186e}.feature h3{font-size:24px;margin:12px 0 8px}.feature p{color:#b2c5ba;margin:0;font-size:12px;line-height:1.9}.feature .link-label{color:var(--accent);font-size:11px;margin-top:20px}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:60px}.news-row{display:grid;grid-template-columns:45px 1fr 18px;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);width:100%;color:var(--text);background:none;border-top:0;border-left:0;border-right:0;text-align:left}.news-row small{font-family:'Space Grotesk';color:var(--muted);font-size:10px}.news-row b{display:block;font-size:14px;font-weight:500}.news-row .category{color:var(--green);font-size:10px;margin-bottom:5px;display:block}.guide-card{padding:34px;background:linear-gradient(135deg,#1c352b,#10231e);border:1px solid #c4edaa22;position:relative}.guide-card h3{font-size:26px;margin:12px 0 24px}.step{display:flex;gap:20px;margin:20px 0}.step b{font-family:'Space Grotesk';color:var(--accent);font-size:12px;font-weight:400}.step strong{font-size:13px;font-weight:500;display:block}.step p{font-size:11px;color:var(--muted);margin:4px 0}.guide-card .btn{width:100%;margin-top:16px}.community-band{padding:44px 48px;border:1px solid #c4edaa2b;background:linear-gradient(110deg,#203b2d,#10211a);display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:85px}.community-band h2{font-size:30px;font-weight:500;margin:8px 0}.community-band p{margin:8px 0;color:var(--muted);font-size:12px}.community-band .circle{font-family:'Space Grotesk';font-size:80px;color:#7ca88d40;line-height:1}.inner{padding-top:150px;min-height:70vh}.inner h1{font-size:44px;margin:20px 0}.intro{color:var(--muted);max-width:650px;line-height:2}.tabs{display:flex;gap:9px;margin:30px 0;flex-wrap:wrap}.tab{padding:10px 20px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px}.tab.active{background:var(--accent);color:#102019;border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.panel{background:var(--panel);padding:28px;border:1px solid var(--line)}.panel h3{font-size:21px;margin:14px 0}.panel p{color:var(--muted);font-size:13px}.panel .symbol{font-size:28px;color:var(--accent)}.notice{border-left:2px solid var(--accent);padding:14px 20px;background:#a3c69e09;color:var(--muted);font-size:12px;margin:28px 0}.tools{display:flex;gap:14px;margin:25px 0;align-items:center}.tools input{flex:1}.field,input,select,textarea{background:#081612;color:var(--text);border:1px solid #bed4c531;padding:12px 14px;border-radius:0;max-width:100%}input::placeholder,textarea::placeholder{color:#7e9486}textarea{width:100%;min-height:130px;resize:vertical}label{display:block;margin-bottom:9px;font-size:12px;color:var(--muted)}.empty{text-align:center;padding:65px 25px;border:1px dashed #a3c69e30;grid-column:1/-1}.empty .symbol{font-size:34px;color:var(--green)}.empty h3{font-size:21px;font-weight:500}.empty p{color:var(--muted);font-size:13px}.empty .btn{margin-top:20px}.platform-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.platform-icon{font-family:'Space Grotesk';font-size:40px;color:var(--accent)}.platform-specs{display:flex;gap:40px;margin:25px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.platform-specs small{color:var(--muted);display:block;font-size:11px}.platform-specs b{font-size:14px;font-weight:500}.prose{max-width:800px}.prose h2{margin-top:35px;font-size:24px}.prose p,.prose li{color:var(--muted);line-height:2}.prose ul{padding-left:20px}.checklist{margin:25px 0}.check-item{padding:22px;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:start;background:var(--panel);cursor:pointer;color:var(--text);font-size:15px}.check-item input{accent-color:var(--accent);width:20px;height:20px;margin-top:4px}.check-item small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.progress{height:3px;background:#ffffff15;overflow:hidden;margin-top:14px}.progress span{height:100%;display:block;background:var(--accent);transition:width .3s}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-size:14px}details p{color:var(--muted);font-size:13px;line-height:2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid input,.form-grid select{width:100%}.full{grid-column:1/-1}.muted{color:var(--muted);font-size:12px}.badge{font-size:11px;color:var(--accent);letter-spacing:1px}.server-row{margin-bottom:16px}.server-row h3{margin-top:0}.server-row .actions{margin-top:15px}footer{border-top:1px solid var(--line);padding:42px 5% 22px;background:#07120f}.footer-top{max-width:1150px;margin:0 auto 35px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top>div{display:flex;gap:25px;font-size:12px;color:var(--muted)}.footer-bottom{max-width:1150px;margin:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#6e8476;font-size:10px}dialog{background:#14251f;color:var(--text);border:1px solid #c4edaa40;width:min(650px,90vw);padding:42px;max-height:80vh}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:25px;margin-top:20px}dialog p{white-space:pre-line;color:var(--muted);line-height:2}.close{position:absolute;top:10px;right:16px;background:none;border:0;color:var(--text);font-size:28px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--accent);color:#11251b;padding:12px 24px;z-index:20;display:none;max-width:90vw;text-align:center}.skip{position:fixed;top:-100px;z-index:50;background:var(--accent);color:#102019;padding:15px}.skip:focus{top:0}.concealed{display:none!important}
@media(min-width:1600px){.hero{padding-left:calc((100% - 1250px)/2)}.hero-content{max-width:700px}}@media(max-width:1050px){nav{gap:20px}.brand{font-size:24px}.hero{padding-left:6%;background-position:59% center}.feature-grid{grid-template-columns:1.2fr 1fr 1fr}.split{gap:30px}.quicklink{padding:22px 15px;gap:12px}.quicklink .icon{font-size:20px}.feature{padding:22px}.feature h3{font-size:21px}.feature p{font-size:11px}}@media(max-width:760px){header{height:76px;padding:0 6%}.brand{font-size:22px}.brand-mark{font-size:39px}.brand-sub{font-size:8px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0a1b16;padding:25px 6%;flex-direction:column;gap:24px;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a.active:after{display:none}.menu{display:block}.nav-download{margin-left:auto;margin-right:20px;padding:8px 10px;font-size:10px}.nav-download span{margin-left:7px}.hero{min-height:700px;height:90svh;padding:120px 7% 150px;align-items:center;background-position:61% center;background-image:linear-gradient(90deg,#061715de,#071a1866),linear-gradient(0deg,var(--bg),transparent 45%),url('assets/login-hero-shark.jpg')}.hero h1{font-size:44px}.hero p{font-size:13px;max-width:290px}.hero-coordinate{display:none}.hero-bottom{bottom:30px;left:7%;right:7%;font-size:9px;letter-spacing:1px}.hero-note{font-size:10px}.hero .btn{padding:12px 17px;gap:18px}.container{padding:0 6%}.quicklinks{grid-template-columns:1fr 1fr;margin-bottom:60px}.quicklink{border-bottom:1px solid var(--line);padding:22px 10px}.quicklink:first-child{padding-left:10px}.quicklink:nth-child(2){border-right:0}.quicklink small{font-size:9px}.section{margin-bottom:60px}.section-head{align-items:start}.section-head h2{font-size:25px}.section-head>a{font-size:10px;margin-top:26px}.feature-grid,.grid{grid-template-columns:1fr}.feature{min-height:300px}.feature h3{font-size:26px}.feature p{font-size:13px}.feature:before{background-size:cover}.feature:nth-child(2):before{background-size:130%}.feature:nth-child(3):before{background-size:130%}.split,.platform-layout{grid-template-columns:1fr;gap:35px}.community-band{padding:30px;display:block;margin-bottom:60px}.community-band h2{font-size:25px}.community-band .circle{display:none}.community-band .btn{margin-top:20px}.inner{padding-top:120px}.inner h1{font-size:34px}.tools{flex-wrap:wrap}.tools input{width:100%;flex-basis:100%}.form-grid{grid-template-columns:1fr}.footer-top{align-items:start;flex-direction:column}.footer-top>div{gap:18px;flex-wrap:wrap;font-size:11px}.footer-bottom{flex-direction:column;gap:6px}.panel{padding:24px}dialog{padding:30px}.section-head p{font-size:12px}.eyebrow{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important}}

/* Source: expedition.css */
/* SEA — Expedition art direction */
:root{--accent:#cef18a;--bg:#080f0f;--panel:#101c1b;--muted:#a3b1aa;--green:#91bda6}body{background:var(--bg)}header{height:86px;backdrop-filter:blur(12px);background:#09121145}.brand-sub{letter-spacing:2px}nav{gap:24px}.brand-mark{font-size:45px}nav a{font-size:12px}.nav-download{border-color:#d2ed9855}.hero{height:94svh;min-height:730px;max-height:1080px;background:#0a181a;isolation:isolate;overflow:hidden;padding-top:160px;padding-bottom:165px}.hero-scene{position:absolute;inset:-6%;z-index:-4;background:linear-gradient(90deg,#071111ab 0%,#07111135 56%,#07111100),linear-gradient(0deg,#080f0f 2%,transparent 40%),url('assets/login-hero-shark.jpg') 58% center/cover;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.03);animation:scene-arrive 2.6s cubic-bezier(.2,.7,.2,1) both;will-change:transform}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(0deg,var(--bg),transparent 15%)}.hero-content{max-width:850px;position:relative;z-index:2}.hero h1{font-size:clamp(44px,5.6vw,88px);letter-spacing:-3px;line-height:1.28;font-weight:900;max-width:900px;text-shadow:0 5px 50px #06131655}.hero h1 em{color:#e9efdb}.hero p{max-width:520px;font-size:14px;line-height:2.3;color:#bec8c2}.hero .eyebrow{font-size:10px;letter-spacing:4px}.hero-content>*{animation:content-arrive 1s cubic-bezier(.2,.8,.2,1) both}.hero-content h1{animation-delay:.1s}.hero-content p{animation-delay:.2s}.hero-content .actions{animation-delay:.3s}.hero-content .hero-note{animation-delay:.4s}.hero .btn{padding:15px 25px;min-width:160px}.btn{position:relative;overflow:hidden;border-radius:2px;transition:background .25s,box-shadow .25s,transform .25s}.btn:hover{box-shadow:0 0 30px #cef18a24}.btn:after{content:'';position:absolute;left:-80%;top:0;width:40%;height:100%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#fff4,transparent);transition:left .6s}.btn:hover:after{left:140%}.btn.secondary{background:#0d1b1766;backdrop-filter:blur(9px)}.hero-note{font-family:'Space Grotesk','Noto Sans SC',sans-serif;letter-spacing:2px;color:#a7b4a5;margin-top:25px}.hero-coordinate{bottom:123px;right:5%;font-size:9px;opacity:.65;z-index:2}.hero-coordinate b{font-size:11px;letter-spacing:3px;color:#e8eddb}.hero-bottom{bottom:38px;z-index:2;left:6%;right:6%;letter-spacing:1px;font-size:10px}.hero-bottom>span:last-child{animation:down-hint 2s ease-in-out infinite}.mist{position:absolute;pointer-events:none;width:125%;height:50%;z-index:-2;opacity:.23;background:radial-gradient(ellipse at 40% 60%,#b7ddd548,transparent 52%),radial-gradient(ellipse at 80% 50%,#d9d7b33b,transparent 48%);filter:blur(26px);mix-blend-mode:screen;animation:mist-drift 24s ease-in-out infinite alternate}.mist-one{bottom:2%;left:-20%}.mist-two{bottom:26%;left:10%;animation-delay:-12s;opacity:.17}#wild-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.scene-grid{position:absolute;right:7%;top:25%;width:220px;height:220px;border:1px solid #d5e5c70d;border-radius:50%;z-index:-1;box-shadow:0 0 0 42px #d5e5c705,0 0 0 85px #d5e5c703}.scene-grid:after{content:'';width:8px;height:8px;background:#c8eda6;box-shadow:0 0 20px #cef18a;position:absolute;top:50%;left:-4px;border-radius:50%;animation:beacon 3s ease-in-out infinite}.expedition-chip{position:absolute;bottom:180px;right:6%;display:flex;align-items:center;gap:24px;width:310px;padding:22px 25px;background:#08141380;backdrop-filter:blur(18px);border:1px solid #cfe5b52c;z-index:2;animation:content-arrive 1.3s .5s both}.expedition-chip small{display:block;font-size:8px;letter-spacing:2px;color:#9cb39a}.expedition-chip strong{display:block;font-size:13px;font-weight:500;margin:8px 0}.expedition-chip em{font-size:10px;font-style:normal;color:var(--accent)}.chip-orbit{font-size:40px;font-weight:300;color:var(--accent);animation:orbit 25s linear infinite}.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent);z-index:40;transform:scaleX(var(--read-progress,0));transform-origin:left;box-shadow:0 0 10px #d1ff93}#motion-toggle{position:fixed;bottom:20px;right:20px;z-index:15;background:#0a1817d9;border:1px solid #bdcead40;color:#c6d6c0;backdrop-filter:blur(12px);font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:1px;padding:9px 12px}.quicklinks{margin-bottom:110px;border-top:1px solid var(--line)}.quicklink{padding-top:32px;padding-bottom:32px}.quicklink:hover{background:#d2f5a005}.feature{border:0;min-height:375px}.feature:after{content:'';position:absolute;inset:0;border:1px solid #c8ddbc27;transition:border .5s}.feature:hover:after{border-color:#c8ddbc9c}.feature:nth-child(1){margin-top:0}.feature:nth-child(2){margin-top:34px}.feature:nth-child(3){margin-top:68px}.feature .tag{border:0;background:#08161488;backdrop-filter:blur(8px)}.section-head h2{font-size:34px;letter-spacing:-.5px}.feature h3{letter-spacing:-.5px}.fieldkit-section{margin:130px 0 120px;display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.fieldkit-copy h2{font-size:42px;line-height:1.5;letter-spacing:-1px;margin:20px 0}.fieldkit-copy p{font-size:13px;color:var(--muted);line-height:2.2;margin:20px 0 30px}.kit-caption{font-size:10px;color:#7c9382;margin-top:18px;letter-spacing:1px}.fieldkit-visual{height:420px;display:grid;place-items:center;position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#b6f3980b,transparent 65%);overflow:hidden}.orbit-ring{position:absolute;border:1px solid #c6ef9d19;border-radius:50%;width:340px;height:340px;transform:rotateX(30deg) rotateZ(-25deg);animation:orbit 45s linear infinite;z-index:-1}.orbit-ring:before{content:'';position:absolute;left:45px;top:45px;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px #c5f596}.ring-b{width:410px;height:410px;border-style:dashed;animation-direction:reverse;animation-duration:70s}.kit-core{width:285px;background:linear-gradient(140deg,#1d2d25e0,#0a1715ee);border:1px solid #c0e3b14d;padding:30px;box-shadow:0 25px 80px #0005;transform:rotate(-5deg);animation:kit-float 6s ease-in-out infinite}.kit-core>small{font-size:8px;letter-spacing:3px;color:#9ab18e}.kit-core>strong{display:block;font-family:'Space Grotesk';font-size:62px;font-weight:500;letter-spacing:-4px;line-height:1.4}.kit-core>strong span{font-size:20px;color:var(--accent);letter-spacing:1px}.kit-core svg{width:100%;height:80px;overflow:visible}.chart-grid{fill:none;stroke:#ffffff10;stroke-width:1}.chart-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:360;animation:draw-chart 4s ease-in-out infinite alternate;filter:drop-shadow(0 0 5px #c2f39a5c)}.kit-status{display:block;color:#b4c4ab;font-size:9px;margin-top:20px}.floating-label{position:absolute;font-size:9px;letter-spacing:2px;color:#a8c293;background:#0d1713;border:1px solid #c5ef9b26;padding:6px 12px;animation:kit-float 8s ease-in-out infinite}.floating-a{left:0;top:80px}.floating-b{right:0;top:130px;animation-delay:-2s}.floating-c{right:30px;bottom:50px;animation-delay:-4s}.community-band{background:linear-gradient(120deg,#22351c80,#0e201a);position:relative;overflow:hidden}.community-band:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 50%,#d3f18a14,transparent 65%);pointer-events:none;animation:mist-drift 10s ease-in-out infinite alternate}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}.inner{padding-top:145px}.tools-page{padding-bottom:70px}.tool-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.tool-heading h1{font-size:48px;letter-spacing:-1px;margin:15px 0}.title-dot{color:var(--accent)}.tool-emblem{font-family:'Space Grotesk';font-size:95px;font-weight:700;letter-spacing:-10px;color:transparent;-webkit-text-stroke:1px #a8c39542;transform:rotate(-10deg)}.tool-tabs{display:flex;border-bottom:1px solid #d4e8c12a;gap:35px}.tool-tabs button{background:none;color:var(--muted);border:0;padding:18px 0;position:relative;font-size:13px}.tool-tabs button.active{color:var(--accent)}.tool-tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);box-shadow:0 0 12px #b5e38d70}.xp-disclosure{display:flex;gap:16px;align-items:center;padding:18px 0;margin-bottom:20px;font-size:11px;color:#91a69a;line-height:1.8}.xp-disclosure>span{flex-shrink:0;padding:3px 8px;border:1px solid #c1d5b130;color:#b0c997;font-size:10px}.xp-disclosure p{margin:0}.xp-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:28px;align-items:start}.xp-left{display:grid;gap:20px;min-width:0}.xp-box{padding:26px;background:linear-gradient(125deg,#15211df0,#0f1917);border:1px solid #d6e1ba1f}.box-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:13px;color:#d9e3cf}.box-heading small{font-size:10px;color:#7d9386}.box-heading>span{letter-spacing:1px}.xp-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.xp-field{display:block;margin:0 0 16px}.xp-field span{display:block;font-size:11px;color:#99ab9d;margin-bottom:9px}.xp-field input,.xp-field select{width:100%;padding:12px 14px;font-family:'Space Grotesk','Noto Sans SC',sans-serif;font-size:14px;background:#091310;border-color:#c1d4b52a;outline-offset:2px}.xp-field input:focus,.xp-field select:focus{border-color:#bfdd94}.xp-field input:invalid{border-color:#d58d5c}.xp-fields .xp-field{margin-bottom:5px}.xp-help{font-size:10px;color:#809887;line-height:1.9;margin:16px 0 0}.xp-result{position:sticky;top:30px;padding:30px 27px;background:radial-gradient(ellipse at 50% 25%,#8ac8690c,transparent 70%),linear-gradient(155deg,#14231e,#0b1513);border:1px solid #c1e8a538;overflow:hidden}.xp-result>.label{font-size:9px;letter-spacing:2px}.xp-gauge{width:230px;height:230px;border-radius:50%;margin:35px auto;display:grid;place-items:center;background:conic-gradient(from 220deg,var(--accent) 0deg,var(--accent) var(--progress),#ccefa916 var(--progress),#ccefa916 360deg);padding:3px;box-shadow:0 0 80px #b2ef7907;transition:background .5s}.xp-gauge>div{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:radial-gradient(circle,#1a2a1f,#0b1612 70%);border:9px solid #0b1711;outline:1px solid #a3cb752b}.xp-gauge small{font-size:11px;color:var(--muted)}.xp-gauge strong{font-family:'Space Grotesk';font-size:31px;font-weight:500;letter-spacing:-1px;margin:9px 0;max-width:185px;overflow-wrap:anywhere;line-height:1.2}.xp-gauge span{font-size:10px;letter-spacing:4px;color:var(--accent)}.result-lines{display:grid;gap:15px;padding:0 0 23px;border-bottom:1px solid var(--line)}.result-lines>div{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.result-lines strong{color:#d6e5c6;font-family:'Space Grotesk';font-size:14px;font-weight:500;overflow-wrap:anywhere;max-width:60%}.xp-result>p{font-size:11px;color:#8da080;margin:22px 0;line-height:1.9}.result-actions{display:grid;gap:10px}.result-actions .btn{width:100%;font-size:12px}.utility-actions{display:flex;justify-content:space-between;margin:22px 0;font-size:11px}.utility-actions button{border:0;background:none;color:#97ae8b;padding:0}.file-label{position:relative;color:#b4cfa0;margin:0;cursor:pointer;font-size:11px}.file-label input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.file-label:focus-within{outline:2px solid var(--accent);outline-offset:3px}.xp-save-note{font-size:9px;display:block;text-align:center;color:#6a826e}.plan-empty{padding:22px 0 35px;text-align:center}.plan-empty>span{font-size:35px;font-weight:300;color:#93b579}.plan-empty p{font-size:13px;color:#b1c1a5}.plan-empty small{font-size:11px;color:#738b76}.source-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.source-actions .tab{font-size:10px;padding:9px 12px}.xp-source{padding:20px;background:#08120e77;border:1px solid #a5be901f;margin-bottom:16px}.source-heading{display:flex;justify-content:space-between;margin-bottom:15px;color:var(--accent);font-size:10px;letter-spacing:1px}.source-heading button{border:0;background:none;color:#a8ba9d;font-size:22px;padding:0;min-width:28px}.source-total{border-top:1px solid var(--line);padding-top:15px;margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:11px;color:#aabf9b}.source-total small{font-size:10px;color:#829477}.source-total b{color:var(--accent);font-family:'Space Grotesk';font-weight:500}.data-notes{margin-top:32px}.data-notes summary{font-size:12px;color:#a2b993}.data-notes p{font-size:11px;color:#7c937f;line-height:2}.data-notes a{color:#c0d6a7;text-decoration:underline;text-underline-offset:4px}#xp-message{font-size:12px;color:var(--accent);margin:18px 0;min-height:22px}.catalog-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:15px 0 30px}.catalog-top h2{font-size:26px;font-weight:500;margin:10px 0}.catalog-top p{color:var(--muted);font-size:12px}.catalog-top .btn{font-size:11px;white-space:nowrap}.xp-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-card{padding:26px;border:1px solid #bed2a72b;background:linear-gradient(145deg,#1a281d88,#0e1a15);position:relative;overflow:hidden;transition:border-color .3s,transform .3s}.catalog-card:hover{transform:translateY(-4px);border-color:#bfdba77a}.catalog-symbol{position:absolute;top:8px;right:20px;font-size:65px;color:#a7ce8112;transform:rotate(-10deg)}.catalog-card>.label{font-size:9px;letter-spacing:2px}.catalog-card h3{font-size:20px;margin:16px 0 5px;font-weight:500;position:relative}.catalog-card>small{font-family:'Space Grotesk';color:#7e967c;font-size:10px}.catalog-xp{display:flex;align-items:baseline;gap:10px;margin:30px 0 22px}.catalog-xp b{font-family:'Space Grotesk';font-size:31px;font-weight:400;color:#ccdfb9}.catalog-xp span{font-size:10px;color:#94a786}.catalog-card .btn{width:100%;font-size:11px;padding:10px;min-height:42px}.catalog-count{font-size:11px;color:#98ad8a;white-space:nowrap}.level-chart{height:150px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #c4e29833;margin-bottom:35px;padding-bottom:22px;position:relative}.level-chart i{flex:1;background:linear-gradient(0deg,#8dc16b16,#b7df8b);max-height:110px;transform-origin:bottom;animation:bar-in .9s both}.level-chart>span{position:absolute;bottom:-23px;right:0;font-size:9px;color:#799371}.table-scroll{max-height:600px;overflow:auto;border:1px solid var(--line)}.level-table{width:100%;border-collapse:collapse;min-width:460px;text-align:left;font-family:'Space Grotesk','Noto Sans SC',sans-serif;font-size:12px}.level-table th{padding:15px 20px;font-weight:400;font-size:11px;color:#a6b99a;background:#16221a;position:sticky;top:0;z-index:1}.level-table td{padding:13px 20px;border-bottom:1px solid #c2db9d12;color:#bfd1b0}.level-table td span{font-size:10px;color:#667f5d}.level-table tr:hover{background:#b8e78d07}.level-table button{background:none;border:0;color:#b1d48d;font-size:10px;white-space:nowrap}.tool-tabs button,.level-table button{min-height:44px}.xp-result:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#c7ee9e,transparent)}
@keyframes scene-arrive{from{filter:brightness(.5);scale:1.08}to{filter:brightness(1);scale:1}}@keyframes content-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes mist-drift{from{transform:translateX(-5%) scale(1)}to{transform:translateX(12%) scale(1.1)}}@keyframes beacon{50%{opacity:.2;box-shadow:0 0 30px #c7ee99}}@keyframes down-hint{50%{transform:translateY(5px)}}@keyframes orbit{to{rotate:360deg}}@keyframes kit-float{50%{translate:0 -12px}}@keyframes draw-chart{from{stroke-dashoffset:360}to{stroke-dashoffset:0}}@keyframes bar-in{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(min-width:1650px){.hero h1{font-size:88px}}@media(max-width:1100px){nav{gap:17px}.expedition-chip{right:5%;width:280px;bottom:150px}.hero h1{font-size:62px}.xp-workspace{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:20px}.xp-box{padding:22px}.fieldkit-section{gap:30px}.xp-gauge{width:210px;height:210px}.tool-tabs{gap:30px}.kit-core{width:260px}}@media(max-width:850px){.hero h1{font-size:56px}.expedition-chip{display:none}.xp-workspace{grid-template-columns:1fr}.xp-result{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.xp-result>.label{grid-column:1/-1}.xp-gauge{grid-column:1;grid-row:2/5;margin:25px auto}.result-lines{grid-column:2;margin-top:30px}.xp-result>p{grid-column:2}.result-actions{grid-column:2}.utility-actions,.xp-save-note{grid-column:1/-1}.fieldkit-section{gap:15px}.fieldkit-copy h2{font-size:34px}.xp-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.fieldkit-visual{height:370px}.quicklink{gap:11px}.hero .eyebrow{letter-spacing:3px}}@media(max-width:760px){header{height:76px;background:#08121070}.hero{height:91svh;min-height:690px;padding:125px 7% 160px}.hero-scene{background-position:62% center;background-image:linear-gradient(90deg,#061311b8,#06131130),linear-gradient(0deg,#080f0f 3%,transparent 65%),url('assets/login-hero-shark.jpg');inset:-4%}.hero h1{font-size:clamp(34px,7.8vw,56px);letter-spacing:-1.5px;line-height:1.4;white-space:nowrap}.hero p{font-size:12px;max-width:310px}.hero .eyebrow{font-size:8px;letter-spacing:2px}.hero .btn{padding:13px 16px;min-width:135px;font-size:11px;gap:18px}.hero-note{font-size:9px;letter-spacing:.5px}.hero .actions{gap:10px}.hero-bottom{font-size:8px;letter-spacing:0;bottom:28px}.hero-coordinate{display:none}.scene-grid{width:150px;height:150px;right:-10%;top:23%}.quicklinks{margin-bottom:60px}.quicklink{padding:25px 12px}.quicklink strong{font-size:12px}.quicklink small{font-size:9px}.section-head h2{font-size:25px}.feature{min-height:310px}.feature:nth-child(n){margin-top:0}.feature-grid{gap:20px}.fieldkit-section{grid-template-columns:1fr;margin:80px 0;gap:20px}.fieldkit-copy h2{font-size:36px}.fieldkit-copy p{font-size:12px}.fieldkit-visual{height:370px}.kit-core{width:270px}.ring-a{width:290px;height:290px}.ring-b{width:340px;height:340px}.floating-a{top:60px;left:3px}.floating-b{top:120px;right:3px}.floating-c{bottom:35px;right:15px}.inner{padding-top:118px}.tool-heading h1{font-size:34px}.tool-emblem{font-size:68px;letter-spacing:-7px}.tool-heading .label{font-size:8px;letter-spacing:2px}.tool-heading .intro{font-size:12px;max-width:240px}.tool-tabs{gap:0;justify-content:space-between}.tool-tabs button{font-size:11px;padding:14px 5px}.xp-disclosure{align-items:start;gap:10px;font-size:10px}.xp-disclosure>span{font-size:9px}.xp-box{padding:20px}.box-heading{font-size:12px}.box-heading small{font-size:9px}.xp-field input,.xp-field select{font-size:16px;padding:11px 10px}.xp-field span{font-size:10px}.xp-fields{gap:12px}.xp-result{display:block;padding:25px}.xp-gauge{width:225px;height:225px;margin:28px auto}.result-lines{margin-top:0}.xp-source{padding:15px}.source-total{display:block}.source-total small{display:block;margin-top:6px}.catalog-top{display:block}.catalog-top h2{font-size:24px}.catalog-top .btn{margin-top:12px}.catalog-top p{font-size:11px}.xp-catalog{gap:12px}.catalog-card{padding:18px 14px}.catalog-card h3{font-size:16px}.catalog-card>small{font-size:9px}.catalog-xp{display:block;margin:22px 0 17px}.catalog-xp b{display:block;font-size:28px}.catalog-xp span{font-size:9px}.catalog-card .btn{font-size:10px;min-height:44px}.catalog-card>.label{font-size:8px;letter-spacing:1px}.level-table th,.level-table td{padding:13px 15px}.tool-heading{margin-bottom:20px}.tools-page{padding-bottom:45px}.level-chart{gap:3px}#motion-toggle{right:12px;bottom:12px;font-size:9px;padding:8px 9px}.footer-bottom{padding-right:65px}.feature h3{font-size:25px}.reading-progress{height:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}.hero-scene{transform:none!important}#wild-particles{display:none}.chart-line{stroke-dashoffset:0}}body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.motion-off .reveal-ready{opacity:1;transform:none}body.motion-off .hero-scene{transform:none!important}body.motion-off #wild-particles{display:none}

/* Source: sea-glass.css */
:root{--accent:#a9f5de;--bg:#08151a;--panel:#143037;--green:#84d9ca;--muted:#a6c1c3;--glass:linear-gradient(135deg,#b5eced14,#b3d9dc07);--glass-line:#c9ffff24}body{background:radial-gradient(ellipse at 0 20%,#19534c35,transparent 42%),radial-gradient(ellipse at 100% 60%,#284b692e,transparent 45%),#08151a;background-attachment:fixed}header{position:absolute;left:3%;top:20px;width:94%;height:78px;border:1px solid #d3ffff2e;border-radius:24px;background:linear-gradient(115deg,#bde9e913,#a7cfdb08);backdrop-filter:blur(28px) saturate(1.3);box-shadow:0 10px 45px #020e1426,inset 0 1px 0 #ffffff16;padding:0 2.4%}.sea-shark{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 12px #8de6dd25)}.brand{gap:8px;font-size:28px;letter-spacing:2px}.brand-sub{font-size:9px;letter-spacing:2px;color:#b7dadd}.nav-download{border-radius:15px;border-color:#b6f1e534;background:#d5ffff09;padding:11px 17px}nav a.active{color:#aff5e0}nav a.active:after{height:4px;width:4px;border-radius:50%;bottom:-12px;left:calc(50% - 2px);box-shadow:0 0 8px #9affe0}.hero{min-height:780px;height:94svh;max-height:1080px;padding:155px 7% 160px}.hero-scene{background-image:linear-gradient(90deg,#061b2199,#061c2244 45%,transparent 80%),linear-gradient(0deg,#08151a 1%,transparent 40%),url('assets/login-hero-shark.jpg');filter:saturate(.8)}.hero:after{background:linear-gradient(0deg,#08151a,transparent 15%)}.hero h1{font-size:clamp(42px,5vw,76px);line-height:1.35;letter-spacing:-2px}.hero h1 em{font-weight:800;color:#effffc}.sea-word{font-family:'Space Grotesk';font-weight:600;letter-spacing:-3px;background:linear-gradient(120deg,#effff4,#a9f8d9 45%,#85dcf5);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.hero .eyebrow{font-family:'Noto Sans SC';letter-spacing:1px;font-size:11px;color:#c5dfdb;display:flex;flex-wrap:wrap;gap:12px}.eyebrow:before{display:none}.sea-pill{display:inline-flex;background:#c1ffed12;border:1px solid #c4ffec39;backdrop-filter:blur(16px);border-radius:30px;padding:6px 12px;color:#d0ffe7;font-size:10px;letter-spacing:1px}.sea-pill:before{content:'';width:5px;height:5px;background:#9effcd;box-shadow:0 0 9px #9effcd;border-radius:50%;margin:6px 8px 0 0;animation:beacon 2.8s infinite}.hero p{font-size:14px;color:#d0e2dc;max-width:495px;line-height:2.1}.hero-note{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:25px}.platform-pill{font-family:'Space Grotesk';font-size:10px;letter-spacing:0;background:#caebeb12;border:1px solid #e5fffa26;backdrop-filter:blur(12px);padding:5px 11px;border-radius:9px;color:#e0eeee}.platform-caption{font-size:9px;letter-spacing:0;color:#98b3b4;margin-left:5px}.hero .btn,.btn{border-radius:16px;background:linear-gradient(115deg,#c3ffe5,#8fe5df);border-color:#d0fff294;box-shadow:0 5px 25px #63e8d314;color:#102b31}.btn:hover{background:linear-gradient(115deg,#defff0,#a5fbec);box-shadow:0 8px 30px #90ffe430}.btn.secondary{color:#e4f6f4;border:1px solid #c9fff533;background:linear-gradient(120deg,#d2ffef15,#95cee809);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff12}.hero .actions{margin-top:30px}.hero-content{max-width:760px}.sea-loadout{position:absolute;right:5.5%;top:31%;width:330px;padding:20px;border-radius:28px;border:1px solid #cefff63d;backdrop-filter:blur(30px) saturate(1.35);background:linear-gradient(140deg,#b8e8e729,#7fbed112);box-shadow:0 30px 70px #00141c50,inset 0 1px 0 #f6ffff45;animation:sea-card-float 8s ease-in-out infinite;z-index:2;transform:rotate(2deg)}.loadout-top{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #dcffff24}.loadout-top img{width:39px;height:39px}.loadout-top strong{font-size:13px;font-weight:500;display:block}.loadout-top small{font-size:10px;color:#b9d4cf;display:block;margin-top:3px}.loadout-dot{width:7px;height:7px;border-radius:50%;background:#a6f2c2;margin-left:auto;box-shadow:0 0 14px #a6f2c288}.loadout-main{display:flex;align-items:center;gap:14px;padding:22px 0}.loadout-main small{font-size:9px;color:#b1d3cc;letter-spacing:1px}.loadout-main h3{font-size:26px;margin:5px 0;letter-spacing:1px}.loadout-main p{font-family:'Space Grotesk','Noto Sans SC';font-size:9px;margin:0;color:#b9d2cf}.loadout-symbol{font-size:40px;color:#c8faeb;background:linear-gradient(140deg,#e9fff612,#a2f3e905);border:1px solid #d4ffef24;border-radius:18px;width:62px;height:72px;display:grid;place-items:center}.loadout-main>b{font-size:15px;color:#c2f9e7;margin-left:auto}.loadout-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.loadout-mini a{border:1px solid #d8fff122;border-radius:16px;padding:13px;background:#e7ffff0a;font-size:12px;color:#e0f9ee;transition:background .25s,transform .3s}.loadout-mini a:hover{background:#d2ffff20;transform:translateY(-4px)}.loadout-mini span{font-size:21px;display:block;margin-bottom:7px;color:#b6f5e6}.loadout-mini small{display:block;font-size:9px;color:#b6d0cb;margin-top:4px}.loadout-foot{display:flex;justify-content:space-between;margin-top:20px;font-size:9px;color:#b2ceca}.loadout-foot a{color:#c6ffea}.hero-coordinate{bottom:120px;font-size:8px;opacity:.6}.hero-coordinate b{font-size:9px}.hero-bottom{left:7%;right:7%;border-color:#eaffff23}.quicklinks{margin-top:-15px;position:relative;z-index:2;border:1px solid var(--glass-line);border-radius:23px;background:linear-gradient(120deg,#d4ffff10,#98cad908);backdrop-filter:blur(24px);box-shadow:0 20px 60px #0010172b;overflow:hidden;margin-bottom:85px}.quicklink{padding:28px 24px;border-color:#defaf619}.quicklink:first-child{padding-left:24px}.quicklink:hover{background:#d1fff514}.quicklink .icon{width:39px;height:43px;display:grid;place-items:center;border:1px solid #bdfff528;border-radius:13px;background:#baffec0b;font-size:22px;flex-shrink:0}.quicklink strong{font-size:13px}.quicklink small{color:#91afb2}.section-head .label,.label{color:#83bdbb;letter-spacing:2px}.section-head h2{font-size:33px}.sea-bento{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.sea-project{border:1px solid #c7faff2b;border-radius:28px;position:relative;overflow:hidden;padding:28px;background:var(--glass);backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff10,0 15px 50px #00131e20;transition:transform .5s,border-color .5s,box-shadow .5s}.sea-project:hover{transform:translateY(-5px);border-color:#b4f9e85e;box-shadow:0 18px 50px #00131e40,inset 0 1px 0 #ffffff25}.project-status{display:inline-flex;font-size:10px;background:#dbffff12;color:#c7e3df;border:1px solid #d9ffff25;padding:5px 12px;border-radius:30px;backdrop-filter:blur(16px)}.dragon-project{min-height:425px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(0deg,#092330ec,#122c3850 70%),url('assets/login-hero-shark.jpg') 77% center/auto 130%}.project-content{position:relative;z-index:2;margin-top:70px}.sea-project small{font-family:'Space Grotesk';font-size:9px;letter-spacing:2px;color:#a7d3ce}.sea-project h3{font-size:30px;margin:12px 0;color:#f0fffc;font-weight:600;letter-spacing:-.5px}.sea-project p{font-size:12px;color:#accbcc;line-height:1.9}.project-link{font-size:11px;color:#b9f9df;display:flex;justify-content:space-between;margin-top:24px;align-items:center}.project-link b{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#d5ffff12;border:1px solid #d9ffff24;font-weight:400}.dragon-watermark{font-family:'Space Grotesk';font-size:120px;color:#d9fff009;position:absolute;right:10px;bottom:-25px;font-weight:700;letter-spacing:-8px}.utility-project h3{font-size:28px;line-height:1.5;margin:18px 0 22px}.utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.utility-grid a{border:1px solid #c4ffff1c;border-radius:17px;background:linear-gradient(115deg,#d1ffff0b,#99d0e805);padding:16px 12px;display:flex;align-items:center;gap:11px}.utility-grid i{font-style:normal;color:#acece0;font-size:25px}.utility-grid span{font-size:12px;color:#deeee8}.utility-grid small{display:block;font-family:'Noto Sans SC';font-size:9px;letter-spacing:0;color:#86afaf;margin-top:4px}.utility-grid b{margin-left:auto;color:#80b6b3;font-size:10px}.utility-grid a:hover{background:#c9ffee14}.maps-project,.mobile-project{min-height:235px;display:flex;flex-direction:column}.maps-project{background:radial-gradient(ellipse at 80% 0%,#86c3ff20,transparent 70%),var(--glass)}.mobile-project{background:radial-gradient(ellipse at 80% 0%,#8cffdb18,transparent 70%),var(--glass)}.maps-project .project-status,.mobile-project .project-status{align-self:start;margin-bottom:20px}.maps-project h3,.mobile-project h3{font-size:25px}.project-note{font-size:10px;color:#779fa2;margin-top:18px}.fieldkit-section{margin:100px 0}.kit-core{border-radius:26px;border-color:#c8fff838;background:linear-gradient(140deg,#c2ffff22,#4f94b114);backdrop-filter:blur(25px);box-shadow:0 35px 60px #00121f70,inset 0 1px 0 #ffffff30}.kit-core>strong{color:#e4fff4}.kit-core>strong span{color:#a8e9ec}.floating-label{border-radius:30px;border-color:#b7ffed33;background:#b3ffed0e;backdrop-filter:blur(20px);color:#afdbd7}.orbit-ring{border-color:#c6f5e623}.fieldkit-visual{background:radial-gradient(ellipse,#5dd7e614,transparent 67%)}.guide-card,.community-band,.panel,.xp-box,.xp-result,.catalog-card{border-radius:25px;background:var(--glass);border-color:var(--glass-line);backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff10,0 10px 50px #00131e16}.community-band{border-radius:30px;background:linear-gradient(115deg,#7ce8c81a,#5c9fc313);padding:44px}.news-row{padding-left:15px;padding-right:15px;border-radius:16px;margin:5px 0;border-bottom-color:#ceffff14}.news-row:hover{background:#c1ffff0a}.panel .symbol{color:#acdddb}.empty{border-radius:25px;background:#c5fff804;border-color:#bef5eb27}.tabs .tab,.tab{border-radius:12px;color:#b1cecb;border-color:#c3fff425;background:#d5ffff07}.tab.active{color:#173333;background:#a9f5de}.tag{border-radius:30px}.check-item{border-radius:16px;margin-bottom:9px;border:1px solid #c7fff224;background:var(--glass);backdrop-filter:blur(18px)}input,select,textarea{border-radius:12px;background:#071d2355;border-color:#cefffb24}.xp-field input,.xp-field select{border-radius:12px;background:#06161b55;border-color:#c0f1ee2c;color:#e3f7ef}.xp-source{border-radius:18px;background:#c3ffff05;border-color:#c1ffee1a}.xp-result:before{left:10%;width:80%;background:linear-gradient(90deg,transparent,#b3ffe67a,transparent)}.xp-gauge{box-shadow:0 0 80px #8ce8eb0b;background:conic-gradient(from 220deg,#a9f5de 0deg,#83cce9 var(--progress),#a4e7e913 var(--progress),#a4e7e913 360deg)}.xp-gauge>div{background:radial-gradient(circle,#173b3a,#0e272b 75%);border-color:#0c2428;outline-color:#b5ffe51c}.xp-gauge strong{color:#e0fff0}.xp-gauge span,.source-total b{color:#b3eedf}.result-lines strong{color:#c9e9e2}.result-lines span,.xp-help,.xp-result>p{color:#91b5b7}.box-heading{color:#d7eee7}.box-heading small,.xp-field span{color:#97b9ba}.plan-empty p{color:#aacac6}.plan-empty small{color:#7eaaad}.file-label,.utility-actions button{color:#b0dacf}.xp-save-note{color:#729da2}.tool-tabs{background:#c8ffff08;backdrop-filter:blur(15px);border:1px solid #c8ffff20;padding:6px;border-radius:18px;gap:4px;display:grid;grid-template-columns:repeat(4,1fr);max-width:620px}.tool-tabs button{border-radius:12px;padding:12px;color:#9ebfbd;font-size:12px}.tool-tabs button.active{background:#c8ffff15;color:#c9ffed;box-shadow:inset 0 1px 0 #ffffff1c}.tool-tabs button.active:after{display:none}.xp-disclosure>span{border-radius:9px;border-color:#bde5e02b;color:#a8d4ce}.xp-disclosure{color:#8eb2b5}.title-dot{color:#a3ebdd}.tool-emblem{-webkit-text-stroke-color:#a6dbda3a}.catalog-card:hover{border-color:#b2eade66}.catalog-xp b{color:#bee9de}.catalog-xp span,.catalog-card>small{color:#82afb1}.catalog-symbol{color:#9bdde614}.table-scroll{border-radius:20px;border-color:#b4ede723}.level-table th{background:#153238;color:#afd2ce}.level-table td{border-bottom-color:#bce8ee15;color:#bcddd7}.level-table td span{color:#7b9fa0}.level-table button{color:#a7e6d6}.data-notes summary{color:#9dc8c2}.data-notes p{color:#89aaae}.data-notes a{color:#b6ebdf}.notice{border-radius:0 15px 15px 0;background:#bbfff607;border-left-color:#87d9cb;color:#98bcb9}.tools input{border-radius:14px}dialog{border-radius:26px;background:linear-gradient(140deg,#234549e8,#102a32ed);backdrop-filter:blur(35px);border-color:#c6fff338;box-shadow:0 40px 100px #001b2859}dialog::backdrop{backdrop-filter:blur(12px);background:#00111b80}#toast{border-radius:15px;background:#b4f5df;color:#123631;box-shadow:0 8px 40px #00152055}#motion-toggle{border-radius:30px;background:#badde516;border-color:#e3ffff2e;color:#c2e6df;backdrop-filter:blur(24px);padding:10px 15px}.footer-top .sea-shark{width:48px}footer{background:#04121b66;border-top-color:#bcf5ed17;backdrop-filter:blur(20px)}.inner{padding-top:157px}.xp-message{color:#bbf5df}
@keyframes sea-card-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -14px;rotate:-1deg}}@media(min-width:1600px){.hero-content{max-width:850px}.sea-loadout{width:360px;right:8%}}@media(max-width:1150px){header{padding:0 2%;width:96%;left:2%;border-radius:22px}nav{gap:14px}nav a{font-size:11px}.brand{font-size:24px}.sea-shark{width:43px}.sea-loadout{width:290px;right:4%;padding:17px;top:33%}.hero h1{font-size:58px}.hero{padding-left:6%}.hero-content{max-width:660px}.hero p{max-width:430px;font-size:13px}.utility-grid{gap:8px}.utility-grid a{padding:14px 9px;gap:8px}.utility-grid i{font-size:21px}.quicklink{padding:25px 15px;gap:12px}}@media(max-width:960px) and (min-width:761px){.hero h1{font-size:50px}.sea-loadout{width:260px;top:35%}.hero p{max-width:360px;font-size:12px}.brand-sub{font-size:8px}.nav-download{font-size:10px;padding:10px}.nav-download span{margin-left:9px}.loadout-main h3{font-size:23px}.loadout-symbol{width:48px;font-size:34px}.loadout-main{gap:10px}.quicklink small{font-size:9px}.quicklink .icon{display:none}.utility-grid{grid-template-columns:1fr}.utility-project h3{font-size:24px}.dragon-project{min-height:480px}.sea-project{padding:24px}}@media(max-width:760px){header{left:4%;top:12px;width:92%;height:66px;border-radius:21px;padding:0 14px;backdrop-filter:blur(24px)}.sea-shark{width:37px;height:42px}.brand{font-size:23px;gap:3px}.brand-sub{font-size:7px;letter-spacing:1px;margin-top:5px}.nav-download{padding:8px 10px;border-radius:12px;font-size:9px;margin-right:11px}.nav-download span{margin-left:5px}.menu{font-size:23px}nav{top:77px;left:0;right:0;border:1px solid #d1fff330;border-radius:20px;background:#102932f2;backdrop-filter:blur(25px);padding:25px;box-shadow:0 20px 50px #00172166}nav a{font-size:13px}.hero{height:auto;min-height:0;padding:137px 7% 100px;max-height:none;display:block}.hero-content{position:relative}.hero h1{font-size:clamp(35px,8.5vw,58px);letter-spacing:-1.5px;white-space:normal;line-height:1.4;margin:24px 0 20px}.sea-word{letter-spacing:-2px}.hero .eyebrow{font-size:9px;letter-spacing:0;gap:10px}.sea-pill{font-size:9px;padding:5px 10px}.hero p{font-size:12px;max-width:100%;line-height:2}.hero .btn{font-size:11px;padding:12px 16px;min-width:140px;border-radius:14px;gap:12px}.hero .actions{gap:9px;margin-top:27px}.platform-caption{display:block;flex-basis:100%;margin:4px 0 0}.platform-pill{font-size:9px}.hero-note{margin-top:20px}.sea-loadout{position:relative;top:auto;right:auto;transform:none;width:100%;max-width:400px;margin:42px auto 5px;border-radius:25px;padding:19px;animation-duration:9s;background:linear-gradient(130deg,#b5e9ec26,#81bcd11c)}.loadout-top{padding-bottom:14px}.loadout-main{padding:17px 0}.loadout-main h3{font-size:24px}.loadout-main p{font-size:9px;line-height:1.6}.loadout-symbol{height:60px;width:55px;border-radius:16px;font-size:35px}.loadout-top strong{font-size:12px}.loadout-top small{font-size:9px}.loadout-mini a{padding:12px;font-size:11px}.loadout-mini span{display:inline-block;margin:0 10px 0 0;font-size:18px;vertical-align:middle}.loadout-mini small{margin-left:30px;font-size:9px}.loadout-foot{font-size:9px}.hero-bottom{bottom:25px;left:7%;right:7%;font-size:8px}.hero-scene{background-position:65% top;background-size:auto 100%;inset:-2%;background-image:linear-gradient(90deg,#061c2290,#061c2233),linear-gradient(0deg,#08151a 1%,#08151a22 35%,transparent 80%),url('assets/login-hero-shark.jpg')}.scene-grid{top:16%;right:-15%}.quicklinks{margin-top:0;border-radius:22px;margin-bottom:65px}.quicklink,.quicklink:first-child{padding:21px 15px;gap:10px}.quicklink .icon{width:31px;height:35px;font-size:18px;border-radius:11px}.quicklink strong{font-size:11px}.quicklink small{font-size:8px}.quicklink .arrow{display:none}.quicklink:nth-child(3),.quicklink:nth-child(4){border-bottom:0}.section-head h2{font-size:25px;max-width:235px}.section-head .label{font-size:8px;letter-spacing:1px}.section-head>a{font-size:9px}.sea-bento{grid-template-columns:1fr;gap:17px}.sea-project{border-radius:24px;padding:24px}.dragon-project{min-height:370px;background-position:80% center}.project-content{margin-top:80px}.sea-project h3{font-size:30px}.sea-project p{font-size:12px}.utility-project h3{font-size:27px;margin:20px 0}.utility-grid{gap:10px}.utility-grid a{border-radius:15px;padding:15px 12px}.utility-grid span{font-size:11px}.utility-grid i{font-size:22px}.maps-project,.mobile-project{min-height:235px}.maps-project h3,.mobile-project h3{font-size:24px}.project-note{font-size:9px;line-height:1.9}.fieldkit-section{margin:75px 0}.fieldkit-copy h2{font-size:34px}.guide-card,.community-band,.panel,.xp-box,.xp-result,.catalog-card{border-radius:22px;backdrop-filter:blur(16px)}.community-band{padding:28px}.community-band h2{font-size:24px}.inner{padding-top:120px}.tool-heading h1{font-size:31px}.tool-emblem{font-size:60px}.tool-tabs{border-radius:16px;padding:5px;gap:2px}.tool-tabs button{padding:12px 4px;font-size:10px}.tool-tabs button.active{border-radius:11px}.xp-box{padding:20px}.xp-field input,.xp-field select{font-size:16px;border-radius:12px}.xp-result{padding:25px}.xp-gauge{width:220px;height:220px}.catalog-card{padding:18px 14px}.catalog-card h3{font-size:16px}.check-item{border-radius:17px}.tabs .tab{padding:10px 15px}.footer-top>div{gap:16px}.footer-bottom{font-size:9px}.reading-progress{background:#9ae5d8}#motion-toggle{font-size:8px;padding:8px 11px}.fieldkit-visual{overflow:visible}.floating-a{left:-2px}.floating-b{right:-2px}}@media(prefers-reduced-motion:reduce){.sea-loadout{animation:none}.hero-scene{transform:none}}

/* Source: sea-ocean.css */
/* SEA identity: original client shark emblem and existing project ocean artwork. */
@media(max-width:700px){.fieldkit-visual{overflow:hidden;border-radius:26px}}
:root{--accent:#acd9ff;--bg:#050f20;--muted:#a0b5ca;--glass:linear-gradient(135deg,#bbd4ff14,#9b9bff06);--glass-line:#c6dcff26}
body{background:radial-gradient(ellipse at 95% 35%,#333c732b,transparent 45%),#050f20;color:#eef4ff}header{background:linear-gradient(120deg,#aacaff16,#a9a9ff09);border-color:#d0e3ff30;backdrop-filter:blur(28px);border-radius:26px;z-index:20}.brand-sub{color:#adc7e3}.brand .sea-shark{filter:none;width:48px;height:48px}.hero{height:94svh;min-height:790px;max-height:1100px;isolation:isolate;padding:175px 7% 150px;background:#040d1c;overflow:hidden}.hero-scene{inset:-4%;background-image:linear-gradient(90deg,#030b19fa 0%,#040e1ec4 27%,#06102430 59%,#050b1808 100%),linear-gradient(0deg,#050f20,transparent 35%),url('assets/login-hero-shark.jpg');background-position:center,center,70% center;background-size:cover;filter:none;animation:ocean-drift 20s ease-in-out infinite alternate;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);opacity:1}.hero:after{background:linear-gradient(0deg,#050f20,transparent 20%);pointer-events:none}.hero-content{position:relative;z-index:4;max-width:600px}.hero .eyebrow{display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:2px;color:#eff7ff;margin-bottom:30px}.eyebrow img{width:55px;height:55px;object-fit:contain}.eyebrow small{display:block;font-size:8px;letter-spacing:2.8px;color:#90aecf;margin-top:7px}.hero h1{font-size:clamp(60px,6.5vw,94px);font-weight:850;line-height:1.16;letter-spacing:-3px;margin:0 0 25px;text-shadow:0 4px 40px #0006}.hero h1 span{color:#b8d9ff}.hero p{font-size:15px;line-height:2;color:#a9bed5;max-width:430px}.hero .actions{margin-top:30px}.btn{background:linear-gradient(115deg,#d2e9ff,#a9bdf4);color:#10233d;border-color:#d9eaff80;box-shadow:0 8px 30px #82a4ff20}.btn:hover{background:#e0efff;box-shadow:0 8px 35px #9aaeff40}.btn.secondary{background:linear-gradient(135deg,#c1d8ff19,#a49bff09);border-color:#baccff35;color:#dae7ff}.hero .hero-note{margin-top:22px}.platform-pill{color:#b7cbe3;background:#c3d8ff09;border-color:#c3d8ff26}.ocean-wordmark{position:absolute;right:5%;top:13%;font-family:Arial,sans-serif;font-weight:900;font-style:italic;font-size:clamp(130px,24vw,370px);letter-spacing:-.07em;color:#b5d9ff0b;z-index:1;pointer-events:none}.ocean-rays{position:absolute;inset:-20% -20% -30%;background:repeating-conic-gradient(from 156deg at 57% -5%,transparent 0deg 7deg,#b8deff0e 8deg 11deg,transparent 12deg 19deg);filter:blur(9px);mix-blend-mode:screen;animation:ray-sway 13s ease-in-out infinite alternate;z-index:1;pointer-events:none;transform-origin:57% 0}.ocean-caustics{position:absolute;width:65vw;height:65vw;right:-4vw;top:-20vw;border:1px solid #aad3ff13;border-radius:47%;box-shadow:0 0 0 60px #c0ddff04,0 0 0 120px #b0caff03,inset 0 0 90px #8cc6ff09;animation:water-ring 35s linear infinite;pointer-events:none}.ocean-pass{position:absolute;z-index:5;right:7%;bottom:130px;width:370px;padding:22px;border-radius:25px;background:linear-gradient(120deg,#d9e9ff20,#7d8fcb0f);border:1px solid #d0e1ff40;box-shadow:inset 0 1px 0 #fff2,0 22px 50px #0005;backdrop-filter:blur(25px);display:flex;align-items:center;gap:16px;animation:sea-card-float 8s ease-in-out infinite}.ocean-pass img{width:54px;height:54px;object-fit:contain}.ocean-pass small{font-size:8px;letter-spacing:2px;color:#a5bfe2;display:block;margin-bottom:8px}.ocean-pass strong{font-size:13px;font-weight:500;display:block}.ocean-pass em{font-size:10px;color:#a5b9d3;font-style:normal;display:block;margin-top:8px}.ocean-pass b{margin-left:auto;font-size:21px;color:#d1e8ff;font-weight:400}.hero-bottom{z-index:5;border-color:#c5dcff20;color:#92aac5}.hero-bottom a{font-size:11px}.quicklinks{margin-top:-12px;background:linear-gradient(120deg,#a8c2ff15,#919dd909);border-color:#d0deff24}.label,.section-head .label{color:#8aadd3}.sea-project{border-color:#bfd6ff26;background-color:#0b182d}.dragon-project{background:linear-gradient(0deg,#040c1bf2,#06132920 80%),url('assets/mods/paleo.jpg') center/cover;min-height:440px}.outfit-project{background:linear-gradient(0deg,#040c1bf2,#06132900 90%),url('assets/mods/genshin.jpg') 57% center/cover;display:flex;flex-direction:column;justify-content:space-between;min-height:440px}.outfit-project .project-status{align-self:flex-start}.sea-project .project-content{margin-top:100px}.sea-project h3{color:#f3f7ff}.sea-project p{color:#b8cadd}.project-link{color:#c4daff}.maps-project{background:linear-gradient(90deg,#071125ef,#08112c66),url('assets/maps/genesis2.png') center/cover}.mobile-project{background:linear-gradient(125deg,#172745,#22244180);padding-right:120px}.project-mascot{position:absolute;right:24px;top:85px;width:85px;opacity:.75;filter:drop-shadow(0 0 20px #6ba6ff28);transition:transform .6s}.mobile-project:hover .project-mascot{transform:rotate(-8deg) translateY(-8px)}.project-note{color:#8196af}.mod-card{overflow:hidden;padding-top:22px}.mod-art{width:calc(100% + 44px);max-width:none;margin:-22px -22px 23px;height:180px;object-fit:cover}.mod-art[src*="spyglass"]{object-fit:contain;background:#16233b;padding:30px}.section-head h2{font-size:32px}footer{background:#030b18}#motion-toggle{background:#15213c9c;color:#d2e2fc}.motion-off .ocean-rays,.motion-off .ocean-caustics,.motion-off .ocean-pass,.motion-off .hero-scene{animation:none!important}.motion-off .hero-scene{transform:none!important}
@keyframes ocean-drift{from{scale:1}to{scale:1.055}}@keyframes ray-sway{from{rotate:-7deg;opacity:.5}to{rotate:8deg;opacity:1}}@keyframes water-ring{to{rotate:360deg}}
@media(max-width:1000px){.hero{padding-left:6%;padding-right:6%}.hero h1{font-size:76px}.ocean-pass{width:320px;right:5%;bottom:110px}.hero-scene{background-position:center,center,60% center}.hero-content{max-width:510px}}
@media(max-width:700px){header{top:12px;left:4%;width:92%;height:66px;border-radius:21px;padding:0 17px}.brand .sea-shark{width:38px;height:38px}.hero{padding:117px 7% 145px;height:auto;min-height:870px;max-height:none}.hero-content{max-width:none}.hero .eyebrow{margin-bottom:26px;font-size:11px;gap:12px}.eyebrow img{width:43px;height:43px}.eyebrow small{font-size:7px}.hero h1{font-size:63px;line-height:1.15;letter-spacing:-2px}.hero p{font-size:13px;line-height:1.9;max-width:290px}.hero .actions{display:flex;gap:10px;flex-wrap:nowrap;margin-top:24px}.hero .actions .btn{width:auto;flex:1;padding:14px 12px;min-height:48px;font-size:12px}.hero .hero-note{margin-top:18px}.hero-scene{background-image:linear-gradient(180deg,#030b19d9 0%,#030b1988 40%,transparent 62%,#050f20 100%),url('assets/login-hero-shark.jpg');background-size:cover,auto 610px;background-position:center,57% 290px;background-repeat:no-repeat}.ocean-wordmark{top:480px;right:5%;font-size:145px;color:#c5dfff0c}.ocean-rays{inset:0 -90% 0 -90%;opacity:.5}.ocean-pass{bottom:85px;left:7%;right:7%;width:auto;padding:17px;border-radius:21px;background:linear-gradient(120deg,#b8cdff1a,#818bbb0c);backdrop-filter:blur(15px)}.ocean-pass img{width:43px;height:43px}.ocean-pass strong{font-size:12px}.hero-bottom{left:7%;right:7%;bottom:25px;font-size:9px}.hero-bottom a{font-size:9px}.quicklinks{margin-top:0}.sea-bento{grid-template-columns:1fr;gap:18px}.dragon-project,.outfit-project{min-height:370px}.section-head h2{font-size:25px}.mobile-project{padding-right:100px}.project-mascot{width:65px;right:20px}.sea-project h3{font-size:25px}.ocean-caustics{display:none}.mod-art{height:190px}}
@media(prefers-reduced-motion:reduce){.ocean-rays,.ocean-caustics,.ocean-pass,.hero-scene{animation:none!important}}
.hero .btn:not(.secondary){background:linear-gradient(115deg,#d2e9ff,#a9bdf4);border-color:#d9eaff80;color:#10233d}.hero .btn.secondary{background:linear-gradient(135deg,#c1d8ff19,#a49bff09);color:#dae7ff}.hero .btn:not(.secondary):hover{background:#e0efff}
@media(max-width:700px){.hero-scene{background-image:linear-gradient(180deg,#030b19e8 0%,#030b19c9 38%,#030b1944 58%,#050f20 100%),url('assets/login-hero-shark.jpg');background-size:cover;background-position:center,48% center}.hero .hero-note{position:relative;z-index:2}.hero .platform-pill{background:#08152880}}

/* Source: sea-interface.css */
:root{--accent:#a9ceff;--mint:#a9ceff;--lime:#c6e0ff;--text:#eef5ff;--muted:#9db0cb;--line:rgba(172,206,255,.16);--panel:rgba(12,29,51,.7);--bg:#06101e}
body{background:#06101e;color:#eef5ff;background-image:radial-gradient(ellipse at 90% 10%,#244b7255,transparent 45%),radial-gradient(ellipse at 0 60%,#142c5066,transparent 45%)}
body:before{background:radial-gradient(ellipse at 80% 10%,#8bbfff12,transparent 55%)}
header{background:rgba(9,22,39,.78);border-color:#a9ceff22}nav a.active,nav a:hover,.label,.eyebrow{color:#a9ceff}.btn:not(.secondary),.nav-download{background:#c6dfff;color:#102744;border-color:#d5e8ff}.btn:hover{box-shadow:0 8px 36px #83b9f12b}.btn.secondary,.tab{background:#ffffff06;color:#e4efff;border-color:#a9ceff33}.tabs .active,.tab.active,.tool-tabs .active{background:#a9ceff!important;color:#102744!important}.inner{padding-top:64px;padding-bottom:100px}.inner h1{font-size:clamp(38px,5vw,72px);letter-spacing:-.055em}.inner>p,.inner .subtitle{color:#b2c7df}.inner input,.inner select,.inner textarea{background:#06172a;color:#edf4ff;border:1px solid #a9ceff26;border-radius:14px;padding:13px 15px;font:inherit;min-width:0}.inner input:focus,.inner select:focus,.inner textarea:focus{outline:2px solid #a1caff;outline-offset:3px}.inner select option{background:#211b28}.inner label{color:#bfd3eb}.inner .empty,.inner .prose,.inner .notice,.inner .card,.inner .server-card,.inner .download-panel{border-radius:28px;background:linear-gradient(135deg,#ffffff08,#9bc9ff06);border:1px solid #a9ceff25;backdrop-filter:blur(22px)}.inner .empty{padding:56px 30px}.inner .empty:before{content:'SEA / COMMUNITY';display:block;color:#8dbbed;letter-spacing:.24em;font-size:11px;margin-bottom:20px}.inner .empty h3{font-size:28px}.inner .prose{padding:32px}.inner .notice{padding:20px}.page-masthead{display:flex;align-items:center;justify-content:space-between;padding:36px 42px 40px;border:1px solid #a9ceff22;border-radius:34px;background:linear-gradient(100deg,#0c2139e8,#102641b8),url('assets/login-hero-ocean.jpg') center/cover;overflow:hidden;margin-bottom:28px;position:relative}.page-masthead h1{margin:18px 0}.page-masthead h1 span{color:#a9ceff}.page-masthead p{color:#adc6e2}.page-masthead>img{width:155px;height:155px;object-fit:contain;filter:drop-shadow(0 15px 30px #010817);animation:archive-float 6s ease-in-out infinite}.archive-stats,.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 32px}.archive-stats>div,.admin-stats article{padding:25px 28px;border-radius:24px;border:1px solid #a9ceff22;background:linear-gradient(130deg,#ffffff08,#ffffff02);display:flex;flex-direction:column;gap:7px}.archive-stats strong,.admin-stats strong{font-size:36px;letter-spacing:-.04em;color:#c9e2ff;font-weight:500}.archive-stats span,.admin-stats span{font-size:13px;color:#a4bad2}.archive-nav{display:flex;gap:8px;align-items:center;padding:9px;background:#ffffff05;border:1px solid #a9ceff20;border-radius:22px}.archive-nav button{border:0;border-radius:15px;background:transparent;color:#a6c0dc;padding:15px 25px;font:inherit;cursor:pointer}.archive-nav .active{background:#a9ceff;color:#102744}.archive-nav a{margin-left:auto;padding:12px;color:#a9ceff;font-size:14px}.archive-toolbar{display:flex;align-items:end;gap:16px;margin:26px 0 16px}.archive-toolbar label{display:flex;flex-direction:column;gap:8px}.archive-toolbar label:first-child{flex:1}.archive-toolbar input{width:100%}.archive-toolbar>span{font-size:12px;padding-bottom:15px;color:#a4bad2}.archive-note,.archive-provenance{font-size:12px;line-height:1.9;color:#9bb4ce;margin:18px 0 26px}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.archive-card{padding:0;text-align:left;color:inherit;overflow:hidden;background:linear-gradient(135deg,#ffffff09,#ffffff03);border:1px solid #a9ceff1c;border-radius:25px;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s;min-width:0}.archive-card:hover{transform:translateY(-6px);border-color:#a9ceff77;box-shadow:0 20px 50px #0004}.archive-art{height:115px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#72a4d124,transparent 70%);position:relative;overflow:hidden}.archive-art>span{font-size:50px;color:#a7c5e7;font-weight:200}.archive-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.archive-card:hover img{transform:scale(1.06)}.archive-art small{position:absolute;left:14px;top:12px;padding:5px 10px;border-radius:20px;background:#071629cc;color:#c3ddfa;font-size:10px}.archive-card-copy{padding:18px}.archive-card h3{font-size:17px;margin:0 0 8px;overflow-wrap:anywhere}.archive-card p{font-size:11px;color:#92abc4;min-height:28px;margin:0}.archive-card-copy>div{border-top:1px solid #ffffff0b;padding-top:13px;display:flex;gap:8px;justify-content:space-between;font-size:10px;color:#91abc4}.archive-card-copy b{color:#b9d8ff;font-weight:500}.map-card .archive-art{height:170px}.map-card img{object-fit:contain;background:#081526}.archive-provenance a{color:#a9ceff}#library-pagination{display:flex;justify-content:center;gap:24px;align-items:center;margin:30px 0;font-size:13px}button:disabled{opacity:.4;cursor:default}#library-detail:not(:empty){margin-top:30px;border:1px solid #a9ceff33;border-radius:30px;padding:32px;background:#0b1e35e0;scroll-margin-top:110px}#library-detail h2{font-size:32px}#library-detail p{color:#a8c0dc;line-height:1.8}.record-facts,.detail-stats{display:flex;gap:16px;flex-wrap:wrap}.record-facts>div,.detail-stats>div{padding:18px;background:#ffffff06;border-radius:18px;min-width:130px}.recipe-table,.resource-table{width:100%;border-collapse:collapse}.recipe-table td,.recipe-table th,.resource-table td{padding:13px;text-align:left;border-bottom:1px solid #ffffff10}.map-preview{max-width:100%;max-height:480px;object-fit:contain;border-radius:24px}.record-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}#library-detail img{max-width:100%;max-height:460px;object-fit:contain}#library-detail table{width:100%;border-collapse:collapse}#library-detail td,#library-detail th{padding:11px;text-align:left;border-bottom:1px solid #ffffff12}#library-detail .detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-auth{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:48px;background:#ffffff05;border:1px solid #a9ceff26;border-radius:32px}.admin-auth h2{font-size:32px}.admin-auth p{color:#a4bad2}.admin-auth-art img{width:150px;filter:drop-shadow(0 15px 30px #0005)}.admin-auth form{display:flex;flex-direction:column;gap:24px;justify-content:center}.admin-auth label,.admin-fields label{display:flex;flex-direction:column;gap:10px;font-size:13px}.admin-auth small{color:#8ca5bf}.admin-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px}.admin-sidebar{display:flex;flex-direction:column;align-self:start;gap:8px;padding:22px;border:1px solid #a9ceff22;background:#ffffff04;border-radius:25px}.admin-sidebar button,.admin-sidebar a{display:flex;justify-content:space-between;padding:15px 13px;border:0;border-radius:13px;color:#a1b9d3;background:transparent;text-align:left;cursor:pointer;font:inherit;font-size:14px}.admin-sidebar button.active{background:#a9ceff;color:#102744}.admin-sidebar small{color:#7893b0;margin:24px 12px 5px}.admin-workspace{padding:30px;border:1px solid #a9ceff22;border-radius:28px;background:#ffffff04;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff10;padding-bottom:24px;margin-bottom:24px}.admin-top h2{margin:0;font-size:28px}.admin-top p{font-size:12px;color:#9bb7d7;margin-bottom:0}.admin-stats{grid-template-columns:repeat(3,1fr)}.admin-welcome{padding:35px;border-radius:24px;background:linear-gradient(120deg,#24476b90,#10243e)}.admin-welcome h3{font-size:32px;line-height:1.5}.admin-welcome p{line-height:1.9;color:#b4cee7}.admin-row{padding:24px;border-radius:22px;background:#ffffff04;border:1px solid #ffffff0c;margin-bottom:18px}.admin-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-fields .wide{grid-column:1/-1}.history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #ffffff12}.history-row span{font-size:12px;color:#98b5d4}.xp-layout,.xp-panel,.catalog-card,.xp-result{border-color:#a9ceff29!important;background-color:#0a1c31!important}.xp-gauge{filter:none}.tool-tabs{border-radius:22px;padding:8px;background:#ffffff05}.tool-tabs button{border-radius:15px}.catalog-symbol{color:#b7d7fa!important}.catalog-card{border-radius:24px!important}.catalog-card:hover{transform:translateY(-5px);border-color:#a9ceff77!important}.inner .tools{padding:22px;border-radius:22px;background:#ffffff04}.inner .section-head{border-color:#a9ceff20}footer{background:#040d19;border-color:#a9ceff20}.hero .hero-title em{color:#a9ceff}.ocean-hero:after{background:linear-gradient(90deg,#09182b75,transparent)}
@keyframes archive-float{50%{transform:translateY(-10px) rotate(3deg)}}
@media(max-width:1050px){.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}header nav{gap:12px}header nav a{font-size:12px}.admin-layout{grid-template-columns:170px minmax(0,1fr)}.admin-workspace{padding:22px}}
@media(max-width:760px){.inner{padding-top:30px}.page-masthead{padding:28px 23px;border-radius:25px}.page-masthead>img{width:85px;height:85px}.page-masthead h1{font-size:33px}.page-masthead p{font-size:12px;max-width:220px}.archive-stats{grid-template-columns:repeat(2,1fr);gap:10px}.archive-stats>div{padding:18px 20px}.archive-stats strong{font-size:29px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.archive-nav{flex-wrap:wrap}.archive-nav button{padding:11px 12px;font-size:13px}.archive-nav a{width:100%;text-align:right;font-size:12px}.archive-toolbar{flex-wrap:wrap;align-items:stretch}.archive-toolbar label:first-child{flex-basis:100%}.archive-toolbar>span{align-self:end}.archive-art{height:90px}.archive-card-copy{padding:14px}.archive-card h3{font-size:14px}.archive-card-copy>div{flex-direction:column}.archive-card p{font-size:10px}.admin-auth{grid-template-columns:1fr;padding:25px;gap:15px}.admin-auth-art{display:none}.admin-layout{grid-template-columns:1fr}.admin-sidebar{flex-direction:row;flex-wrap:wrap;padding:10px}.admin-sidebar>.label,.admin-sidebar small{display:none}.admin-sidebar button,.admin-sidebar a{font-size:12px;padding:11px}.admin-sidebar button span{display:none}.admin-workspace{padding:20px}.admin-top{flex-wrap:wrap}.admin-stats{gap:8px}.admin-stats article{padding:15px 10px}.admin-stats strong{font-size:26px}.admin-fields{grid-template-columns:1fr}.admin-welcome{padding:22px}.admin-welcome h3{font-size:26px}.history-row{flex-wrap:wrap}.record-layout,#library-detail .detail-columns{grid-template-columns:1fr}#library-detail:not(:empty){padding:22px}#library-detail table{font-size:12px}.inner .prose{padding:24px}.archive-card{border-radius:21px}}
@media(prefers-reduced-motion:reduce){.page-masthead>img{animation:none}.archive-card,.archive-art img{transition:none}}
body.motion-off .page-masthead>img{animation:none}

.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.detail-metrics>div{display:flex;flex-direction:column;gap:10px;background:#ffffff06;padding:20px;border-radius:18px}.detail-metrics small{color:#9dbbd7}.detail-metrics strong{font-size:20px}.map-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.resource-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #ffffff10}.resource-row small{display:block;color:#8da9c7;font-size:11px;margin-top:5px}.map-spawns{max-height:500px;overflow:auto}.map-preview{overflow:auto;max-height:500px}.map-preview img{transform-origin:top left}.recipe-count{display:flex;align-items:center;gap:20px;margin:22px 0}.recipe-count input{max-width:140px}@media(max-width:760px){.detail-metrics{grid-template-columns:1fr 1fr}.detail-metrics strong{font-size:16px}.map-columns{grid-template-columns:1fr}}
body[data-route=library] .inner,body[data-route=admin] .inner{padding-top:120px}@media(max-width:760px){body[data-route=library] .inner,body[data-route=admin] .inner{padding-top:100px}.archive-stats>div{min-height:105px}.archive-stats{margin-bottom:22px}}
/* Source: sea-depth.css */
/* SEA deep water interface. One continuous ocean across the public website. */
:root{--accent:#b6d5ff;--green:#91bff4;--bg:#050e1b;--panel:rgba(14,34,57,.36);--line:#b7d4ff26;--text:#eff5ff;--muted:#a8bed7;--glass:linear-gradient(135deg,#bfdcff12,#6b9ac906);--glass-line:#bad6ff29}
html{background:#050e1b}body{background:transparent;color:var(--text);isolation:isolate}body:before{display:none}.site-ocean{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#050e1b}.depth-scene{position:absolute;inset:-3%;background:linear-gradient(90deg,#040d1ad9 0%,#0411227d 35%,#040c1910 74%),linear-gradient(0deg,#040d1a7a,transparent 50%),url('assets/login-hero-shark.jpg') 64% center/cover;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);animation:depth-drift 28s ease-in-out infinite alternate;will-change:transform}.depth-rays{position:absolute;inset:-20%;background:repeating-conic-gradient(from 153deg at 57% 0%,transparent 0deg 10deg,#c9e8ff09 11deg 13deg,transparent 14deg 23deg);filter:blur(12px);mix-blend-mode:screen;transform-origin:57% 0;animation:depth-rays 18s ease-in-out infinite alternate}.depth-watermark{position:absolute;right:-3%;top:20%;font:bold italic clamp(150px,28vw,460px)/1 Arial,sans-serif;letter-spacing:-.08em;color:#b7d8ff07;transform:rotate(-4deg)}#depth-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.6}#main{position:relative;z-index:1;min-height:65vh}header,footer,#motion-toggle,.reading-progress{z-index:10}header{position:fixed;left:3%;top:20px;width:94%;height:78px;background:linear-gradient(120deg,#12283d94,#10203968);border:1px solid #d0e2ff2b;border-radius:24px;backdrop-filter:blur(24px) saturate(1.15);box-shadow:0 14px 45px #0002,inset 0 1px 0 #ffffff0d}nav a{color:#abc0da}nav a.active,nav a:hover{color:#d7e8ff}nav a.active:after{background:#b5d9ff;box-shadow:0 0 10px #90c8ff88}.brand-sub{color:#a6bedc}.nav-download,.btn:not(.secondary){background:linear-gradient(120deg,#d0e6ff,#a7c1ef);color:#112941;border:1px solid #d8eaff5c;box-shadow:inset 0 1px 0 #fff7,0 8px 24px #729bd212}.btn:not(.secondary):hover{background:linear-gradient(120deg,#e1efff,#b7d6ff);color:#112941;box-shadow:0 12px 32px #80b9ff2b}.btn.secondary,.tab{background:linear-gradient(125deg,#bad6ff14,#77a4d108);color:#d4e6ff;border:1px solid #bdd7ff30;backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #fff1}.tab.active,.tabs .active,.tool-tabs .active,.archive-nav .active{background:#b9d7ff!important;color:#152c48!important;border-color:#cce6ff60}.btn,.tab{border-radius:15px}.label,.eyebrow,.section-head .label{color:#93b5db;letter-spacing:.2em}.intro{color:#aec3dc}.hero{background:transparent;height:95svh;min-height:780px;max-height:1050px;padding:165px 7% 140px;isolation:auto}.hero-scene,.hero>.ocean-rays,.hero>.ocean-caustics,.hero>#wild-particles,.hero>.ocean-wordmark,.hero:after{display:none}.hero h1{font-size:clamp(62px,6.8vw,94px);line-height:1.18;letter-spacing:-.04em;text-shadow:0 4px 30px #0003}.hero h1 span{color:#bad8ff}.hero .eyebrow{color:#d7e6f7}.hero .eyebrow small{color:#88a7cb}.hero p{color:#aec4dc}.hero .ocean-pass{background:linear-gradient(125deg,#cbe0ff18,#80a7cd0a);border-color:#d1e6ff35;backdrop-filter:blur(20px);box-shadow:0 25px 70px #0003,inset 0 1px 0 #fff2}.hero .ocean-pass strong{color:#edf5ff}.hero-bottom{color:#9db9d8;border-color:#badcff22}.hero .platform-pill{background:#bdd8ff09;color:#b2c8e3;border-color:#bdd9ff28}.container{max-width:1340px}.inner,body[data-route=library] .inner,body[data-route=admin] .inner{padding-top:150px;padding-bottom:70px}.inner>.section{margin-bottom:30px}.route-heading{margin:0 0 36px;padding:18px 0 32px;position:relative}.route-heading:after{content:'';display:block;width:58px;height:2px;background:linear-gradient(90deg,#b6d7ff,transparent);margin-top:28px}.route-heading h1,.inner h1{font-size:clamp(36px,4.4vw,62px);letter-spacing:-.045em;font-weight:750;margin:18px 0}.route-heading .intro{max-width:650px;line-height:1.9}.page-masthead{border:0;background:transparent;padding:16px 0 28px;border-radius:0;box-shadow:none;margin-bottom:12px;overflow:visible}.page-masthead>img{width:104px;height:104px;opacity:.9;filter:drop-shadow(0 14px 24px #0005)}.page-masthead h1 span,.title-dot{color:#b6d6ff}.page-masthead p{color:#adc6e1}.tool-heading{padding:10px 0 30px;border:0}.tool-emblem{color:#b4d4ff30!important}.quicklinks,.guide-card,.community-band,.panel,.xp-box,.xp-row,.xp-result,.catalog-card,.xp-disclosure,.data-notes,.archive-stats>div,.archive-card,.archive-nav,.archive-toolbar,.empty,.inner .prose,.inner .notice,.check-item{background:linear-gradient(125deg,#a9ccf010,#396b9b0a)!important;border-color:#c3dcff26!important;box-shadow:inset 0 1px 0 #ffffff10,0 16px 45px #00000012;backdrop-filter:blur(20px) saturate(1.1)}.panel,.guide-card,.community-band,.xp-box,.xp-result,.empty,.prose{border-radius:26px}.panel{padding:28px}.panel h3,.catalog-card h3{color:#edf5ff}.panel p,.notice,.prose p,.prose li{color:#b3c9e1}.quicklink .icon{border-color:#bad4f52b;background:#a8cfff09;color:#bbd8ff}.quicklink:hover{background:#acd3ff10}.quicklink small{color:#a2bbd8}.section-head h2{font-size:30px;font-weight:650;letter-spacing:-.03em}.sea-project{border-color:#bad5ff2b}.sea-project small,.project-link{color:#bdd8fb}.mobile-project{background:linear-gradient(125deg,#8bb6ff16,#5c83ad0c);backdrop-filter:blur(22px)}.dragon-project{background:linear-gradient(0deg,#07172be8,#061b2910 80%),url('assets/mods/paleo.jpg') center/cover}.outfit-project{background:linear-gradient(0deg,#07172be8,#061b2910 80%),url('assets/mods/genshin.jpg') 57% center/cover}.maps-project{background:linear-gradient(90deg,#07172bea,#112c4566),url('assets/maps/genesis2.png') center/cover}.project-note,.muted{color:#98b2d0}.fieldkit-section{margin:85px 0}.fieldkit-visual{background:radial-gradient(ellipse,#adcfff0b,transparent 60%)!important;border-color:#bbd6ff24}.kit-core{background:linear-gradient(120deg,#a5c9ff17,#446b930e)!important;border-color:#c3ddff34!important;backdrop-filter:blur(22px)}.kit-core strong,.kit-status{color:#c6deff}.kit-core small,.kit-core strong span,.floating-label,.kit-caption{color:#95b5da}.chart-line{stroke:#b5d5ff}.orbit-ring{border-color:#a5caff1b}.archive-stats{gap:14px;margin-top:12px;margin-bottom:26px}.archive-stats>div{border-radius:20px;padding:22px 26px}.archive-stats strong{font-size:34px;color:#d0e6ff}.archive-stats span{color:#9ab7d7}.archive-nav{border-radius:20px}.archive-nav button{color:#b8cde4}.archive-nav a{color:#b3d1f5}.archive-toolbar{padding:20px;border:1px solid #c3dcff26;border-radius:20px}.archive-toolbar label span{font-size:11px;letter-spacing:.05em}.archive-note,.archive-provenance{color:#a0b8d2}.archive-grid{gap:16px}.archive-card{border-radius:22px}.archive-card:hover{border-color:#bddcff70!important;box-shadow:0 20px 50px #0004,inset 0 1px 0 #fff2}.archive-art{background:radial-gradient(ellipse,#accdf01b,transparent 70%)}.archive-art>span{color:#a4c4e6}.archive-art small{background:#13263dad;color:#c4dcf6;border:1px solid #c3ddfa1c;backdrop-filter:blur(10px)}.archive-card h3{color:#e3f0ff}.archive-card p{color:#a0b9d3}.archive-card-copy>div{color:#9eb6cf}.archive-card-copy b{color:#c1dcff}.map-card .archive-art{height:180px;background:#b7d5ff08}.map-card .archive-art img{background:transparent;object-fit:contain;padding:10px}.map-card .archive-card-copy{padding:20px}.archive-grid:has(.map-card){grid-template-columns:repeat(3,minmax(0,1fr))}.archive-grid:has(.map-card) .archive-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.3fr 1fr;align-items:center}.archive-grid:has(.map-card) .archive-card:first-child .archive-art{height:220px}.archive-grid:has(.map-card) .archive-card:first-child h3{font-size:28px}.archive-grid:has(.map-card) .archive-card:first-child p{margin-bottom:25px}.archive-provenance a{color:#bddaff}#library-detail:not(:empty){background:linear-gradient(130deg,#132d45d1,#06172be0);border-color:#c5dcff33;backdrop-filter:blur(28px)}#library-detail p{color:#b6cee6}.detail-metrics>div{background:#b9d8ff09}.detail-metrics small{color:#98b7d7}.detail-metrics strong{color:#d4e8ff}.resource-row small{color:#90afd0}.resource-row{border-color:#bbd6ff14}.inner input,.inner select,.inner textarea{background:#071b2d66;border:1px solid #bad7ff29;color:#edf5ff;border-radius:13px;box-shadow:inset 0 1px 5px #0002}.inner input:focus,.inner select:focus,.inner textarea:focus{outline-color:#abcfff}.inner select option{background:#0c2138}.inner input::placeholder,.inner textarea::placeholder{color:#839fbe}.inner label{color:#b4cce6}.inner .empty:before{color:#8fb2d9}.inner .tools{background:#afcfff08;border:1px solid #c3dcff20;backdrop-filter:blur(20px)}.xp-workspace{gap:24px}.xp-disclosure{border-radius:18px}.xp-disclosure>span{color:#b5d7ff}.xp-disclosure p{color:#a6bfdb}.xp-gauge{filter:none}.xp-result{position:sticky}.catalog-symbol{color:#bddaff!important}.catalog-xp b{color:#c5deff}.catalog-card{background:linear-gradient(130deg,#a8caff12,#21497010)!important}.tool-tabs{border:1px solid #b3d0f522;background:#afcced0b;backdrop-filter:blur(18px)}.box-heading,.box-heading span{color:#bdd9ff}.xp-help{color:#9eb8d7}.data-notes a{color:#c1dcff}.sea-map-section{margin:0 0 90px}.sea-map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sea-map-card{border:1px solid #c1dcff2a;border-radius:24px;overflow:hidden;background:linear-gradient(125deg,#b9d8ff10,#3969930b);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff15;transition:transform .4s,border-color .4s,box-shadow .4s}.sea-map-card:first-child{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}.sea-map-card:hover{transform:translateY(-6px);border-color:#c1dcff75;box-shadow:0 22px 50px #0004}.sea-map-art{height:155px;position:relative;padding:14px;background:radial-gradient(ellipse at center,#c5dfff18,transparent 70%)}.sea-map-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px #0004);transition:transform .6s}.sea-map-card:hover img{transform:scale(1.04)}.sea-map-art>span{position:absolute;top:13px;left:13px;font-family:'Space Grotesk';font-size:10px;color:#c6def8;background:#142c4377;border:1px solid #bbd6ff25;padding:3px 9px;border-radius:20px}.sea-map-card:first-child .sea-map-art{height:400px;flex:1;padding:30px}.sea-map-copy{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #cee2ff12}.sea-map-copy h3{margin:0 0 3px;font-size:18px;color:#f0f7ff}.sea-map-copy small{color:#95b2d1;font-family:'Space Grotesk';font-size:10px}.sea-map-copy b{font-size:22px;font-weight:400;color:#bbd7ff}.sea-map-card:first-child h3{font-size:27px}.sea-map-section .muted{margin-top:18px;font-size:11px}footer{position:relative;z-index:1;background:#06142677;border-color:#b7d4ff1d;backdrop-filter:blur(24px)}.footer-bottom{color:#8ba6c7}.footer-top>div{color:#aec7e4}dialog{background:#0c223bea;border-color:#bddaff38;backdrop-filter:blur(24px);border-radius:24px}dialog p{color:#aec7e0}#toast{background:#c4deff;color:#112840;border-radius:15px}#motion-toggle{z-index:30;background:#102740b3;color:#c5e1ff;border-color:#b7d7ff22}body[data-route=admin]{background:#11151d}body[data-route=admin] .site-ocean{display:none}body[data-route=admin] .page-masthead{background:linear-gradient(110deg,#1c2633,#161d28);padding:30px;border:1px solid #b9d0ee14;border-radius:25px}body[data-route=admin] .admin-auth,body[data-route=admin] .admin-workspace,body[data-route=admin] .admin-sidebar{background:#19212d;border-color:#afc8e520}body[data-route=admin] .admin-welcome{background:linear-gradient(125deg,#243a56,#1b293e)}body[data-route=admin] footer{background:#0d121a}body[data-route=admin] .admin-stats article{background:#b7d5ff08}body[data-route=admin] .admin-sidebar button.active{background:#b7d1f5;color:#162b46}.motion-off .depth-scene,.motion-off .depth-rays{animation:none!important}.motion-off .depth-scene{transform:none!important}
@keyframes depth-drift{from{scale:1}to{scale:1.04}}@keyframes depth-rays{from{rotate:-5deg;opacity:.4}to{rotate:6deg;opacity:1}}
@media(max-width:1050px){header nav{gap:15px}header nav a{font-size:11px}.sea-map-grid{grid-template-columns:repeat(3,1fr)}.sea-map-card:first-child{grid-column:span 1}.sea-map-card:first-child .sea-map-art{height:340px}}
@media(max-width:760px){header{top:12px;left:4%;width:92%;height:66px;padding:0 17px;border-radius:20px}nav{top:76px;border-radius:20px;background:#0c223aed;backdrop-filter:blur(25px);border:1px solid #bad6ff26}nav a{font-size:14px!important}.nav-download{padding:9px 12px!important;margin-right:15px}.depth-scene{background-image:linear-gradient(180deg,#030e1cc9,#04132770 42%,#0411214d),url('assets/login-hero-shark.jpg');background-position:center,48% center}.depth-rays{inset:-30% -90%}.depth-watermark{font-size:240px;top:37%;right:-12%}.hero{height:auto;min-height:860px;padding:127px 7% 150px}.hero h1{font-size:clamp(52px,14vw,65px)}.hero .ocean-pass{bottom:85px}.inner,body[data-route=library] .inner,body[data-route=admin] .inner{padding-top:112px;padding-bottom:40px}.route-heading{padding-top:8px;margin-bottom:25px}.route-heading h1,.inner h1{font-size:35px;line-height:1.3}.route-heading .intro{font-size:12px}.page-masthead{padding:12px 0 24px;gap:14px}.page-masthead>img{width:65px;height:65px}.page-masthead h1{font-size:32px}.page-masthead p{max-width:250px}.page-masthead .label{font-size:8px}.archive-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.archive-stats>div{min-height:0;padding:15px 10px;border-radius:16px;gap:7px}.archive-stats strong{font-size:22px;letter-spacing:-.06em}.archive-stats span{font-size:9px;white-space:nowrap}.archive-toolbar{padding:15px;gap:12px}.archive-toolbar>span{font-size:11px}.archive-grid:has(.map-card){grid-template-columns:1fr 1fr}.archive-grid:has(.map-card) .archive-card:first-child{grid-column:1/-1;grid-template-columns:1.15fr 1fr}.archive-grid:has(.map-card) .archive-card:first-child .archive-art{height:180px}.archive-grid:has(.map-card) .archive-card:first-child h3{font-size:24px}.map-card .archive-art{height:135px}.map-card .archive-card-copy{padding:15px}.sea-map-grid{grid-template-columns:1fr 1fr;gap:12px}.sea-map-card:first-child{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center}.sea-map-card:first-child .sea-map-art{height:195px;padding:18px}.sea-map-card:first-child .sea-map-copy{border-top:0}.sea-map-art{height:125px}.sea-map-copy{padding:14px}.sea-map-copy h3{font-size:15px}.sea-map-card:first-child h3{font-size:25px}.sea-map-section{margin-bottom:60px}.section-head h2{font-size:25px}.fieldkit-section{margin:60px 0}.panel{padding:24px}.quicklinks{margin-top:0}.footer-top>div{flex-wrap:wrap;gap:13px 20px}.footer-bottom{line-height:1.8}.catalog-top h2{font-size:27px}body[data-route=admin] .page-masthead{padding:23px}.xp-result{position:relative}}
@media(prefers-reduced-motion:reduce){.depth-scene,.depth-rays{animation:none;transform:none}.sea-map-card,.sea-map-art img{transition:none}}
.xp-gauge{background:conic-gradient(from 220deg,var(--accent) 0deg,var(--accent) var(--progress),#b5d7ff16 var(--progress),#b5d7ff16 360deg);box-shadow:0 0 65px #8bc4ff0a}.xp-gauge>div{background:radial-gradient(circle,#1d3953,#0a1d33 70%);border-color:#10273f;outline-color:#b5d7ff2b}.result-lines strong{color:#cee3ff}.xp-result:before{background:linear-gradient(90deg,transparent,#b5d8ff,transparent)}.level-chart{border-color:#b6d5ff33}.level-chart i{background:linear-gradient(0deg,#86b8ff16,#b2d5ff)}.level-chart>span{color:#8bacd0}.level-table th{color:#b8d2ef;background:#10273ecf}.level-table td{color:#b6cee8;border-color:#b7d8ff12}.level-table td span{color:#7897b9}.level-table button{color:#bedaff}.level-table tr:hover{background:#b5d7ff09}.archive-note{background:#06192b60;padding:12px 15px;border-radius:14px;backdrop-filter:blur(12px);color:#b4cde8}.reading-progress{box-shadow:0 0 10px #b0d4ff66}.xp-source{background:#b3d3ff06;border-color:#bddaff20}.source-total,.source-total b{color:#bedbff}

/* Source: sea-refined.css */
/* Navigation and community layer, shared with the SEA glass surfaces. */
.header-community{position:relative;flex-shrink:0;margin-left:16px}.nav-community{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border:1px solid #e1f0ff73;border-radius:15px;background:linear-gradient(120deg,#d6eaff,#a8c5f5);color:#142d4a;font-size:12px;font-weight:600;box-shadow:inset 0 1px 0 #fff9,0 7px 22px #7bafff12}.nav-community>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav-community .community-chevron{width:13px;height:13px;margin-left:2px;transition:transform .25s}.nav-community[aria-expanded=true] .community-chevron{transform:rotate(180deg)}.nav-community:hover{transform:translateY(-1px);box-shadow:0 8px 28px #a6cdff33}.nav-community[aria-expanded=true]{background:#d1e6ff;box-shadow:0 0 0 4px #b4d7ff11}
#community-popover{position:absolute;right:0;top:calc(100% + 19px);width:410px;max-height:min(720px,calc(100dvh - 130px));overflow:auto;overscroll-behavior:contain;padding:25px;border:1px solid #bcdcff3b;border-radius:26px;background:linear-gradient(135deg,#17344deF,#08192bef);backdrop-filter:blur(36px) saturate(1.25);box-shadow:0 35px 100px #0009,inset 0 1px 0 #ecf7ff24;transform-origin:top right;animation:group-panel-in .25s ease-out;scrollbar-width:thin;scrollbar-color:#a9cfff3b transparent}#community-popover[hidden]{display:none}.community-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-popover-head .label{font-size:9px;letter-spacing:.22em}.community-popover-head h2{margin:9px 0 0;font-size:24px;font-weight:650;letter-spacing:-.04em;line-height:1.4;color:#eef7ff}.community-close{align-self:flex-start;background:#d4e8ff0a;border:1px solid #c3ddff20;border-radius:11px;width:32px;height:32px;flex-shrink:0;color:#b9d2ed;font-size:23px;line-height:1}.community-intro{font-size:11px;color:#8eaccb;margin:12px 0 23px}.community-list{display:grid;gap:12px}.community-group{display:flex;gap:13px;padding:17px 15px;background:linear-gradient(125deg,#c6e1ff0c,#8eb7ed04);border:1px solid #b7d7ff1b;border-radius:19px;transition:background .25s,border-color .25s,transform .25s}.community-group:hover{background:#c5e1ff0d;border-color:#bddbff42;transform:translateY(-2px)}.group-icon{width:35px;height:39px;display:grid;place-items:center;border:1px solid #bad9ff25;border-radius:12px;color:#a3c6ed;background:linear-gradient(145deg,#badbff16,#5d9fd006);font:500 12px 'Space Grotesk',sans-serif;flex-shrink:0}.group-content{min-width:0;flex:1}.group-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.group-title h3,.support-community .group-title h3{font-size:14px;font-weight:600;line-height:1.5;margin:0;color:#e4f1ff;overflow-wrap:anywhere}.group-badge{color:#b9d7fa;font-size:8px;border:1px solid #b4d6ff25;background:#b8dcff0a;padding:2px 6px;border-radius:6px;white-space:nowrap}.group-badge.pending{color:#8ca7c3}.group-content p,.support-community .group-content p{color:#8ea9c7;font-size:10px;line-height:1.8;margin:6px 0 13px;overflow-wrap:anywhere}.group-actions{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap}.group-copy{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;padding:4px 0;color:#c7ddf5;font-family:'Space Grotesk',sans-serif;font-size:12px;overflow-wrap:anywhere;max-width:100%}.group-copy>span{font-size:8px;letter-spacing:.04em;color:#86a6cb}.group-copy svg{fill:none;stroke:#9dbbdd;stroke-width:1.4;width:15px;height:15px;flex-shrink:0}.group-copy:hover{color:#fff;transform:none!important}.group-join{display:inline-flex;align-items:center;gap:11px;padding:6px 10px;color:#cce3ff;font-size:10px;border:1px solid #b8d6ff27;border-radius:9px;background:#a9d0ff0d}.group-join:hover{background:#b8d6ff20;color:#fff}.group-pending,.group-unavailable{font-size:10px;color:#7895b5}.group-unavailable{font-size:9px}.community-status{font-size:11px;line-height:1.7;color:#c0dcff;margin:0}.community-status:not(:empty){padding:12px 0 0}.community-footer{display:flex;align-items:center;justify-content:space-between;color:#9fbedf;border-top:1px solid #c3ddff1c;margin-top:22px;padding-top:17px;font-size:11px}.community-footer:hover{color:#e2f0ff}.support-community .community-list{margin-top:24px}.support-community .community-group{background:#b5d7ff08}.group-edit-actions{display:flex;gap:6px}.group-edit-actions .tab{padding:7px 12px;min-height:36px}
header{height:76px;padding:0 25px;background:linear-gradient(110deg,#142c427d,#0714267d);box-shadow:0 12px 46px #0002,inset 0 1px 0 #c9e2ff12}.brand{font-size:27px}.brand .sea-shark{width:46px;height:46px}header nav{gap:4px}header nav a{padding:9px 12px;color:#a8bed8;border:1px solid transparent;border-radius:12px;font-size:12px}header nav a:hover{color:#e2f1ff;background:#c1ddff08}header nav a.active{color:#e6f3ff;background:#b1d3ff10;border-color:#b9d8ff16}header nav a.active:after{display:none}.hero .eyebrow{margin-bottom:30px}.hero .actions{gap:14px}.hero .ocean-pass{border-radius:24px;background:linear-gradient(120deg,#c9e3ff16,#96b9db07);border-color:#cee6ff2e;box-shadow:0 22px 70px #0003,inset 0 1px 0 #fff2}.hero .ocean-pass:hover{border-color:#d5ebff66}.quicklinks{padding:6px;border-radius:26px;background:linear-gradient(120deg,#a9d0ff12,#83a7c805);border-color:#d0e5ff23}.quicklink{border:0;padding:23px 19px!important;border-radius:19px}.quicklink .arrow{transition:transform .25s}.quicklink:hover .arrow{transform:translate(3px,-3px);color:#d3e7ff}.quicklink:hover{background:#c0dfff0b}.quicklink strong{font-weight:500}.quicklink small{margin-top:5px}.section-head{align-items:center}.section-head>a{border:1px solid #bad6ff24;background:#b9d9ff08;padding:9px 14px;border-radius:12px;color:#b2d0f0}.section-head>a:hover{background:#c4deff14}.sea-project{box-shadow:inset 0 1px 0 #ffffff17,0 22px 65px #0002}.sea-project:hover{border-color:#c1dfff61;box-shadow:0 25px 60px #0004}.project-link{font-size:11px}.sea-map-copy{padding:18px 23px}.sea-map-card:first-child .sea-map-copy{padding:22px 26px}.sea-map-card{border-color:#c5dfff26}.community-band{padding:42px;border-radius:30px;position:relative;overflow:hidden}.community-band .circle{color:#b7d8ff17}.community-band h2{font-size:28px}.community-band .btn{white-space:nowrap}.news-row{padding:24px 16px;border-radius:14px;border-bottom-color:#bad6ff14}.news-row:hover{background:#c1dfff09;transform:translateX(3px)!important}.news-row .category{color:#90b5e1}.news-row b{line-height:1.8}.guide-card{padding:32px}.step b{background:#bad8ff0b;border:1px solid #bad8ff1b;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font-size:10px}.step p{line-height:1.9}.check-item{border:1px solid #bedbff1b;border-radius:17px;margin-bottom:12px;transition:border-color .25s,background .25s}.check-item:has(input:checked){border-color:#b8d8ff53!important;background:#aacfff13!important}.check-item input{accent-color:#b4d5ff}.inner details{border:1px solid #b6d5ff1b;border-radius:16px;background:#b8d9ff07;padding:18px 20px;margin-bottom:11px;backdrop-filter:blur(16px)}.inner details[open]{border-color:#bddaff3d}.inner details p{margin-bottom:0}.inner summary{font-size:13px;line-height:1.9}.archive-card-copy>div{line-height:1.7}.archive-toolbar{margin-top:20px}.archive-nav button{transition:background .2s,color .2s}.archive-nav button:not(.active):hover{background:#d1e6ff0c;color:#e0eeff}.inner .empty{padding:50px 25px}.inner .empty .symbol{display:grid;place-items:center;width:64px;height:64px;border:1px solid #bfdcff25;border-radius:22px;background:#bcdcff09;margin:0 auto 22px;color:#a9cfff}.inner .empty:before{display:none}.inner .empty h3{font-size:25px;font-weight:600}.inner .empty p{color:#a5bedb}.platform-layout{gap:28px}.platform-layout>div:not(.panel),.platform-layout>aside>.notice{line-height:1.9}.platform-specs{gap:45px}.platform-icon{letter-spacing:-.05em}.prose{max-width:none}.prose>p,.prose>ul{max-width:800px}.footer-top{padding:0 0 12px}.footer-top>div a{color:#9db6d2;padding:8px 0}.footer-top>div a:hover{color:#e0efff}.footer-bottom{padding-top:22px}.community-open #motion-toggle{opacity:.35}.admin-page .admin-top .btn{min-width:160px}
@keyframes group-panel-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1100px){header{padding:0 20px}header nav a{padding:9px 9px;font-size:11px}.header-community{margin-left:8px}.nav-community{padding:0 13px;gap:8px}.brand{font-size:24px}.brand .sea-shark{width:40px;height:40px}}
@media(min-width:761px) and (max-width:900px){header nav a{padding:8px 6px;font-size:10px}.nav-community>svg:first-child{display:none}.nav-community{padding:0 11px}.brand-sub{font-size:8px}.brand{font-size:22px;gap:5px}.brand .sea-shark{width:34px;height:34px}}
@media(max-width:760px){header{height:66px;padding:0 15px;gap:10px}.brand{font-size:23px;gap:7px}.brand .sea-shark{width:37px;height:37px}.header-community{margin-left:auto;margin-right:2px}.nav-community{min-height:38px;padding:0 12px;font-size:11px;border-radius:12px;gap:6px}.nav-community>svg:first-child{width:14px;height:14px}.nav-community .community-chevron{width:11px;height:11px;margin-left:1px}.menu{font-size:23px;padding:4px 0}.community-open header{backdrop-filter:none;background:#0b2135e8}#community-popover{position:fixed;left:4%;right:4%;top:88px;width:auto;max-height:calc(100dvh - 110px);padding:22px;border-radius:23px;box-shadow:0 25px 80px #0009;background:linear-gradient(135deg,#15334ef7,#07182cf7)}.community-popover-head h2{font-size:23px}.community-intro{font-size:10px;margin-bottom:20px}.community-group{padding:16px 13px;gap:11px}.group-title h3{font-size:13px}.group-content p{font-size:10px}.group-actions{gap:7px}.community-footer{font-size:10px}.group-icon{width:31px;height:36px}.group-join{padding:7px 9px}.group-copy{font-size:12px}header nav{padding:15px;gap:5px}header nav a{padding:12px 16px;font-size:13px!important;border-radius:13px}.hero{padding-left:7%;padding-right:7%}.hero h1{font-size:clamp(48px,13.5vw,62px)}.hero p{max-width:285px;font-size:12px}.hero .actions .btn{gap:12px;min-width:0}.quicklinks{padding:5px;gap:3px}.quicklink{padding:18px 12px!important;gap:10px}.quicklink .icon{width:32px;height:36px;font-size:18px}.quicklink strong{font-size:11px}.quicklink small{font-size:8px}.quicklink .arrow{font-size:11px}.section-head{gap:14px}.section-head h2{font-size:23px}.section-head>a{font-size:10px;padding:8px 10px}.sea-map-copy{padding:14px}.sea-map-card:first-child .sea-map-copy{padding:17px}.community-band{padding:26px 24px;gap:20px}.community-band h2{font-size:23px;line-height:1.6}.community-band p{font-size:11px}.community-band .btn{width:100%}.news-row{padding:21px 10px;gap:12px;grid-template-columns:39px 1fr 14px}.news-row b{font-size:12px}.guide-card{padding:25px}.inner .empty{padding:38px 22px}.inner .empty h3{font-size:23px}.inner details{padding:17px}.platform-layout{gap:25px}.support-community .community-group{padding:15px 11px}.support-community .group-icon{display:none}.inner .prose{padding:24px}.footer-top>div{gap:7px 20px}.footer-bottom{font-size:9px}.group-edit-actions{gap:4px}}
@media(prefers-reduced-motion:reduce){#community-popover{animation:none}.community-group,.community-chevron{transition:none}}

/* Real game inventory icons retain their transparent silhouette. */
.archive-card:not(.map-card) .archive-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(117,184,226,.12),transparent 70%)}
.archive-card .archive-art img.archive-icon{position:static;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45));padding:0;opacity:1}
.archive-card:hover .archive-art img.archive-icon{transform:translateY(-4px) scale(1.06)}
.archive-art .icon-unavailable,.icon-unavailable{font-size:12px;color:#8ba2b8;letter-spacing:.08em}
.archive-detail-heading{display:flex;align-items:center;gap:24px;margin:20px 0}
.archive-detail-heading .archive-icon{width:96px;height:96px;object-fit:contain}
.archive-detail-heading h2{margin:0 0 8px}
.archive-detail-heading p{margin:0}
@media(max-width:600px){.archive-card .archive-art img.archive-icon{width:88px;height:88px}.archive-detail-heading{gap:14px}.archive-detail-heading .archive-icon{width:72px;height:72px}}

.recipe-resource{display:flex;align-items:center;gap:12px}.recipe-resource .recipe-icon{width:38px;height:38px;object-fit:contain;flex-shrink:0}

.archive-card .archive-art img.archive-line-icon,.archive-detail-heading .archive-line-icon{filter:invert(1) sepia(.2) saturate(1.4) drop-shadow(0 0 12px rgba(168,214,255,.25))}

/* Source: archive-ui.css */
.library-page{max-width:1360px}.archive-index-mast{padding:12px 0 28px}.archive-index-mast h1{font-size:clamp(38px,5vw,66px);line-height:1.12;letter-spacing:-.045em}.archive-index-mast h1 span{color:#b8d8f4}.archive-index-mast p{max-width:580px;line-height:1.8}.archive-stats{gap:10px;margin:0 0 24px}.archive-stats>div{display:flex;align-items:baseline;gap:12px;padding:16px 22px;border-radius:20px;background:rgba(21,43,62,.35)}.archive-stats strong{font-size:26px}.archive-stats span{font-size:12px}.archive-nav{padding:8px;gap:8px;border-radius:22px;background:rgba(12,29,47,.7)}.archive-nav button{border-radius:16px;padding:14px 24px}.archive-toolbar{border-radius:24px;padding:20px;margin-top:16px;scroll-margin-top:120px}.archive-toolbar input{border-radius:14px!important}.archive-grid{gap:18px}.archive-card{border-radius:24px;overflow:hidden;text-align:left}.archive-card .archive-art{height:150px}.archive-card-copy{padding:20px}.archive-card-copy h3{font-size:17px;line-height:1.5;min-height:26px}.archive-card-copy p{font-size:11px;opacity:.7}.archive-card-copy>div{font-size:11px}.archive-art small{top:14px;left:14px;border-radius:9px;font-size:10px}.archive-note{font-size:12px;line-height:1.8;border-radius:16px}.archive-provenance{opacity:.65;font-size:11px}.archive-quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.archive-quick-filters button{padding:8px 14px;border-radius:100px;font-size:12px;border:1px solid rgba(179,211,240,.18);color:#c7dced;background:rgba(22,44,65,.65)}.archive-quick-filters button:hover{background:rgba(105,160,203,.28)}
.library-page:has(.archive-record-head)>.page-masthead{display:none}.archive-breadcrumb{display:flex;justify-content:space-between;gap:20px;color:#a8c4dc;font-size:12px;margin:10px 0 28px}.archive-breadcrumb span{opacity:.55}.archive-record-head{display:flex;gap:28px;align-items:center;padding:28px;border-radius:30px;border:1px solid rgba(188,216,244,.19);background:linear-gradient(120deg,rgba(48,79,105,.62),rgba(8,22,40,.66));box-shadow:0 24px 70px #0003;backdrop-filter:blur(16px)}.archive-record-icon{width:140px;height:140px;display:grid;place-items:center;border-radius:26px;background:radial-gradient(circle,rgba(136,193,234,.17),transparent);flex-shrink:0}.archive-record-icon img{width:120px;height:120px;object-fit:contain}.archive-record-icon .archive-line-icon{filter:invert(1) sepia(.2) saturate(1.4)}.archive-record-head h1{font-size:clamp(28px,4vw,48px);line-height:1.2;margin:12px 0;overflow-wrap:anywhere}.archive-record-head p{color:#8faac2;margin:0}.archive-detail-nav{display:flex;gap:8px;margin:20px 0;overflow-x:auto;padding:6px;border-radius:18px;background:rgba(10,26,43,.8)}.archive-detail-nav button{white-space:nowrap;border:0;border-radius:13px;background:transparent;color:#bed3e6;padding:13px 22px;cursor:pointer}.archive-detail-nav button:hover,.archive-detail-nav button:focus-visible{background:#b9d8f4;color:#0a2036}.archive-version{font-size:12px;color:#96aec5;margin:14px 0 24px}.archive-section{margin:20px 0;padding:28px;border:1px solid rgba(180,214,242,.15);border-radius:26px;background:rgba(11,28,47,.74);backdrop-filter:blur(18px);scroll-margin-top:118px}.archive-section-title{display:flex;align-items:center;gap:16px;border-bottom:1px solid #b8d6ef1b;padding-bottom:18px;margin-bottom:22px}.archive-section-title>span{font-size:9px;letter-spacing:.14em;border:1px solid #a1c3df2c;color:#a0bed7;border-radius:8px;padding:6px 8px}.archive-section-title h2{font-size:22px;margin:0}.archive-section h3{margin:28px 0 12px;font-size:15px}.archive-table-wrap{overflow-x:auto}.archive-table{border-collapse:collapse;width:100%;font-size:14px}.archive-table th,.archive-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #b0cce416;white-space:nowrap}.archive-table th{font-weight:500;color:#a9c4da}.archive-table tbody tr:hover{background:#8bb7dd0b}.archive-table tbody tr:last-child>*{border-bottom:0}.archive-table td{font-variant-numeric:tabular-nums}.archive-chips{display:flex;flex-wrap:wrap;gap:10px}.archive-chip{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;background:rgba(101,145,183,.08);border:1px solid #b4cee01e;border-radius:13px;font-size:13px;color:#cfe0ef;max-width:100%}.archive-chip span{overflow-wrap:anywhere}.archive-chip img{width:32px;height:32px;object-fit:contain}.archive-chip .archive-line-icon{filter:invert(1)}.archive-chip b{font-weight:400;color:#8caac3;padding-left:6px}.archive-chip:hover{border-color:#c2e3ff69;background:#90b8db1c}.archive-chip.muted{opacity:.6}.archive-footnote,.archive-muted{color:#8fa8be;font-size:12px;line-height:1.9}.archive-footnote{margin-top:20px}.recipe-controls{display:flex;align-items:end;gap:24px;margin:24px 0;color:#a6bfd4;font-size:13px}.recipe-controls label{display:grid;gap:8px}.recipe-controls input{width:130px;border:1px solid #c1dcf333;border-radius:12px;background:#07162480;color:#dfeeff;padding:12px}.archive-loading{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#20394c99;border-radius:18px;color:#b6cbdd;font-size:13px}.archive-command{display:block;padding:16px;margin:10px 0;border-radius:12px;background:#0004;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.archive-record-head+.archive-detail-nav~#archive-record-body>.detail-metrics{margin-bottom:24px}.archive-section .detail-metrics{margin:0;gap:12px}.archive-section .detail-metrics>div{background:#749dbe0a;border-color:#bcdaf014}.archive-record-head a:focus-visible,.archive-chip:focus-visible{outline:2px solid #c6e7ff;outline-offset:3px}
@media(max-width:760px){.archive-stats{grid-template-columns:repeat(2,1fr)}.archive-stats>div{padding:12px;gap:8px}.archive-stats strong{font-size:23px}.archive-record-head{padding:20px;gap:15px;border-radius:22px}.archive-record-icon{width:80px;height:80px}.archive-record-icon img{width:74px;height:74px}.archive-record-head h1{font-size:27px}.archive-breadcrumb span{display:none}.archive-section{padding:18px;border-radius:20px}.archive-section-title{gap:10px}.archive-section-title h2{font-size:19px}.archive-section-title>span{font-size:8px}.archive-table th,.archive-table td{padding:12px 9px;font-size:12px}.archive-detail-nav button{padding:12px 15px}.archive-chip{font-size:12px;padding:8px;gap:7px}.archive-chip img{width:27px;height:27px}.archive-grid{gap:12px}.archive-card-copy{padding:14px}.archive-card-copy h3{font-size:14px}.archive-card .archive-art{height:120px}.archive-loading{align-items:flex-start;flex-direction:column}.recipe-controls{align-items:center;gap:16px}.archive-nav button{padding:12px 15px}.archive-section .detail-metrics{grid-template-columns:repeat(2,1fr)}}

.archive-options{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 4px;color:#9cb6cd;font-size:12px}.archive-options label{display:flex;align-items:center;gap:8px;cursor:pointer}.archive-options input{accent-color:#b7d8f4}.archive-save{margin-left:auto;white-space:nowrap}.archive-favorite-mark{position:absolute;right:16px;top:12px;color:#c8e6ff;font-style:normal}.archive-quick-filters button:first-child{border-color:#d4eaff38}.dye-art{position:relative;display:flex!important;align-items:center;justify-content:center;width:100px;height:96px;font-size:12px!important}.dye-art i{display:block;width:56px;height:56px;background:var(--dye);border-radius:18px 18px 22px 22px;transform:rotate(-12deg);box-shadow:inset 0 4px 9px #ffffff4d,inset 0 -8px 12px #0002,0 14px 25px #0004;border:1px solid #fff4}.dye-art i:before{content:'';display:block;position:absolute;width:35px;height:8px;background:#c6d4dd;border-radius:4px;left:10px;top:-4px;box-shadow:0 3px 0 #63717e}.dye-art b{position:absolute;bottom:0;font-size:9px;font-weight:400;letter-spacing:.15em;color:#acc3d5}.archive-record-icon .dye-art{transform:scale(1.15)}.admin-archive progress{width:100%;height:10px;accent-color:#9bbbdc;margin:16px 0}.admin-archive .actions{margin:24px 0}.admin-archive .admin-stats strong{font-size:26px}.map-record-filter{display:flex;gap:12px;align-items:center;margin:20px 0}.map-record-filter input{padding:12px;border:1px solid #a8c8e033;background:#0a1b2b99;border-radius:12px;color:#d5e6f5}.resource-row[hidden]{display:none!important}
@media(max-width:760px){.archive-toolbar{grid-template-columns:1fr 1fr}.archive-toolbar>label:first-child{grid-column:1/-1}.archive-toolbar>span{grid-column:1/-1}.archive-options{align-items:flex-start;font-size:11px}.archive-record-head{flex-wrap:wrap}.archive-save{margin:0 0 0 auto;padding:9px 13px}.dye-art{transform:scale(.9)}.archive-record-icon .dye-art{transform:scale(.8)}}

#admin-save[hidden]{display:none!important}

/* Source: sea-premium.css */
/* SEA: soft ice, dark glass and a tactile raised edge. */
:root{--sea-edge:rgba(199,225,255,.18);--sea-focus:#c4e7ff}
body .btn,body .btn:not(.secondary),body .hero .btn:not(.secondary),body .hero .btn,body .nav-community{
 position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:16px;
 min-height:46px;padding:12px 22px;border:1px solid rgba(201,229,255,.3);border-radius:13px;
 background:linear-gradient(155deg,rgba(126,177,219,.23),rgba(44,78,112,.38));color:#e7f3ff;
 box-shadow:inset 0 1px 0 rgba(237,248,255,.15),0 5px 16px rgba(0,9,23,.16);
 backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-weight:500;font-size:13px;letter-spacing:.04em;text-shadow:none;
 transition:background .22s,border-color .22s,box-shadow .22s,transform .22s;color-scheme:dark;
}
body .btn:before,body .nav-community:before{content:none}
body .btn.secondary,body .hero .btn.secondary{background:rgba(9,24,40,.35);border-color:rgba(177,207,237,.18);color:#b8cde2;box-shadow:inset 0 1px 0 #ffffff08,0 4px 14px #00000012}
body .nav-community{min-height:40px;padding:10px 16px;font-size:12px;gap:9px;border-radius:12px;background:rgba(135,182,224,.1)}
body #admin-login .auth-submit{background:linear-gradient(135deg,#afcee7,#86afd0);color:#102c44;border-color:#d0e7f36b;box-shadow:inset 0 1px 0 #ffffff45,0 6px 18px #00000020;font-weight:600;min-height:48px}
body .btn>span:last-child:not(:first-child){transition:transform .22s}
@media(hover:hover){body .btn:not(:disabled):hover,body .btn:not(.secondary):hover,body .hero .btn:not(.secondary):hover,body .hero .btn:hover,body .nav-community:hover{background:linear-gradient(150deg,rgba(144,195,237,.3),rgba(54,92,126,.46));border-color:#bddcff8a;color:#f0f8ff;box-shadow:inset 0 1px 0 #eaf7ff26,0 8px 22px #00000026;filter:none;transform:translateY(-1px)}body .btn.secondary:hover{background:#bedfff12;border-color:#c3dfff50;color:#e3f1ff}body #admin-login .auth-submit:hover{background:linear-gradient(135deg,#c0dcee,#99bdd9);color:#102c44}body .btn:hover>span:last-child:not(:first-child){transform:translateX(3px)}}
body .btn:not(:disabled):active,body .nav-community:active{transform:translateY(1px);box-shadow:inset 0 1px 5px #00000020;filter:none}
body button:disabled,body .btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none;box-shadow:none}
:is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--sea-focus);outline-offset:4px}
.tab,.archive-detail-nav button,.archive-nav button{border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0d;transition:background .2s,border-color .2s,transform .2s}
.tab.active,.archive-nav button.active{background:linear-gradient(135deg,#b7d8ff28,#a5cfff10);border-color:#c4dfff50;color:#e8f4ff;box-shadow:inset 0 1px 0 #e2f3ff24,0 4px 14px #0002}
.archive-card,.guide-card,.panel,.sea-project{box-shadow:inset 0 1px 0 #e1efff12,0 15px 38px #0002}
.page-masthead{padding-bottom:32px;border-bottom:1px solid #bbd9ff16;margin-bottom:32px}
.page-masthead h1{letter-spacing:-.045em}.page-masthead p{line-height:1.9}
body[data-route="admin"]{background:radial-gradient(ellipse at 15% 25%,#17314b 0,transparent 48%),#09121f}
.admin-page{max-width:1240px}.admin-page .page-masthead{margin-bottom:28px}.admin-page .page-masthead h1{font-size:clamp(28px,3vw,42px)}
.admin-auth{display:grid;grid-template-columns:1.05fr 1fr;padding:0!important;gap:0!important;overflow:hidden;border:1px solid #bedaff28;border-radius:30px;background:#101e2ce8;box-shadow:0 35px 90px #0005,inset 0 1px 0 #fff1;max-width:1040px;margin:0 auto}
.admin-auth-brand{position:relative;overflow:hidden;padding:48px!important;background:radial-gradient(ellipse at 60% 75%,#35648655,transparent 60%),linear-gradient(150deg,#203950,#0d1b2b);display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid #c9e4ff16}
.admin-auth-brand:after{content:"";position:absolute;width:320px;height:320px;border:1px solid #c7e6ff12;border-radius:50%;right:-80px;bottom:-80px;box-shadow:0 0 0 40px #b2d9ff04,0 0 0 80px #b2d9ff03;pointer-events:none}
.admin-auth h2{font-size:clamp(28px,3vw,38px);line-height:1.55;letter-spacing:-.035em;margin:24px 0 16px}.admin-auth-brand p{font-size:13px;line-height:2;color:#9bb4ce}.admin-auth-art{height:150px!important;width:100%;display:flex;align-items:center;margin:12px 0!important}.admin-auth-art img{width:126px!important;height:126px!important;object-fit:contain;filter:drop-shadow(0 15px 26px #0005)}.auth-signature{font-size:9px;letter-spacing:.18em;color:#819eb9;margin-top:auto}
#admin-login{padding:44px 42px;display:flex;flex-direction:column;gap:0;background:linear-gradient(140deg,#17263788,#0b172688)}
#admin-login h3{font-size:26px;margin:12px 0 8px;letter-spacing:-.03em}.auth-intro{font-size:12px;color:#90a8c1;margin:0 0 24px;line-height:1.8}
#admin-login>label{display:block;font-size:12px;font-weight:500;color:#c6daee;margin:0 0 9px}
#admin-login input{width:100%;height:48px;box-sizing:border-box;background:#081421b3;border:1px solid #9dbddd2b;border-radius:12px;padding:0 15px;color:#e2efff;box-shadow:inset 0 2px 6px #0002;margin-bottom:20px;font:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}
#admin-login input:focus{border-color:#a5d0f6;box-shadow:0 0 0 3px #b0d4ff0e}#admin-login input::placeholder{color:#6f89a4;font-size:11px}
.password-field{position:relative}.password-field input{padding-right:64px!important}.password-reveal{position:absolute;right:8px;top:7px;height:34px;border:0;border-radius:8px;background:#c5e0ff09;color:#afc9e4;padding:0 10px;font-size:11px;cursor:pointer}
#admin-login .auth-submit{min-height:48px;width:100%;display:flex;justify-content:space-between;padding:0 18px;margin-top:6px;flex-shrink:0}#admin-login #admin-message{min-height:20px;margin:14px 0 7px;font-size:12px;color:#d5e5f7}#admin-login .auth-security{font-size:10px;color:#7f99b3;text-align:center}
.admin-layout{gap:24px}.admin-sidebar{border:1px solid #c1dfff1c;border-radius:22px;padding:24px 16px;background:linear-gradient(150deg,#1a2e40bb,#102031bb)}.admin-account{display:flex;gap:11px;align-items:center;padding:20px 6px 24px}.account-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(140deg,#d3e9ff,#87add7);color:#14304f;font-weight:800;box-shadow:inset 0 1px 0 #fff8,0 4px 12px #0004}.admin-account b{font-size:13px}.admin-account small{display:block;font-size:10px;margin-top:4px;color:#8ea8c2}.admin-sidebar button{border-radius:12px;padding:13px 14px;margin-bottom:5px}.admin-sidebar button.active{background:linear-gradient(120deg,#aacfff26,#a8cfff0b);box-shadow:inset 0 1px 0 #c7e4ff25;border:1px solid #c5e0ff24}.admin-workspace{border-radius:24px;border:1px solid #bbd9ff1c;background:linear-gradient(140deg,#182b3d99,#0f1e2eaa);padding:30px}.admin-top{padding-bottom:22px;border-bottom:1px solid #bbd9ff17;margin-bottom:24px}.admin-top h2{font-size:25px}.admin-top p{font-size:11px;color:#90aac5}.admin-stats{gap:14px}.admin-stats article{border:1px solid #bbd9ff22;border-radius:18px;background:linear-gradient(145deg,#accfff12,#b8d8ff03);padding:25px;box-shadow:inset 0 1px 0 #fff1}.admin-row{border-radius:18px;border-color:#b8d8ff22}.admin-welcome{padding:30px;border-radius:20px}.admin-workspace input,.admin-workspace select,.admin-workspace textarea{border-radius:10px}
[hidden]{display:none!important}
/* Compact task-first library and planner. */
.library-page .page-masthead,.tools-page .tool-heading{padding:26px 30px;margin-bottom:24px;min-height:0}.library-page .page-masthead h1,.tools-page .tool-heading h1{font-size:clamp(27px,3vw,40px);line-height:1.25;margin:12px 0}.library-page .page-masthead p,.tools-page .tool-heading .intro{font-size:13px;margin:10px 0 0}.library-page .page-masthead>img{width:68px;height:68px}.tools-page .tool-emblem{font-size:42px;width:70px;height:70px}.archive-toolbar{grid-template-columns:minmax(170px,1fr) minmax(130px,.4fr) auto auto;gap:14px;padding:18px}.archive-toolbar label>span{font-size:11px}.archive-options{margin:14px 0}.archive-quick-filters{margin:12px 0 22px}.archive-card .archive-art{height:120px}.archive-card .archive-art img.archive-icon{width:80px;height:80px}.archive-card-copy{padding:16px}.archive-card-copy h3{font-size:15px}.archive-card-copy p{font-size:11px}.archive-data-note{margin-top:24px!important;font-size:12px}.archive-data-note p{font-size:11px;line-height:1.8}.archive-recent{margin-bottom:18px;padding:12px 16px}.archive-recent>small{display:none}.xp-simple-note{font-size:11px;color:#a7bed5;margin:14px 0 20px}.xp-advanced{padding:18px 22px!important;margin:0!important}.xp-advanced summary{font-size:13px;cursor:pointer}.xp-advanced summary small{font-size:10px;color:#829db8;margin-left:12px}.xp-advanced[open] summary{margin-bottom:18px}.xp-result .result-actions{display:block}.xp-result .result-actions>.btn{width:100%}.plan-file-tools{margin:16px 0 10px!important;padding:12px 14px!important;font-size:11px}.plan-file-tools summary{cursor:pointer;font-size:11px!important}.plan-file-tools[open] summary{margin-bottom:16px}.xp-result .xp-gauge{width:180px;height:180px}.xp-result{padding:24px}.tool-tabs{margin-bottom:12px}.xp-box .box-heading{margin-bottom:20px}.xp-help{font-size:11px}.catalog-card{padding:20px}.catalog-symbol{display:none}
@media(max-width:760px){.library-page .page-masthead,.tools-page .tool-heading{padding:22px 18px;margin-bottom:20px;gap:12px}.library-page .page-masthead h1,.tools-page .tool-heading h1{font-size:28px}.library-page .page-masthead>img{width:48px;height:48px}.tools-page .tool-emblem{display:none}.archive-toolbar{grid-template-columns:1fr 1fr;gap:12px}.archive-toolbar>label:first-child{grid-column:1/-1}.archive-toolbar #library-count{align-self:end;padding-bottom:12px;font-size:11px}.archive-card .archive-art{height:100px}.archive-card .archive-art img.archive-icon{width:68px;height:68px}.archive-card-copy{padding:12px}.archive-card-copy h3{font-size:13px}.archive-card-copy>div{font-size:10px}.xp-advanced summary small{display:block;margin:6px 0 0}.xp-workspace{gap:18px}.xp-result{position:static}.xp-simple-note{line-height:1.8}.archive-nav button{font-size:12px;padding:12px}.archive-nav a{font-size:11px}}
.visit-panel{border:1px solid #bad8ff25;border-radius:20px;padding:24px;margin-bottom:24px;background:linear-gradient(140deg,#b0d4ff09,#0b1d3009)}.visit-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.visit-heading h3{margin:8px 0 0;font-size:22px}.visit-panel .admin-stats article{padding:18px}.visit-panel .muted{font-size:11px;line-height:1.9;margin:20px 0 0}.visit-panel small{font-size:10px;color:#8ca9c3}.visit-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:24px 0 16px}.visit-day{text-align:center;min-width:0}.visit-day b{display:block;font-size:11px;color:#c3def3;overflow-wrap:anywhere}.visit-bar-track{height:100px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #b8d8ff25;margin:8px 0}.visit-bar-track i{display:block;width:60%;max-width:36px;border-radius:6px 6px 0 0;background:linear-gradient(#badcf0,#5285a9);box-shadow:inset 0 1px 0 #ffffff55}.visit-day span{font-size:10px;color:#91afc8}@media(max-width:600px){.visit-panel{padding:16px}.visit-heading{align-items:flex-start}.visit-heading .label{font-size:8px}.visit-heading h3{font-size:20px}.visit-chart{gap:6px}.visit-panel .admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.visit-panel .admin-stats article{padding:12px 8px}.visit-panel .admin-stats strong{font-size:22px}.visit-panel .admin-stats span{font-size:9px}}
.archive-recent{padding:18px 22px;margin:0 0 24px;border:1px solid #bbd9ff20;border-radius:18px;background:#0c2137a3;backdrop-filter:blur(16px)}.archive-recent>div:not(.recent-links){display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#bfd7ed;margin-bottom:12px}.archive-recent button{padding:6px 9px;border:0;border-radius:8px;background:transparent;color:#8daac4;font-size:11px;cursor:pointer}.archive-recent button:hover{background:#c3dfff10;color:#e7f3ff}.archive-recent .recent-links{display:flex;gap:8px;flex-wrap:wrap}.archive-recent .recent-links a{display:flex;align-items:center;gap:14px;font-size:12px;padding:9px 12px;border:1px solid #bad8ff22;border-radius:10px;background:#bad8ff06;color:#cadff0;max-width:100%;overflow-wrap:anywhere}.archive-recent .recent-links a:hover{border-color:#bad8ff55;background:#bad8ff14}.archive-recent .recent-links a span{color:#7b9fbd}.archive-recent>small{display:block;margin-top:12px;font-size:10px;color:#7593ad}@media(max-width:600px){.archive-recent{padding:16px}.archive-recent .recent-links{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.archive-recent .recent-links a{white-space:nowrap;flex-shrink:0}}
.news-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:28px 0 16px}.news-controls .tabs{margin:0;display:flex;gap:6px;padding:5px;border:1px solid #b8d8ff1c;border-radius:16px;background:#07162566}.news-controls .tab{border:1px solid transparent;background:transparent;color:#a4bcd3;padding:11px 17px;box-shadow:none}.news-controls .tab.active{background:#b5d9ff13!important;color:#e1f0ff!important;border-color:#b8d8ff33!important}.news-controls .tab span{font-size:10px;margin-left:7px;opacity:.65}.news-search{display:flex;flex-direction:column;gap:8px;min-width:260px;font-size:11px;color:#a5bdd4}.news-search input{width:100%;border:1px solid #b8d8ff2c;border-radius:12px;background:#0b2137a6;color:#e1f0ff;padding:13px 15px;font:inherit;font-size:13px}.news-search input::placeholder{color:#8ba2bb}#news-count{font-size:11px;margin:18px 0}#news-list .news-row{width:100%;margin-bottom:12px;padding:24px;border:1px solid #bfdcff1c;background:linear-gradient(115deg,#b2d2ff0b,#b2d2ff03);box-shadow:inset 0 1px 0 #fff06}#news-list .news-row:hover{background:#bfdcff10;border-color:#bfdcff38}#news-list .news-row small{letter-spacing:.08em;font-size:10px}#news-list .news-row b{display:block;margin-top:6px}#article{max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}#article h2{padding-right:20px;line-height:1.55}#article-content>p{line-height:2.1}.article-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;margin-top:24px;border-top:1px solid #b8d8ff22}#article .article-done{position:static;width:auto;height:auto;border:0;border-radius:10px;font-size:12px;padding:12px;color:#a8c2da;background:transparent}.article-done:hover{background:#b8d8ff0c!important}.archive-empty{grid-column:1/-1}.archive-empty .btn{margin-top:12px}
@media(max-width:600px){.news-controls{align-items:stretch;flex-direction:column;gap:18px}.news-controls .tabs{width:fit-content}.news-search{min-width:0}#news-list .news-row{padding:20px 15px;grid-template-columns:45px 1fr 14px}#article{width:calc(100% - 28px);padding:28px 22px;box-sizing:border-box;border-radius:22px}.article-actions{align-items:stretch;flex-direction:column}.article-actions .btn{width:100%;box-sizing:border-box}#article .article-done{align-self:center}#article h2{font-size:21px}}
@media(max-width:760px){.admin-auth{grid-template-columns:1fr;border-radius:22px}.admin-auth-brand{padding:26px!important;border-right:0;border-bottom:1px solid #c9e4ff16}.admin-auth h2{font-size:27px;margin:16px 0 10px}.admin-auth-brand p{margin:0;max-width:75%;font-size:11px}.admin-auth-art{position:absolute;right:20px;bottom:20px;width:75px;height:75px!important;margin:0!important}.admin-auth-art img{width:75px!important;height:75px!important}.auth-signature{display:none}#admin-login{padding:28px 24px}#admin-login h3{font-size:23px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:flex;flex-wrap:wrap;gap:6px;padding:16px}.admin-sidebar>.label,.admin-account{width:100%}.admin-account{padding:6px 0 12px}.admin-sidebar button{width:auto;font-size:11px;padding:10px 12px}.admin-sidebar button span{display:none}.admin-sidebar>a,.admin-sidebar>small{padding:10px}.admin-workspace{padding:20px;min-width:0}.admin-top{flex-wrap:wrap;gap:14px}.admin-top .btn{width:100%}.admin-stats{grid-template-columns:1fr}.page-masthead{padding-bottom:24px}.btn{min-height:44px}.admin-page .page-masthead>img{width:58px}.admin-welcome{padding:22px}}
@media(prefers-reduced-motion:reduce){.btn,.btn:before,.nav-community,.nav-community:before,.tab{transition:none}.btn:hover,.nav-community:hover{transform:none}}

/* Source: sea-polish.css */
/* SEA / Deep-water editorial finish. Keep the original community artwork. */
:root{--sea-surface:linear-gradient(135deg,rgba(24,48,69,.83),rgba(7,22,38,.9));--sea-hairline:rgba(181,214,240,.17)}
body{font-synthesis:none;-webkit-font-smoothing:antialiased}
body:not([data-route=admin]) header{background:linear-gradient(110deg,#142c41d9,#081525d9);border-color:#bfdcf02b;box-shadow:0 12px 36px #0003,inset 0 1px #ffffff0c}
header nav a.active{background:#bfdfff12;border-color:#bfdfff26;box-shadow:inset 0 1px #ffffff0c}
body:not([data-route=admin]) .inner{max-width:1220px;padding-top:140px}
.route-heading{padding:12px 0 22px;margin-bottom:28px}
.route-heading h1{font-size:clamp(32px,3.65vw,50px);line-height:1.35;letter-spacing:-.04em;margin:16px 0}
.route-heading .intro{font-size:14px;max-width:640px;color:#b3c8da}
.route-heading:after{width:76px;height:1px;margin-top:24px;background:linear-gradient(90deg,#b7d9f4,#b7d9f400)}
.label{font-size:10px;letter-spacing:.18em}
body:not([data-route=admin]) :is(.panel,.guide-card,.xp-box,.xp-result,.catalog-card,.archive-card,.archive-toolbar,.empty,.check-item,.inner .prose){background:var(--sea-surface)!important;border-color:var(--sea-hairline)!important;box-shadow:inset 0 1px #eff8ff0a,0 12px 32px #00000018;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.inner .tools{background:#0a1e30bf;border:1px solid var(--sea-hairline);padding:16px;border-radius:18px}
.inner :is(input:not([type=checkbox]),select,textarea){background:#061421a6;border-color:#a9cbe22e;border-radius:11px;box-shadow:inset 0 2px 5px #0002;transition:border-color .2s,background .2s;min-height:44px}
.inner :is(input:not([type=checkbox]),select,textarea):focus{outline:2px solid #b9dcf34d;outline-offset:2px;border-color:#b9dcf394;background:#0b2032}
.inner input::placeholder,.inner textarea::placeholder{color:#8aa5ba;opacity:1}
body .btn,body .btn:not(.secondary),body .hero .btn:not(.secondary){background:linear-gradient(135deg,#d4e7f4,#9fbed5);color:#142d40;border-color:#e0f0fa88;box-shadow:inset 0 1px #ffffff99,0 4px 12px #0002;border-radius:12px;font-weight:600;letter-spacing:.015em;min-height:46px}
body .btn.secondary,body .hero .btn.secondary{background:linear-gradient(145deg,#29435880,#10263999);color:#c5daeb;border-color:#bfdcf035;box-shadow:inset 0 1px #ffffff0d,0 4px 12px #0001;font-weight:500}
body .nav-community{background:#afcfe917;color:#d4e6f4;border-color:#bad9f03d;box-shadow:inset 0 1px #ffffff10}
body .nav-community[aria-expanded=true]{background:#aacde52b;border-color:#c9e6fa77}
.archive-nav,.tool-tabs{background:#071a2ac7!important;border:1px solid var(--sea-hairline);padding:6px;border-radius:16px}
.archive-nav button,.tool-tabs button,.tab{font-weight:500}
body :is(.archive-nav,.tool-tabs,.tabs) .active{background:linear-gradient(135deg,#bfd9ed26,#8caec716)!important;color:#e1f0fb!important;border:1px solid #bfdaee38!important;box-shadow:inset 0 1px #ffffff16}
.archive-card{border-radius:18px}.archive-card .archive-art{background:radial-gradient(ellipse at 50% 65%,#89bdd424,transparent 72%)}
.archive-card-copy{border-top:1px solid #b9d4e910}.archive-card-copy h3{line-height:1.6;font-weight:600}.archive-card-copy p{color:#9cb5c9}
.archive-card-copy>div{border-top-color:#bfdcf010}
.library-page .page-masthead,.tools-page .tool-heading{padding:14px 0 24px;border-bottom:1px solid #b6d3ea20;margin-bottom:24px}
.library-page .page-masthead>img{width:64px;height:64px;opacity:.75}
.archive-toolbar{border-radius:16px;display:grid;align-items:end}
.inner .empty{border-radius:22px;padding:42px 26px}.inner .empty h3{font-size:22px;margin:16px 0}.inner .empty p{font-size:13px;line-height:1.9}
.checklist{counter-reset:preparation}.check-item{position:relative;align-items:center;padding:21px 22px;gap:16px;border-radius:16px;counter-increment:preparation}
.check-item:after{content:counter(preparation,decimal-leading-zero);margin-left:auto;color:#88a8bf6b;font:12px/1.2 ui-monospace,monospace;align-self:flex-start;padding-top:5px}
.check-item>span{font-size:14px;font-weight:500}.check-item small{font-size:12px;line-height:1.8;margin-top:8px;color:#a3bbce}
.check-item input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 23px;width:23px;height:23px;padding:0;margin:0;display:grid;place-content:center;border:1px solid #aacce45c;border-radius:7px;background:#071a2b;cursor:pointer}
.check-item input[type=checkbox]:checked{background:#c1dfef;border-color:#d9effa}.check-item input[type=checkbox]:checked:after{content:'';width:9px;height:5px;border-left:2px solid #16394e;border-bottom:2px solid #16394e;transform:translateY(-1px) rotate(-45deg)}
body .check-item:has(input:checked){background:linear-gradient(130deg,#24485cdc,#102a3bdc)!important;border-color:#a5cee74d!important}
.inner details{background:#0b2032d6;border-color:#b6d5ed24;border-radius:14px;padding:18px 20px}.inner summary{font-weight:500;color:#d0e0ed;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.inner summary::-webkit-details-marker{display:none}.inner summary:after{content:'+';font-size:19px;font-weight:300;color:#93b6ce;flex-shrink:0}.inner details[open]>summary:after{content:'−'}.inner details[open]{background:#10283bdc;border-color:#b6d5ed40}.inner details p{font-size:12px;line-height:1.95;color:#a9c1d4}
.progress{height:3px;border-radius:8px;background:#c0d8e51a}.progress span{background:linear-gradient(90deg,#6d9bb9,#c0e3f5);box-shadow:0 0 12px #95c5e833}
#news-list .news-row{background:var(--sea-surface);border-radius:16px;padding:22px 24px;border-color:var(--sea-hairline)}
.quicklinks{background:#0c2235c9;border-color:var(--sea-hairline)}.quicklink .icon{border:1px solid #c3deef24;border-radius:13px;background:#bad9ec09;display:grid;place-items:center}
.section-head h2{letter-spacing:-.035em}.community-band{background:linear-gradient(110deg,#1b3a50d9,#091b2cdb);border-color:#c0dfef30}
footer{background:#061423d9}.footer-bottom{line-height:1.8}
@media(hover:hover){body .btn:not(.secondary):not(:disabled):hover,body .hero .btn:not(.secondary):hover{background:linear-gradient(135deg,#e3f1fa,#b3d0e5);color:#102b3f;border-color:#e5f4ff;box-shadow:inset 0 1px #fff,0 7px 20px #0003;transform:translateY(-2px)}body .btn.secondary:hover{background:#26465bbf;color:#e3f2fc;border-color:#b8d8ed65}.archive-card:hover{transform:translateY(-3px);border-color:#b7daef66!important;box-shadow:0 14px 26px #0003}.check-item:hover{border-color:#b7daef4d!important}.inner details:hover{border-color:#b7daef42}}
@media(max-width:760px){body:not([data-route=admin]) .inner{padding-top:110px}.route-heading{padding-top:5px;margin-bottom:24px}.route-heading h1{font-size:32px;line-height:1.4}.route-heading .intro{font-size:12px}.route-heading:after{margin-top:20px}.inner .tools{padding:12px;gap:10px}.inner .empty{padding:32px 20px}.check-item{padding:18px 15px;gap:12px}.check-item>span{font-size:13px}.check-item small{font-size:11px}.check-item:after{font-size:10px}.archive-toolbar{grid-template-columns:1fr 1fr}.archive-card{border-radius:15px}.library-page .page-masthead,.tools-page .tool-heading{padding:8px 0 20px}.inner details{padding:16px}.inner summary{font-size:12px}.hero .actions .btn{padding:13px 18px}.section-head{align-items:flex-end}.section-head>a{flex-shrink:0}.footer-top>div a{padding:10px 0}}
@media(prefers-reduced-motion:reduce){.check-item,.archive-card,body .btn,.inner input,.inner select,.inner textarea{transition:none!important}}
.motion-off .check-item,.motion-off .archive-card,.motion-off .btn{transition:none!important}

/* Keep labels readable over bright game screenshots. */
body #main .sea-project .project-status{background:#091928d9;color:#e4eff8;border-color:#c8dfed38}

/* Source: sea-studio.css */
/* Detail reading room and private management studio. */
.archive-breadcrumb{align-items:center;margin:0 0 20px;font-size:11px}.archive-breadcrumb a{padding:10px 0;color:#bfd6e7}
.archive-record-head{position:relative;overflow:hidden;padding:30px 34px;gap:28px;border-radius:24px;background:linear-gradient(115deg,#24475fe8,#0b1c2fec);border-color:#b9daed30;box-shadow:inset 0 1px #ffffff12,0 18px 50px #0002}
.archive-record-head:after{content:'SEA / ARCHIVE';position:absolute;right:28px;bottom:18px;color:#a9cfe51c;letter-spacing:.24em;font:10px ui-monospace,monospace;pointer-events:none}
.archive-record-icon{width:112px;height:112px;border:1px solid #b5d8ef26;border-radius:22px;background:radial-gradient(circle at 35% 20%,#9ccde923,#081e3009);box-shadow:inset 0 1px #ffffff0c}.archive-record-icon img{width:92px;height:92px;filter:drop-shadow(0 8px 12px #0004)}
.archive-record-head>div:nth-child(2){min-width:0}.archive-record-head h1{font-size:clamp(28px,3.3vw,42px);margin:12px 0 8px;letter-spacing:-.035em}.archive-record-head p{font-size:13px;letter-spacing:.06em;color:#98b9cf}
.archive-save{min-height:42px;padding:10px 17px;border-radius:12px}.archive-save[aria-pressed=true]{background:#a7d4e924;color:#e0f2ff;border-color:#b1ddf464}
.archive-detail-nav{position:sticky;top:108px;z-index:5;display:flex;flex-wrap:nowrap;gap:6px;margin:18px 0;padding:6px;border:1px solid #bad9ec28;border-radius:15px;background:#0a1d2ff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 24px #0002;scrollbar-width:thin;scrollbar-color:#66899e transparent}
.archive-detail-nav button{flex:0 0 auto;min-height:42px;padding:10px 22px;font-size:12px;border:1px solid transparent;border-radius:10px}.archive-detail-nav button:hover,.archive-detail-nav button[aria-current]{background:#b9d9eb19;color:#e1f1fd;border-color:#c2e0f133}
.archive-version{font-size:11px;line-height:1.8;color:#9db7ca;margin:16px 2px 22px}
#archive-record-body>.detail-metrics,.archive-section .detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}
#archive-record-body .detail-metrics>div{min-width:0;background:linear-gradient(140deg,#17344bdc,#0a2032e8);border:1px solid #bddcef20;border-radius:16px;padding:21px 22px;box-shadow:inset 0 1px #ffffff09}
#archive-record-body .detail-metrics small{font-size:11px;color:#98b6cd;line-height:1.7}#archive-record-body .detail-metrics strong{display:block;margin-top:12px;font-size:20px;font-weight:550;line-height:1.55;color:#deedf7;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.archive-section{background:linear-gradient(130deg,#112c40ee,#091d30ed);border:1px solid #bddcef24;border-radius:21px;padding:28px 30px;scroll-margin-top:184px;box-shadow:inset 0 1px #ffffff09}
.archive-section-title{justify-content:space-between;flex-direction:row-reverse;padding-bottom:18px;margin-bottom:20px}.archive-section-title h2{font-size:20px;letter-spacing:-.02em}.archive-section-title>span{font:9px ui-monospace,monospace;letter-spacing:.16em;background:#b1d3e908;border:0;padding:8px 10px;color:#83a8c1}
.archive-table-wrap{border:1px solid #bbd8e81c;border-radius:14px;scrollbar-width:thin;scrollbar-color:#5d829b #081b2c;overscroll-behavior-x:contain}.archive-table thead{background:#bad9ee09}.archive-table th,.archive-table td{font-size:13px;padding:15px 18px}.archive-table tbody th{color:#d1e4f2;font-weight:500}.archive-table td{color:#b6cee0}.archive-table tbody tr:nth-child(even){background:#bdd9ed03}.archive-table td:not(:first-child){text-align:right}.archive-table th:not(:first-child){text-align:right}.archive-table .archive-chip{background:none;border-color:transparent;padding:2px 0;font-size:12px}
.archive-chip{background:#b2d4e808;border-color:#b4d5e925;border-radius:11px;font-size:12px;min-height:42px}.archive-chip b{margin-left:auto}.archive-chips{gap:9px}.archive-chips .archive-chip{padding:9px 12px}.archive-chip img{width:28px;height:28px}
.archive-footnote{font-size:11px;color:#8eabc0;line-height:1.9}.archive-section h3{color:#bdd6e8;font-size:13px;margin-top:24px}.recipe-controls{padding:18px 20px;background:#0617266e;border:1px solid #b6d6e71c;border-radius:14px;justify-content:space-between}.recipe-controls input{max-width:120px}#archive-recipe-totals.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-row{padding:13px 0;border-bottom:1px solid #b6d6e717;gap:18px}.resource-row strong{font-variant-numeric:tabular-nums;color:#d4eafa}.archive-command{border:1px solid #bad8e71b;background:#051524ad;color:#b7d1e2;line-height:1.8}
body[data-route=admin]{background:radial-gradient(ellipse at 5% 0%,#1c344b 0,transparent 45%),#09131f}body[data-route=admin] header{background:#0e2032ed;border-color:#bad7ed25}
.admin-page{max-width:1320px;padding-top:132px}.admin-page>.page-masthead{background:transparent!important;border:0!important;border-bottom:1px solid #b6d5ea20!important;border-radius:0!important;padding:12px 0 26px!important;margin-bottom:26px}.admin-page>.page-masthead h1{font-size:32px;margin:13px 0}.admin-page>.page-masthead p{font-size:12px;color:#91afc7}.admin-page>.page-masthead>img{width:64px;height:64px;opacity:.7}
.admin-layout{grid-template-columns:214px minmax(0,1fr);gap:22px;align-items:start}.admin-sidebar{position:sticky;top:110px;padding:22px 14px!important;background:linear-gradient(160deg,#172d40,#0d2032)!important;border:1px solid #bdd7e723;border-radius:20px;box-shadow:inset 0 1px #fff08}.admin-sidebar>.label{padding:0 10px;font-size:9px}.admin-account{padding:22px 8px;border-bottom:1px solid #b7d7e817;margin-bottom:14px}.account-avatar{border-radius:12px;box-shadow:inset 0 1px #fff8}.admin-sidebar button{display:flex;align-items:center;gap:11px;font-size:12px;min-height:44px;border:1px solid transparent;margin:0 0 5px;padding:11px 12px}.admin-sidebar button i{font-style:normal;width:18px;font-size:18px;text-align:center;color:#88abc5}.admin-sidebar button>span{margin-left:auto;font-size:16px;opacity:.6}.admin-sidebar button.active{background:linear-gradient(100deg,#a0cbe52b,#87b4d20d)!important;color:#e4f2fc!important;border-color:#badbee30!important;box-shadow:inset 0 1px #ffffff10}.admin-sidebar a,.admin-sidebar #admin-logout{font-size:11px;color:#9bb8ce}.admin-sidebar small{font-size:10px}
.admin-workspace{background:linear-gradient(140deg,#142b3eee,#0e2032)!important;border:1px solid #bbd8ec25;border-radius:22px;padding:28px;min-width:0;box-shadow:inset 0 1px #ffffff0b,0 20px 60px #0002}.admin-top{gap:16px;padding-bottom:20px;margin-bottom:24px}.admin-top h2{font-size:24px;letter-spacing:-.025em}.admin-top p{margin-top:9px;color:#94b3ca;font-size:11px}.admin-top .btn{font-size:12px;min-height:44px}.admin-fields{gap:20px}.admin-fields label{font-size:12px;color:#b6ccde;gap:9px}.admin-fields input,.admin-fields select,.admin-fields textarea{width:100%;box-sizing:border-box;background:#071a2abb;border-color:#9ebfd633;min-height:46px;font-size:13px}.admin-fields textarea{line-height:1.9;resize:vertical}.admin-row{padding:24px;background:#16324755;border:1px solid #b5d4e724;border-radius:17px;box-shadow:inset 0 1px #ffffff07}.admin-row-head{padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #bddbea16}.admin-row-head b,.admin-row h3{font-size:14px;font-weight:550}.admin-row .tab{min-height:36px;padding:8px 12px;font-size:11px;box-shadow:none}.admin-row [data-delete-row],.admin-row [data-group-delete]{color:#d2aeb1;border-color:#dba9ae26;background:#bb718308}
.admin-empty{padding:34px 28px;margin-bottom:22px;border:1px dashed #a9cbe238;border-radius:18px;background:radial-gradient(ellipse at top left,#8cb8d412,transparent 65%)}.admin-empty h3{font-size:23px;font-weight:550;line-height:1.6;margin:17px 0 12px}.admin-empty p{font-size:12px;color:#9ab6cb;line-height:1.9;max-width:480px}
.visit-panel{background:#081c2b80;border:1px solid #b3d1e626;border-radius:18px;padding:22px}.visit-heading h3{font-size:20px}.visit-heading .tab{min-height:38px;padding:8px 13px;font-size:11px}.admin-stats{gap:12px;margin:18px 0 24px}.admin-stats article{background:linear-gradient(140deg,#9ec5e010,#6c9db305)!important;border-color:#b6d6e825;padding:20px;border-radius:15px}.admin-stats strong{font-size:32px;color:#c6e1f1;line-height:1.2;font-variant-numeric:tabular-nums}.admin-stats span{font-size:11px;color:#99b6cc}.visit-chart{gap:16px;padding:10px 0}.visit-bar-track{height:116px;border-color:#b4d3e822}.visit-bar-track i{background:linear-gradient(#c7e4f3,#5c93b7);border-radius:5px 5px 0 0;box-shadow:inset 0 1px #fff8,0 0 18px #8bb8d41a}.visit-panel .muted{font-size:10px;color:#829fb4;line-height:1.85}.admin-welcome{background:linear-gradient(115deg,#25465e,#142d42)!important;border:1px solid #bddbef26;border-radius:18px;padding:28px}.admin-welcome h3{font-size:26px;line-height:1.5}.admin-welcome p{font-size:12px}.admin-workspace .notice{font-size:11px;line-height:1.9;padding:16px;border-radius:12px;margin-top:20px}.admin-workspace .muted{font-size:11px;line-height:1.9}.history-row{padding:18px 16px;border:1px solid #b6d6e71e;border-radius:13px;background:#9cbdd808;margin-bottom:10px}.history-row b{font-size:13px}.history-row .tab{min-height:38px;font-size:11px}.admin-archive>p{font-size:13px;line-height:1.9;color:#a9c4d9}.admin-archive .actions{gap:12px;flex-wrap:wrap}
.admin-auth{border-radius:24px;border-color:#bbd7e82e;box-shadow:0 25px 80px #0004,inset 0 1px #fff1}.admin-auth-brand{background:radial-gradient(ellipse at 30% 80%,#3a6c8938,transparent 65%),linear-gradient(145deg,#213c53,#102438);padding:44px!important}.admin-auth h2{font-size:32px;letter-spacing:-.03em}#admin-login{padding:42px;background:#0c2032a6}#admin-login h3{font-size:25px}.password-reveal{color:#afcee2;background:#9cc8e010;min-width:45px}.auth-security{line-height:1.8}
.platform-specs{padding:22px 0;border-top:1px solid #bbd9eb20;border-bottom:1px solid #bbd9eb20;margin:24px 0}.platform-specs b{font-weight:550}.support-community{border:1px solid #bad9ea24;border-radius:20px;padding:26px;background:#0d2639c7}.prose{line-height:1.95}.prose h2{font-size:22px;border-bottom:1px solid #b5d5e61e;padding-bottom:16px;margin-top:34px}.prose p{color:#aec7d9}.mod-card{overflow:hidden}.mod-card .mod-art{border-radius:13px}.mod-card .tag{font-size:10px;letter-spacing:.05em}.mod-card h3{font-size:20px;line-height:1.5}
@media(max-width:1000px){.admin-layout{grid-template-columns:180px minmax(0,1fr)}.admin-workspace{padding:22px}.admin-stats article{padding:17px}.admin-stats strong{font-size:28px}}
@media(max-width:760px){.archive-record-head{padding:22px 18px;gap:17px;border-radius:19px}.archive-record-icon{width:78px;height:78px;border-radius:17px}.archive-record-icon img{width:65px;height:65px}.archive-record-head>div:nth-child(2){flex:1}.archive-record-head .label{font-size:8px;letter-spacing:.1em}.archive-record-head h1{font-size:28px}.archive-record-head p{font-size:11px}.archive-record-head:after{left:20px;bottom:23px;right:auto;font-size:8px}.archive-save{margin-left:auto;min-height:40px}.archive-detail-nav{top:87px;margin:14px 0;gap:3px;border-radius:13px;padding:5px}.archive-detail-nav button{font-size:11px;padding:10px 13px;min-height:42px}.archive-version{font-size:10px;margin:13px 0 18px}#archive-record-body>.detail-metrics,.archive-section .detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}#archive-record-body .detail-metrics>div{padding:16px 14px;border-radius:13px}#archive-record-body .detail-metrics strong{font-size:17px;margin-top:9px;line-height:1.65}#archive-record-body .detail-metrics small{font-size:10px}.archive-section{padding:19px 15px;border-radius:17px;margin:16px 0;scroll-margin-top:155px}.archive-section-title h2{font-size:18px}.archive-section-title>span{font-size:8px;padding:6px}.archive-table th,.archive-table td{padding:13px 12px;font-size:12px}.archive-table{min-width:420px}.archive-table th:first-child,.archive-table td:first-child{position:sticky;left:0;background:#10283b;z-index:1}.archive-table thead th:first-child{background:#1a3448}.archive-section-title{margin-bottom:17px}.archive-footnote{font-size:10px}.recipe-controls{padding:15px;gap:12px;align-items:flex-end;font-size:11px;flex-wrap:wrap}.recipe-controls input{width:95px}.archive-chips .archive-chip{font-size:11px;max-width:100%;min-height:42px}.archive-chip img{width:24px;height:24px}.archive-section>.btn{width:100%;margin-top:16px}.archive-breadcrumb{margin-bottom:16px}
.admin-page{padding-top:110px}.admin-page>.page-masthead{padding:8px 0 20px!important}.admin-page>.page-masthead h1{font-size:27px;line-height:1.4}.admin-page>.page-masthead>img{width:48px;height:48px}.admin-layout{grid-template-columns:minmax(0,1fr);gap:16px}.admin-sidebar{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:7px;padding:15px!important;border-radius:17px}.admin-sidebar>.label{display:none}.admin-account{width:100%;padding:0 0 14px;margin:0 0 5px;gap:10px}.admin-account small{font-size:10px}.admin-sidebar button{flex:1 0 auto;justify-content:center;gap:7px;min-height:42px;font-size:11px;margin:0;padding:10px}.admin-sidebar button i{font-size:15px;width:15px}.admin-sidebar button>span{display:none}.admin-sidebar>a{font-size:11px;padding:12px}.admin-sidebar>small{display:none}.admin-sidebar #admin-logout{flex:0 0 auto}.admin-workspace{padding:20px 16px;border-radius:18px}.admin-top{align-items:center;flex-wrap:wrap;margin-bottom:20px}.admin-top h2{font-size:23px}.admin-top .btn{width:100%;font-size:12px;min-height:46px}.admin-fields{grid-template-columns:minmax(0,1fr);gap:17px}.admin-fields input,.admin-fields select,.admin-fields textarea{font-size:16px;min-height:48px}.admin-row{padding:18px 14px;border-radius:14px}.admin-row-head{gap:10px;flex-wrap:wrap}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-stats article{padding:15px 10px}.admin-stats strong{font-size:24px;overflow-wrap:anywhere}.admin-stats span{font-size:10px;line-height:1.6}.visit-panel{padding:17px 12px;border-radius:15px}.visit-heading{gap:10px}.visit-heading h3{font-size:18px}.visit-heading .label{font-size:8px}.visit-chart{gap:7px}.visit-panel .admin-stats strong{font-size:23px}.visit-panel .admin-stats article{padding:14px 9px}.admin-welcome{padding:23px 19px}.admin-welcome h3{font-size:24px}.admin-welcome .btn{width:100%}.admin-empty{padding:26px 20px}.admin-empty h3{font-size:21px}.admin-empty p{font-size:11px}.admin-archive .admin-stats{grid-template-columns:1fr}.admin-archive .admin-stats article{flex-direction:row;align-items:center;justify-content:space-between;gap:14px;padding:16px}.admin-archive .admin-stats strong{font-size:22px}.admin-archive .actions .btn{flex:1}.history-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px}.history-row>span{grid-column:1;font-size:10px}.history-row>.tab{grid-column:2;grid-row:1/3;min-height:44px}.admin-auth-brand{padding:28px!important}.admin-auth h2{font-size:28px}#admin-login{padding:30px 24px}#admin-login input{font-size:16px}.support-community{padding:22px 18px}.prose h2{font-size:20px}.platform-specs{gap:25px}.mod-card h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.archive-detail-nav button{transition:none}}

/* Source: sea-clear.css */
/* Clear ocean glass: visible scenery, restrained highlights. */
:root{--sea-surface:linear-gradient(125deg,#b8dcf014,#143c571a);--sea-hairline:#d0e8fa2c}
body:not([data-route=admin]) header{background:linear-gradient(110deg,#15344970,#06152665);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);box-shadow:inset 0 1px #ecf8ff14,0 8px 24px #00000012}
body:not([data-route=admin]) :is(.panel,.guide-card,.xp-box,.xp-result,.catalog-card,.archive-card,.archive-toolbar,.empty,.check-item,.inner .prose){background:var(--sea-surface)!important;backdrop-filter:blur(12px) saturate(1.12);-webkit-backdrop-filter:blur(12px) saturate(1.12);box-shadow:inset 0 1px #eefaff19,0 8px 26px #00000012}
.archive-record-head{background:linear-gradient(115deg,#bfdff321,#12324b32);backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);box-shadow:inset 0 1px #effaff20,0 16px 40px #00000015}
.archive-record-icon{background:radial-gradient(circle at 35% 20%,#c3e5f51b,transparent 75%);border-color:#d1ebfc26;box-shadow:inset 0 1px #ffffff14}
.archive-section{background:linear-gradient(130deg,#badcf014,#08213740);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);border-color:#c9e4f52b;box-shadow:inset 0 1px #ffffff16,0 10px 30px #00000010}
#archive-record-body .detail-metrics>div{background:linear-gradient(135deg,#c5e4f51a,#0c304927);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#cbe7fa29;box-shadow:inset 0 1px #ffffff16}
.archive-detail-nav{background:#0b253c6b;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border-color:#c9e5f534;box-shadow:inset 0 1px #ffffff13,0 6px 20px #00000012}
.archive-nav,.tool-tabs{background:#0c294344!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.inner .tools,.inner details,.recipe-controls,.archive-recent{background:#14334b40;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.inner details[open]{background:#183c5457}.archive-table thead{background:#c9e7f70b}.archive-table-wrap{border-color:#c7e3f623}.archive-table td{color:#d2e5f2}.archive-table th{color:#b8d2e5}.archive-table tbody th{color:#e2eff8}
body:not([data-route=admin]) .inner :is(input:not([type=checkbox]),select,textarea){background:#04182c57;border-color:#c4dfee35;box-shadow:inset 0 1px 4px #00000015}
.archive-chip{background:#c2e4f40b;border-color:#cbe8f52a}.archive-command{background:#061a2b60}.quicklinks,.community-band,.support-community{background:linear-gradient(120deg,#badff018,#1236502e);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#news-list .news-row{background:var(--sea-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body .btn.secondary,body .hero .btn.secondary{background:linear-gradient(140deg,#d0e8f51b,#345a741c);border-color:#cbe6f53d;box-shadow:inset 0 1px #ffffff19;color:#d9eaf6}
body:not([data-route=admin]) footer{background:#06172c65;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body[data-route=admin]{background:radial-gradient(ellipse at 0% 15%,#27475e 0,transparent 60%),radial-gradient(ellipse at 90% 75%,#1c344d 0,transparent 55%),#091623}
body[data-route=admin] header{background:#102b406b;backdrop-filter:blur(20px)}
.admin-sidebar{background:linear-gradient(145deg,#bfdef014,#15364e30)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.admin-workspace{background:linear-gradient(135deg,#c8e6f410,#0b243b33)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff16,0 12px 40px #00000012}
.admin-row,.visit-panel{background:#b8dbee09;border-color:#c7e5f528}.admin-stats article{background:linear-gradient(130deg,#cbe9f51a,#9fc6de05)!important}.admin-welcome{background:linear-gradient(120deg,#b6dceb1c,#315c761a)!important}
body[data-route=admin] .admin-auth{background:#19374b45}.admin-auth-brand{background:radial-gradient(ellipse at 30% 80%,#94c9e224,transparent 65%),linear-gradient(140deg,#9cc4dc15,#16364e30)}#admin-login{background:#09223955}
@media(max-width:760px){.archive-table th:first-child,.archive-table td:first-child{background:#173248ed}.archive-table thead th:first-child{background:#203e52ed}}

/* Source: sea-growth.css */
.player-invite{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:26px 0}.player-invite h2{font-size:26px;line-height:1.5;margin:12px 0}.player-invite p{max-width:650px;font-size:13px;line-height:1.9;color:#b3cbdc}.player-invite>.btn{white-space:nowrap}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.player-guide-card{display:block;transition:transform .2s,border-color .2s;overflow-wrap:anywhere}.player-guide-card:hover{transform:translateY(-3px)}.player-guide-card h2{font-size:23px;line-height:1.6}.player-guide-card p{font-size:12px}.player-guide-card>div{display:flex;justify-content:space-between;border-top:1px solid #bddff324;padding-top:18px;gap:14px;font-size:12px}.player-guide-card small{color:#97b4ca}.guide-pages{display:flex;align-items:center;justify-content:center;gap:18px;margin:24px 0;font-size:12px}.guide-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#b7d0e2;margin-bottom:22px}.guide-meta>span{border:1px solid #b5d7ea2b;border-radius:10px;padding:10px 14px;background:#9ec6df0c}.guide-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.1;font-size:15px;padding:36px!important}.guide-submit-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:24px;align-items:start}.guide-submit-layout form{min-width:0}.guide-submit-layout input,.guide-submit-layout textarea,.guide-submit-layout select{width:100%;box-sizing:border-box}.guide-submit-layout .admin-fields textarea{min-height:330px}.guide-writing-tips{position:sticky;top:110px}.guide-writing-tips h2{font-size:23px;line-height:1.6}.guide-writing-tips ol{padding-left:22px}.guide-writing-tips li{padding:10px 0}.guide-writing-tips li b{font-weight:550;font-size:14px}.guide-writing-tips p{font-size:12px;line-height:1.9;color:#acc7db}.guide-consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.9;margin:24px 0}.guide-consent input{flex:0 0 20px;width:20px;height:20px;min-height:0!important;accent-color:#b5daef;margin-top:3px}.guide-consent a{color:#d0e6f6;text-decoration:underline}.challenge-row{display:flex;align-items:flex-end;gap:16px;margin:22px 0}.challenge-row label{display:grid;gap:10px;font-size:12px;max-width:180px}.guide-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.guide-message,#review-message{color:#cbe6f7;line-height:1.9;font-size:12px}.submission-id{display:block;padding:18px;border:1px solid #bedff330;border-radius:12px;overflow-wrap:anywhere;margin:20px auto;max-width:460px}.review-card{padding:20px!important}.review-card summary small{display:block;font-size:11px;color:#91b0c8;margin-top:8px}.review-card .admin-fields{margin-top:24px}.review-card .actions{display:flex;gap:12px;flex-wrap:wrap}.moderation-controls{display:flex;gap:16px;align-items:flex-end}.moderation-controls label{display:grid;gap:10px;font-size:12px}.moderation-controls select{min-width:180px}.growth-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.growth-metrics>div{background:#b8d7e90a;border:1px solid #c1dfef24;border-radius:13px;padding:17px}.growth-metrics strong{display:block;font-size:24px;color:#d4eafa;margin:10px 0 0}.growth-metrics small{font-size:11px;color:#a8c4d8}.source-list{display:flex;gap:8px;flex-wrap:wrap}.source-list span{padding:8px 12px;border:1px solid #bbd9ec25;border-radius:10px;font-size:11px}.server-row{margin-bottom:18px}.server-row p{line-height:1.9}.admin-fields .config-note{grid-column:1/-1;color:#9cbacf;font-size:11px;line-height:1.8;margin:0}
header nav a{padding-left:9px;padding-right:9px}
@media(min-width:761px) and (max-width:1100px){header nav a{padding-left:5px;padding-right:5px;font-size:10px}.header-community{margin-left:4px}}
@media(max-width:760px){.player-invite{display:block;padding:23px!important}.player-invite h2{font-size:23px}.player-invite .actions{display:flex;flex-wrap:wrap}.player-invite>.btn{margin-top:12px}.guide-grid,.guide-submit-layout{grid-template-columns:1fr}.guide-writing-tips{position:static}.guide-writing-tips{order:-1}.guide-writing-tips ol{display:none}.guide-writing-tips h2{font-size:19px;margin:10px 0}.guide-body{padding:24px!important;font-size:14px}.guide-submit-layout .admin-fields{grid-template-columns:1fr}.guide-submit-layout :is(input,select,textarea){font-size:16px}.guide-submit-layout .actions{display:flex;flex-wrap:wrap}.guide-submit-layout .actions .btn{flex:1;white-space:nowrap;padding:12px}.review-card{padding:16px!important}.review-card .actions .btn{width:100%}.moderation-controls{gap:10px}.moderation-controls select{min-width:140px}.growth-metrics>div{padding:14px 11px}.growth-metrics strong{font-size:22px}.growth-metrics small{font-size:10px}.guide-pages{gap:12px}.player-guide-card h2{font-size:21px}}

/* Source: guide-studio.css */
/* Community workspace: precise hierarchy, restrained ocean glass. */
.player-guides{max-width:1400px;padding-top:136px!important;padding-bottom:80px}
.player-guides svg,#guide-admin-root svg{flex-shrink:0;vertical-align:middle}
.player-guides [hidden],#guide-admin-root [hidden]{display:none!important}
.player-guides .btn,#guide-admin-root .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:12px 19px;border-radius:11px;font-size:12px;letter-spacing:0;font-weight:600}
.player-guides .tab,#guide-admin-root .tab{min-height:36px;font-size:12px;border-radius:8px;padding:8px 13px}
.guide-crumb{display:flex;gap:10px;align-items:center;font-size:11px;color:#839eb6;margin:0 0 24px}
.guide-crumb a{color:#b5ccdf}.guide-crumb>span:last-child{color:#c7dced}
.guide-page-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #bdddf426}
.player-guides .guide-page-heading h1{font-size:35px;letter-spacing:-.035em;line-height:1.25;margin:0 0 13px}
.guide-page-heading p{font-size:13px;color:#b1c8db;line-height:1.8;margin:0}
.guide-page-heading>.btn{white-space:nowrap}
.guide-hub{display:grid;grid-template-columns:180px minmax(0,1fr) 240px;gap:30px;align-items:start}
.guide-overline{font-size:10px;font-weight:650;color:#9ebbd1;letter-spacing:.12em;display:block;margin:0 0 15px}
.guide-sidebar{position:sticky;top:112px}.guide-map-nav{display:grid;gap:3px}
.guide-map-nav button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:9px;padding:10px 12px;background:transparent;color:#a6c0d5;font:inherit;font-size:12px;cursor:pointer;min-height:40px;transition:background .18s,color .18s}
.guide-map-nav button small{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;opacity:.65}
.guide-map-nav button.active{background:linear-gradient(110deg,#badff325,#70b3df0b);border-color:#b8ddf330;color:#e1f1ff;box-shadow:inset 2px 0 #abd7f3}
.guide-map-nav button:hover{background:#bddff316;color:#eef8ff}
.guide-sidebar-links{border-top:1px solid #bcdaef20;padding-top:22px;margin-top:23px}
.guide-sidebar-links a{display:flex;gap:10px;align-items:center;font-size:11px;color:#9bb7cd;padding:9px 12px}
.guide-feed{min-width:0}.guide-searchbar{display:flex;align-items:center;gap:12px;border:1px solid #badcf232;background:#0b243849;backdrop-filter:blur(14px);border-radius:12px;padding:5px 7px 5px 15px;color:#a7c4da}
body .player-guides .guide-searchbar input{background:none!important;border:0;box-shadow:none;min-width:0;flex:1;padding:9px 0;border-radius:0;font-size:12px}
.guide-searchbar .tab{border:0;background:#bedff310}
.guide-feed-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 16px}
.guide-feed-bar h2{font-size:15px;margin:0;display:flex;align-items:center;gap:10px}
.guide-feed-bar h2 small{font-size:10px;border:1px solid #bedef32c;border-radius:6px;padding:3px 6px;font-weight:500;color:#a9c5db}
body .player-guides .guide-feed-bar select{padding:7px 26px 7px 9px;min-height:32px;font-size:11px;border:0;background-color:transparent}
.guide-zero{border:1px solid #c3e1f32c;background:linear-gradient(125deg,#b1d8f010,#0820363b);backdrop-filter:blur(12px);border-radius:16px;text-align:center;padding:58px 25px;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.guide-zero-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(145deg,#a2d2ee1e,#a2c8ec06);border:1px solid #cce7f62b;border-radius:15px;color:#b9ddf5;margin-bottom:23px;box-shadow:inset 0 1px #ffffff14}
.guide-zero-icon svg{width:25px;height:25px}
.guide-zero h3{font-size:19px;margin:0 0 12px;letter-spacing:-.02em}.guide-zero p{font-size:12px;color:#a9c3d9;max-width:330px;line-height:1.95;margin:0 0 24px}
.guide-text-button{border:0;background:none;color:#a5c4db;cursor:pointer;font-size:12px;padding:15px}
.guide-side-card{padding:25px 22px;border-radius:15px;border:1px solid #c6e4f32d;background:linear-gradient(135deg,#c5e7f31c,#0a263916);backdrop-filter:blur(12px);box-shadow:inset 0 1px #effaff13}
.guide-side-emblem{width:33px;height:33px;display:flex;align-items:center;justify-content:center;background:#badeee0c;border:1px solid #c6e2f12c;border-radius:9px;color:#b7d7ec}
.guide-side-card h2{font-size:23px;line-height:1.6;letter-spacing:-.035em;margin:16px 0 12px}
.guide-side-card h3{font-size:17px;line-height:1.6;margin:13px 0}
.guide-side-card p{font-size:12px;line-height:1.9;color:#acc5d8;margin:0 0 23px}
.guide-side-card .btn{width:100%;font-size:11px;padding:11px}
.guide-flow{display:flex;justify-content:space-between;gap:8px;padding-top:20px;margin-top:23px;border-top:1px solid #c1dff225;font-size:10px;color:#9cbcd3}.guide-flow i{font-style:normal;opacity:.5}
.guide-side-note{padding:25px 15px}.guide-side-note p{font-size:12px;line-height:2.2;color:#a0bdd3;margin:0 0 18px}.guide-side-note a{font-size:11px;color:#bfdced;display:inline-flex;gap:8px;align-items:center}.guide-side-note h3{font-size:15px;margin:0 0 12px}
.guide-topic{display:flex;gap:17px;padding:24px 4px;border-bottom:1px solid #c4e1f326;color:inherit;transition:background .2s}.guide-topic:first-child{border-top:1px solid #c4e1f326}.guide-topic:hover{background:#bcdff30a}
.guide-topic-icon{width:35px;height:40px;color:#90b6d1;border:1px solid #bbdaed26;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-top:4px;flex-shrink:0}
.guide-topic-main{flex:1;min-width:0}.guide-topic-labels{display:flex;gap:10px;align-items:center;min-width:0}.guide-topic-labels>span,.guide-article-labels span{font-size:10px;border-radius:5px;background:#9dcce719;border:1px solid #c5e0f126;color:#bdd8ed;padding:3px 7px}
.guide-topic-labels small{font-size:10px;color:#8daac1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guide-topic h3{font-size:18px;line-height:1.6;margin:10px 0 9px;font-weight:600;overflow-wrap:anywhere}
.guide-topic p{font-size:12px;color:#a6bfd3;line-height:1.85;margin:0 0 17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.guide-topic-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:#9cb8cd;flex-wrap:wrap}
.guide-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;width:23px;height:23px;font-size:10px;background:linear-gradient(140deg,#badff32b,#4968872b);border:1px solid #cae7f52d;color:#d1e9fa}
.guide-readtime{margin-left:auto;color:#789cb8}.guide-topic-arrow{align-self:center;color:#799db8}.guide-topic:hover .guide-topic-arrow{color:#caeaff}
.guide-loading{padding:25px 8px;color:#a9c6db;font-size:12px}.guide-loading>span{display:block;height:13px;border-radius:4px;background:#b9def015;margin:0 0 20px}.guide-loading>span:nth-child(2){width:70%}.guide-loading>span:nth-child(3){width:45%}
.guide-reader{display:grid;grid-template-columns:minmax(0,820px) 220px;gap:48px;justify-content:center;align-items:start}
.guide-document{padding:36px 44px;border:1px solid #c0e0f32c;border-radius:18px;background:linear-gradient(130deg,#b0d7ee12,#051a2e7a);backdrop-filter:blur(14px);min-width:0}
.guide-article-labels{display:flex;gap:8px;margin-bottom:22px}.guide-document h1{font-size:34px;line-height:1.45;letter-spacing:-.035em;margin:0 0 24px;overflow-wrap:anywhere}
.guide-byline{display:flex;gap:12px;align-items:center;padding-bottom:25px;border-bottom:1px solid #c0dff328}.guide-byline .guide-avatar{width:34px;height:34px;font-size:13px;border-radius:10px}.guide-byline strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.guide-byline small{display:block;font-size:10px;color:#99b7ce;margin-top:6px}
.guide-reviewed{margin-left:auto;display:flex;gap:5px;align-items:center;color:#9bbcad;font-size:10px;white-space:nowrap}
.guide-version{display:flex;gap:12px;padding:18px 0 26px;color:#a9cce3;align-items:center}.guide-version small{font-size:10px;color:#89a9c2;display:block;margin-bottom:7px}.guide-version span{font-size:12px;overflow-wrap:anywhere}
.guide-richtext{font-size:15px;line-height:2;color:#c8dce9;overflow-wrap:anywhere;white-space:normal}
.guide-richtext p{margin:0 0 22px;line-height:2}.guide-richtext h2,.guide-richtext h3{color:#e3f0fa;scroll-margin-top:130px;line-height:1.7;margin:33px 0 16px;letter-spacing:-.02em}.guide-richtext h2{font-size:23px}.guide-richtext h3{font-size:19px}
.guide-richtext li{margin:5px 0}.guide-richtext ul,.guide-richtext ol{padding-left:24px;margin:10px 0 24px}.guide-richtext strong{font-weight:650;color:#eef7fe}.guide-richtext code{padding:2px 5px;border:1px solid #a8c9e227;border-radius:4px;background:#06233770;font-size:.9em}.guide-richtext blockquote{border-left:3px solid #8cb7d1;padding:10px 18px;background:#abcce40a;margin:22px 0;color:#a9c8df}
.guide-article-footer{padding-top:24px;border-top:1px solid #c4e2f326;margin-top:35px}.guide-article-footer p{font-size:11px;color:#91b0c7;line-height:1.85}.guide-article-footer>a{font-size:11px;margin-left:18px;color:#a9c5da}
.guide-reader-aside{position:sticky;top:120px}.guide-toc{padding:8px 0 20px;border-bottom:1px solid #bedef327}.guide-toc button{display:block;text-align:left;border:0;border-left:2px solid #b2d4ec20;background:none;padding:9px 13px;color:#9bb9ce;font-size:12px;line-height:1.6;cursor:pointer;width:100%}.guide-toc button:hover,.guide-toc button.active{border-left-color:#bbe3fb;color:#dfedfa;background:#c6e5f30b}.guide-toc p{font-size:12px;color:#8facc0}.guide-back{font-size:11px;color:#b1cee1}
.guide-editor-layout{grid-template-columns:minmax(0,1fr) 250px;gap:32px}
.guide-editor{border:1px solid #c2def132;border-radius:17px;overflow:hidden;background:linear-gradient(130deg,#c0e0f310,#071d3166);backdrop-filter:blur(14px)}
.guide-editor-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 25px;border-bottom:1px solid #c6e1f326;background:#b4d4e708;font-size:12px;color:#c9dfef}
.guide-editor-top>span{display:flex;gap:9px;align-items:center}.guide-editor-top small{font-size:10px;color:#99b8cc}
.guide-editor .guide-editor-fields{padding:25px 25px 0;gap:20px;grid-template-columns:1fr 1fr;margin:0}
.guide-editor .guide-title-field{grid-column:1/-1}.guide-editor .guide-title-field input{font-size:20px;font-weight:550;padding:15px 14px}
.guide-editor .guide-editor-fields label{font-size:11px;gap:9px;color:#b6cfe1}
.guide-editor .guide-editor-fields input,.guide-editor .guide-editor-fields select{min-height:43px;font-size:12px;border-radius:9px}
.guide-editor .guide-editor-fields>label:nth-child(4){grid-column:1/-1}
.guide-editor .guide-editor-fields .guide-title-field input{font-size:19px}
.guide-editor-toolbar{display:flex;gap:13px;align-items:center;border-top:1px solid #bedef329;border-bottom:1px solid #bedef329;margin:5px -25px 0;padding:9px 20px;background:#bad8eb05}
.guide-editor-toolbar>div{display:flex;gap:4px}.guide-editor-toolbar>div+div{padding-left:13px;border-left:1px solid #bcdcef24}
.guide-editor-toolbar button{border:0;border-radius:6px;background:none;color:#93b1c8;padding:7px 11px;font-size:12px;min-height:33px;cursor:pointer}.guide-editor-toolbar button.active{background:#c1dff31a;color:#e2f1fc}.guide-editor-toolbar button:hover{background:#c1dff314}.guide-editor-toolbar small{font-size:10px;color:#7fa0b9;margin-left:auto}
.guide-editor .guide-editor-body-label{margin-top:-20px}
body .player-guides .guide-editor textarea[name=body]{border:0;background:transparent!important;box-shadow:none;border-radius:0;min-height:410px;padding:20px 0;font-size:14px;line-height:2;resize:vertical}
.guide-editor #guide-editor-preview{padding:15px 0;min-height:410px}
.guide-editor-bottom{display:flex;justify-content:space-between;gap:10px;margin:0 -25px;padding:11px 25px;border-top:1px solid #c1e0f225;border-bottom:1px solid #c1e0f225;color:#88abc5;font-size:10px}
.guide-editor>.muted,.guide-editor>.challenge-row,.guide-editor>.guide-consent,.guide-editor>.actions,.guide-editor>.guide-message{margin-left:25px;margin-right:25px}
.guide-editor>.muted{font-size:10px;line-height:1.9;margin-top:18px}.guide-editor>.guide-message{min-height:22px;margin-bottom:20px}
.guide-editor .challenge-row input{width:100px;min-height:40px}.guide-editor .challenge-row label{font-size:11px}
.guide-editor .guide-consent{font-size:11px}.guide-editor .guide-consent input{height:18px;flex-basis:18px}
.guide-editor-aside{position:sticky;top:112px;order:0}
.guide-editor-aside .guide-side-card>button{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #c3e1f32a;background:#aacee50a;border-radius:8px;padding:12px;color:#c4dcec;font:inherit;font-size:12px;margin:8px 0;cursor:pointer}.guide-editor-aside .guide-side-card>button:hover{background:#b4d9ef18;border-color:#c9e8f54d}.guide-editor-aside button>span{margin-left:auto}
.guide-side-card>small{display:block;font-size:10px;line-height:1.9;color:#90aec4;margin-top:15px}
.guide-checklist{list-style:none;padding:0;margin:0 0 22px}.guide-checklist li{display:flex;gap:8px;align-items:center;font-size:11px;color:#bbd1e1;margin:12px 0}.guide-checklist svg{width:14px;color:#8eb7c8}
.review-workflow{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.review-workflow .guide-overline{font-size:9px;margin-bottom:8px}.review-workflow p{font-size:12px;line-height:1.8;color:#a8c5da;margin:0}.review-workflow>a{font-size:10px;color:#aecce0;white-space:nowrap}
.review-status-tabs{display:flex;gap:5px;border-bottom:1px solid #bedef329;margin-bottom:20px}.review-status-tabs button{display:flex;align-items:center;gap:8px;border:0;border-bottom:2px solid transparent;background:none;padding:12px 18px;color:#91b0c8;font-size:12px;cursor:pointer}.review-status-tabs button.active{color:#d8eafa;border-bottom-color:#b6d7ed}.review-status-tabs button>span{font-size:10px;background:#badbef14;padding:3px 6px;border-radius:5px;min-width:20px}
.review-search{display:flex;gap:8px;align-items:center;margin-bottom:20px}.review-search input{min-width:0;flex:1}.review-search select{max-width:160px}.review-search input,.review-search select{height:39px;font-size:11px;padding:8px 10px}
#guide-admin-root .review-card{border:1px solid #beddf22b;border-radius:12px;padding:0!important;overflow:hidden;margin:12px 0;background:#b4d6ec08;backdrop-filter:blur(12px)}
.review-card summary{display:flex;align-items:center;gap:13px;padding:18px!important}.review-card summary:after{margin-left:0!important}.review-file-icon{color:#9dbed6}.review-card-title{flex:1;min-width:0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.review-card-title small{font-size:10px!important;margin-top:5px!important}.review-state{font-size:9px;border:1px solid #c1def128;border-radius:5px;padding:3px 6px;color:#aac6db;white-space:nowrap}
.review-editor{padding:20px;border-top:1px solid #beddf224}.review-editor-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#adcadd}.review-card .admin-fields{margin-top:18px}.review-preview{padding:20px 8px;min-height:180px}.review-decision{border-top:1px solid #bfdff224;padding-top:17px;margin-top:20px}.review-decision p{font-size:10px;line-height:1.9;color:#9ebdd2;margin:0 0 18px;display:flex;gap:8px;align-items:center}.review-zero{min-height:290px;padding:40px 20px}.review-zero>a{font-size:12px;color:#b7d8ee}
.player-guides :is(button,a,input,select,textarea):focus-visible,#guide-admin-root :is(button,a,input,select,textarea):focus-visible{outline:2px solid #acd8f4;outline-offset:3px}
@media(min-width:1101px){.guide-hub{min-height:560px}}
@media(max-width:1100px){.guide-hub{grid-template-columns:160px minmax(0,1fr);gap:25px}.guide-contribute{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-contribute .guide-side-card h2{font-size:20px}.guide-sidebar{grid-row:1/3}.guide-reader{grid-template-columns:minmax(0,1fr) 190px;gap:25px}.guide-document{padding:30px}.guide-editor-layout{grid-template-columns:minmax(0,1fr) 220px;gap:22px}}
@media(max-width:760px){
 .player-guides{padding-top:112px!important;padding-bottom:48px}.guide-crumb{font-size:10px;margin-bottom:20px}.guide-page-heading{gap:16px;align-items:flex-start;margin-bottom:22px;padding-bottom:22px}.player-guides .guide-page-heading h1{font-size:27px;margin-bottom:10px}.guide-page-heading p{font-size:11px}.guide-page-heading>.btn{padding:10px 12px;min-height:38px;flex-shrink:0;font-size:11px}.guide-page-heading>.guide-back{display:none}
 .guide-hub{display:flex;flex-direction:column;gap:18px}.guide-sidebar{width:100%;position:static;min-width:0}.guide-sidebar>.guide-overline,.guide-sidebar-links{display:none}.guide-map-nav{display:flex;gap:7px;overflow:auto;padding-bottom:7px;scrollbar-width:thin}.guide-map-nav button{flex-shrink:0;padding:9px 12px;font-size:11px;border-color:#beddf225;background:#0b233632;min-height:38px}.guide-map-nav button svg{display:none}.guide-map-nav button small{margin-left:0}.guide-map-nav button.active{box-shadow:none}
 .guide-feed{width:100%}.guide-searchbar{padding:5px 5px 5px 12px;gap:8px}body .player-guides .guide-searchbar input{font-size:16px}.guide-searchbar .tab{font-size:11px}.guide-feed-bar{margin:19px 0 14px}.guide-feed-bar h2{font-size:14px}body .player-guides .guide-feed-bar select{font-size:12px}
 .guide-zero{padding:36px 22px;min-height:290px}.guide-zero h3{font-size:17px}.guide-zero p{font-size:11px}.guide-contribute{display:block;width:100%}.guide-contribute .guide-side-card{padding:22px}.guide-contribute .guide-side-card h2{font-size:21px}.guide-contribute .guide-side-card h2 br{display:none}.guide-side-emblem{float:right}.guide-contribute .guide-side-card .btn{width:auto}.guide-contribute .guide-side-note{display:none}.guide-flow{max-width:280px}
 .guide-topic{gap:12px;padding:21px 0}.guide-topic-icon{display:none}.guide-topic h3{font-size:17px}.guide-topic p{font-size:12px}.guide-topic-arrow{display:none}.guide-readtime{margin-left:0}.guide-topic-meta{font-size:10px}
 .guide-reader{display:flex;flex-direction:column;gap:22px}.guide-document{width:100%;padding:24px 20px;border-radius:15px}.guide-document h1{font-size:27px}.guide-byline{flex-wrap:wrap;padding-bottom:20px}.guide-reviewed{font-size:9px;margin-left:0}.guide-richtext{font-size:14px}.guide-richtext h2{font-size:21px}.guide-richtext h3{font-size:18px}.guide-reader-aside{position:static;width:100%;order:-1}.guide-toc{padding:0 0 14px;display:flex;flex-wrap:wrap;gap:7px}.guide-toc .guide-overline{width:100%;margin-bottom:4px}.guide-toc button{width:auto;border:1px solid #c5e2f32a;border-radius:6px;font-size:10px;padding:7px 10px;background:#b8d5e50a}.guide-reader-aside .guide-side-note,.guide-reader-aside .guide-back{display:none}.guide-article-footer>a{display:inline-block;margin:17px 0 0}
 .guide-editor-layout{display:flex;flex-direction:column;gap:22px}.guide-editor{width:100%;border-radius:14px}.guide-editor-aside{position:static;order:0;width:100%}.guide-editor-top{padding:15px 18px;align-items:flex-start;flex-direction:column;gap:8px}.guide-editor .guide-editor-fields{padding:20px 18px 0;grid-template-columns:minmax(0,1fr);gap:18px}.guide-editor .guide-editor-fields input,.guide-editor .guide-editor-fields select{font-size:16px}.guide-editor .guide-editor-fields .guide-title-field input{font-size:17px}.guide-editor-toolbar{margin:2px -18px 0;padding:8px 12px;gap:7px;flex-wrap:wrap}.guide-editor-toolbar small{display:none}.guide-editor-toolbar button{min-height:38px;padding:8px 10px}
 body .player-guides .guide-editor textarea[name=body]{font-size:16px;min-height:370px;line-height:1.9}.guide-editor #guide-editor-preview{min-height:370px}.guide-editor-bottom{margin:0 -18px;padding:12px 18px;flex-wrap:wrap;font-size:9px}.guide-editor>.muted,.guide-editor>.challenge-row,.guide-editor>.guide-consent,.guide-editor>.actions,.guide-editor>.guide-message{margin-left:18px;margin-right:18px}.guide-editor .actions{gap:10px}.guide-editor .actions .btn{flex:1;padding:11px}.guide-editor .challenge-row input{font-size:16px}.guide-editor-aside .guide-side-note{padding:22px 10px}.guide-editor-aside .guide-side-card{padding:22px}
 .review-workflow{display:block;margin-bottom:16px}.review-workflow>a{display:inline-block;margin-top:12px}.review-status-tabs{gap:0}.review-status-tabs button{flex:1;justify-content:center;padding:12px 5px;font-size:11px;gap:5px}.review-search{flex-wrap:wrap;gap:7px}.review-search input{width:calc(100% - 66px);flex:auto;font-size:16px}.review-search select{max-width:none;flex:1;font-size:14px}.review-card summary{padding:15px!important;gap:9px}.review-file-icon{display:none}.review-state{display:none}.review-card-title{font-size:13px}.review-editor{padding:16px}.review-card .actions .btn{font-size:11px;min-height:42px}.review-zero{padding:30px 15px}.review-zero h3{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.guide-map-nav button,.guide-topic{transition:none}}

/* Source: sea-workbench.css */
/* A shared workspace system for the archive, operations and community pages. */
:root{--work-line:#c3dff02a;--work-text:#dcecf7;--work-muted:#a2bed2;--work-glass:linear-gradient(125deg,#b8d9ef12,#0b223839);--work-radius:13px}
.work-icon{display:inline-block;flex-shrink:0;vertical-align:middle}
.work-crumb{display:flex;align-items:center;gap:10px;color:#8eaac0;font-size:11px;margin-bottom:24px}
.work-crumb a{color:#bed6e7}.work-crumb span:last-child{color:#bed5e7}
.work-overline{font-size:10px;letter-spacing:.1em;color:#91b0c8;font-weight:600;display:block;margin-bottom:14px}
body :is(.library-page,.admin-page,.work-page){padding-top:136px;padding-bottom:70px}
body .work-page .route-heading{padding:0 0 27px;margin-bottom:28px;border-bottom:1px solid var(--work-line)}
body .work-page .route-heading:after{display:none}
body .work-page .route-heading>.label{font-size:9px;letter-spacing:.16em;margin-bottom:12px;color:#87a7c1}
body .work-page .route-heading h1{font-size:35px;line-height:1.3;margin:0 0 13px;letter-spacing:-.035em}
body .work-page .route-heading p{font-size:13px;line-height:1.85;max-width:760px;margin:0;color:#abc5d9}
body :is(.work-page,.library-page,.admin-page) :is(.btn,.tab){border-radius:9px;font-size:12px;letter-spacing:0;min-height:40px;padding:11px 17px;gap:9px}
body :is(.work-page,.library-page,.admin-page) .btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600}
body :is(.work-page,.library-page,.admin-page) .btn:hover{transform:translateY(-1px)}
body :is(.work-page,.library-page,.admin-page) :is(input,textarea,select){border-radius:9px;font-size:13px}
body :is(.work-page,.library-page,.admin-page) :is(a,button,input,select,textarea):focus-visible{outline:2px solid #acd8f4;outline-offset:3px}
body :is(.work-page,.library-page,.admin-page) [hidden]{display:none!important}
.work-page .tabs{gap:5px;padding:0 0 12px;border-bottom:1px solid var(--work-line);margin:0 0 25px}
.work-page .tabs .tab{border:0;background:none;box-shadow:none;color:#94b4cc;min-height:40px}
.work-page .tabs .tab.active{background:#b9d8ed18;color:#e2f0fa;box-shadow:inset 0 -2px #b3d7ed}
.work-page .panel{border-radius:var(--work-radius);padding:26px}
.work-page .panel h3{font-size:20px;line-height:1.5}.work-page .panel p{font-size:13px;line-height:1.9}
.work-page .tools{padding:15px;border-radius:12px;gap:12px;margin:0 0 20px}
.work-page .tools input,.work-page .tools select{font-size:13px;min-height:43px}
.work-page .empty{padding:45px 28px;border-radius:15px}.work-page .empty h2,.work-page .empty h3{font-size:22px}.work-page .empty p{font-size:12px;line-height:1.9;max-width:550px}
.work-page .notice{padding:17px 20px;font-size:12px;line-height:1.9;border-radius:10px;margin:20px 0;border-left:2px solid #8ebbd4}
.work-page .muted{font-size:11px;line-height:1.9}
/* Archive directory */
.library-page{max-width:1400px}
.library-page .archive-index-mast{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 28px!important;border-bottom:1px solid var(--work-line);margin:0 0 28px}
.archive-index-mast .label{display:none}
body .archive-index-mast h1{font-size:35px!important;line-height:1.3;margin:0 0 12px;letter-spacing:-.035em}
.archive-index-mast p{font-size:13px;color:#abc4d8;margin:0}.archive-index-mast>.btn{white-space:nowrap}
.archive-workbench{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;align-items:start}
.archive-sidebar{position:sticky;top:115px}.archive-main{min-width:0}
body .archive-sidebar .archive-nav{display:grid;gap:4px;padding:0;background:transparent!important;backdrop-filter:none;border:0;border-radius:0;box-shadow:none;position:static;margin:0;overflow:visible}
.archive-sidebar .archive-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border:1px solid transparent;border-radius:8px;color:#a6c3d8;background:none;font-size:12px;text-align:left;min-height:42px;box-shadow:none}
.archive-sidebar .archive-nav button.active{border-color:#c4e0f22d;background:linear-gradient(110deg,#c0def322,#8dbde50b);color:#e4f3ff;box-shadow:inset 2px 0 #abd7f3}
.archive-sidebar .archive-nav button:hover{background:#b9dcf016}
.archive-nav button small{margin-left:auto;font-size:10px;color:#8daec7;font-variant-numeric:tabular-nums}
.archive-sidebar-block{margin-top:25px;padding-top:23px;border-top:1px solid var(--work-line)}
.archive-sidebar-block>a{display:flex;align-items:center;gap:10px;font-size:11px;padding:10px;color:#a6c2d8}
.archive-sidebar .archive-quick-filters{display:grid;gap:3px;margin:0}
.archive-sidebar .archive-quick-filters button{border:0;background:none;border-radius:7px;color:#9dbbd2;text-align:left;display:flex;justify-content:space-between;padding:9px 10px;font-size:11px;min-height:35px;cursor:pointer}
.archive-quick-filters button>span{opacity:.4}.archive-sidebar .archive-quick-filters button:hover,.archive-sidebar .archive-quick-filters button.active{background:#b8d8eb12;color:#e0f0ff}
.archive-main .archive-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 155px 145px;align-items:end;gap:14px;padding:17px;margin:0;border:1px solid var(--work-line);border-radius:13px;background:var(--work-glass)!important;box-shadow:inset 0 1px #ffffff0d}
.archive-toolbar:has(.archive-sort[hidden]){grid-template-columns:minmax(0,1fr) 180px}
.archive-toolbar>label{display:grid;gap:9px;min-width:0}.archive-toolbar>label>span{font-size:10px;color:#a4c0d4}
.archive-toolbar input,.archive-toolbar select{width:100%;min-width:0;font-size:12px;padding:11px 12px!important;min-height:42px!important}
.archive-results-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:23px 0 10px}
.archive-results-bar>div{display:flex;align-items:center;gap:12px}.archive-results-bar h2{font-size:16px;margin:0}
#library-count{font-size:10px;color:#8eacc3;font-variant-numeric:tabular-nums;white-space:nowrap}
.archive-view-options label{display:flex;align-items:center;gap:6px;font-size:11px;color:#adc7da;white-space:nowrap}
.archive-view-options input{width:15px;height:15px;min-height:0;accent-color:#abd0e9}
.archive-view-options>div{display:flex;gap:2px;padding:3px;border:1px solid var(--work-line);border-radius:8px}
.archive-view-options button{display:grid;place-items:center;background:none;border:0;border-radius:5px;padding:6px;color:#7f9db6;cursor:pointer}
.archive-view-options button[aria-pressed=true]{color:#d5edfc;background:#bbd9ed1b}
.archive-scope{font-size:10px;color:#8daec8;margin:0 0 18px;line-height:1.7}
.archive-main .archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.archive-main .archive-card{border:1px solid #c2e1f329;border-radius:12px;text-align:left;transition:border-color .18s,transform .18s;box-shadow:inset 0 1px #fff1;min-width:0}
.archive-main .archive-card:hover{border-color:#bcdef564;transform:translateY(-2px)}
.archive-main .archive-card .archive-art{height:113px;background:radial-gradient(ellipse at 50% 80%,#a4cce512,transparent 70%)}
.archive-main .archive-art .archive-icon{height:78px;width:90px;object-fit:contain}
.archive-main .archive-art small{font-size:8px;padding:3px 6px;border-radius:5px;left:10px;top:10px;background:#10283d6b;border-color:#b8d4e42a}
.archive-main .archive-card-copy{padding:13px 14px}.archive-main .archive-card-copy h3{font-size:14px;line-height:1.5;margin:0 0 6px;min-height:0;overflow-wrap:anywhere}
.archive-main .archive-card-copy p{font-size:10px;margin:0 0 11px;color:#92b0c8;line-height:1.5}
.archive-main .archive-card-copy>div{font-size:9px;border-top:1px solid #c4def21b;padding-top:10px;display:flex;justify-content:space-between;gap:6px;color:#94b1c6}
.archive-main .archive-card-copy b{font-size:9px;font-weight:500;color:#bdd6e7;white-space:nowrap}
.archive-main .archive-art .dye-art{transform:scale(.72)}
.archive-main .archive-favorite-mark{font-size:12px;right:10px;top:9px}
.archive-main .archive-empty{grid-column:1/-1;padding:40px 24px}.archive-empty h3{font-size:19px}.archive-empty p{font-size:12px;line-height:1.9}
.archive-main #library-pagination{display:flex;align-items:center;justify-content:center;gap:17px;margin:24px 0;font-size:11px;color:#99b6cd}
.archive-main .archive-recent{padding:17px 18px;border-radius:11px;margin:26px 0 18px;border:1px solid var(--work-line)}
.archive-recent>div:first-child{font-size:11px}.archive-recent .recent-links a{font-size:10px;border-radius:6px;padding:7px 10px}
.archive-main .archive-data-note{padding:16px 18px;border-radius:10px;font-size:11px;line-height:1.9;margin-top:20px}
.archive-data-note summary{font-size:12px}.archive-data-note p{font-size:11px}
.archive-main .archive-list-mode{grid-template-columns:1fr;gap:0;border-top:1px solid var(--work-line)}
.archive-main .archive-list-mode .archive-card{display:flex;align-items:center;border:0;border-bottom:1px solid var(--work-line);border-radius:0;padding:13px 8px;background:transparent!important;backdrop-filter:none;box-shadow:none;gap:16px}
.archive-main .archive-list-mode .archive-card:hover{transform:none;background:#bedef209!important}
.archive-main .archive-list-mode .archive-art{width:72px;height:68px;flex-shrink:0;border-radius:8px;background:#b6d4e609}.archive-main .archive-list-mode .archive-art .archive-icon{width:55px;height:55px}
.archive-main .archive-list-mode .archive-art small{display:none}.archive-main .archive-list-mode .archive-art .dye-art{transform:scale(.55)}
.archive-main .archive-list-mode .archive-card-copy{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:5px 20px;padding:0}
.archive-list-mode .archive-card-copy h3{grid-column:1;margin:0}.archive-list-mode .archive-card-copy p{grid-column:1;margin:0}
.archive-main .archive-list-mode .archive-card-copy>div{grid-column:2;grid-row:1/3;border:0;padding:0;flex-direction:column;align-items:flex-end;gap:7px;font-size:10px}
.archive-main .archive-maps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-main .map-card .archive-art{height:170px}.archive-main .map-card .archive-art>img{width:100%;height:100%;object-fit:cover}
.archive-main .archive-maps-grid.archive-list-mode{grid-template-columns:1fr}.archive-main .archive-list-mode .map-card .archive-art{width:110px;height:70px}
/* Archive document and map records */
.library-page:has(.archive-record-head)>.work-crumb,.library-page:has(.map-record-shell)>.archive-index-mast{display:none}
.archive-record-head{padding:23px 26px;gap:22px;border-radius:15px}.archive-record-head:after{display:none}
.archive-record-icon{width:90px;height:90px;border-radius:13px}.archive-record-icon img{width:80px;height:80px}
.archive-record-head h1{font-size:32px;line-height:1.3;margin:7px 0 9px}.archive-record-head .label{font-size:9px;letter-spacing:.12em}.archive-record-head p{font-size:12px}
.archive-breadcrumb{font-size:11px;margin:0 0 21px}
.archive-document-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:30px;align-items:start;margin-top:28px}
.archive-document-sidebar{position:sticky;top:120px}
.archive-document-sidebar .archive-detail-nav{display:grid;padding:0;background:none;border:0;border-radius:0;position:static;box-shadow:none;backdrop-filter:none;margin:0;gap:3px;overflow:visible}
.archive-document-sidebar .archive-detail-nav button{text-align:left;white-space:normal;background:transparent;border-radius:0;border-left:2px solid #abcde52b;padding:10px 12px;color:#9cb9ce;font-size:12px;min-height:39px;box-shadow:none}
.archive-document-sidebar .archive-detail-nav button:hover,.archive-document-sidebar .archive-detail-nav button[aria-current]{color:#e1f1ff;border-left-color:#b8ddf4;background:#b5d9ee12}
.archive-side-note{border-top:1px solid var(--work-line);padding-top:23px;margin-top:26px}.archive-side-note>span{font-size:11px;color:#bdd5e6}.archive-side-note p{font-size:11px;line-height:1.9;color:#8eabc1}.archive-side-note a{font-size:10px;color:#bad8eb}
.archive-document-content{min-width:0}.archive-version{margin:0 0 18px;font-size:10px;color:#8aabc4}
.archive-document-content .archive-section{border-radius:13px;padding:24px;margin:18px 0;border-color:var(--work-line)}
.archive-section-title{padding-bottom:16px;margin-bottom:18px;gap:10px}.archive-section-title h2{font-size:19px;line-height:1.5}.archive-section-title>span{font-size:8px;border:0;padding:0;order:2;margin-left:auto;letter-spacing:.08em}
.archive-document-content .detail-metrics{gap:10px;margin:0 0 22px}.archive-document-content .detail-metrics>div{padding:18px 16px;border-radius:10px;min-width:0}
.archive-document-content .detail-metrics strong{font-size:19px;line-height:1.7;margin-top:8px;overflow-wrap:anywhere}.archive-document-content .detail-metrics small{font-size:10px;color:#91afc4}
.archive-document-content .archive-table{font-size:13px;min-width:480px}.archive-table th,.archive-table td{padding:13px 14px}.archive-table-wrap{border-radius:8px;border-color:#bad8ed21}
.archive-chips{gap:7px}.archive-chip{font-size:11px;border-radius:7px;padding:8px 10px;gap:8px;min-height:36px}.archive-chip img{width:25px;height:25px}
.archive-footnote,.archive-muted{font-size:11px;line-height:1.9}.archive-document-content .recipe-controls{padding:15px;border-radius:9px;font-size:12px;margin:20px 0}.recipe-controls input{min-height:40px;padding:10px}
.archive-command{font-size:11px;padding:14px;border-radius:7px}
.map-record-shell .archive-detail{border-radius:15px;padding:26px;margin:0;scroll-margin-top:115px}
.map-record-shell .archive-detail-heading{border-bottom:1px solid var(--work-line);padding:20px 0}.map-record-shell h2{font-size:30px}.map-record-shell .map-preview{max-height:580px;border-radius:12px;margin-top:24px}.map-preview img{object-fit:contain}
.map-record-filter{font-size:12px;gap:12px;margin:24px 0}.map-columns{gap:24px}.map-columns>section{min-width:0}.map-columns h3{font-size:18px;border-bottom:1px solid var(--work-line);padding-bottom:16px}
.resource-row{padding:12px 0;font-size:12px;gap:14px}.resource-row strong,.resource-row b{font-variant-numeric:tabular-nums}
/* Operations workspace */
.admin-page{max-width:1400px}.admin-page>.page-masthead{padding:0 0 25px!important;margin:0 0 26px;border-bottom:1px solid var(--work-line);min-height:0}
.admin-page>.page-masthead .label{font-size:9px;letter-spacing:.14em}.admin-page>.page-masthead h1{font-size:30px!important;line-height:1.4;margin:9px 0}.admin-page>.page-masthead p{font-size:12px;line-height:1.8;margin:0}.admin-page>.page-masthead>img{width:47px;height:47px;opacity:.8}
.admin-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:27px;align-items:start}
.admin-sidebar{position:sticky;top:115px;padding:20px 14px!important;border:1px solid var(--work-line);border-radius:13px!important}
@media(min-width:761px){.admin-sidebar{max-height:calc(100dvh - 135px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#7795ac55 transparent}}
.admin-account{padding:0 6px 20px;margin:0 0 20px;border-bottom:1px solid var(--work-line);display:flex;gap:11px;align-items:center}
.account-avatar{width:34px;height:34px;border-radius:9px;font-size:15px}.admin-account b{font-size:12px}.admin-account small{font-size:10px;display:block;margin-top:5px}
.admin-nav-links>.work-overline{font-size:9px;letter-spacing:.08em;margin:18px 10px 8px}.admin-nav-links>.work-overline:first-child{margin-top:0}
.admin-sidebar .admin-nav-links button{display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:8px;padding:10px;margin:3px 0;min-height:41px;width:100%;text-align:left;box-shadow:none;background:none;color:#9ebed4;font-size:12px}
.admin-sidebar .admin-nav-links button.active{border-color:#baddef2e;background:linear-gradient(100deg,#c0e0f322,#72add90b);color:#e5f3ff;box-shadow:inset 2px 0 #badff5}
.admin-sidebar .admin-nav-links button:hover{background:#b5d6ec14}
.admin-sidebar .admin-nav-links button{justify-content:flex-start}
.admin-sidebar .admin-nav-links button>span.admin-nav-name{display:inline;margin:0;font-size:12px;line-height:1.5;letter-spacing:0;color:inherit}
.admin-sidebar-foot{border-top:1px solid var(--work-line);padding-top:17px;margin-top:20px;display:grid;gap:6px}
.admin-sidebar-foot>a,.admin-sidebar-foot>button{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:11px;background:none;border:0;color:#92b3cb;text-align:left;border-radius:7px;margin:0;min-height:36px}
.admin-sidebar-foot>small{font-size:9px;color:#7094af;padding:10px}
.admin-mobile-section{display:none}
.admin-workspace{min-width:0;padding:27px 28px;border:1px solid var(--work-line);border-radius:14px;overflow:visible}
.admin-workspace-crumb{font-size:10px;color:#8cacc4;margin:0 0 22px}.admin-workspace-crumb span{padding:0 9px;color:#5f839d}
.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;padding:0 0 22px;border-bottom:1px solid var(--work-line);scroll-margin-top:110px}
.admin-top h2{font-size:25px;line-height:1.3;margin:0 0 10px}.admin-area-description{font-size:12px!important;line-height:1.8;color:#a8c3d6!important;margin:0 0 9px!important}
#admin-save-status{font-size:10px;color:#88adc5;line-height:1.7;display:flex;align-items:center;gap:7px}
#admin-save-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#92b9ad}
.has-unsaved #admin-save-status{color:#e5c495}.has-unsaved #admin-save-status:before{background:#d4ae77}
.admin-top .btn{white-space:nowrap;flex-shrink:0;font-size:11px;min-height:41px}
.admin-row{border:1px solid var(--work-line);border-radius:11px;padding:22px;margin:0 0 19px}
.admin-row-head{padding-bottom:17px;margin-bottom:20px;border-bottom:1px solid #c0def221}.admin-row-head b{font-size:13px;line-height:1.7}.admin-row-head .tab{font-size:10px;min-height:33px;padding:7px 11px}
.admin-row h3{font-size:18px;margin:0 0 20px}.admin-fields{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.admin-fields label{font-size:11px;line-height:1.7;gap:8px;color:#adc6d8;min-width:0}
.admin-fields input,.admin-fields select,.admin-fields textarea{font-size:12px;min-height:42px;padding:10px 12px;border-radius:8px;width:100%;min-width:0}
.admin-fields textarea{line-height:1.9;resize:vertical}
.admin-field-group{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0;border-top:1px solid #c0dff222;min-width:0;padding:20px 0 0;margin:7px 0 6px}
.admin-field-group legend{padding:0 12px 0 0;color:#d2e5f3;font-size:12px;font-weight:600}
.admin-field-group .config-note{font-size:10px;color:#91adc3;line-height:1.9;margin:0}
.admin-row .group-edit-actions{display:flex;gap:6px}
.admin-workspace .admin-empty{padding:35px 25px;margin-bottom:22px;border:1px dashed #c0def232;border-radius:11px;background:#bad6ea05}
.admin-empty h3{font-size:20px;margin:12px 0}.admin-empty p{font-size:12px;line-height:1.9}
.admin-stats{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0}
.admin-stats article{padding:20px 18px;border-radius:10px;border:1px solid var(--work-line);min-width:0}
.admin-stats strong{font-size:29px;line-height:1.3;font-weight:550;letter-spacing:-.03em}.admin-stats span{font-size:10px;line-height:1.7;color:#9bb9ce}
.visit-panel{padding:22px;border:1px solid var(--work-line);border-radius:12px;margin:0}
.visit-heading .label{font-size:8px;letter-spacing:.12em}.visit-heading h3{font-size:20px;margin:8px 0 0}.visit-heading .tab{font-size:10px;min-height:34px;padding:8px 12px}
.visit-chart{gap:13px;padding:6px 0 13px}.visit-bar-track{height:100px;border-color:#c3dff21c;background:#071a2b35}.visit-day>b{font-size:10px}.visit-day>span{font-size:10px}
.growth-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:24px 0}.growth-metrics>div{border-radius:9px;padding:16px 13px}.growth-metrics strong{font-size:23px}.growth-metrics small{font-size:10px;line-height:1.7}
.source-list{gap:7px}.source-list span{font-size:10px;border-radius:6px;padding:7px 10px}.visit-panel h4{font-size:13px}
.visit-panel details{font-size:11px;border-radius:8px;padding:14px;margin:18px 0}.visit-panel details summary{font-size:11px}.visit-panel>small,#visit-stats>small{font-size:9px;color:#7f9eb5}
.admin-workspace .muted{font-size:10px;line-height:1.9}
.admin-shortcuts{border:1px solid var(--work-line);border-radius:12px;padding:21px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-shortcuts>div{grid-column:1/-1}.admin-shortcuts h3{font-size:18px;margin:0 0 5px}.admin-shortcuts .work-overline{margin-bottom:9px}
.admin-shortcuts button{border:1px solid #c3e0f123;background:#bad6eb07;border-radius:9px;padding:15px 12px;display:flex;align-items:center;gap:10px;color:#b9d4e6;font:inherit;font-size:11px;cursor:pointer;text-align:left}
.admin-shortcuts button:hover{background:#c5dff216;border-color:#c5e0f147}.admin-shortcuts button>span{flex:1}.admin-shortcuts small{display:block;font-size:9px;color:#82a3bc;margin-top:7px;line-height:1.6}
.admin-workspace>.notice,.admin-workspace .notice{font-size:10px;line-height:1.9;border-radius:8px;margin:20px 0 0;padding:14px}
.history-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:17px;align-items:center;border-radius:8px;padding:17px;margin:10px 0}.history-row b{font-size:12px}.history-row>span{font-size:11px;color:#96b4ca}.history-row .tab{font-size:10px;min-height:35px}
.admin-archive .admin-stats strong{font-size:23px}.admin-archive>p{font-size:12px;color:#adc7da}.admin-archive progress{height:8px}.admin-archive .actions{gap:10px}
.admin-auth{border-radius:16px;overflow:hidden}.admin-auth h2{font-size:29px;line-height:1.5}.admin-auth-brand{padding:36px!important}.admin-auth-brand p{font-size:13px;line-height:1.9}.admin-auth-art img{max-width:150px}#admin-login{padding:35px}#admin-login h3{font-size:24px}#admin-login label{font-size:12px}#admin-login input{font-size:14px;min-height:46px}.auth-intro{font-size:12px!important}
/* Supporting pages follow the same content rhythm */
.work-page .news-controls{padding:0;margin-bottom:20px;gap:20px;align-items:end}.news-controls .tabs{margin:0;padding:0;border:0}.news-search{min-width:230px}.news-search>span{font-size:10px}
body #news-list .news-row{border-radius:10px;margin:10px 0;padding:21px 23px;grid-template-columns:95px minmax(0,1fr) 20px;gap:20px;border-color:var(--work-line)}
.news-row>small{font-size:11px}.news-row b{font-size:17px;line-height:1.6}.news-row .category{font-size:9px;padding:4px 7px;border-radius:5px}
.work-page .split{gap:36px;align-items:start}.work-page .check-item{padding:20px;border-radius:11px;gap:13px;margin-bottom:12px}.check-item>span{font-size:13px;line-height:1.7}.check-item small{font-size:11px;line-height:1.9}.check-item input{accent-color:#b7d9ed;width:18px;height:18px;flex-shrink:0}
.work-page .progress{height:4px;margin:15px 0 22px}.work-page details{border-radius:10px;padding:16px 18px;margin:10px 0}.work-page details summary{font-size:13px;line-height:1.7}.work-page details p{font-size:12px;line-height:1.9}
.work-page .split aside>h3{font-size:20px;margin:12px 0 20px}.work-page .split aside>.label{font-size:9px}
.work-page .platform-layout{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:28px;align-items:start}
.work-page .form-grid{gap:19px}.work-page .form-grid label{font-size:11px;margin-bottom:9px}.work-page .form-grid input,.work-page .form-grid select,.work-page .form-grid textarea{font-size:13px;min-height:43px}.work-page .form-grid textarea{min-height:180px}
.work-page #feedback>p{font-size:12px;line-height:1.9}.work-page #feedback .actions{gap:9px;flex-wrap:wrap}
.work-page .server-row{padding:24px;border-radius:12px;margin-bottom:15px}.server-row h2,.server-row h3{font-size:21px}.server-row p{font-size:12px!important;line-height:1.9}
.work-page .mod-card{border-radius:13px}.work-page .mod-card .mod-art{border-radius:9px}.work-page .mod-card h3{font-size:19px}.work-page .mod-card p{font-size:12px}
.work-page .sea-map-section>.section-head h2{font-size:25px}.work-page .sea-map-card{border-radius:12px}.work-page .sea-map-copy{padding:16px}.work-page .sea-map-copy h3{font-size:18px}
.work-page .tool-heading{padding:0 0 27px;margin:0 0 26px;border-bottom:1px solid var(--work-line)}.work-page .tool-heading h1{font-size:35px;margin:8px 0 12px}.work-page .tool-heading .intro{font-size:13px}.tool-heading .tool-emblem{font-size:32px;opacity:.3}.tool-heading .title-dot{display:none}
.work-page .tool-tabs{border-radius:10px;padding:5px;gap:5px}.tool-tabs button{border-radius:7px;padding:11px 17px;font-size:12px}.xp-box,.xp-result{border-radius:13px!important}.xp-box{padding:23px}.xp-result{padding:25px}.xp-result .result-lines{font-size:12px}.xp-result .xp-gauge{max-width:200px;margin:22px auto}.xp-workspace{gap:23px}.box-heading{font-size:11px}.box-heading small{font-size:10px}.xp-help,.xp-simple-note{font-size:11px;line-height:1.85}
.work-page .prose{border-radius:13px;max-width:920px;padding:30px}.work-page .prose h2{font-size:20px;margin-top:28px}.work-page .prose p{font-size:13px;line-height:2}
@media(min-width:1500px){.archive-main .archive-grid:not(.archive-list-mode):not(.archive-maps-grid){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){
 .archive-workbench{grid-template-columns:165px minmax(0,1fr);gap:23px}.archive-main .archive-toolbar{grid-template-columns:minmax(0,1fr) 140px}.archive-toolbar .archive-query{grid-column:1/-1}.archive-toolbar:has(.archive-sort[hidden]){grid-template-columns:minmax(0,1fr) 140px}.archive-toolbar:has(.archive-sort[hidden]) .archive-query{grid-column:auto}.archive-main .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-main .archive-list-mode{grid-template-columns:1fr}
 .admin-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}.admin-workspace{padding:23px}.admin-top{align-items:flex-start;flex-wrap:wrap}.admin-shortcuts{grid-template-columns:1fr}.admin-shortcuts>div{grid-column:auto}.admin-shortcuts button small{display:inline;margin-left:9px}.growth-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .archive-document-layout{grid-template-columns:150px minmax(0,1fr);gap:22px}.archive-document-content>.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 body :is(.library-page,.admin-page,.work-page){padding-top:110px;padding-bottom:45px}.work-crumb{font-size:10px;margin-bottom:20px}
 body .work-page .route-heading{padding-bottom:22px;margin-bottom:23px}body .work-page .route-heading h1{font-size:27px}body .work-page .route-heading p{font-size:12px}body .work-page .route-heading>.label{font-size:8px}
 body :is(.work-page,.library-page,.admin-page) :is(input:not([type=checkbox]),select,textarea){font-size:16px}
 body :is(.work-page,.library-page,.admin-page) .btn{font-size:12px;min-height:44px;padding:12px 15px}body :is(.work-page,.library-page,.admin-page) .tab{font-size:11px;min-height:40px}
 .library-page .archive-index-mast{display:block;margin-bottom:22px;padding-bottom:22px!important}body .archive-index-mast h1{font-size:27px!important}.archive-index-mast p{font-size:12px;line-height:1.9}.archive-index-mast>.btn{margin-top:17px!important;font-size:11px!important;min-height:38px!important;padding:10px 13px!important}
 .archive-workbench{display:flex;flex-direction:column;gap:20px}.archive-sidebar{position:static;width:100%;min-width:0}.archive-sidebar>.work-overline{display:none}
 body .archive-sidebar .archive-nav{display:flex;gap:6px;overflow:auto;padding-bottom:3px}.archive-sidebar .archive-nav button{flex:1;min-width:0;justify-content:center;gap:5px;padding:11px 6px;font-size:11px;border:1px solid #bad8ee26;white-space:nowrap;min-height:43px}.archive-nav .work-icon{display:none}.archive-nav button small{font-size:9px;margin:0}.archive-sidebar .archive-nav button.active{box-shadow:inset 0 -2px #badbf3}
 .archive-sidebar-block{display:none}.archive-sidebar-block:has(.archive-quick-filters){display:block;border:0;padding:0;margin:12px 0 0}.archive-sidebar-block .work-overline{display:none}.archive-sidebar .archive-quick-filters{display:flex;overflow:auto;gap:7px;margin:0;padding-bottom:3px;flex-wrap:nowrap}.archive-sidebar .archive-quick-filters button{white-space:nowrap;border:1px solid #bedaf021;background:#a6c9e40b;padding:8px 10px;font-size:10px;min-height:35px}.archive-quick-filters button>span{display:none}
 .archive-main{width:100%}.archive-main .archive-toolbar{padding:14px;grid-template-columns:1fr 1fr;gap:13px}.archive-toolbar .archive-query{grid-column:1/-1}.archive-toolbar:has(.archive-sort[hidden]){grid-template-columns:minmax(0,1fr)}.archive-toolbar:has(.archive-sort[hidden]) .archive-query{grid-column:auto}.archive-toolbar input,.archive-toolbar select{font-size:16px!important;min-height:44px!important;padding:10px!important}
 .archive-results-bar{align-items:flex-start;gap:10px;margin:22px 0 10px;flex-wrap:wrap}.archive-results-bar>div{gap:9px}.archive-results-bar h2{font-size:15px}.archive-view-options{margin-left:auto}.archive-view-options label{font-size:10px;gap:5px}.archive-view-options button{padding:6px}.archive-scope{font-size:9px;margin-bottom:15px}
 .archive-main .archive-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.archive-main .archive-card{border-radius:10px}.archive-main .archive-card .archive-art{height:95px}.archive-main .archive-art .archive-icon{height:64px;width:73px}.archive-main .archive-card-copy{padding:11px 10px}.archive-main .archive-card-copy h3{font-size:13px;line-height:1.6}.archive-main .archive-card-copy p{font-size:9px;line-height:1.6}.archive-main .archive-card-copy>div{font-size:9px;flex-wrap:wrap;gap:5px}.archive-main .archive-card-copy b{font-size:9px}
 .archive-main .archive-list-mode{grid-template-columns:1fr;gap:0}.archive-main .archive-list-mode .archive-card{padding:14px 0;gap:12px}.archive-main .archive-list-mode .archive-art{width:57px;height:57px}.archive-main .archive-list-mode .archive-art .archive-icon{width:47px;height:47px}.archive-main .archive-list-mode .archive-card-copy{display:block}.archive-main .archive-list-mode .archive-card-copy>div{flex-direction:row;align-items:center;justify-content:space-between;margin-top:9px;gap:7px;font-size:9px}.archive-list-mode .archive-card-copy p{margin-top:5px}
 .archive-main .archive-maps-grid{grid-template-columns:1fr}.archive-main .map-card .archive-art{height:180px}.archive-main #library-pagination{gap:10px;font-size:10px}.archive-main #library-pagination .tab{padding:9px 12px}.archive-recent .recent-links{gap:6px}.archive-recent .recent-links a{font-size:10px}
 .archive-record-head{padding:20px;gap:16px;border-radius:13px;flex-wrap:wrap}.archive-record-icon{width:66px;height:66px;border-radius:10px}.archive-record-icon img{width:61px;height:61px}.archive-record-head h1{font-size:26px;margin:6px 0}.archive-record-head .label{font-size:7px}.archive-record-head p{font-size:11px}.archive-record-head .archive-save{margin-left:auto}
 .archive-document-layout{display:block;margin-top:20px}.archive-document-sidebar{position:sticky;top:87px;z-index:15;padding:0;margin:0 0 18px;background:#092136c9;backdrop-filter:blur(20px);border:1px solid var(--work-line);border-radius:10px;overflow:hidden}
 .archive-document-sidebar>.work-overline,.archive-side-note{display:none}.archive-document-sidebar .archive-detail-nav{display:flex;gap:3px;overflow:auto;padding:5px}.archive-document-sidebar .archive-detail-nav button{flex-shrink:0;white-space:nowrap;border:0;border-radius:6px;padding:11px 12px;font-size:11px;min-height:40px}.archive-document-sidebar .archive-detail-nav button[aria-current]{box-shadow:inset 0 -2px #c4e5fa}.archive-version{font-size:9px;line-height:1.85}
 .archive-document-content .archive-section{padding:20px 15px;border-radius:11px;margin:15px 0;scroll-margin-top:155px}.archive-section-title{gap:9px;padding-bottom:14px}.archive-section-title h2{font-size:18px}.archive-section-title>span{font-size:7px}
 .archive-document-content .detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}.archive-document-content .detail-metrics>div{padding:15px 12px;border-radius:8px}.archive-document-content .detail-metrics strong{font-size:16px}.archive-document-content .detail-metrics small{font-size:9px}
 .archive-document-content .archive-table{font-size:12px;min-width:430px}.archive-table th,.archive-table td{padding:12px 11px;font-size:12px}.archive-table th:first-child,.archive-table td:first-child{position:sticky;left:0;background:#142f43f5;z-index:1}
 .archive-footnote,.archive-muted{font-size:10px}.archive-chip{font-size:11px;padding:8px;gap:7px;min-height:38px}.archive-chip img{width:24px;height:24px}.recipe-controls{flex-wrap:wrap;font-size:11px!important}.recipe-controls label input{width:100px}.resource-row{font-size:12px;padding:12px 0}
 .map-record-shell .archive-detail{padding:20px 16px}.map-record-shell h2{font-size:26px}.map-record-filter{display:grid;gap:9px}.map-record-filter input{width:100%;font-size:16px}.map-columns{grid-template-columns:1fr;gap:22px}.map-spawns{max-height:420px;overflow:auto}.map-record-shell .map-preview{max-height:400px}
 .admin-page>.page-masthead{padding:0 0 20px!important;margin-bottom:20px}.admin-page>.page-masthead h1{font-size:25px!important}.admin-page>.page-masthead p{font-size:11px}.admin-page>.page-masthead .label{font-size:8px}.admin-page>.page-masthead>img{width:38px;height:38px}
 .admin-layout{display:flex;flex-direction:column;gap:18px}.admin-sidebar{position:static;width:100%;display:block;padding:15px 16px!important;border-radius:12px!important}.admin-account{padding:0 0 13px;margin:0 0 14px;gap:10px;width:auto}.account-avatar{width:30px;height:30px}.admin-account b{font-size:12px}.admin-account small{font-size:9px}
 .admin-nav-links{display:none}.admin-mobile-section{display:flex;align-items:center;gap:14px;font-size:11px;color:#a3c0d5}.admin-mobile-section select{flex:1;min-width:0;min-height:45px;font-size:16px!important;border-radius:8px;padding:10px!important}.admin-sidebar-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:0;padding:0;margin:12px 0 0}.admin-sidebar-foot>a,.admin-sidebar-foot>button{padding:7px 0;font-size:10px;min-height:30px;flex:none!important}.admin-sidebar-foot>small{font-size:9px;padding:0;margin-left:auto}
 .admin-workspace{padding:20px 16px;width:100%;border-radius:12px}.admin-workspace-crumb{font-size:9px;margin-bottom:18px}.admin-top{margin-bottom:20px;padding-bottom:20px;gap:16px;align-items:flex-start}.admin-top h2{font-size:23px}.admin-area-description{font-size:11px!important}.admin-top .btn{width:100%;min-height:44px;font-size:12px}.admin-top>#admin-save[hidden]{display:none!important}
 .admin-fields{grid-template-columns:minmax(0,1fr);gap:17px}.admin-field-group{grid-template-columns:minmax(0,1fr);gap:17px;padding-top:19px;margin-top:8px}.admin-field-group legend{font-size:12px}.admin-row{padding:18px 14px;border-radius:10px}.admin-row-head{gap:8px;padding-bottom:14px;margin-bottom:18px}.admin-row-head b{font-size:12px}.admin-fields label{font-size:11px}.admin-fields input,.admin-fields select,.admin-fields textarea{font-size:16px!important;min-height:45px}
 .admin-row-head .tab{min-height:36px!important;padding:8px 10px!important;font-size:10px!important}.admin-fields .config-note{font-size:10px}.admin-stats{gap:7px;margin:19px 0}.admin-stats article{padding:15px 9px;border-radius:8px}.admin-stats strong{font-size:24px}.admin-stats span{font-size:9px;line-height:1.8}
 .visit-panel{padding:16px 12px;border-radius:10px}.visit-heading{gap:10px;align-items:center}.visit-heading h3{font-size:18px}.visit-heading .label{font-size:7px}.visit-heading .tab{font-size:9px!important;padding:8px!important;min-height:35px!important}.visit-panel .admin-stats strong{font-size:21px}.visit-panel .admin-stats article{padding:13px 8px}
 .visit-chart{gap:7px}.visit-bar-track{height:80px}.visit-day>b,.visit-day>span{font-size:9px}.growth-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.growth-metrics>div{padding:13px 10px;border-radius:7px}.growth-metrics small{font-size:9px}.growth-metrics strong{font-size:22px;margin-top:8px}.visit-panel .muted{font-size:9px}.source-list span{font-size:9px;padding:7px 8px}
 .admin-shortcuts{display:grid;grid-template-columns:1fr;padding:18px;gap:9px;border-radius:10px}.admin-shortcuts h3{font-size:18px}.admin-shortcuts button{padding:14px 12px}.admin-shortcuts small{display:block!important;margin-left:0!important;font-size:10px}.admin-shortcuts button span{font-size:12px}
 .history-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:15px 12px}.history-row>span{grid-column:1;font-size:9px}.history-row>.tab{grid-column:2;grid-row:1/3;font-size:10px;min-height:40px}.admin-archive .admin-stats{grid-template-columns:1fr}.admin-archive .admin-stats article{padding:16px;display:flex;justify-content:space-between;gap:13px;align-items:center}.admin-archive .admin-stats strong{font-size:22px}.admin-archive .actions .btn{flex:1;padding:12px 10px;font-size:11px}
 .admin-auth-brand{padding:26px!important}.admin-auth h2{font-size:25px}.admin-auth-brand p{font-size:12px}#admin-login{padding:28px 22px}#admin-login h3{font-size:23px}#admin-login input{font-size:16px}.admin-workspace .review-search select{font-size:14px}.admin-workspace .review-search input{font-size:16px}
 .work-page .tools{padding:13px;gap:11px}.work-page .tools input,.work-page .tools select{font-size:16px;min-height:44px}.work-page .tabs{overflow:auto;flex-wrap:nowrap;gap:4px;padding-bottom:10px}.work-page .tabs .tab{flex-shrink:0;font-size:11px;padding:11px 14px}.work-page .panel{padding:22px 18px;border-radius:12px}.work-page .panel h3{font-size:19px}.work-page .panel p{font-size:12px}
 .work-page .news-controls{display:flex;flex-direction:column;align-items:stretch;gap:15px}.news-controls .tabs{margin:0}.news-search{min-width:0;width:100%}.news-search input{font-size:16px}body #news-list .news-row{padding:18px;grid-template-columns:minmax(0,1fr) 16px;gap:9px}#news-list .news-row>small{grid-column:1;font-size:10px}#news-list .news-row>span:nth-child(2){grid-column:1}#news-list .news-row>span:last-child{grid-column:2;grid-row:1/3}.news-row b{font-size:15px}
 .work-page .split{grid-template-columns:1fr;gap:30px}.work-page .check-item{padding:18px 16px;border-radius:10px}.check-item>span{font-size:13px}.check-item small{font-size:11px}.work-page details{padding:16px;border-radius:9px}.work-page details summary{font-size:12px}.work-page details p{font-size:11px}
 .work-page .platform-layout{grid-template-columns:1fr;gap:22px}.work-page .form-grid{gap:17px}.work-page .form-grid label{font-size:11px}.work-page .form-grid input,.work-page .form-grid select,.work-page .form-grid textarea{font-size:16px}.work-page #feedback .actions .btn{width:100%}
 .work-page .server-row{padding:21px 18px}.server-row h2,.server-row h3{font-size:20px}.work-page .mod-card h3{font-size:18px}.work-page .sea-map-section>.section-head h2{font-size:23px}.work-page .sea-map-copy h3{font-size:17px}
 .work-page .tool-heading{padding-bottom:22px;margin-bottom:22px}.work-page .tool-heading h1{font-size:27px}.work-page .tool-heading .intro{font-size:12px}.tool-heading .tool-emblem{display:none}.work-page .tool-tabs{overflow:auto;flex-wrap:nowrap}.tool-tabs button{white-space:nowrap;flex-shrink:0;font-size:11px;padding:11px 13px}.xp-box{padding:20px 16px}.xp-result{padding:23px 18px}.xp-workspace{gap:18px}.xp-help,.xp-simple-note{font-size:10px}
 .work-page .prose{padding:23px 18px}.work-page .prose h2{font-size:19px}.work-page .prose p{font-size:12px;line-height:2}
}
@media(prefers-reduced-motion:reduce){.archive-main .archive-card,body :is(.work-page,.library-page,.admin-page) .btn{transition:none}}

/* Source: sea-mobile-refine.css */
/* SEA mobile refinement: compact tasks, readable records, reachable actions. */
header nav .work-icon,header nav .nav-link-copy small{display:none}
header nav .nav-link-copy b{font:inherit}
#nav-scrim{display:none}
.menu .work-icon{width:21px;height:21px}
.archive-search-line{min-width:0}
.archive-filter-toggle,.archive-mobile-quick{display:none}
.archive-main .archive-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}
.archive-search-line .archive-query{display:grid;gap:8px}
.archive-filter-fields{display:flex;gap:14px;min-width:0}
.archive-filter-fields label{display:grid;gap:8px;min-width:150px}
.archive-filter-fields label[hidden]{display:none!important}
.archive-filter-summary{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding-top:3px}
.archive-filter-summary span{font-size:11px;padding:5px 9px;border-radius:6px;background:#a9cce514;color:#c3d9e9;overflow-wrap:anywhere;max-width:100%}
.archive-filter-summary button{margin-left:auto;border:0;background:none;color:#b6d5ed;font-size:11px;min-height:32px;padding:6px 4px}
.archive-filter-summary[hidden]{display:none!important}
.archive-sidebar-block[hidden]{display:none!important}
.archive-table-hint{display:none}
.admin-savebar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.admin-savebar #admin-save-status{margin:0}
.admin-savebar:has(#admin-save[hidden]){display:block}
body :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #bbdef8;outline-offset:4px}
body :is(button,.btn,a.tab){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body input[type=checkbox]{accent-color:#b9dbf2}
.archive-card-copy h3{overflow-wrap:anywhere}
.archive-detail-nav button[aria-current]{color:#e1f2ff;background:#b2d9ed14}
body .archive-document-content .archive-section{scroll-margin-top:35px}
body .archive-section-title{display:flex;flex-direction:row;justify-content:flex-start}
body .archive-section-title h2{order:-1;margin:0 auto 0 0}
body .archive-section-title>span{margin:0}
@media(max-width:1100px) and (min-width:761px){
 .archive-main .archive-toolbar{grid-template-columns:1fr}
 .archive-filter-fields label{flex:1;min-width:0}
 .admin-top{align-items:flex-start}.admin-savebar{max-width:190px;gap:9px}
}
@media(max-width:760px){
 html{scroll-padding-top:100px}
 body.mobile-nav-open{overflow:hidden}
 body header{top:max(10px,env(safe-area-inset-top));left:14px;width:calc(100% - 28px);height:64px;border-radius:18px;padding:10px 14px}
 header .brand-mark{width:38px;height:38px}
 header .menu{display:grid;place-items:center;min-width:44px;min-height:44px;margin-left:4px;padding:9px;border:1px solid transparent;border-radius:10px;color:#c3dced}
 header .menu[aria-expanded=true]{background:#a8cfe91a;border-color:#bad9ef2b}
 body header nav.open{position:absolute;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));left:0;right:0;top:75px;width:100%;gap:7px;padding:12px;border:1px solid #c3dff233;border-radius:16px;background:linear-gradient(145deg,#153448f5,#081a2af7);backdrop-filter:blur(26px);box-shadow:0 24px 70px #0007;max-height:calc(100dvh - 110px);overflow-y:auto}
 header nav.open a{display:flex;align-items:center;gap:10px;margin:0;padding:14px 10px;min-height:77px;border:1px solid transparent;border-radius:10px;font-size:13px;text-align:left;color:#c4d8e7}
 header nav.open a:after{display:none}
 header nav.open a.active{border-color:#c1dff233;background:linear-gradient(130deg,#c0deef20,#6ba5c810);color:#eef8ff}
 header nav.open .work-icon{display:block;width:19px;height:19px;flex-shrink:0;color:#9fc9e6}
 header nav.open .nav-link-copy{display:grid;gap:6px;min-width:0}
 header nav.open .nav-link-copy b{font-size:13px;font-weight:600;white-space:nowrap}
 header nav.open .nav-link-copy small{display:block;font-size:10px;font-weight:400;color:#8daec6;white-space:nowrap}
 #nav-scrim:not([hidden]){display:block;position:fixed;inset:0;border:0;background:#020d1b80;backdrop-filter:blur(3px);z-index:9;width:100%;height:100dvh}
 header:has(nav.open){z-index:100}
 body #community-popover{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
 body :is(.library-page,.admin-page,.work-page){padding-top:99px}
 body .work-crumb{margin-bottom:14px;font-size:11px;color:#9ebad0}
 body .library-page .archive-index-mast{display:block;padding:0 0 16px!important;margin:0 0 16px}
 body .archive-index-mast h1{font-size:26px!important;margin:8px 0 9px!important;letter-spacing:-.025em}
 body .archive-index-mast p{font-size:12px;line-height:1.8;margin:0;max-width:33em;color:#afcadc}
 body .archive-index-mast>.btn{display:none}
 body .archive-workbench{gap:14px}
 body .archive-sidebar .archive-nav{gap:5px;padding:0;overflow:visible}
 body .archive-sidebar .archive-nav button{padding:10px 5px;font-size:12px;min-height:46px;gap:4px;border-radius:8px}
 body .archive-sidebar .archive-nav button small{display:none}
 body .archive-sidebar .archive-sidebar-block{display:none!important}
 body .archive-main .archive-toolbar{display:block;padding:12px;border-radius:11px;background:linear-gradient(120deg,#8db9d21c,#07182a50);border-color:#beddf02a}
 .archive-search-line{display:flex;gap:9px;align-items:center}
 body .archive-search-line .archive-query{display:block;flex:1;min-width:0;margin:0;line-height:1}
 .archive-search-line .archive-query>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 body .archive-search-line input{min-height:46px!important;width:100%;padding:10px 12px!important;background:#0617288f;border-color:#b6d7ed29;border-radius:8px;font-size:16px!important}
 body .archive-filter-toggle{display:flex;align-items:center;justify-content:center;gap:5px;min-height:46px;padding:10px;border:1px solid #bed9ed30;border-radius:8px;background:#a9cce313;color:#cce2f1;font-size:12px;flex-shrink:0}
 .archive-filter-toggle .work-icon{width:16px;height:16px}
 .archive-filter-toggle[aria-expanded=true]{background:#b9dbee25;border-color:#bfdff353}
 body .archive-filter-fields{display:none;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #b7d7e71f}
 body .filters-expanded .archive-filter-fields{display:flex}
 body .archive-filter-fields label{flex:1;min-width:0;font-size:11px}
 body .archive-filter-fields select{width:100%;font-size:16px!important}
 .archive-mobile-quick{display:flex;gap:5px;margin-top:9px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
 .archive-mobile-quick:empty{display:none}
 .archive-mobile-quick button{flex:1 0 auto;white-space:nowrap;min-height:36px;padding:7px 8px;border:0;border-radius:6px;background:none;color:#a7c4d9;font-size:11px}
 .archive-mobile-quick button.active{background:#adcee51a;color:#e3f3ff}
 .archive-filter-summary{padding-top:10px;gap:5px}
 .archive-filter-summary button{min-height:36px}
 body .archive-results-bar{margin:18px 0 9px;gap:8px;align-items:center}
 body .archive-results-bar>div:first-child{display:grid;gap:3px}
 body .archive-results-bar h2{font-size:15px}
 body #library-count{font-size:10px;color:#96b4ca}
 body .archive-view-options{gap:8px}
 body .archive-view-options label{min-height:44px;font-size:11px}
 body .archive-view-options input{width:17px;height:17px;margin:0 5px 0 0}
 body .archive-view-options button{min-width:38px;min-height:42px;padding:8px}
 body .archive-scope{font-size:10px;line-height:1.8;color:#a2bed2;margin:0 0 13px}
 body .archive-main .archive-grid{gap:9px}
 body .archive-main .archive-card .archive-art{height:91px}
 body .archive-main .archive-card-copy h3{font-size:13px;line-height:1.5}
 body .archive-main .archive-card-copy p{font-size:10px}
 body .archive-main .archive-card-copy>div,body .archive-main .archive-card-copy b{font-size:10px}
 body .archive-main .archive-list-mode{gap:0}
 body .archive-main .archive-list-mode .archive-card{padding:14px 5px}
 body .archive-main .archive-list-mode .archive-art{height:56px}
 body .archive-main .map-card .archive-art{height:170px}
 body .archive-main #library-pagination .tab{min-height:44px;font-size:11px;flex:1;max-width:120px}
 body .archive-main #library-pagination{font-size:11px;gap:8px}
 body .archive-record-head{padding:16px;gap:12px;margin-bottom:16px}
 body .archive-record-head .label{display:none}
 body .archive-record-head h1{font-size:25px;margin:4px 0}
 body .archive-record-head .archive-save{font-size:11px;min-height:42px;padding:10px}
 body .archive-record-icon{width:54px;height:54px}
 body .archive-record-icon img{width:49px;height:49px}
 body .archive-document-layout{margin-top:14px}
 body .archive-document-sidebar{top:85px;margin-bottom:13px;z-index:8}
 body .archive-document-sidebar .archive-detail-nav{padding:4px;gap:2px;scrollbar-width:none}
 body .archive-document-sidebar .archive-detail-nav button{padding:10px;font-size:11px;min-height:42px}
 body .archive-document-content .detail-metrics{gap:7px;margin-bottom:14px}
 body .archive-document-content .detail-metrics>div{padding:12px}
 body .archive-document-content .detail-metrics strong{margin-top:9px;font-size:16px}
 body .archive-document-content .detail-metrics small{font-size:10px}
 body .archive-document-content .archive-section{padding:17px 13px;margin:13px 0;scroll-margin-top:55px}
 .archive-table-hint{display:flex;justify-content:space-between;color:#90b2cc;font-size:10px;margin:0 0 10px}
 body .archive-footnote,body .archive-muted{font-size:11px;line-height:1.9}
 body .archive-version{font-size:10px;line-height:1.8}
 body .archive-section-title{justify-content:flex-start;flex-direction:row}
 body .archive-section-title h2{font-size:17px}
 body .archive-table-wrap{overscroll-behavior-x:contain;scrollbar-width:thin}
 body .archive-document-content .archive-table{table-layout:fixed}
 body #archive-stats .archive-table th:first-child{width:80px}
 body #archive-taming .archive-table th:first-child{width:145px}
 body .archive-table td .archive-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 body .archive-chip{min-height:44px;font-size:12px}
 body .archive-chips{gap:7px}
 body .admin-page:has(.admin-layout)>.page-masthead{display:none}
 body .admin-sidebar{padding:13px!important;border-radius:11px!important}
 body .admin-account{display:none}
 body .admin-sidebar-foot{margin-top:8px;gap:14px}
 body .admin-sidebar-foot>a,body .admin-sidebar-foot>button{min-height:40px;font-size:11px;padding:9px 0}
 body .admin-mobile-section{font-size:12px}
 body .admin-layout{gap:15px}
 body .admin-workspace{padding:18px 13px;backdrop-filter:none;-webkit-backdrop-filter:none}
 body .admin-workspace-crumb{margin-bottom:13px}
 body .admin-top{margin-bottom:17px;padding-bottom:16px}
 body .admin-top h2{font-size:22px;margin-bottom:8px}
 body .admin-savebar:has(#admin-save:not([hidden])){position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px max(18px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));border-top:1px solid #c3dff23d;background:linear-gradient(120deg,#16354bea,#07192af5);backdrop-filter:blur(24px);box-shadow:0 -12px 40px #020a183b}
 body .admin-savebar #admin-save-status{font-size:11px;line-height:1.6}
 body .admin-savebar #admin-save{width:auto;min-width:135px;min-height:44px;font-size:12px;padding:12px 14px}
 body:has(.admin-savebar #admin-save:not([hidden])) footer{padding-bottom:110px}
 body:has(.admin-savebar #admin-save:not([hidden])) #toast{bottom:92px}
 body[data-route=admin] #motion-toggle{display:none}
 body .admin-savebar:has(#admin-save[hidden]){width:100%;justify-content:flex-start}
 body .admin-row{padding:16px 12px}
 body .admin-field-group{gap:16px}
 body .admin-fields label{font-size:12px;color:#bad1e2}
 body .admin-workspace .config-note{font-size:11px;line-height:1.85}
 body .admin-workspace input,body .admin-workspace textarea,body .admin-workspace select{scroll-margin-bottom:100px}
 body .work-page .route-heading{margin-bottom:20px;padding-top:0;padding-bottom:18px}
 body .work-page .route-heading>.label{display:none}
 body .work-page .route-heading h1{font-size:27px;margin:8px 0 12px}
 body .work-page .route-heading p{font-size:13px;line-height:1.85}
 body .work-page .check-item>span{font-size:14px}
 body .work-page .check-item small{font-size:12px;line-height:1.85}
 body .work-page details summary{font-size:13px;line-height:1.8}
 body .work-page details p,body .work-page .prose p{font-size:13px;line-height:1.95}
 body .work-page .tabs .tab{min-height:44px}
 body .work-page .form-grid label{font-size:12px}
 body .work-page .panel{padding:20px 16px}
 body .work-page .panel p{font-size:13px}
 body .work-page #feedback textarea{min-height:160px}
 body .work-page .prose{padding:20px 16px}
 body .player-guides{padding-top:99px!important}
 body .guide-crumb{font-size:11px;margin-bottom:16px}
 body .guide-page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px;margin-bottom:18px;padding-bottom:18px}
 body .guide-page-heading>div{display:contents}
 body .guide-page-heading h1{grid-column:1;grid-row:1;margin:0!important;align-self:center}
 body .guide-page-heading p{grid-column:1/-1;grid-row:2;font-size:12px;line-height:1.85;margin:0}
 body .guide-page-heading>.btn{grid-column:2;grid-row:1;min-height:44px;padding:10px 12px}
 body .guide-map-nav{scrollbar-width:none;padding-bottom:0;overscroll-behavior-x:contain;mask-image:linear-gradient(to right,#000 94%,transparent)}
 body .guide-map-nav::-webkit-scrollbar,body .archive-mobile-quick::-webkit-scrollbar{display:none}
 body .guide-map-nav button{min-height:44px;font-size:12px}
 body .guide-zero{min-height:250px;padding:27px 18px}
 body .guide-zero p{font-size:12px}
 body .guide-editor-toolbar button,body .guide-toc button{min-height:44px}
 body .guide-editor .guide-consent{font-size:12px;line-height:1.85}
 body .guide-editor .actions{flex-wrap:wrap}
 body .guide-editor .actions .btn{min-height:46px;min-width:120px}
 body .guide-document{padding:22px 17px}
 body footer .footer-top>div a{min-height:44px;display:inline-flex;align-items:center;font-size:11px}
 body #motion-toggle{font-size:9px;min-height:36px;min-width:55px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));opacity:.8}
 body dialog#article{max-height:calc(100dvh - 60px);width:calc(100% - 28px);padding:26px 20px;overscroll-behavior:contain}
 body dialog#article>.close{position:sticky;top:0;margin-left:auto;display:block;min-width:44px;min-height:44px}
}
@media(max-width:360px){
 header .nav-community{padding:9px 10px;font-size:11px}
 header nav.open a{gap:7px;padding:13px 7px}
 header nav.open .work-icon{width:17px}
 header nav.open .nav-link-copy b{font-size:12px}
 body .archive-record-head .archive-save{margin-left:0}
 body .archive-view-options{gap:3px}
 body .archive-view-options button{min-width:34px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Source: player-features.css */
/* SEA player commons: readable, restrained glass over the existing ocean scene. */
.player-space{max-width:1220px;margin-inline:auto;padding-bottom:100px}
.player-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:26px 0 34px}
.player-heading h1{font-size:clamp(28px,3.4vw,44px);line-height:1.25;letter-spacing:-.04em;margin:12px 0 16px}
.player-heading p,.player-home-heading p{color:#a7bdd0;line-height:1.8;margin:0}
.player-heading>.btn{flex-shrink:0}
.player-section-nav{display:flex;gap:6px;border-bottom:1px solid #a9c7eb20;margin-bottom:32px;padding-bottom:10px}
.player-section-nav a{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;color:#9ab1c6;font-size:14px;transition:background .2s,color .2s}
.player-section-nav a:hover,.player-section-nav a[aria-current]{background:#b9d4f115;color:#e0efff}
.player-section-nav a[aria-current]{box-shadow:inset 0 -2px #a9d3f4}
.player-space svg,.player-home svg,#player-admin-root svg,.tool-supply-entry svg{width:20px;height:20px;flex-shrink:0}
.board-layout,.board-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:start}
.board-filterbar{display:grid;gap:12px;padding:18px;border:1px solid #bdd7f31c;background:#08172888;border-radius:18px}
.board-search{display:flex;align-items:center;gap:10px;position:relative;min-width:0}
.board-search input{min-width:0;flex:1;width:100%}
.board-search .tab{flex-shrink:0}
.player-space input:not([type=checkbox]),.player-space select,.player-space textarea,#player-admin-root input:not([type=checkbox]),#player-admin-root select,#player-admin-root textarea{box-sizing:border-box;min-width:0;max-width:100%;background:#0714219c;border:1px solid #aec9e42b;border-radius:10px;color:#e4edf7;padding:12px 13px;font:inherit;font-size:14px;outline:none}
.player-space input:focus,.player-space select:focus,.player-space textarea:focus,#player-admin-root input:focus,#player-admin-root textarea:focus,#player-admin-root select:focus{border-color:#97bfe3;box-shadow:0 0 0 3px #88b8df15}
.player-space :focus-visible,#player-admin-root :focus-visible,.player-home :focus-visible{outline:2px solid #b9dcff;outline-offset:4px}
.player-space select option,#player-admin-root select option{background:#0d1d2e}
.board-filter-options{display:flex;flex-wrap:wrap;gap:10px}
.board-filter-options select{flex:1}
.board-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 14px}
.board-list-heading h2,.supply-plan-title h2,.supply-material-heading h2{font-size:17px;margin:0}
.board-list-heading>span,.board-topic-top small,.board-meta,.board-version,.board-muted{font-size:12px;color:#93aabf;line-height:1.7}
#board-list{display:grid;gap:12px}
.board-topic{display:block;min-width:0;background:linear-gradient(120deg,#152c4080,#0a192990);border:1px solid #abc8e322;border-radius:18px;padding:24px;color:inherit;transition:background .2s,border-color .2s,transform .2s;overflow-wrap:anywhere}
.board-topic:hover{border-color:#adcdef55;background:#20384b99;transform:translateY(-2px)}
.board-topic-top,.board-meta,.recruit-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.board-topic-top{justify-content:space-between}
.board-topic h2{font-size:19px;line-height:1.5;margin:16px 0 9px}
.board-topic>p{color:#aebfd0;font-size:14px;line-height:1.8;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.board-state{display:inline-flex;border-radius:7px;padding:5px 9px;background:#a8cbe715;border:1px solid #a8cbe728;color:#c9dced;font-size:11px;letter-spacing:.02em}
.board-state.solved{color:#b1e1d0;background:#89d3b514;border-color:#89d3b530}
.board-meta span:not(:first-child):before{content:"·";margin-right:10px;color:#7892a6}
.recruit-line{border-top:1px solid #c1dafa16;padding-top:14px;margin-top:18px;color:#a8bed0;font-size:12px}
.recruit-line span{margin-left:auto;color:#d6e7f5}
.board-side-card{padding:24px;border-radius:18px;border:1px solid #aac9e51f;background:#0b1b2a88}
.board-side-card h2{font-size:18px;line-height:1.6;margin:12px 0}
.board-side-card p,.board-side-note{color:#9cb2c6;font-size:13px;line-height:1.9}
.board-side-card>a{display:block;color:#bdd6ee;font-size:13px;margin-top:22px}
.board-side-card .btn{width:100%;margin-top:12px}
.board-side-note{padding:0 10px}
.board-empty{text-align:center;padding:48px 24px;border:1px dashed #b7cfe32c;border-radius:18px;background:#09172766}
.board-empty>svg,.board-success>svg{width:32px;height:32px;color:#a9c9e7;margin-bottom:10px}
.board-empty h2,.board-empty h3{font-size:20px;margin:14px 0}
.board-empty p{font-size:14px;color:#a5b9cc;line-height:1.8}
.board-empty .btn{margin-top:14px}
.board-loading{padding:48px;text-align:center;color:#9eb5c9}
.board-pager{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:26px}
.board-pager>span{font-size:12px;color:#a5b9cc}
.board-compose-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:start}
.board-compose{padding:28px;border-radius:20px;border:1px solid #acc8e226;background:#0c1d2c9c}
.board-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.board-form-grid label{display:flex;flex-direction:column;gap:9px;color:#bbccdd;font-size:13px;min-width:0}
.board-form-grid .full{grid-column:1/-1}
.board-form-grid textarea{resize:vertical;line-height:1.9}
.board-form-grid>label:first-child:has(input[name=title]){grid-column:1/-1}
.board-back{display:inline-block;font-size:13px;color:#a9c6e0;margin-bottom:22px;padding:6px 0}
.board-parent-title{padding:14px 18px;margin-bottom:24px;border-left:2px solid #b3d4f1;background:#9dbdda0d;font-size:12px;color:#8fa8bf}
.board-parent-title strong{display:block;font-size:17px;color:#dbe7f2;margin-top:8px;overflow-wrap:anywhere}
.board-honey{position:absolute!important;left:-10000px!important;opacity:0}
.board-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#a5bbcf;line-height:1.9;margin:24px 0}
.board-consent input,.supply-ready-label input{width:18px;height:18px;flex-shrink:0;accent-color:#9dc5e8;margin-top:3px}
.board-form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.board-form-message,.board-admin-message,.board-review-message,.template-message,#supply-message{font-size:13px;color:#c8dcf0;line-height:1.8;overflow-wrap:anywhere}
.board-draft-status{font-size:11px;color:#8da4ba;line-height:1.8}
.board-success{text-align:center;padding:30px 0}
.board-success p{color:#a6bfd4;font-size:14px;line-height:1.8}
.board-success code{display:block;padding:16px;background:#07132166;margin:20px 0;border-radius:10px;overflow-wrap:anywhere;user-select:all}
.board-document{border:1px solid #bdd3e823;border-radius:20px;padding:32px;background:#0c1b2c9c;min-width:0}
.board-document>h1{font-size:clamp(24px,3vw,34px);line-height:1.5;margin:18px 0;overflow-wrap:anywhere}
.board-version{margin-top:16px;padding-bottom:18px;border-bottom:1px solid #c9e0f518}
.board-prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:2;color:#d1deeb;padding-top:18px}
.recruit-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid #b4d0ed18;padding:10px 0 24px}
.recruit-facts dt{font-size:11px;color:#90a9bf}
.recruit-facts dd{margin:8px 0 0;font-size:14px;overflow-wrap:anywhere}
.recruit-contact{margin-top:28px;padding-top:24px;border-top:1px solid #c0d8ed20}
.recruit-contact h2{font-size:18px}
.recruit-contact p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#afc5d9}
.recruit-contact small{display:block;margin-top:18px;font-size:11px;color:#92a9bf}
.board-answers{max-width:calc(100% - 302px);margin-top:36px}
.board-reply{padding:24px;border:1px solid #b5cde522;background:#0a192a99;border-radius:18px;margin:14px 0}
.board-reply.accepted{border-color:#9ed6bd50;background:linear-gradient(120deg,#19363199,#0a192a99)}
.board-reply-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.board-reply-head time{font-size:11px;color:#94aabe}
.board-reply-head strong{font-size:14px;overflow-wrap:anywhere}
.board-accepted-label{display:flex;align-items:center;gap:8px;color:#afd8c6;font-size:12px}
.board-admin-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a7bed0;font-size:13px;margin-bottom:20px}
.board-admin-intro p{margin:0;line-height:1.8}
.board-admin-intro a{white-space:nowrap}
.board-review-tabs,.template-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.board-review-tabs button{display:flex;gap:9px;align-items:center}
.board-review-tabs button span{font-size:11px;color:#a6c0d7}
.board-review{border:1px solid #a9c6e325;border-radius:14px;margin:14px 0;background:#09182788;overflow:hidden}
.board-review summary{padding:18px;cursor:pointer;line-height:1.8;overflow-wrap:anywhere}
.board-review summary>span:first-child{min-width:0;flex:1}
.board-review summary>.board-state{flex-shrink:0;white-space:nowrap}
.solution-option{padding:14px 0;border-bottom:1px solid #a9c8df1a;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.solution-option .tab{white-space:normal}
.supply-mobile-jumps{display:none}
.supply-workspace{scroll-margin-top:100px}
.board-review summary strong{font-size:14px}
.board-review summary small{display:block;color:#8fa6bc;font-size:11px}
.board-review summary .board-state{margin-left:10px}
.board-review form{padding:20px;border-top:1px solid #a9c6e31a}
.board-review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.board-review form>label{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:12px;color:#a8bfd3}
.board-solutions{padding:18px;border-top:1px solid #adc8e31c}
.board-solution-choice{display:block;width:100%;text-align:left;white-space:normal;padding:14px;margin:8px 0;line-height:1.8}
.supply-scope{display:flex;align-items:flex-start;gap:10px;color:#a6bbce;font-size:12px;line-height:1.9;padding:16px 18px;border:1px solid #9fc3e328;border-radius:12px;background:#14314955;margin-bottom:24px}
.supply-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:26px;align-items:start}
.supply-picker{padding:18px;border:1px solid #abcbe224;border-radius:16px;background:#0b1d2b99}
.supply-picker>label{font-size:13px;color:#d4e4f3;display:block;margin-bottom:12px}
.supply-search-icon{position:absolute;right:12px;pointer-events:none;color:#91adc4}
.supply-picker .board-search input{padding-right:38px}
.supply-search-results{max-height:390px;overflow:auto;overscroll-behavior:contain;margin-top:12px;scrollbar-width:thin}
.supply-search-results>button{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #9bbbd514;background:transparent;text-align:left;padding:11px 4px;color:#c3d8e9;cursor:pointer;border-radius:6px}
.supply-search-results>button:hover{background:#a9cde313}
.supply-search-results img{width:36px;height:36px;object-fit:contain}
.supply-search-results>button>span:not(.supply-add-sign){min-width:0;flex:1}
.supply-search-results b{font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere}
.supply-search-results small{font-size:10px;color:#90a8bd;display:block;margin-top:4px;overflow-wrap:anywhere}
.supply-add-sign{font-size:20px;padding:0 6px}
.supply-template-section{margin-top:24px}
.supply-template-section>h2{font-size:15px}
.supply-template{padding:18px;border:1px solid #adc8e522;background:#10223388;border-radius:14px;margin-bottom:10px}
.supply-template h3{font-size:15px;margin:0 0 8px}
.supply-template p{color:#9db4c8;font-size:12px;line-height:1.8}
.supply-template small{font-size:11px;color:#8ca5bc;margin-right:16px}
.supply-workspace{min-width:0;padding:24px;border:1px solid #bad4ed28;border-radius:20px;background:#0c1c2b99}
.supply-plan-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.supply-plan-title h2 span{font-size:11px;font-weight:400;color:#90adc4;margin-left:8px}
.supply-entry{display:grid;grid-template-columns:minmax(0,1fr) 94px 32px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #b2cce321}
.supply-entry>div{display:flex;align-items:center;gap:12px;min-width:0}
.supply-entry img{width:40px;height:40px;object-fit:contain}
.supply-entry a,.supply-entry>span{font-size:14px;color:#d3e5f5;overflow-wrap:anywhere}
.supply-entry label{font-size:10px;color:#8faac2}
.supply-entry label input{display:block;width:100%;margin-top:5px;padding:8px!important}
.supply-entry>button{border:1px solid #afcce529;background:#a9c6df08;color:#b0c5d8;border-radius:8px;min-height:36px;font-size:20px;cursor:pointer}
.supply-entry>button:hover{background:#ac7b7b30;color:#f1c4c4}
.supply-plan-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0}
.supply-plan-actions .tab{display:flex;align-items:center;gap:8px}
#supply-save-status{font-size:11px;color:#98b2c8}
.supply-material-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:30px}
.supply-material-heading .label{font-size:9px}
.supply-material-heading h2{margin-top:8px}
#supply-progress{font-size:11px;color:#adccdf;white-space:nowrap}
.supply-progress-track{height:3px;background:#accbe21a;margin:18px 0}
.supply-progress-track span{display:block;height:100%;background:#a4cbdc;transition:width .2s}
.supply-material{display:grid;grid-template-columns:minmax(0,1fr) 88px 70px;gap:16px;align-items:center;border-bottom:1px solid #aec9de17;padding:16px 0}
.supply-ready-label{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer;font-size:14px;overflow-wrap:anywhere}
.supply-ready-label small{display:block;font-size:11px;color:#8da8bf;margin-top:5px}
.supply-ready-label small b{font-weight:400}
.supply-owned-label{font-size:10px;color:#94aec4}
.supply-owned-label input{display:block;width:100%;margin-top:5px;padding:8px!important}
.supply-missing{text-align:right;min-width:0;overflow-wrap:anywhere}
.supply-missing small{display:block;color:#8fa9bf;font-size:10px;margin-bottom:8px}
.supply-missing strong{font-size:17px;font-variant-numeric:tabular-nums}
.supply-material.ready .supply-missing strong{color:#a0d4b9}
.supply-material.ready .supply-ready-label>span{color:#9bb8ad}
.template-admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#template-status{font-size:12px;color:#adc4d9}
.template-tabs .tab{max-width:100%;overflow-wrap:anywhere;white-space:normal}
.template-entries{margin:16px 0 24px}
#template-editor .supply-picker{margin-top:20px}
.tool-supply-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid #a9cbe52a;border-radius:16px;background:#10253988;margin-bottom:24px;font-size:13px;color:#b6cde0}
.player-home{margin:64px 0}
.player-home-heading h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;margin:12px 0}
.player-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.player-home-grid>a{padding:26px;background:linear-gradient(125deg,#1b354777,#0a1a2999);border:1px solid #bed9ef28;border-radius:20px;color:#d7e8f5;transition:background .2s,transform .2s}
.player-home-grid>a:hover{transform:translateY(-3px);background:#24415599}
.player-home-grid>a>span{display:inline-flex;padding:12px;border:1px solid #b2d5f12b;border-radius:12px;background:#b5d8f00c}
.player-home-grid h3{font-size:18px;margin:24px 0 10px}
.player-home-grid p{font-size:13px;line-height:1.9;color:#9fb8ce;min-height:48px}
.player-home-grid b{font-size:12px;font-weight:400}
.player-space button:disabled,#player-admin-root button:disabled{opacity:.4;cursor:not-allowed}
.player-space [hidden],#player-admin-root [hidden]{display:none!important}
@media(max-width:1000px){
 .board-layout,.board-detail-layout,.board-compose-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}
 .board-answers{max-width:calc(100% - 250px)}
 .board-side-card{padding:20px}
 .supply-layout{grid-template-columns:260px minmax(0,1fr);gap:18px}
 .supply-workspace{padding:20px}
 .supply-material{grid-template-columns:minmax(0,1fr) 72px 60px;gap:10px}
}
@media(max-width:760px){
 .player-space{padding-bottom:56px}
 .player-heading{align-items:flex-start;flex-direction:column;gap:20px;margin:20px 0 26px}
 .player-heading h1{font-size:29px;margin:10px 0 12px}
 .player-heading p{font-size:13px}
 .player-heading>.btn{min-height:46px}
 .player-section-nav{gap:3px;margin-bottom:24px}
 .player-section-nav a{flex:1;padding:12px 7px;font-size:12px;gap:5px;white-space:nowrap}
 .player-section-nav svg{width:16px;height:16px}
 .board-layout,.board-detail-layout,.board-compose-layout,.supply-layout{grid-template-columns:1fr;gap:24px}
 .board-sidebar{display:none}
 .board-compose-layout>aside,.board-detail-layout>aside{padding:20px}
 .board-filterbar{padding:14px;border-radius:14px;gap:10px}
 .board-search{gap:8px}
 .player-space input:not([type=checkbox]),.player-space select,.player-space textarea,#player-admin-root input:not([type=checkbox]),#player-admin-root select,#player-admin-root textarea{font-size:16px;min-height:44px}
 .board-filter-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .board-filter-options select{width:100%}
 .board-filter-options:has(select:nth-child(3)) select:first-child{grid-column:1/-1}
 .board-topic{padding:19px;border-radius:16px}
 .board-topic h2{font-size:18px}
 .board-topic-top{gap:8px}
 .board-topic-top small{font-size:10px}
 .board-meta{gap:8px;font-size:11px}
 .board-meta span:not(:first-child):before{margin-right:8px}
 .board-compose,.board-document{padding:20px;border-radius:16px}
 .board-form-grid{grid-template-columns:1fr;gap:18px}
 .board-form-grid .full{grid-column:auto}
 .board-consent{font-size:12px}
 .board-form-actions>.btn{flex:1}
 .board-form-actions .tab{font-size:11px}
 .board-answers{max-width:100%;margin-top:26px}
 .board-reply{padding:20px}
 .board-prose{font-size:14px;line-height:1.95}
 .board-document>h1{font-size:25px}
 .board-list-heading{gap:8px}
 .board-list-heading h2{font-size:16px}
 .board-list-heading>span{font-size:11px}
 .board-review form{padding:16px}
 .board-review summary{padding:16px}
 .board-review-tabs{gap:6px}
 .board-review-tabs .tab{flex:1;justify-content:center;padding:10px 6px;font-size:12px}
 .board-review-actions>.btn,.board-review-actions>.tab{flex:1;min-width:110px;min-height:44px}
 .board-admin-intro{align-items:flex-start;flex-direction:column;gap:10px;font-size:12px}
 .supply-mobile-jumps{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
 .supply-mobile-jumps span{font-size:10px;color:#94aec4;max-width:100px;line-height:1.6}
 .supply-mobile-jumps .tab{min-height:44px;font-size:11px}
 .supply-scope{font-size:11px;padding:14px}
 .supply-picker{padding:16px}
 .supply-search-results{max-height:220px}
 .supply-search-results>button{padding:10px 6px;min-height:52px}
 .supply-template-section:has(>.board-muted){margin-top:12px}
 .supply-template-section{margin-top:18px}
 .supply-workspace{padding:18px;border-radius:16px}
 .supply-entry{grid-template-columns:minmax(0,1fr) 76px 36px;gap:9px}
 .supply-entry>div{gap:8px}
 .supply-entry img{width:30px;height:30px}
 .supply-entry a{font-size:12px}
 .supply-entry>button{min-height:44px}
 .supply-material{grid-template-columns:minmax(0,1fr) 70px 58px;gap:9px}
 .supply-ready-label{font-size:12px;gap:8px}
 .supply-missing strong{font-size:15px}
 .supply-material-heading{margin-top:26px}
 #supply-save-status{flex-basis:100%;margin-top:4px}
 .supply-plan-actions .tab{min-height:44px}
 .template-admin-actions{gap:8px}
 .template-admin-actions>.btn{order:-1;flex-basis:100%;min-height:46px}
 .template-admin-actions .tab{min-height:44px}
 #template-status{flex-basis:100%;font-size:11px;margin-top:5px}
 .template-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
 .template-tabs .tab{flex-shrink:0;max-width:220px}
 .tool-supply-entry{align-items:flex-start;flex-direction:column;gap:14px;padding:18px}
 .tool-supply-entry .btn{width:100%}
 .player-home{margin:44px 0}
 .player-home-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}
 .player-home-grid>a{display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:20px}
 .player-home-grid>a>span{grid-row:1/4;align-self:start;padding:11px}
 .player-home-grid h3{margin:2px 0 7px;font-size:17px}
 .player-home-grid p{margin:0 0 12px;min-height:0;font-size:12px}
 .player-home-grid b{grid-column:2}
 .player-home-heading p{font-size:13px}
 header nav.open a:last-child{grid-column:1/-1}
}
@media(max-width:360px){
 .board-filter-options{grid-template-columns:1fr}
 .supply-entry{grid-template-columns:minmax(0,1fr) 68px 32px}
 .supply-entry img{display:none}
 .supply-material{grid-template-columns:minmax(0,1fr) 62px 50px;gap:7px}
}
@media(prefers-reduced-motion:reduce){.player-space *,.player-home *{transition:none!important}}
.motion-off .player-space *,.motion-off .player-home *{transition:none!important}

/* Community introduction: scoped to the pinned entry and its article. */
.sea-intro-pin{display:flex;flex-direction:column;gap:9px;padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid #b6d5ec24;color:#dcecf8}
.sea-pin-label{font-size:11px;color:#9fc9e8;letter-spacing:.04em}
.sea-intro-pin strong{font-size:18px;line-height:1.6;font-weight:600}
.sea-pin-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#9db6cc;line-height:1.7}
.sea-pin-summary b{font-size:18px;color:#badcf4}
.sea-intro-pin:hover strong{color:#b9ddf6}
.sea-introduction p{font-size:15px;line-height:1.95;color:#b7ccdc;margin:12px 0 0}
.sea-introduction .sea-intro-lead{color:#d5e5f0}
.sea-introduction section{margin-top:30px;padding-top:24px;border-top:1px solid #b6d5ec1c}
.sea-introduction>h2{font-size:clamp(24px,3vw,34px);line-height:1.5;margin:18px 0;color:#e4eff7}
.sea-introduction section h3{font-size:21px;line-height:1.6;margin:0;color:#e4eff7}
.sea-join-steps{padding-left:22px;margin:18px 0 0}
.sea-join-steps li{padding-left:6px;margin-top:22px;color:#accce5}
.sea-join-steps strong{color:#dcecf8;font-size:15px}
.sea-join-steps a{display:inline-flex;align-items:center;min-height:44px;margin-top:5px;color:#b9ddf6;font-size:13px}
.sea-join-steps .btn{margin-top:16px}
.sea-introduction .sea-intro-note{font-size:12px;color:#8ea9be;border-top:1px solid #b6d5ec1c;padding-top:20px;margin-top:28px}
@media(max-width:760px){
 .sea-intro-pin{padding-bottom:18px;margin-bottom:18px;gap:8px}
 .sea-intro-pin strong{font-size:16px}
 .sea-pin-summary{font-size:11px}
 .sea-introduction section{margin-top:24px;padding-top:20px}
 .sea-introduction>h2{font-size:25px}
 .sea-introduction section h3{font-size:19px}
 .sea-introduction p{font-size:14px}
 .sea-introduction+.board-side-card{margin-top:0}
}

/* Source: reference.css */
/* SEA field manual. The data index stays compact; long commands wrap within cards. */
.reference-space{max-width:1220px;margin:auto;padding-bottom:90px}
.reference-heading{margin:30px 0}
.reference-heading h1{font-size:clamp(28px,4vw,46px);letter-spacing:-.04em;line-height:1.2;margin:14px 0}
.reference-heading p{color:#a6bdd1;line-height:1.8;font-size:15px}
.reference-tabs{display:flex;gap:8px;border-bottom:1px solid #abc8e525;padding-bottom:12px;margin:0 0 24px}
.reference-tabs a{display:flex;align-items:center;gap:8px;padding:12px 17px;border-radius:12px;color:#9fb7cc;font-size:13px;white-space:nowrap}
.reference-tabs svg,.reference-entry svg,.reference-scope svg{width:19px;height:19px}
.reference-tabs a[aria-current]{background:#a7cbea13;box-shadow:inset 0 -2px #accfe9;color:#e0effa}
.reference-tabs a:last-child{margin-left:auto}
.reference-tabs a:last-child span{padding:2px 6px;border-radius:5px;background:#adcee61c;font-size:11px}
.reference-summary{display:flex;gap:32px;margin-bottom:25px;padding:8px 0}
.reference-summary>span{display:flex;align-items:baseline;gap:10px;color:#91acc2;font-size:12px}
.reference-summary b{font-size:23px;color:#d6e7f5;font-weight:550;font-variant-numeric:tabular-nums}
.reference-scope{border:1px solid #9fbed526;background:#10263877;border-radius:12px;margin:20px 0}
.reference-scope summary{font-size:13px;color:#c2d8e9;padding:15px 18px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}
.reference-scope>div{padding:0 20px 15px;font-size:13px;color:#9fb7cb;line-height:1.9}
.reference-filters{border:1px solid #abcce32a;border-radius:16px;padding:20px;background:#0c1c2b9c}
.ref-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.reference-space label{font-size:12px;color:#a3bdd2;display:flex;flex-direction:column;gap:8px;min-width:0}
.reference-space input,.reference-space select{width:100%;min-width:0;box-sizing:border-box;padding:12px 13px;border-radius:10px;border:1px solid #b1cee52a;background:#081624b3;color:#dfeaf5;font:inherit;font-size:14px;outline:none}
.reference-space input:focus,.reference-space select:focus{border-color:#a6c9e8;box-shadow:0 0 0 3px #a6c9e814}
.reference-space select option{background:#102131}
.reference-space :focus-visible,.reference-entry:focus-visible{outline:2px solid #c5e1fb;outline-offset:4px}
.reference-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.reference-list>.board-empty,.reference-list>.board-loading{grid-column:1/-1}
.reference-card{border:1px solid #bad3e724;background:linear-gradient(120deg,#162e4080,#0a1b2b9c);border-radius:16px;padding:20px;min-width:0;display:flex;flex-direction:column;transition:border-color .2s,background .2s}
.reference-card:hover{border-color:#bddcf04d;background:#1932449c}
.ref-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8ea9c0;font-size:11px}
.ref-star{border:0;background:transparent;color:#bed8ea;font-size:22px;min-width:36px;min-height:36px;cursor:pointer}
.reference-card>a{color:inherit;flex:1}
.reference-card h2{font-size:17px;font-weight:550;line-height:1.55;margin:14px 0 8px;overflow-wrap:anywhere}
.reference-card code{display:block;font-size:11px;color:#a4c0d7;overflow-wrap:anywhere;line-height:1.7}
.reference-card p{font-size:12px;color:#91abc2;line-height:1.85;margin:12px 0 24px;overflow-wrap:anywhere}
.ref-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #a7c6df16;padding-top:14px}
.ref-card-bottom>a{font-size:11px;white-space:nowrap;color:#bdd8eb}
.ref-badge{display:inline-flex;font-size:10px;line-height:1.5;padding:5px 7px;background:#a6c7e013;border:1px solid #b7d0e51e;border-radius:6px;color:#a7c3d8}
.ref-badge.danger{color:#e1bfad;background:#a6795412;border-color:#dca97d25}
.ref-badge.unavailable{color:#b2a8a4}
.ref-badge.engine{color:#b4bfe2;background:#a5a9d712}
.reference-foot{border-top:1px solid #a7c5de1f;margin-top:32px;padding-top:22px;font-size:11px;color:#88a4ba;line-height:1.8}
.reference-foot summary{cursor:pointer;padding:15px 0}
.reference-foot details a{display:inline-block;margin-right:20px;color:#b8d0e2}
.reference-detail{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
.reference-document{padding:30px;border:1px solid #b7cfe32a;border-radius:20px;background:#0d1d2d99;min-width:0}
.ref-detail-badges{display:flex;gap:8px;flex-wrap:wrap}
.reference-document>h2{font-size:clamp(23px,3vw,31px);margin:24px 0 12px;overflow-wrap:anywhere;line-height:1.45}
.ref-command-name{color:#9fbcd3;font-size:13px;overflow-wrap:anywhere;display:block}
.ref-description{font-size:14px;line-height:1.9;color:#b7cdde}
.reference-warning{padding:15px 18px;margin-top:22px;border:1px solid #d2a37e38;background:#86664218;border-radius:10px;color:#d9c5ad;font-size:12px;line-height:1.9}
.reference-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 0;border-block:1px solid #b8d1e51d;margin:24px 0}
.reference-facts dt{font-size:10px;color:#8eabc2}
.reference-facts dd{font-size:13px;line-height:1.7;margin:7px 0 0;overflow-wrap:anywhere}
.reference-document h3{font-size:16px;margin:24px 0 16px}
.reference-code{border:1px solid #a4c5e42b;background:#06121ed9;border-radius:12px;padding:18px;color:#d3e7f8;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.9;font-size:13px;user-select:text;max-height:480px;overflow:auto}
.reference-generator{border-top:1px solid #afcae322;margin-top:28px;padding-top:5px}
.reference-generator>.btn{margin-top:20px}
.ref-parameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ref-parameter-grid small{font-size:10px;color:#809db5}
.ref-source{font-size:12px;color:#a9c9df;display:inline-block;padding:0 10px}
.reference-plan-note{border:1px solid #a6c6e22a;background:#18324877;border-radius:14px;padding:20px;font-size:13px;color:#bad0e1;line-height:1.9;margin:24px 0}
.reference-plan-note p{font-size:12px;color:#9db5ca;margin-bottom:0}
.reference-plan-items{border:1px solid #b4cce223;background:#0b1c2b99;border-radius:16px;padding:0 22px}
.reference-plan-row{display:grid;grid-template-columns:minmax(0,1fr) 190px 60px;align-items:center;gap:20px;border-bottom:1px solid #b6cfe01c;padding:22px 0}
.reference-plan-row:last-child{border-bottom:0}
.reference-plan-row strong,.reference-plan-row code,.reference-plan-row small{display:block;overflow-wrap:anywhere}
.reference-plan-row strong{font-size:14px}
.reference-plan-row code{color:#afc8dc;font-size:11px;margin:8px 0}
.reference-plan-row small{font-size:10px;color:#829fb7;line-height:1.7}
.reference-plan-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.reference-file{border:1px solid #b1cde328;border-radius:16px;padding:22px;margin-top:22px;background:#0b1b2b99}
.reference-file>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.reference-file h2{font-size:17px;margin-right:auto;overflow-wrap:anywhere}
#ref-status{color:#b9d3e7;line-height:1.8;font-size:13px;overflow-wrap:anywhere}
#ref-status a{margin-left:10px;text-decoration:underline}
.reference-space [hidden]{display:none!important}
.reference-entry{display:flex;align-items:center;gap:16px;border:1px solid #adcce32d;background:linear-gradient(110deg,#28475c66,#0b1d2b99);border-radius:16px;padding:20px;margin:22px 0;color:#cfe1ef}
.reference-entry>span:first-child{display:flex;border:1px solid #b8d2e42a;border-radius:11px;padding:12px;background:#bddbf10a}
.reference-entry b{font-size:16px;font-weight:550}
.reference-entry p{font-size:12px;color:#9fb9ce;margin:7px 0 0}
.reference-entry>span:last-child{margin-left:auto;font-size:12px;white-space:nowrap}
@media(max-width:1050px){.reference-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-detail{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.reference-tabs a{padding:12px;font-size:12px}}
@media(max-width:760px){
 .reference-heading{margin:24px 0}.reference-heading h1{font-size:30px}.reference-heading p{font-size:13px}
 .reference-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .reference-tabs a{padding:12px 10px;justify-content:center;font-size:12px;background:#a9cce808}
 .reference-tabs a:last-child{margin:0}
 .reference-summary{gap:14px;justify-content:space-between}
 .reference-summary>span{display:block;font-size:10px}
 .reference-summary b{display:block;font-size:22px;margin-bottom:5px}
 .reference-scope summary{font-size:12px;padding:14px}
 .reference-scope>div{padding:0 15px 12px;font-size:12px}
 .reference-filters{padding:15px}
 .ref-selects{grid-template-columns:1fr 1fr;gap:10px}
 .ref-selects>label:first-child{grid-column:1/-1}
 .reference-space input,.reference-space select{font-size:16px;min-height:46px}
 .reference-list{grid-template-columns:1fr;gap:12px}
 .reference-card{padding:19px}
 .reference-card h2{font-size:18px;margin-top:8px}
 .reference-card p{margin-bottom:18px}
 .ref-star{min-width:44px;min-height:44px}
 .reference-detail{grid-template-columns:1fr;gap:22px}
 .reference-document{padding:20px;border-radius:16px}
 .reference-document>h2{font-size:25px}
 .reference-facts{gap:18px 14px}
 .reference-facts dd{font-size:12px}
 .reference-code{padding:14px;font-size:12px;line-height:1.9}
 .ref-parameter-grid{grid-template-columns:1fr}
 .reference-generator>.btn{width:100%;min-height:46px}
 .reference-plan-row{grid-template-columns:minmax(0,1fr) 62px;gap:14px}
 .reference-plan-row>div{grid-column:1/-1}
 .reference-plan-items{padding-inline:18px}
 .reference-file{padding:18px}
 .reference-file h2{flex-basis:100%;margin:0 0 10px}
 .reference-file>div button{flex:1}
 .reference-entry{padding:17px;gap:12px;flex-wrap:wrap}
 .reference-entry>div{flex:1}
 .reference-entry>span:last-child{width:100%;padding-left:61px}
 .reference-entry b{font-size:15px}
 .reference-entry p{font-size:11px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.reference-space *{transition:none!important}}

/* Curated directory: search comes before supplementary documentation. */
.reference-collections{display:flex;gap:6px;padding:5px;background:#07172599;border:1px solid #b5d3e326;border-radius:14px;width:fit-content;max-width:100%}
.reference-collections button{border:1px solid transparent;border-radius:10px;background:none;color:#99b4ca;padding:11px 22px;min-height:44px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.reference-collections button[aria-pressed=true]{color:#e4f3ff;border-color:#bbd7eb3d;background:linear-gradient(150deg,#5b809b52,#28455955);box-shadow:inset 0 1px #e6f5ff16,0 3px 10px #0002}
.reference-collection-tip{display:flex;justify-content:space-between;gap:16px;color:#9fb7cc;font-size:12px;line-height:1.8;margin:17px 0}
.reference-collection-tip>span{white-space:nowrap;color:#7694ac}
.reference-space .reference-more-filters{margin:10px 0 0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.reference-space .reference-more-filters>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;min-height:30px;font-size:12px;cursor:pointer;color:#b4cbdc;background:none;border:0;box-shadow:none}
.reference-more-filters>summary span{font-size:11px;color:#91acc2}
.reference-space .reference-more-filters>summary::after{display:none}
.reference-more-filters .ref-selects{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));margin:12px 0}
.ref-clear{background:transparent;border:0;color:#a8c5dd;font-size:12px;min-height:40px;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.reference-mobile-intro{display:flex;gap:16px;align-items:start;padding:18px 20px;margin:18px 0;border:1px solid #adcbdf2b;border-radius:14px;background:linear-gradient(120deg,#203d506b,#091c2d99)}
.ref-mobile-mark{font-size:9px;letter-spacing:.12em;border:1px solid #b9d9eb3b;border-radius:6px;color:#b7d7e9;padding:6px 8px;margin-top:3px}
.reference-mobile-intro strong{font-size:14px;font-weight:550;color:#d4e7f3}
.reference-mobile-intro p,.ref-mobile-detail p{font-size:12px;color:#a5bfd1;line-height:1.9;margin:7px 0 0}
.reference-space .reference-mobile-intro details{border:0;padding:0;background:none;box-shadow:none;backdrop-filter:none;margin:8px 0 0}
.reference-space .reference-mobile-intro summary{min-height:36px;padding:8px 0;background:none;border:0;color:#a9c7dc;font-size:11px;cursor:pointer}
.reference-mobile-intro a{display:inline-block;font-size:11px;color:#c0d9eb;padding:10px 0}
.ref-common-dot{display:inline-block;width:5px;height:5px;background:#a7cfe4;border-radius:50%;margin-right:7px;vertical-align:2px}
.reference-card.is-common{border-top-color:#b3d4e64a}
.ref-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.ref-card-tags:empty{display:none}
.ref-badge.mobile{color:#dfc7a5;background:#bfa4750e;border-color:#cfb18332}
.ref-quick-copy{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#c4daea;border:1px solid #b0cee12d;background:linear-gradient(#c1e1fa0d,#6b8ba007);border-radius:8px;padding:8px 11px;font:inherit;font-size:11px;min-height:38px;cursor:pointer;box-shadow:inset 0 1px #d6ebff0a}
.ref-quick-copy:hover{border-color:#b7daec66;background:#b8d8ed12}
.ref-quick-copy svg{width:13px;height:13px}
.ref-card-bottom>a{display:inline-flex;align-items:center;min-height:40px}
.ref-empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ref-mobile-detail{border-left:2px solid #b5cfe252;background:#8cbbdc09;border-radius:0 8px 8px 0;padding:12px 16px;margin-top:20px}
.ref-mobile-detail>strong{font-size:12px;color:#d3bc9e;font-weight:500}
#ref-list-title{scroll-margin-top:115px}
.reference-space .reference-scope>summary{min-height:48px;padding:12px 18px;justify-content:flex-start;gap:12px}
.reference-space .reference-scope>summary::after{margin-left:auto}
.reference-space .reference-scope{margin-top:30px;padding:0}
@media(max-width:760px){
 .reference-space{padding-bottom:48px}
 .reference-heading{margin:18px 0 20px}
 .reference-heading .label{font-size:9px;letter-spacing:.14em}
 .reference-heading h1{font-size:28px;margin:10px 0}
 .reference-heading p{margin-bottom:0;line-height:1.7}
 .reference-tabs{margin-bottom:17px;padding-bottom:12px;gap:6px}
 .reference-tabs a{font-size:11px;min-height:44px;padding:10px 6px;border-radius:10px;gap:6px}
 .reference-tabs svg{width:16px;height:16px}
 .reference-collections{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));box-sizing:border-box;gap:3px;padding:4px;border-radius:12px}
 .reference-collections button{font-size:12px;padding:9px 5px;border-radius:8px}
 .reference-collection-tip{font-size:11px;margin:12px 0;line-height:1.8;display:block}
 .reference-collection-tip>span{display:none}
 .reference-filters{padding:12px;border-radius:13px}
 .reference-filters .board-search{gap:8px}
 .reference-filters .board-search input{padding-inline:11px;font-size:16px}
 .reference-filters .board-search .tab{min-height:46px;padding-inline:14px;white-space:nowrap}
 .reference-space .reference-more-filters>summary{min-height:32px;padding:4px 0}
 .reference-more-filters .ref-selects{grid-template-columns:1fr 1fr;gap:12px 10px}
 .reference-more-filters .ref-selects>label:first-child{grid-column:1/-1}
 .reference-mobile-intro{padding:15px;margin:13px 0;gap:10px}
 .ref-mobile-mark{display:none}
 .reference-mobile-intro strong{font-size:13px}
 .reference-mobile-intro p{font-size:11px;line-height:1.8}
 .reference-space .board-list-heading{margin-top:23px;margin-bottom:12px}
 .reference-space .board-list-heading h2{font-size:17px}
 .reference-list{gap:11px}
 .reference-card{padding:14px 16px;border-radius:14px}
 .reference-card h2{font-size:17px;margin:5px 0 6px}
 .ref-card-top{min-height:36px;font-size:10px}
 .ref-star{font-size:21px;margin-right:-7px;min-width:44px;min-height:44px}
 .reference-card p{font-size:12px;line-height:1.7;margin:9px 0 14px}
 .ref-card-bottom{padding-top:10px}
 .ref-quick-copy{min-height:44px;padding:8px 12px;font-size:12px}
 .ref-card-bottom>a{font-size:12px;min-height:44px}
 .reference-card code{font-size:11px}
 .ref-badge.mobile{font-size:10px}
 .reference-space .reference-scope>summary{min-height:48px;padding:12px 14px}
 .reference-space .reference-scope svg{margin-left:auto}
 .reference-document{padding:18px}
 .reference-document>h2{font-size:22px;line-height:1.5;margin-top:18px}
 .reference-detail>.reference-document>.tab{min-height:44px}
 .reference-facts{gap:14px;padding:18px 0;margin:20px 0}
 .reference-detail aside .board-side-card{padding:18px}
 .reference-detail .board-back{min-height:44px}
 #ref-list-title{scroll-margin-top:90px}
}

/* Source: mobile-shell.css */
/* Every visual change is scoped to phones. */
.mobile-dock{display:none}
@media(max-width:760px){
 html{scroll-padding-top:90px;-webkit-text-size-adjust:100%}
 body{padding-bottom:calc(77px + env(safe-area-inset-bottom))}
 body[data-route=admin]{padding-bottom:0}
 body.mobile-overlay-open{overflow:hidden}
 .mobile-dock:not([hidden]){position:fixed;top:auto;height:auto;width:auto;max-height:none;border-radius:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));bottom:0;left:0;right:0;z-index:30;gap:3px;padding:7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid #b0d6eb30;background:linear-gradient(135deg,#153245f0,#071624f5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -7px 25px #02101e33}
 .mobile-dock a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:51px;min-width:0;color:#90acc2;border:1px solid transparent;border-radius:12px;font-size:10px;line-height:1.4;text-decoration:none}
 .mobile-dock .work-icon{width:19px;height:19px}
 .mobile-dock a[aria-current=page]{color:#e0f1ff;border-color:#b8dbef27;background:linear-gradient(140deg,#badbef16,#8cb2cc05)}
 .mobile-keyboard-open .mobile-dock,.mobile-overlay-open .mobile-dock,body:has(dialog[open]) .mobile-dock{display:none}
 body #motion-toggle{bottom:calc(82px + env(safe-area-inset-bottom));min-height:40px;right:12px}
 body.mobile-keyboard-open #motion-toggle,body.mobile-overlay-open #motion-toggle{display:none}
 body #toast{bottom:calc(88px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);overflow-wrap:anywhere}
 body header{left:max(12px,env(safe-area-inset-left));width:calc(100% - 24px);height:61px;border-radius:16px;padding:8px 12px}
 body header .brand-mark{width:35px;height:35px}
 body header .brand-sub{font-size:8px}
 body header .nav-community{min-height:42px;border-radius:11px}
 body header nav.open{top:70px;padding:10px;gap:6px;max-height:calc(100dvh - 100px);overscroll-behavior:contain}
 body header nav.open a{min-height:64px;padding:11px 9px}
 body header nav.open .nav-link-copy small{font-size:10px}
 body .container{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
 body .inner,body :is(.player-space,.supply-space,.reference-space){padding-top:94px}
 body .work-crumb{font-size:10px;line-height:1.7;margin-bottom:13px}
 body #main{min-width:0;overflow-wrap:anywhere}
 body #main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;min-height:46px;border-radius:11px}
 body #main textarea{line-height:1.75}
 body #main :is(button,.btn,summary){touch-action:manipulation}
 body #main .btn{min-height:46px;border-radius:11px;line-height:1.5}
 body #main :is(.player-heading,.supply-heading){gap:14px;margin-bottom:21px}
 body #main :is(.player-heading,.supply-heading) h1{font-size:27px;line-height:1.3;letter-spacing:-.03em}
 body #main :is(.player-heading,.supply-heading) p{font-size:13px;line-height:1.8;margin:9px 0 0}
 body .player-section-nav{gap:5px;margin-bottom:20px}
 body .player-section-nav a{font-size:11px;min-height:44px;padding:10px 7px}
 body :is(.board-compose,.guide-editor){padding:19px 15px;border-radius:16px}
 body :is(.board-compose,.guide-editor) label{line-height:1.7}
 body :is(.board-compose,.guide-editor) .actions{display:flex;gap:10px;flex-wrap:wrap}
 body :is(.board-compose,.guide-editor) .actions .btn{flex:1 1 130px}
 body .board-toolbar{padding:13px;border-radius:14px}
 body .board-card{padding:17px 15px;border-radius:14px}
 body .board-card h2{font-size:17px;line-height:1.6}
 body .board-meta{gap:7px;line-height:1.8}
 body .board-pager{gap:10px}
 body .board-pager .tab{min-height:44px;min-width:78px}
 body .archive-card{border-radius:12px}
 body .archive-record-head{border-radius:16px}
 body .archive-document-sidebar{top:81px}
 body .archive-document-content .archive-section{scroll-margin-top:140px}
 body .archive-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 body .reference-heading{margin-top:15px}
 body .reference-entry{padding:14px;gap:10px;margin:16px 0}
 body .reference-entry>span:last-child{padding-left:0;width:auto;flex-basis:100%;text-align:right}
 body .admin-login{padding:24px 19px;border-radius:18px}
 body .admin-layout{gap:12px}
 body .admin-top{scroll-margin-top:90px}
 body .admin-top h2{font-size:22px}
 body .admin-savebar #admin-save{min-height:46px}
 body .admin-fields{min-width:0}
 body .admin-fields textarea{min-height:120px}
 body .admin-row .admin-row-head{flex-wrap:wrap;gap:10px}
 body .growth-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .admin-stats{gap:9px}
 body .admin-stats article{padding:13px 10px;min-width:0}
 body .admin-stats strong{font-size:25px}
 body .admin-stats span{font-size:11px;line-height:1.6}
 body #community-popover{position:fixed;left:12px;right:12px;top:85px;width:auto;max-height:calc(100dvh - 105px);border-radius:17px;padding:18px 16px}
 body .community-group{padding:14px 12px}
 body .community-close{min-width:44px;min-height:44px}
 body dialog#article{max-width:calc(100% - 24px);width:calc(100% - 24px);max-height:calc(100dvh - 40px);border-radius:18px;padding:20px 16px}
 body dialog#article::backdrop{background:#020d1dbf;backdrop-filter:blur(5px)}
 body .hero{min-height:calc(100svh - 70px)}
 body .hero-content{padding-top:120px}
 body .hero-content h1{font-size:clamp(40px,12vw,58px);line-height:1.13}
 body .hero-content p{font-size:13px;line-height:1.9}
 body .hero .actions{gap:10px}
 body .hero .actions .btn{padding:13px 16px;font-size:12px}
 body footer{padding-bottom:22px}
}
@media(max-width:360px){
 body .container{padding-inline:14px}
 .mobile-dock a{font-size:9px}
 body header .brand{gap:5px}
 body header .nav-community{padding-inline:9px;font-size:11px}
 body .player-section-nav a{font-size:10px;padding-inline:5px}
}

/* Source: server-directory.css */
/* Scoped to the directory; preserve the established desktop site. */
.server-directory{--directory-line:#b4cfdf26;--directory-muted:#94acc0;color:#dfedf7}
.directory-pending{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,1fr);gap:64px;align-items:start;padding-block:20px 30px}
.directory-kicker{display:block;font-size:11px;color:#a6c4db;margin-bottom:19px;letter-spacing:.09em}
.server-directory .directory-notice h2{font-size:30px;line-height:1.4;margin:0 0 17px;letter-spacing:-.025em}
.directory-notice p,.directory-start>p{color:var(--directory-muted);font-size:13px;line-height:1.9;margin:0 0 25px}
.directory-notice .btn{min-height:44px}
.directory-start h2{font-size:17px;font-weight:500;margin:0 0 9px;line-height:1.6}
.directory-next{display:grid;border-top:1px solid var(--directory-line);margin-top:32px}
.directory-start .directory-next{margin-top:0}
.directory-next a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--directory-line);font-size:13px;color:#d6e7f3;min-height:60px;text-decoration:none}
.directory-next small{display:block;font-size:11px;color:var(--directory-muted);line-height:1.8;margin-top:5px}
.directory-next a>span:last-child{color:#90b1c9;font-size:16px;transition:transform .15s}
.directory-next a:hover>span:last-child{transform:translate(2px,-2px)}
.directory-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,.7fr);gap:16px;align-items:start}
.directory-query input{width:100%;min-height:44px}
body #main .directory-filters{margin:0;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}
body #main .directory-filters>summary{padding:11px 14px;border:1px solid var(--directory-line);border-radius:8px;min-height:44px;cursor:pointer;font-size:12px}
.directory-filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:16px}
.directory-filter-fields label{display:grid;gap:8px;font-size:11px;color:var(--directory-muted)}
.directory-filter-fields select{min-width:0;width:100%;min-height:44px}
.directory-results{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:58px;border-bottom:1px solid var(--directory-line);font-size:12px}
.directory-results p{margin:0;color:#adc3d4}
.directory-reset{background:none;border:0;color:#b5d0e3;cursor:pointer;padding:10px 0;min-height:44px;font:inherit}
.directory-source{font-size:11px;color:var(--directory-muted);line-height:1.8;margin:14px 0 0}
.directory-row{padding:25px 0;border-bottom:1px solid var(--directory-line)}
.directory-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.directory-meta{display:flex;gap:10px;font-size:11px;color:#96b2c8;margin-bottom:9px}
.directory-meta span+span{border-left:1px solid var(--directory-line);padding-left:10px}
.server-directory .directory-row h2{font-size:21px;font-weight:500;line-height:1.5;margin:0;overflow-wrap:anywhere}
.directory-state{padding:5px 9px;border:1px solid var(--directory-line);border-radius:5px;white-space:nowrap;color:#a7bbca;font-size:10px}
.directory-state[data-state=open]{color:#a8d5c2;background:#a0dac00a;border-color:#a0dac02b}
.directory-state[data-state=maintenance]{color:#d1bf9d;border-color:#d1bf9d30}
.directory-facts{display:flex;gap:36px;flex-wrap:wrap;margin:22px 0 16px}
.directory-facts dt,.directory-detail-body dt{font-size:11px;color:var(--directory-muted);margin-bottom:7px}
.directory-facts dd,.directory-detail-body dd{margin:0;font-size:13px;overflow-wrap:anywhere;line-height:1.8}
.directory-notes{font-size:12px;line-height:1.9;color:#a2bbce;white-space:pre-wrap;overflow-wrap:anywhere}
body #main .directory-details{padding:0;margin:18px 0 0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
body #main .directory-details summary{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:12px;min-height:44px;color:#b7d3e7;cursor:pointer;list-style:none}
.directory-details summary::-webkit-details-marker{display:none}
body #main .directory-details summary::after{display:none}
.directory-details[open] summary>span{transform:rotate(45deg)}
.directory-detail-body{padding:10px 0 2px}
.directory-detail-body dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 20px}
.directory-address{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:12px 14px;border:1px solid var(--directory-line);border-radius:7px;margin-bottom:16px;background:#081b2a50}
.directory-address code{overflow-wrap:anywhere;min-width:0;font-size:12px;user-select:all}
.directory-address button{flex-shrink:0;min-height:44px}
.directory-detail-body>a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#b1cde1}
.directory-no-results{padding:35px 0}
.directory-no-results h2{font-size:19px;font-weight:500}.directory-no-results p{font-size:13px;color:var(--directory-muted);line-height:1.9}
.directory-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.server-directory :is(a,button,input,select,summary):focus-visible{outline:2px solid #b3d4eb;outline-offset:4px}
@media(max-width:760px){
 .directory-pending{grid-template-columns:1fr;gap:38px;padding:0}
 body #main .directory-notice h2{font-size:23px;line-height:1.5;margin-bottom:12px}
 .directory-kicker{margin-bottom:12px;font-size:10px}
 .directory-notice p{margin-bottom:21px;max-width:26em}
 .directory-start h2{font-size:16px}.directory-start>p{font-size:12px;margin-bottom:18px}
 .directory-next{margin-top:25px}.directory-next a{padding:15px 0}
 .directory-toolbar{grid-template-columns:1fr;gap:12px}
 .directory-filter-fields{grid-template-columns:1fr 1fr;gap:14px 10px;padding-bottom:5px}
 .directory-filter-fields label:last-child{grid-column:1/-1}
 body #main .directory-filter-fields select{font-size:14px;padding:10px}
 .directory-results{min-height:56px}.directory-source{font-size:10px}
 .directory-row{padding:23px 0}.server-directory .directory-row h2{font-size:18px}
 .directory-row-top{gap:12px}.directory-facts{gap:18px;display:grid;grid-template-columns:1fr 1fr;margin:18px 0 12px}
 .directory-facts dd{font-size:12px}.directory-detail-body dl{grid-template-columns:1fr;gap:15px}
 .directory-address{padding:8px 10px;flex-wrap:wrap;gap:5px}.directory-address code{flex:1 1 160px}
}

/* Source: phone-redesign.css */
/* Phone layout, rebuilt as a separate presentation layer. Desktop is unchanged. */
.phone-home,.mobile-preferences{display:none}
@media(max-width:760px){
 html{scroll-padding-top:76px;scrollbar-width:thin}
 body{--m-bg:#09121d;--m-panel:#111f2d;--m-line:#ffffff12;--m-text:#edf3f8;--m-muted:#95a8b9;--m-accent:#bbdcee;background:var(--m-bg)!important;color:var(--m-text);padding-bottom:calc(66px + env(safe-area-inset-bottom));font-family:system-ui,-apple-system,'Segoe UI','Microsoft YaHei',sans-serif}
 body .site-ocean{opacity:.24}
 body .site-ocean::after{content:"";position:absolute;inset:0;background:linear-gradient(#09121d40,#09121de8 65%);pointer-events:none}
 body :is(.depth-rays,.depth-watermark,#depth-particles,.reading-progress){display:none!important}
 body header{position:fixed;top:0;left:0;right:0;width:100%;height:60px;margin:0;padding:8px 18px;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:#09121df5!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:none!important;gap:9px}
 body header::before,body header::after{display:none}
 body header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 body header .brand{font-size:21px;letter-spacing:.06em;gap:8px;line-height:1}
 body header .brand-mark{width:33px;height:33px}
 body header .brand-sub{display:block;font-size:8px;letter-spacing:.14em;margin-top:5px;color:#8ba3b7}
 body header .header-community{margin-left:auto}
 body header .nav-community{height:40px;min-height:40px;padding:8px 10px;border:1px solid #bfd8e525;border-radius:8px;background:transparent!important;box-shadow:none!important;font-size:12px;color:#dce9f2;gap:6px}
 body header .nav-community>svg:first-child,body header .nav-community::before,body header .nav-community::after{display:none}
 body header .menu{width:40px;min-width:40px;height:42px;padding:10px;border:0;background:none!important;border-radius:8px;color:#a7bac8}
 body header nav.open{position:fixed;top:60px;left:0;right:0;width:100%;padding:12px 18px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;max-height:calc(100dvh - 76px);overflow:auto;background:#101e2c!important;border:0;border-radius:0 0 18px 18px;box-shadow:0 24px 60px #0008}
 body header nav.open a{min-height:65px;padding:13px 5px;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:none!important;box-shadow:none;gap:10px}
 body header nav.open a .work-icon{width:19px;height:19px;flex-shrink:0;color:#92b2c8}
 body header nav.open .nav-link-copy b{font-size:13px;font-weight:500}
 body header nav.open .nav-link-copy small{display:block;font-size:10px;color:#7890a3;margin-top:4px}
 body header nav.open a.active{color:#c2e8ff}
 body header nav.open a{grid-column:auto!important}
 body .mobile-dock:not([hidden]){height:auto;min-height:64px;left:0;right:0;bottom:0;border:0;border-top:1px solid #ffffff13;border-radius:0;background:#0c1723f7!important;box-shadow:none;padding:5px 14px calc(5px + env(safe-area-inset-bottom));gap:12px;backdrop-filter:blur(18px)}
 body .mobile-dock a{position:relative;min-height:52px;padding:7px 2px;gap:5px;border:0;border-radius:0;background:none!important;box-shadow:none!important;color:#6f879b;font-size:10px;font-weight:500}
 body .mobile-dock .work-icon{width:21px;height:21px;stroke-width:1.65}
 body .mobile-dock a[aria-current=page]{color:#c2e6fa!important;background:none!important;box-shadow:none!important}
 body .mobile-dock a::after{display:none}
 body .mobile-dock a[aria-current=page]::before{content:"";position:absolute;top:-5px;width:20px;height:2px;background:#b5d9ef;border-radius:2px}
 body #main{overflow-wrap:anywhere;min-height:70svh}
 body #main .reveal-ready{opacity:1!important;transform:none!important;transition:none!important}
 body #main .container{width:100%;max-width:none;padding-inline:20px}
 body #main :is(.inner,.player-space,.supply-space,.reference-space){padding-top:86px;padding-bottom:32px}
 body #main .section{padding-block:0;margin-bottom:28px}
 body #main :is(.work-crumb,.guide-crumb,.work-overline){display:none}
 body #main :is(.route-heading,.page-masthead,.player-heading,.guide-page-heading,.supply-heading){padding:0;border:0;margin:0 0 24px;gap:12px;background:none;box-shadow:none}
 body #main :is(.route-heading,.page-masthead,.player-heading,.guide-page-heading,.supply-heading)::after{display:none}
 body #main :is(.route-heading,.page-masthead,.player-heading,.guide-page-heading,.supply-heading) .label{display:none}
 body #main :is(.route-heading,.page-masthead,.player-heading,.guide-page-heading,.supply-heading) h1{font-size:25px!important;line-height:1.35;letter-spacing:-.025em;font-weight:650;margin:0 0 9px;color:var(--m-text)}
 body #main :is(.route-heading,.page-masthead,.player-heading,.guide-page-heading,.supply-heading) p{font-size:13px;line-height:1.8;margin:0;color:var(--m-muted);max-width:33em}
 body #main :is(.player-heading,.guide-page-heading){display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
 body #main .player-heading>p{flex-basis:100%}
 body #main :is(.btn,.tab){min-height:44px;padding:11px 16px;border-radius:9px;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:0;box-shadow:none!important;transform:none}
 body #main .btn:not(.secondary){background:#bbdcee!important;color:#102a3c;border:1px solid #cee5f2!important;box-shadow:inset 0 1px #ffffff70!important}
 body #main .btn.secondary,body #main .tab{background:#172736!important;color:#c2d5e3;border:1px solid #bccfdf24!important}
 body #main :is(.btn,.tab)::before,body #main :is(.btn,.tab)::after{display:none!important}
 body #main :is(.btn,.tab):active{filter:brightness(.86)}
 body #main :is(input:not([type=checkbox]):not([type=radio]),textarea,select){min-height:46px;font-size:16px;padding:12px!important;border:1px solid #b5d0e125;border-radius:9px!important;background:#101e2c!important;color:#e6eff6;box-shadow:none!important}
 body #main :is(input,textarea)::placeholder{color:#71899d;opacity:1}
 body #main :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #b2dcf5;outline-offset:3px}
 body #main :is(.panel,.board-document,.board-compose,.guide-document,.guide-editor,.supply-workspace,.supply-picker,.reference-document){border:0;border-radius:12px;background:#111f2dbf;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;padding:18px}
 body #main :is(.archive-main,.board-layout>section,.guide-feed){padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;min-width:0}
 body #main :is(.tabs,.player-section-nav,.reference-tabs){position:relative;display:flex;gap:8px;margin:0 0 22px;padding:0 0 10px;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:none;box-shadow:none;overflow-x:auto;scrollbar-width:none}
 body #main :is(.tabs .tab,.player-section-nav a,.reference-tabs a){min-height:42px;padding:10px 12px;border:0!important;border-radius:7px;background:transparent!important;color:#839bae;font-size:12px;white-space:nowrap;box-shadow:none!important}
 body #main :is(.tabs .tab.active,.player-section-nav a[aria-current=page],.reference-tabs a.active){background:#bdddf012!important;color:#d9eefa;box-shadow:none!important}
 body #main :is(.player-section-nav,.reference-tabs) .work-icon{display:none}
 body #main .reference-tabs{flex-wrap:wrap}
 body #main .reference-heading{margin:0 0 23px;padding:0}
 body #main .reference-heading>.label{display:none}
 body #main .reference-heading h1{font-size:25px!important;line-height:1.4;margin:0 0 9px}
 body #main .reference-heading p{font-size:13px;line-height:1.8;color:#95a8b9}
 body #main .reference-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0;border:0}
 body #main .reference-tabs a{display:flex;justify-content:center;border:1px solid #a7c6df16!important;background:#10202e!important}
 body #main .reference-space .reference-tabs a{background:#10202e!important;border:1px solid #a7c6df16!important}
 body #main .reference-tabs a[aria-current=page]{background:#244054!important;border-color:#b2d7ec36!important;color:#dceffb;box-shadow:none!important}
 body #main :is(.archive-toolbar,.board-filterbar,.reference-filters,.tools,.guide-searchbar){padding:0;border:0;background:none;box-shadow:none;border-radius:0;backdrop-filter:none}
 body #main .archive-index-mast{margin:0 0 14px;padding:0!important}
 body #main .archive-index-mast h1{margin:0!important}
 body #main .archive-index-mast p{display:none}
 body #main .reference-entry{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;margin:0 0 23px;padding:12px 14px;border:1px solid #b2d0e116;border-radius:9px;background:#10202f;box-shadow:none}
 body #main .reference-entry>span:first-child,body #main .reference-entry p{display:none}
 body #main .reference-entry>div{flex:1;min-width:0}
 body #main .reference-entry b{font-size:12px;color:#aac5d9;font-weight:500}
 body #main .reference-entry>span:last-child{display:block;font-size:11px;width:auto;flex:0 0 auto;color:#7896ab;margin:0;padding:0}
 body #main .archive-workbench{gap:0}
 body #main .archive-sidebar{margin:0;padding:0}
 body #main .archive-sidebar-block{display:none}
 body #main .archive-sidebar .archive-nav{display:flex;gap:18px;margin:0 0 20px;padding:0;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:none!important;box-shadow:none}
 body #main .archive-nav button{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;min-height:46px;padding:10px 0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;font-size:13px;font-weight:500;color:#7993a9;white-space:nowrap}
 body #main .archive-nav button.active{color:#dbeffa;box-shadow:inset 0 -2px #b6d9ee!important}
 body #main .archive-nav button::before,body #main .archive-nav button::after{display:none!important}
 body #main .archive-nav :is(svg,small){display:none}
 body #main .archive-search-line{gap:8px}
 body #main .archive-filter-toggle{min-height:46px;padding:10px 12px;background:#142535;border:1px solid #b2cfe221;border-radius:9px;font-size:12px;color:#b9d3e6;box-shadow:none}
 body #main .archive-query>span{position:absolute;display:block;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
 body #main .archive-toolbar{margin:0}
 body #main .archive-mobile-quick{display:none}
 body #main .filters-expanded .archive-mobile-quick{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
 body #main .archive-mobile-quick button{min-height:40px;padding:8px;background:#142535;border:0;border-radius:6px;font-size:11px}
 body #main .archive-results-bar{min-height:44px;padding:0;margin:12px 0;gap:8px;border:0;flex-wrap:nowrap}
 body #main .archive-results-bar>div:first-child{display:block}
 body #main .archive-results-bar h2{display:none}
 body #main #library-count{font-size:11px;color:#7d97ab;white-space:nowrap}
 body #main .archive-view-options{width:auto;gap:6px;min-width:0;margin-left:auto}
 body #main .archive-view-options label{font-size:11px;white-space:nowrap;gap:5px;color:#95b0c4}
 body #main .archive-view-options [role=group]{background:none;border:0;gap:0;padding:0}
 body #main .archive-view-options button{width:40px;min-width:40px;min-height:44px;padding:10px;border:0;background:none!important;border-radius:7px;box-shadow:none;opacity:.45}
 body #main .archive-view-options button[aria-pressed=true]{opacity:1;background:#bdddf012!important}
 body #main .archive-view-options button::before,body #main .archive-view-options button::after{display:none}
 body #main .archive-scope{font-size:10px;color:#758ea1;margin:0 0 12px;line-height:1.8}
 body #main .archive-grid{gap:10px}
 body #main .archive-card{padding:12px;border:1px solid #a8c9e015;border-radius:10px;background:#10202c!important;box-shadow:none!important;backdrop-filter:none}
 body #main .archive-card-copy{padding:12px 0 0}
 body #main .archive-card-copy h3{font-size:14px;font-weight:600;line-height:1.5;color:#e0edf5}
 body #main .archive-card-copy p{font-size:10px;color:#829eb4}
 body #main .archive-card-copy>div{font-size:10px;gap:8px;flex-wrap:wrap}
 body #main .archive-list-mode{gap:0;border:0}
 body #main .archive-list-mode .archive-card{padding:16px 0;gap:15px;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:transparent!important}
 body #main .archive-list-mode .archive-art{flex:0 0 60px;width:60px;height:60px;display:grid;place-items:center;border:0;border-radius:10px;background:#152635}
 body #main .archive-list-mode .archive-art img.archive-icon{width:50px;height:50px;object-fit:contain}
 body #main .archive-list-mode .archive-card-copy{padding:0}
 body #main .archive-list-mode .archive-card-copy h3{font-size:15px}
 body #main .archive-list-mode .archive-card-copy>div{margin-top:7px}
 body #main #library-pagination{justify-content:space-between;gap:8px;font-size:11px;margin-top:22px}
 body #main #library-pagination .tab{font-size:11px;padding:10px 12px}
 body #main .archive-record-head{display:flex;padding:0 0 24px;margin:0 0 20px;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:none!important;box-shadow:none!important;gap:16px;backdrop-filter:none}
 body #main .library-page:has(.archive-record-head)>.reference-entry{display:none}
 body #main .archive-breadcrumb{margin:0 0 22px;font-size:12px}
 body #main .archive-record-head .label,body #main .archive-section-title>span{display:none}
 body #main .archive-record-head h1{font-size:28px;line-height:1.3}
 body #main .archive-record-icon{width:84px;height:84px;border-radius:12px;border:0;background:#142536}
 body #main .archive-document-sidebar{top:60px;z-index:10;padding:0;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:#0c1825f5;box-shadow:none;backdrop-filter:blur(12px)}
 body #main .archive-document-sidebar button{min-height:46px;padding:10px 12px;font-size:12px;border-radius:0}
 body #main .archive-section{padding:24px 0;margin:0;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:none!important;backdrop-filter:none;box-shadow:none;scroll-margin-top:120px}
 body #main .archive-section h2{font-size:19px;font-weight:600;margin-bottom:16px}
 body #main .archive-section p{font-size:14px;line-height:1.85;color:#a2b7c8}
 body #main .record-facts{gap:0;border-block:1px solid var(--m-line)}
 body #main .record-facts>div{border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:none;padding:15px 5px;box-shadow:none}
 body #main .detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:16px 0 0;border-block:1px solid var(--m-line)}
 body #main .detail-metrics>div{padding:15px 10px;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:none!important;box-shadow:none!important}
 body #main .detail-metrics small{font-size:10px;color:#7f9bb0}
 body #main .detail-metrics strong{font-size:17px;margin-top:7px;color:#c5ddeb}
 body #main .archive-section-title{padding-bottom:10px;margin-bottom:16px}
 body #main .archive-table-wrap{border-radius:8px;max-width:100%;overflow-x:auto}
 body #main .archive-table-hint{font-size:10px;color:#7593a9;margin-bottom:8px}
 body #main .reference-card{padding:22px 0;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:none;box-shadow:none}
 body #main .reference-card h2{font-size:18px}
 body #main .reference-list{gap:0}
 body #main :is(.reference-card code,.archive-command){display:block;padding:14px;font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #aecde115;border-radius:8px;background:#07111b;color:#bad8ee}
 body #main .reference-entry:active{background:#1a3043}
 body #main :is(.board-filter-options,.board-form-grid){gap:12px}
 body #main .board-filter-options select{font-size:13px;min-width:0}
 body #main .board-list-heading{margin:22px 0 0;padding-bottom:12px;border-color:var(--m-line)}
 body #main .board-list-heading h2{font-size:14px}
 body #main .board-topic{padding:20px 0;border:0;border-bottom:1px solid var(--m-line);background:none;border-radius:0;box-shadow:none}
 body #main .board-topic h2{font-size:18px;line-height:1.5}
 body #main .board-topic>p{font-size:13px;line-height:1.85;color:#9bb3c6}
 body #main :is(.board-empty,.guide-zero,.work-page .empty){text-align:left;padding:30px 0;border:0;background:none;box-shadow:none;min-height:0}
 body #main :is(.board-empty,.guide-zero,.work-page .empty) h3{font-size:18px;font-weight:600;line-height:1.6;margin:0 0 10px}
 body #main :is(.board-empty,.guide-zero,.work-page .empty) p{font-size:13px;color:#8fa8bb;line-height:1.9;margin:0 0 20px}
 body #main :is(.board-empty>svg,.guide-zero-icon,.work-page .empty .symbol){display:none}
 body #main :is(.board-side-card,.guide-side-card){padding:20px 0;border:0;border-top:1px solid var(--m-line);border-radius:0;background:none;box-shadow:none}
 body #main .guide-map-nav{gap:7px;padding:0 0 10px;border:0;margin-bottom:16px;scrollbar-width:none}
 body #main .guide-map-nav button{min-height:42px;padding:10px 13px;border:1px solid #b2cce51a;border-radius:7px;background:#11202e;font-size:12px;color:#8faabd;box-shadow:none}
 body #main .guide-map-nav button.active{color:#e2f2fc;background:#234054;border-color:#b7d9ef30}
 body #main .guide-map-nav small{display:none}
 body #main .guide-searchbar{gap:8px}
 body #main .guide-searchbar>svg{display:none}
 body #main .guide-searchbar button{min-height:46px;padding:10px 13px;border:1px solid #b5d0e125;border-radius:9px;background:#152738;font-size:12px}
 body #main .guide-feed-bar{margin:20px 0 0;padding-bottom:10px;border-color:var(--m-line)}
 body #main .guide-feed-bar h2{font-size:14px}
 body #main .guide-feed-bar select{font-size:12px;min-height:40px;padding:8px!important}
 body #main :is(.guide-richtext,.board-prose,.prose){font-size:15px;line-height:1.9;color:#c0d1df}
 body #main .sea-introduction{padding:0;border:0;background:none;border-radius:0;box-shadow:none}
 body #main .sea-introduction>.label,body #main .sea-introduction>h2{display:none}
 body #main .sea-introduction>p:first-of-type{margin:0 0 20px;font-size:14px;color:#b2c6d6;line-height:1.9}
 body #main .sea-introduction section{margin-top:24px;padding-top:24px;border-top:1px solid var(--m-line)}
 body #main .sea-introduction section h3{font-size:18px;font-weight:600;margin:0 0 10px}
 body #main .sea-introduction section p{font-size:14px;color:#9fb6c8;line-height:1.9}
 body #main .sea-introduction .actions{margin:20px 0}
 body #main .directory-notice{padding:24px 20px;border:1px solid #adcde21c;border-radius:12px;background:linear-gradient(110deg,#142b40ee,#102134c9),url('assets/login-hero-shark.jpg') 70% center/cover;box-shadow:none}
 body #main .directory-kicker{font-size:10px;color:#8caec8;margin-bottom:15px;letter-spacing:.05em}
 body #main .directory-notice h2{font-size:23px;line-height:1.45;margin:0 0 12px}
 body #main .directory-notice p{font-size:13px;line-height:1.85;color:#9eb8cd;margin-bottom:20px}
 body #main .directory-pending{gap:28px}
 body #main .directory-start h2{font-size:17px}
 body #main .directory-start>p{font-size:12px;color:#7f9bb0}
 body #main .directory-next{border:0;gap:0;margin-top:12px}
 body #main .directory-next a{padding:18px 0;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:none;min-height:78px;font-size:14px}
 body #main .directory-next small{font-size:12px;color:#819db2;margin-top:5px}
 body #main .directory-row{padding:20px 16px;border:1px solid var(--m-line);border-radius:12px;background:#112131;margin:14px 0}
 body #main .directory-row h2{font-size:20px}
 body #main .directory-filters>summary{font-size:13px;min-height:44px;background:#122333;border-radius:8px}
 body #main .checklist{padding:0;border:0;border-radius:0;background:none}
 body #main .check-item{padding:19px 0;gap:12px;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:none!important;box-shadow:none}
 body #main .check-item>span{font-size:14px}
 body #main .check-item small{font-size:12px;line-height:1.8;color:#859fb2}
 body #main .check-item input{width:19px;height:19px;accent-color:#a8cce4}
 body #main .work-page details{border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:none;padding:16px 0}
 body #main .work-page details summary{font-size:14px;line-height:1.7}
 body #main .news-controls{gap:18px}
 body #main .news-row{padding:20px 0;background:none;border:0;border-bottom:1px solid var(--m-line);border-radius:0;box-shadow:none;gap:12px}
 body #main .news-row b{font-size:15px;line-height:1.7}
 body #main .platform-layout .panel{padding:20px;border:1px solid var(--m-line);border-radius:12px;background:#112131!important;box-shadow:none;backdrop-filter:none}
 body #main .platform-layout h3{font-size:21px}
 body #main .platform-icon{font-size:11px;margin-bottom:16px;color:#88a8bf}
 body #main .platform-layout p{font-size:13px;line-height:1.85}
 body #main .platform-specs{gap:12px;padding-block:16px}
 body #main .platform-specs b{font-size:16px}
 body #main .platform-layout .btn{width:100%;justify-content:center}
 body #main .sea-map-section{margin:0 0 30px;padding:0}
 body #main .sea-map-section .section-head{margin-bottom:18px;align-items:center}
 body #main .sea-map-section .section-head .label{display:none}
 body #main .sea-map-section .section-head h2{font-size:20px;margin:0}
 body #main .sea-map-section .section-head>a{font-size:11px;padding:10px 0;border:0;background:none;box-shadow:none}
 body #main .sea-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 body #main .sea-map-grid .sea-map-card{display:flex;flex-direction:column;grid-column:auto;grid-row:auto;min-height:0;border:1px solid #a8c9df18;border-radius:10px;background:#10202e;box-shadow:none}
 body #main .sea-map-grid .sea-map-art{width:100%;height:116px;min-height:0;padding:12px;flex:auto;border:0;background:#182a39}
 body #main .sea-map-grid .sea-map-art img{width:100%;height:100%;max-width:none;max-height:100%;object-fit:contain}
 body #main .sea-map-grid .sea-map-art>span{display:none}
 body #main .sea-map-grid .sea-map-copy{padding:13px 14px;gap:8px;width:100%;border:0}
 body #main .sea-map-grid .sea-map-copy h3{font-size:15px;margin:0 0 5px}
 body #main .sea-map-grid .sea-map-copy small{font-size:9px;color:#7c98ad}
 body #main .sea-map-grid .sea-map-copy>b{font-size:16px;color:#6e96b1}
 body #main .mod-grid{gap:14px}
 body #main .mod-card{padding:16px;border:1px solid #a6c5df15;border-radius:10px;background:#10202e;box-shadow:none}
 body #main .mod-card .mod-art{height:150px;object-fit:cover;border-radius:7px;margin-bottom:17px}
 body #main .mod-card h3{font-size:19px;margin-block:12px}
 body #main .mod-card p{font-size:13px;color:#95adbf;line-height:1.8}
 body[data-route=admin]{background:#0c1520!important}
 body #main .admin-page>.page-masthead{margin-bottom:24px}
 body #main .admin-page>.page-masthead>img{display:none}
 body #main .admin-auth{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
 body #main .admin-auth-brand{display:none}
 body #main #admin-login{padding:24px 20px;border:1px solid #b4d1e41c;border-radius:14px;background:#132332;box-shadow:none}
 body #main #admin-login>.label{display:none}
 body #main #admin-login h3{font-size:21px;margin:0 0 10px}
 body #main #admin-login .auth-intro{font-size:13px;line-height:1.8;color:#92adbf}
 body #main #admin-login label{font-size:12px;margin-top:22px;color:#b6cbdc}
 body #main #admin-login .auth-submit{margin-top:25px;min-height:48px}
 body #main .admin-sidebar{padding:16px;border:1px solid var(--m-line);border-radius:12px;background:#122231}
 body #main .admin-mobile-section{font-size:11px}
 body #main .admin-account{padding:0 0 14px}
 body #main .admin-workspace{padding:18px 0;border:0;background:none;border-radius:0}
 body #main .admin-workspace-crumb{display:none}
 body #main .admin-top{padding-bottom:20px;border-color:var(--m-line)}
 body #main .admin-top h2{font-size:23px}
 body #main .admin-top p{font-size:12px;line-height:1.8}
 body #main .admin-stats{gap:8px}
 body #main .admin-stats article{padding:15px 12px;background:#142636;border:0;border-radius:9px}
 body #main .admin-stats strong{font-size:25px}
 body #main .admin-row{padding:20px 0;border:0;border-top:1px solid var(--m-line);border-radius:0;background:none}
 body #main .admin-field-group{padding:14px;border-color:var(--m-line);border-radius:10px;background:#101f2c}
 body #main .visit-panel{padding:16px;border-radius:12px;background:#122333;border:1px solid var(--m-line)}
 body #community-popover{position:fixed;top:auto;bottom:12px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 90px);padding:22px 18px;border:1px solid #aecde127;border-radius:20px;background:#132332!important;box-shadow:0 -20px 100px #000a}
 body:has(#community-popover:not([hidden])) #main{filter:brightness(.4)}
 body .community-group{padding:16px;border:1px solid #a9c9df1c;border-radius:10px;background:#1a3043}
 body .community-close{min-width:44px;min-height:44px}
 body dialog#article{padding:26px 20px;width:calc(100% - 24px);max-width:calc(100% - 24px);border-radius:16px;background:#112231;max-height:calc(100dvh - 36px)}
 body dialog#article h2{font-size:22px}
 body footer{padding:24px 20px 18px;background:#09131de8;border-top:1px solid var(--m-line)}
 body footer .footer-top>.brand{display:none}
 body footer .footer-top>div{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 10px}
 body footer .footer-top>div a{font-size:11px;color:#748da1;min-height:38px;display:flex;align-items:center}
 body footer .footer-bottom{margin-top:14px;padding-top:14px;font-size:9px;line-height:1.9;color:#536d82;border-color:var(--m-line)}
 body footer .footer-bottom>a{display:none}
 body .mobile-preferences{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6b8498;margin-top:14px}
 body .mobile-preferences #motion-toggle{position:static;font-size:10px;min-height:36px;padding:7px 10px;border:1px solid var(--m-line);border-radius:7px;background:none;box-shadow:none;transform:none}
 body[data-route=admin] .mobile-preferences{display:none}
 /* Home has its own phone composition; desktop markup stays intact. */
 body[data-route=home] #main>:not(.phone-home){display:none!important}
 body #main .phone-home{display:block;padding-top:60px}
 body #main .phone-hero{position:relative;min-height:320px;padding:30px 24px 24px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden;background:#0d2233 url('assets/login-hero-shark.jpg') 62% 48%/cover}
 body #main .phone-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#071421d9,#07142112 90%),linear-gradient(0deg,#09121d,transparent 60%)}
 body #main .phone-hero-copy>p{margin:0 0 16px;font-size:10px;font-weight:600;letter-spacing:.12em;color:#a6c1d6}
 body #main .phone-hero h1{font-size:38px;line-height:1.22;font-weight:700;letter-spacing:-.035em;margin:0 0 16px;color:#eff6fc}
 body #main .phone-hero-copy>span{display:block;max-width:23em;font-size:12px;line-height:1.8;color:#a7bed0;text-wrap:pretty}
 body #main .phone-hero-action{align-self:flex-start;display:flex;align-items:center;gap:24px;min-height:44px;padding:10px 15px;border:1px solid #c8dfea45;border-radius:7px;background:#c1e1f0;color:#102c3e;font-size:12px;font-weight:650;margin-top:20px;box-shadow:inset 0 1px #ffffff60}
 body #main .phone-content{padding:0 20px 30px}
 body #main .phone-shortcuts{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:auto;max-height:none;padding:15px 0 22px;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
 body #main .phone-shortcuts a{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;background:none;border:0;padding:0;color:#b9ccda}
 body #main .phone-shortcuts a>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid #a6c5dd1c;border-radius:13px;background:linear-gradient(145deg,#243e50,#142534)}
 body #main .phone-shortcuts .work-icon{width:21px;height:21px;color:#bddcec}
 body #main .phone-shortcuts b{font-size:11px;font-weight:500;white-space:nowrap}
 body #main .phone-announcement{display:flex;align-items:center;gap:10px;padding:13px 0;border-block:1px solid var(--m-line);font-size:12px;color:#8fa8ba;min-height:46px}
 body #main .phone-announcement>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body #main .phone-announcement>.work-icon{width:16px;height:16px}
 body #main .phone-announcement>b{font-size:18px;color:#57748a;font-weight:400}
 body #main .phone-owner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 20px;margin:24px 0 30px;border:1px solid #b8d8ea29;border-radius:12px;background:linear-gradient(115deg,#1a3449,#112333);overflow:hidden}
 body #main .phone-owner>div>span{font-size:9px;color:#87a8c0;letter-spacing:.12em}
 body #main .phone-owner h2{font-size:24px;margin:7px 0 5px;letter-spacing:-.025em;color:#e1f0fa}
 body #main .phone-owner p{font-size:13px;color:#b1c8d8;margin:0 0 12px}
 body #main .phone-owner small{font-size:10px;color:#7f9db3}
 body #main .phone-owner-arrow{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #b5d4e938;border-radius:50%;color:#bfdded;font-size:24px;background:#bedbec07}
 body #main .phone-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}
 body #main .phone-section-title h2{font-size:18px;font-weight:650;letter-spacing:-.015em;margin:0}
 body #main .phone-section-title>a{font-size:11px;color:#7e9aaf;min-height:36px;display:flex;align-items:center}
 body #main .phone-search{display:flex;align-items:center;gap:10px;min-height:47px;padding:12px 14px;border:1px solid #afcde31c;background:#122332;border-radius:9px;color:#839fb5;font-size:12px}
 body #main .phone-search>span{flex:1}
 body #main .phone-search>b{font-weight:400;font-size:18px}
 body #main .phone-library-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:19px 0 17px}
 body #main .phone-library-links a{display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid var(--m-line);font-size:11px;min-height:34px;color:#aec5d6}
 body #main .phone-library-links a:last-child{border:0}
 body #main .phone-library-links .work-icon{width:17px;height:17px;color:#6f9ab8}
 body #main .phone-reference{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7b99af;padding:14px 0;border-top:1px solid var(--m-line);min-height:44px}
 body #main .phone-world{margin-top:30px}
 body #main .phone-world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body #main .phone-world-grid a{position:relative;min-height:174px;overflow:hidden;border-radius:10px;background:#182b3a;isolation:isolate;border:1px solid #abc8e21a}
 body #main .phone-world-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.85}
 body #main .phone-world-grid a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 15%,#061522ee)}
 body #main .phone-world-grid a>div{position:absolute;bottom:15px;left:14px;right:10px}
 body #main .phone-world-grid small{font-size:9px;color:#a7bfd1}
 body #main .phone-world-grid h3{font-size:15px;margin:5px 0 0;color:#e0eef8}
 body #main .phone-caption{font-size:10px;color:#607f97;line-height:1.8;margin:11px 0 0}
 body #main .phone-community{margin-top:30px}
 body #main .phone-community>a{display:flex;align-items:center;gap:13px;min-height:81px;padding:16px 0;border-bottom:1px solid var(--m-line)}
 body #main .phone-row-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#142737;color:#93b8d1}
 body #main .phone-community>a>span:nth-child(2){flex:1}
 body #main .phone-community b{font-size:14px;font-weight:550;display:block;color:#cadde9}
 body #main .phone-community small{display:block;margin-top:6px;font-size:11px;color:#728ea4}
 body #main .phone-community i{font-size:21px;font-style:normal;color:#57788f}
 body #main .phone-contact{width:100%;display:flex;align-items:center;gap:14px;margin:28px 0 0;padding:17px;border:1px solid #adcfe324;border-radius:10px;background:#142a3a;color:#c4deed;text-align:left;box-shadow:none}
 body #main .phone-contact>span{flex:1;font-size:13px;font-weight:550}
 body #main .phone-contact small{display:block;font-size:10px;font-weight:400;color:#7f9fb5;margin-top:7px}
 body #main .phone-contact>b{font-weight:400;font-size:20px}
 body #main .phone-contact:active{background:#203e52}
}
@media(max-width:360px){
 body header{padding-inline:14px;gap:6px}
 body #main .container,body #main .phone-content{padding-inline:16px}
 body #main .phone-hero{padding-inline:20px;min-height:310px}
 body #main .phone-hero h1{font-size:35px}
 body #main .archive-nav button{font-size:12px}
 body #main .archive-sidebar .archive-nav{gap:10px}
 body #main .archive-view-options button{width:36px;min-width:36px;padding:9px}
 body #main .archive-view-options label{font-size:10px}
 body #main .phone-library-links a{font-size:10px;gap:5px}
 body #main .phone-owner{padding:20px 16px;gap:12px}
}