@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101313;--muted:#8c9490;--lime:#d2f977}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:#f2f4ee;font-family:'Space Grotesk','Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:100px;margin:0 auto;max-width:1440px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b302d}.brand{font-weight:800;font-size:22px;letter-spacing:-1px}.brand>span:first-child{color:var(--lime)}.tiny{font-size:9px;letter-spacing:1.5px;margin-left:18px;color:var(--muted);font-weight:500}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav a{color:#b6bcb5}nav button{background:none;color:var(--lime);border:1px solid #505b43;border-radius:5px;padding:10px 16px}main{max-width:1440px;padding:0 6%;margin:auto}.intro{position:relative;padding:72px 0 54px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#a5afa7;display:flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;background:var(--lime);border-radius:50%}h1{font-size:clamp(42px,5vw,72px);line-height:1.25;letter-spacing:-3.5px;margin:28px 0 32px;font-weight:700}h1 em{font-style:normal;color:var(--lime)}.intro-bottom{display:flex;justify-content:space-between;align-items:end;max-width:700px}.intro p{font-size:14px;line-height:1.9;color:#9aa39c;margin:0}.explore{font-size:12px;border-bottom:1px solid #626c58;padding:0 0 10px}.explore span{margin-left:30px;color:var(--lime)}.orbit{position:absolute;right:1%;top:85px;width:270px;height:270px;border:1px solid #353f32;border-radius:50%;transform:rotate(-22deg);display:grid;place-items:center;background:repeating-radial-gradient(ellipse at center,transparent 0 23px,#253023 24px,transparent 25px)}.orb{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#e1ff9d,#93b34e 40%,#273a20 78%);box-shadow:0 0 70px #a9d16820}.orbit span{position:absolute;bottom:19px;font-size:9px;letter-spacing:3px;color:#b6c49d}.section-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #30362f;padding-top:32px;margin-bottom:25px}h2{font-size:21px;letter-spacing:-.8px;font-weight:600;margin:0}sup{font-size:11px;color:var(--lime);margin-left:8px}.filters{display:flex;gap:6px}.filters button{border:0;background:none;color:#9ca39b;font-size:11px;padding:7px 13px;border-radius:20px}.filters .active{background:var(--lime);color:#1c2413}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}article[hidden]{display:none}.art{display:block;aspect-ratio:1.04;position:relative;overflow:hidden;border-radius:9px}.art-top,.art-bottom{position:absolute;font-size:9px;letter-spacing:1.5px;z-index:5;left:22px}.art-top{top:20px}.art-bottom{bottom:20px;font-size:7px}.ocean{background:#6fb6bb;color:#123b42}.sun{position:absolute;width:90px;height:90px;border-radius:50%;background:#f3e8b0;right:40px;top:45px}.wave{position:absolute;border-radius:46% 55% 0 0;width:180%;height:65%;left:-35%;transform:rotate(-10deg)}.w1{background:#4c9eaa;top:47%}.w2{background:#247d90;top:65%;transform:rotate(10deg)}.w3{background:#155e75;top:83%}.art-name{position:absolute;top:25%;left:9%;font-family:Georgia,serif;font-size:45px;line-height:.84;letter-spacing:-2px;z-index:3}.art-name b{font-weight:400;font-style:italic;font-size:58px}.art-name small{display:block;font-family:'Noto Sans KR';font-size:10px;letter-spacing:5px;margin-top:21px}.boat{position:absolute;right:23%;bottom:24%;font-size:40px;color:#f7ddb3;z-index:4;transform:rotate(-8deg)}.subject{background:radial-gradient(ellipse at 50% 60%,#48463c,transparent 60%),#252721;color:#e5ddbd}.subject:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#0002 4px);pointer-events:none}.scanner{position:absolute;inset:17% 24%;border:1px solid #94937b50;transform:perspective(200px) rotateY(25deg);box-shadow:0 0 35px #d3c99d18,inset 0 0 35px #d3c99d18}.subject-number{position:absolute;top:25%;left:-3%;font-size:130px;font-weight:700;color:#b6b18a18;letter-spacing:-12px}.subject-title{position:absolute;left:9%;top:43%;font-size:23px;letter-spacing:8px;line-height:1.15}.subject-title span{display:block;font-size:69px;letter-spacing:2px;font-weight:700}.cross{position:absolute;color:#aba88b;font-size:23px}.c1{top:23%;left:15%}.c2{bottom:20%;right:14%}.bukang{background:#c3b7ec;color:#35255c}.bukang-title{position:absolute;left:9%;top:24%;font-weight:900;font-size:34px;line-height:1.2;transform:rotate(-6deg);letter-spacing:-2px;z-index:4}.bukang-title b{font-size:43px;color:#fff6c2;text-shadow:3px 3px #544187}.ground{position:absolute;height:25%;background:#8172ba;bottom:0;width:100%;border-top:10px solid #a399ce}.pixel-character{width:88px;height:88px;position:absolute;bottom:21%;right:16%;background:#fff5cb;box-shadow:-10px 10px #fff5cb,10px 10px #fff5cb,-10px 22px #55406e,12px 22px #55406e;transform:rotate(6deg);border-top:10px solid #f0b465}.eyes{text-align:center;margin-top:18px;font-size:27px;letter-spacing:5px;color:#3c3150}.pixel-cloud{position:absolute;background:#eee9ff;width:50px;height:14px;box-shadow:10px -10px #eee9ff}.p1{right:14%;top:22%}.p2{left:14%;bottom:33%;width:32px}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-top:19px}h3{font-size:20px;margin:0;font-weight:600;letter-spacing:-.7px}.card-heading>span{color:#87927d;font-size:21px}.tags{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:10px}.tags b{font-weight:500;border:1px solid #495044;padding:4px 8px;border-radius:3px}.tags>span{color:#a3ab9c}.tags .port{color:var(--lime)}.description{font-size:12px;line-height:1.9;color:#949d92;margin-top:13px}.game-link{color:var(--lime);font-size:12px}.art-note{font-size:10px;color:#737c72;margin-top:25px}.notes{border-top:1px solid #30362f;margin-top:64px;padding:45px 0 60px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.notes h2{font-size:30px;line-height:1.4;margin-top:18px}.timeline>div{display:flex;align-items:center;gap:22px;padding:17px 0;border-bottom:1px solid #30362f}.timeline>div>span{font-size:11px;color:#6f7a6c}.timeline p{margin:0;flex:1}.timeline b{font-size:13px;font-weight:500}.timeline small{display:block;font-size:11px;color:#8e9889;margin-top:6px}.timeline i{font-size:8px;font-style:normal;color:#9eaa91;letter-spacing:1px}.timeline .planned{color:var(--lime)}footer{max-width:1440px;margin:auto;padding:25px 6% 35px;border-top:1px solid #30362f;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:16px}footer span,footer>a:last-child{font-size:10px;color:#899381}dialog{background:#1c221c;color:#f1f4e9;border:1px solid #515e42;border-radius:14px;max-width:550px;width:92%;max-height:88vh;padding:26px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading button{background:none;border:0;color:#fff;font-size:25px}dialog p{font-size:12px;color:#a3af97;line-height:1.7}fieldset{border:1px solid #414b38;border-radius:8px;margin:18px 0;padding:14px}legend{font-size:14px}label{display:block;font-size:11px;color:#b3bda8;margin-top:8px}input,textarea{width:100%;background:#11170f;border:1px solid #424e37;color:#fff;padding:10px;border-radius:5px;margin-top:6px;font-size:12px}textarea{resize:vertical;min-height:65px}.save{background:var(--lime);border:0;border-radius:6px;padding:12px;width:100%;color:#203015}#error{color:#ffc0aa;font-size:12px;margin-bottom:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:#203015;padding:12px 24px;border-radius:8px;font-size:13px;display:none;z-index:10}:focus-visible{outline:2px solid var(--lime);outline-offset:5px}@media(min-width:1400px){.intro{padding-bottom:70px}.art-name{font-size:55px}.art-name b{font-size:70px}}@media(max-width:950px){.orbit{width:190px;height:190px;right:-50px;opacity:.6}.orb{width:95px;height:95px}.intro-bottom{max-width:80%}.grid{gap:16px}.art-name{font-size:32px}.art-name b{font-size:42px}.subject-title{font-size:16px;letter-spacing:4px}.subject-title span{font-size:50px}.bukang-title{font-size:26px}.bukang-title b{font-size:32px}.pixel-character{width:60px;height:60px;right:16%}.eyes{font-size:20px;margin-top:8px}.tiny{display:none}}@media(max-width:640px){header{height:77px;padding:0 6%}.brand{font-size:18px}nav{gap:14px}nav a{font-size:11px}nav a:nth-child(2){display:none}nav button{font-size:10px;padding:8px}.intro{padding:43px 0 35px}h1{font-size:41px;letter-spacing:-2px;position:relative;z-index:1}.orbit{width:145px;height:145px;top:60px;right:-65px;opacity:.35}.intro-bottom{display:block;max-width:100%}.intro p{font-size:12px}.explore{display:inline-block;margin-top:24px}.section-title{align-items:start;gap:16px;flex-direction:column}h2{font-size:19px}.grid{grid-template-columns:1fr;gap:35px}.art{aspect-ratio:1.2}.art-name{font-size:53px}.art-name b{font-size:68px}.subject-title{font-size:26px}.subject-title span{font-size:76px}.bukang-title{font-size:38px}.bukang-title b{font-size:47px}.pixel-character{width:86px;height:86px}.eyes{font-size:28px;margin-top:18px}.notes{grid-template-columns:1fr;gap:20px;margin-top:40px;padding:30px 0}.notes h2{font-size:26px}.timeline>div{gap:13px}footer{flex-wrap:wrap;gap:20px}footer span{order:3;width:100%}.art-note{line-height:1.7}}
.real-cover> :not(img){display:none}.real-cover img{width:100%;height:100%;object-fit:contain;display:block}.ocean.real-cover{background:#fffaf0}.subject.real-cover{background:#131a1c}.subject.real-cover:after{display:none}
.bukang.real-cover{background:#067ba4}.bukang.real-cover img{object-fit:cover;object-position:center 70%}.tags .released{color:var(--lime)}
.subject-media{border-top:1px solid #30362f;margin-top:60px;padding-top:40px;scroll-margin-top:35px}.media-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.media-heading h2{font-size:30px;margin-top:15px;line-height:1.4}.media-heading p{font-size:13px;color:#9aa39c;line-height:1.8}.steam-cta{display:inline-block;border:1px solid #6b7957;color:var(--lime);padding:13px 19px;border-radius:5px;font-size:12px;white-space:nowrap}.media-lead{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.subject-media figure{margin:0;min-width:0}.subject-media img{width:100%;display:block;border-radius:7px}.subject-media video{display:block;width:100%;aspect-ratio:16/9;background:#070909;border-radius:7px}.subject-media figcaption{font-size:11px;color:#9aa491;line-height:1.6;margin-top:10px}.media-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.media-facts span{font-size:10px;color:#b9c9a5;border:1px solid #3e4b34;padding:5px 8px;border-radius:3px}.screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.screenshots img{aspect-ratio:16/9;object-fit:contain;background:#080b0b}.capture-note{font-size:10px;color:#7f8b77;line-height:1.9;margin:23px 0 0;max-width:760px}.media-link{font-size:11px;color:#a9b49b;margin-left:10px}.tags{flex-wrap:wrap}@media(max-width:700px){.media-heading{display:block}.media-heading h2{font-size:24px}.steam-cta{margin-top:6px}.media-lead{grid-template-columns:1fr}.screenshots{grid-template-columns:1fr;gap:22px}.subject-media{margin-top:38px;padding-top:30px}.media-link{display:inline-block;margin-top:10px}}
.ocean-media{border-top:1px solid #303e37;margin-top:60px;padding:40px 0 0;scroll-margin-top:30px}.ocean-intro{display:grid;grid-template-columns:1.1fr .8fr;gap:60px;align-items:center}.ocean-logo{display:block;width:min(360px,100%);height:auto;margin:24px 0}.ocean-intro h2{font-size:33px;line-height:1.45;letter-spacing:-1.2px}.ocean-intro p{font-size:14px;line-height:1.95;color:#a2b7aa;margin:22px 0}.ocean-media figure{margin:0;min-width:0}.ocean-media figure img{width:100%;height:auto;display:block;border-radius:6px}.ocean-media figcaption{font-size:11px;line-height:1.7;color:#96ad9e;margin-top:10px}.ocean-main{max-width:390px;justify-self:end}.ocean-main img{border:1px solid #536856}.ocean-features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:38px 0 0;padding:30px 0;border-top:1px solid #2e4035;border-bottom:1px solid #2e4035}.ocean-features span{font-size:9px;letter-spacing:1.7px;color:#8fbe9e}.ocean-features h3{font-size:18px;margin:13px 0}.ocean-features p{font-size:12px;line-height:1.95;color:#9bad9f;margin:0}.ocean-subheading{margin:35px 0 20px}.ocean-subheading h3{font-size:21px}.ocean-subheading p{font-size:12px;line-height:1.8;color:#99ad9e;margin:10px 0 0}.ocean-phones{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ocean-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.ocean-seasons{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.ocean-seasons img{max-height:440px;object-fit:contain;background:#16251f}.ocean-details{margin-left:0;color:var(--lime)}@media(max-width:850px){.ocean-intro{gap:30px}.ocean-intro h2{font-size:27px}.ocean-features{gap:20px}.ocean-cards{grid-template-columns:repeat(3,1fr)}.ocean-phones{gap:12px}}@media(max-width:600px){.ocean-media{margin-top:38px;padding-top:30px}.ocean-intro{grid-template-columns:1fr}.ocean-intro h2{font-size:26px}.ocean-intro p{font-size:13px}.ocean-main{max-width:360px;justify-self:center}.ocean-features{grid-template-columns:1fr;gap:25px}.ocean-phones{grid-template-columns:repeat(2,1fr);gap:20px 12px}.ocean-cards{grid-template-columns:repeat(2,1fr);gap:20px 12px}.ocean-seasons{grid-template-columns:1fr;gap:25px}.ocean-seasons figure{max-width:360px;margin:auto;width:100%}.ocean-subheading h3{font-size:20px}}
.studio-brand{display:flex;align-items:center;gap:18px;flex-shrink:0}.studio-brand img{display:block;width:190px;height:65px;object-fit:cover;object-position:center 51%;background:#fffdfa;border-radius:5px}.studio-caption{font-size:9px;letter-spacing:2px;color:#b5a5cd}.footer-brand img{width:150px;height:52px}header{height:106px}footer .studio-brand{margin-right:15px}@media(max-width:640px){header{height:88px}.studio-brand img{width:154px;height:56px}.studio-caption{display:none}.footer-brand img{width:136px;height:48px}nav{gap:12px}}
.studio-brand img{width:210px;height:70px;object-fit:contain;background:transparent;border-radius:0}.footer-brand img{width:165px;height:55px}@media(max-width:640px){.studio-brand img{width:165px;height:55px}.footer-brand img{width:144px;height:48px}}
.intro{isolation:isolate}.intro>.eyebrow,.intro>h1,.intro>.intro-bottom{position:relative;z-index:1}.studio-backdrop{position:absolute;z-index:0;right:-3%;top:24%;width:57%;pointer-events:none;opacity:.23;mix-blend-mode:screen;transform:rotate(-9deg);mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%)}.studio-backdrop img{width:100%;height:auto;display:block}.studio-brand img{mix-blend-mode:screen}@media(max-width:950px){.studio-backdrop{width:66%;right:-16%;top:34%;opacity:.18}}@media(max-width:640px){.studio-backdrop{width:105%;right:-34%;top:36%;opacity:.13;transform:rotate(-12deg)}}
.studio-brand img{mix-blend-mode:lighten}.studio-brand{isolation:isolate;background:var(--bg)}
.tags .free-badge,.media-facts .free-badge{color:#10180c;background:var(--lime);border-color:var(--lime);padding:5px 8px;border-radius:3px;font-weight:700}.dlc-notice{margin:20px 0 4px;border-left:2px solid #a877ff;padding:3px 0 3px 15px}.dlc-notice>span{display:block;color:#b5a0d4;font-size:10px;letter-spacing:1px;margin-bottom:6px}.dlc-notice strong{font-size:17px;font-weight:600}.media-heading .dlc-notice p{margin:6px 0 0;color:#c2bad0;font-size:12px}
.ocean-portfolio-cover{isolation:isolate;background:#087c94!important}.ocean-portfolio-cover>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;z-index:0}.ocean-portfolio-cover>img.ocean-cover-logo{position:absolute;top:5%;left:5%;width:90%;height:auto;object-fit:contain;z-index:2;mix-blend-mode:screen;filter:drop-shadow(0 3px 3px #002d46a0)}
.devnotes{border-top:1px solid #354031;padding-top:40px;margin-top:55px;scroll-margin-top:30px}.devnotes .media-heading h2{margin-top:15px;font-size:28px}.devnotes button{font:inherit}.notes-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.notes-tabs button,.notes-toolbar button,.devnote-actions button{background:#1b251b;border:1px solid #46553a;color:#c4d5b4;border-radius:5px;padding:10px 15px;font-size:12px}.notes-tabs [aria-pressed=true]{background:var(--lime);color:#17220e;border-color:var(--lime)}.notes-toolbar{display:flex;gap:10px;margin:16px 0}.notes-toolbar[hidden]{display:none}.devnote-card{border:1px solid #35452f;border-radius:9px;padding:25px;margin:18px 0;background:#141a14}.devnote-meta{color:#a2bf88;font-size:11px}.devnote-card h3{margin:15px 0;font-size:22px}.devnote-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;color:#bcc6b5}.devnote-actions{display:flex;gap:10px;margin-top:20px}.notes-empty,#notes-status{font-size:13px;line-height:1.8;color:#95a98a}.devnotes select{display:block;width:100%;padding:10px;background:#11170f;color:#fff;border:1px solid #424e37;border-radius:5px;margin-top:6px}.note-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.devnotes .form-message{color:#e5c79c;font-size:12px;line-height:1.7}.devnotes .save:disabled{opacity:.5;cursor:wait}.devnotes #notes-editor{max-width:700px}.devnotes #notes-admin{background:transparent;font-size:12px}.devnotes #notes-admin[hidden]{display:none}@media(max-width:600px){.devnote-card{padding:18px}.devnotes .media-heading h2{font-size:23px}.note-form-row{grid-template-columns:1fr}}
.ocean-logo-only{background:#071c24;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:6%;gap:20px}.ocean-logo-only>img{display:block;width:100%;height:auto;mix-blend-mode:screen}.ocean-brand-caption{font-size:10px;letter-spacing:2px;color:#8ad4d6}.bukang-branded::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#092a4766,transparent 53%);pointer-events:none}.bukang-branded>.bukang-title{display:block!important;position:absolute;top:8%;left:8%;z-index:5;transform:rotate(-5deg);font-size:27px;line-height:1.08;font-weight:900;letter-spacing:-1px;color:#fff8d6;text-shadow:2px 2px 0 #13395a,-1px -1px 0 #13395a}.bukang-branded>.bukang-title b{font-size:48px;color:#fff5b0;text-shadow:3px 3px 0 #144269,-1px -1px 0 #144269}.bukang-branded>.bukang-title span{font-size:25px}@media(max-width:640px){.bukang-branded>.bukang-title b{font-size:56px}.bukang-branded>.bukang-title span{font-size:30px}}
.bukang-branded>img.bukang-official-logo{position:absolute;display:block;top:4%;left:4%;width:92%;height:auto;object-fit:contain;z-index:5;mix-blend-mode:screen;filter:drop-shadow(0 3px 4px #07304799)}
.bukang-final-cover{background:#073b62!important}.bukang-final-cover>img{object-fit:contain;object-position:center}.bukang-final-cover::after{display:none}
.ocean-final-cover{background:#063e59!important}.ocean-final-cover>img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal}
.grid .art{aspect-ratio:16/9}.grid .real-cover>img{object-fit:contain;object-position:center}
nav .studio-x{color:#d2f977;border:1px solid #4d5b3d;border-radius:5px;padding:9px 12px;white-space:nowrap}.footer-x{color:#c2d4ae;font-size:11px;white-space:nowrap}@media(max-width:640px){nav .studio-x{display:block!important;padding:7px 9px;font-size:12px}nav .studio-x span{display:none}header nav{gap:10px}.studio-brand img{max-width:145px}footer .footer-x{order:2}}