/* YJSTD / PLAY SOMETHING NEW — studio identity, September 2026 */
:root{color-scheme:dark;--bg:#101014;--bg-alt:#1b1b23;--ink:#f5f4f1;--ink-body:#d2d0d9;--ink-dim:#aaa7b7;--ink-faint:#9995a6;--border:#2b2933;--border-strong:#494552;--accent:#d6fc78;--accent-dark:#e7ffad;--nav-bg:rgba(16,16,20,.94);--band-bg:#22202e}
html{scroll-padding-top:96px}body{font-family:'Inter','Noto Sans KR',sans-serif;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%}[hidden]{display:none!important}h1,h2,h3{font-weight:750;letter-spacing:-.055em}.wrap-1200,.site-header .wrap{max-width:1440px;padding-left:60px;padding-right:60px}.site-header{border-bottom:1px solid var(--border);background:var(--nav-bg);backdrop-filter:blur(18px)}.site-header .wrap{min-height:88px;padding-top:12px;padding-bottom:12px}.brand{font-size:26px;letter-spacing:-1.6px;font-weight:900;display:flex;align-items:center;gap:12px}.brand-mark{width:30px;height:30px;display:inline-grid;place-items:center;background:var(--accent);color:#111114;transform:rotate(-9deg);border-radius:7px;font-size:22px;letter-spacing:-4px;padding-right:4px}.brand-dot{color:var(--accent)}.site-nav{align-items:center;gap:3px}.site-nav a{color:#c1beca;font-size:13px;padding:12px 14px;border-radius:99px}.site-nav a.current{color:var(--ink)}.site-nav a.current:after{content:'';display:block;margin:5px auto -8px;width:4px;height:4px;background:var(--accent);border-radius:50%}.site-nav .nav-play{margin-left:20px;color:var(--bg);background:var(--accent);padding:12px 20px;font-weight:750}.site-nav .nav-play:hover{background:var(--accent-dark)}.menu-toggle{display:none}.skip-link{position:fixed;left:20px;top:-100px;background:var(--accent);color:#111;padding:15px;z-index:100}.skip-link:focus{top:10px}.btn{border-radius:99px;min-height:52px;padding:0 25px;font-size:14px;font-weight:650;gap:24px}.btn-primary{background:var(--accent);color:#171a10}.btn-primary:hover{background:var(--accent-dark);color:#171a10;transform:translateY(-2px)}.btn-secondary{border-color:#595363}.eyebrow{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.17em}.section-title{font-size:clamp(30px,3.5vw,48px);line-height:1.25}.section-lede{font-size:15px;line-height:1.9}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-head .section-lede{margin:15px 0 0}.studio-section{padding:100px 0}.text-link{display:inline-flex;align-items:center;gap:26px;font-size:13px;white-space:nowrap}.section-index{color:var(--ink-faint);font-size:10px;letter-spacing:.16em;display:block;margin-bottom:22px}
/* Feature stage */
.studio-hero{--stage-glow:#73629a;position:relative;padding:0;isolation:isolate;background:radial-gradient(ellipse at 79% 32%,#302841 0,transparent 55%),#101014;overflow:hidden}.studio-hero[data-theme=samgukji]{--stage-glow:#508074;background:radial-gradient(ellipse at 79% 32%,#163c36 0,transparent 55%),#101414}.studio-hero[data-theme=slimedoku]{--stage-glow:#998bde;background:radial-gradient(ellipse at 79% 32%,#3b2b63 0,transparent 55%),#121016}.hero-topline{display:flex;justify-content:space-between;align-items:center;padding-top:30px;color:#b8b1c8;font-size:10px;letter-spacing:.16em}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;box-shadow:0 0 14px #d6fc7860}.hero-stage{position:relative;min-height:655px;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:24px}.hero-statement{position:relative;z-index:3;padding:54px 0 58px}.hero-kicker{display:inline-flex;gap:9px;align-items:center;margin:0 0 27px;font-size:12px;color:#cbc5d8}.hero-kicker:before{content:'✳';color:var(--accent);font-size:22px}.hero-statement h1{font-size:clamp(48px,5.4vw,78px);line-height:1.14;letter-spacing:-.072em;word-break:keep-all}.hero-statement h1 em{font-style:normal;color:var(--accent)}.hero-description{max-width:400px;margin:26px 0 28px;font-size:15px;line-height:1.9;color:#b9b4c8;word-break:keep-all}.hero-bottom-note{margin-top:35px;display:flex;gap:12px;align-items:center;color:#92909c;font-size:11px}.hero-bottom-note span{font-family:monospace;border:1px solid #514c5a;border-radius:4px;padding:3px 5px;font-size:10px}.stage-panel{position:relative;align-self:stretch;min-width:0;z-index:2;display:flex;align-items:flex-end;justify-content:center}.stage-watermark{position:absolute;top:20%;left:-4%;font-weight:900;color:transparent;-webkit-text-stroke:1px #ffffff1c;font-size:clamp(80px,10vw,150px);letter-spacing:-.085em;line-height:.86;transform:rotate(-9deg);user-select:none;pointer-events:none}.stage-halo{position:absolute;top:13%;width:86%;aspect-ratio:1;border:1px solid #a59abb38;border-radius:50%;box-shadow:inset 0 0 90px #a793d011,0 0 100px #ad9bc30a}.stage-halo:before,.stage-halo:after{content:'';position:absolute;inset:11%;border:1px dashed #d0c4e033;border-radius:50%;animation:orbit 80s linear infinite}.stage-halo:after{inset:-10%;border-style:solid;border-color:#d0c4e011;animation:none}.stage-character{width:94%;height:640px;object-fit:contain;object-position:center bottom;position:relative;z-index:1;filter:drop-shadow(15px 22px 38px #0008);animation:float 8s ease-in-out infinite;transform-origin:bottom}.stage-panel[data-art=samgukji] .stage-character{height:560px;object-position:center center}.stage-panel[data-art=slimedoku] .stage-character{width:65%;height:540px;object-position:center;filter:drop-shadow(0 30px 45px #bb8cff55)}.stage-caption{position:absolute;z-index:3;bottom:47px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#19171ee8;backdrop-filter:blur(20px);border:1px solid #665d7366;padding:19px 24px;border-radius:12px;box-shadow:0 15px 40px #0004;max-width:450px;margin:auto}.stage-caption small{font-size:9px;color:var(--accent);letter-spacing:.12em;display:block;margin-bottom:7px}.stage-caption strong{font-size:19px;font-weight:650;letter-spacing:-.04em}.stage-caption a{font-size:11px;border:1px solid #665d73;padding:10px 13px;border-radius:40px;color:#eae4ef}.floating-label{position:absolute;right:1%;top:14%;font-size:10px;font-family:monospace;background:var(--accent);color:#242b19;padding:9px 14px;border-radius:5px;transform:rotate(8deg);z-index:3}.stage-spark{position:absolute;color:var(--accent);font-size:38px;top:19%;left:5%;z-index:2}.hero-controls{border-top:1px solid #ffffff20;display:flex;align-items:stretch;justify-content:space-between;position:relative;z-index:5}.stage-tabs{display:flex;gap:28px;max-width:85%}.stage-tab{padding:24px 0;background:none;color:#898491;border:0;border-top:2px solid transparent;margin-top:-1px;cursor:pointer;display:flex;gap:12px;align-items:center;text-align:left;font-size:12px}.stage-tab>span:first-child{font-family:monospace;font-size:10px}.stage-tab[aria-selected=true]{border-top-color:var(--accent);color:#f4f0fb}.stage-tab small{display:block;font-size:9px;color:#8f899d;margin-top:5px}.motion-toggle{align-self:center;background:none;border:0;color:#aaa3b8;font-size:10px;cursor:pointer;padding:10px}.studio-ticker{display:flex;align-items:center;justify-content:space-around;gap:25px;padding:24px 30px;background:var(--accent);color:#161911;border-top:0;font-size:12px;font-weight:800;letter-spacing:.15em;overflow:hidden}.studio-ticker b{font-size:20px}.studio-ticker span{white-space:nowrap}
/* Game library */
.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.play-card{min-width:0;border:1px solid var(--border);border-radius:17px;background:#17171d;overflow:hidden;transition:transform .25s,border-color .25s}.play-card:hover{transform:translateY(-6px);border-color:#77717f}.play-art{height:310px;display:block;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#56654e,transparent 70%),#222f2b}.theme-samgukji .play-art{background:radial-gradient(ellipse at 50% 80%,#5c7462,transparent 70%),#253936}.theme-slimedoku .play-art{background:radial-gradient(ellipse at 50% 80%,#9981b0,transparent 70%),#413951}.play-art img{position:absolute;width:80%;height:115%;object-fit:contain;object-position:50% 0;bottom:-27%;left:10%;transition:transform .55s}.theme-samgukji .play-art img{height:95%;bottom:-4%;width:88%;left:6%}.theme-slimedoku .play-art img{height:60%;width:65%;left:17.5%;bottom:14%;object-position:center;filter:drop-shadow(0 15px 20px #33234470)}.play-card:hover .play-art img{transform:scale(1.055) translateY(-4px)}.play-number{position:absolute;top:24px;left:22px;font-size:10px;color:#fff9;letter-spacing:.1em}.play-art-label{position:absolute;bottom:22px;left:22px;font-size:9px;letter-spacing:.14em;color:#fff;z-index:2;filter:drop-shadow(0 1px 3px #000)}.play-orbit{position:absolute;inset:30px;border:1px solid #ffffff20;border-radius:50%;transform:rotate(-25deg) scaleY(.8)}.round-arrow{position:absolute;right:20px;bottom:20px;width:32px;height:32px;display:grid;place-items:center;background:#15151b88;border:1px solid #fff4;border-radius:50%;font-size:18px}.play-body{padding:26px}.status-tag{font-size:10px;color:#c6b9e6;display:inline-block}.status-tag:before{content:'';display:inline-block;background:currentColor;width:5px;height:5px;border-radius:50%;margin-right:7px}.status-tag.is-available{color:var(--accent)}.play-body h3{font-size:24px;margin:13px 0}.play-body p{font-size:13px;line-height:1.9;color:#aaa5b5;min-height:74px;margin:0 0 22px;word-break:keep-all}.play-link{border-top:1px solid #35313d;display:flex;justify-content:space-between;padding-top:20px;font-size:12px;color:#e1dce9}.play-link span{color:var(--accent)}.game-filters{display:flex;gap:8px;margin:32px 0 24px;flex-wrap:wrap}.game-filters button{cursor:pointer;padding:11px 20px;background:transparent;border:1px solid var(--border-strong);border-radius:40px;color:var(--ink-dim);font-size:12px}.game-filters button[aria-pressed=true]{background:var(--accent);color:#171a10;border-color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Stories & community */
.journal-section{background:#eae9e3;color:#383641;--ink:#23212a;--ink-dim:#686571;--ink-faint:#78737c;--border:#ceccc7;--accent:#5d426d}.journal-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}.journal-intro .section-title{font-size:clamp(30px,3.7vw,49px);margin-bottom:25px}.journal-intro p{color:var(--ink-dim);font-size:14px;line-height:1.9}.journal-intro .text-link{margin-top:25px;color:#38323f}.journal-list .post-list li{padding:26px 0;align-items:center}.journal-list .post-list li:first-child{padding-top:0}.journal-list .post-thumb{flex:0 0 180px}.journal-list .post-thumb img{aspect-ratio:1.4;object-fit:cover;border-radius:8px}.journal-list .post-title{font-size:20px;line-height:1.6;font-weight:650;letter-spacing:-.03em}.journal-list .post-excerpt{font-size:12px;line-height:1.85}.journal-list .post-date{font-size:10px;letter-spacing:.05em}.community-split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.community-pitch{position:relative;border:1px solid #4c415e;background:radial-gradient(ellipse at 100% 0%,#4d366d,transparent 65%),#221d2d;border-radius:18px;padding:42px;overflow:hidden}.community-pitch h2{font-size:39px;line-height:1.35;position:relative}.community-pitch p{font-size:14px;line-height:1.9;max-width:340px;color:#bcb3cb;position:relative}.community-pitch .btn{margin-top:15px}.community-symbol{position:absolute;right:16px;bottom:0;font-size:160px;color:#c4a8ff10;font-weight:900;transform:rotate(-12deg);pointer-events:none}.community-feed{padding:16px 0}.community-feed h3{font-size:22px;margin-bottom:23px}.community-feed .post-list li{gap:18px;padding:24px 0}.community-feed .post-title{font-size:16px}.community-feed .post-date{font-size:10px;min-width:70px}.community-feed .post-excerpt{font-size:12px}.community-feed>.text-link{margin-top:24px}.tool-strip{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:36px 0;border-top:1px solid var(--border);margin-top:70px}.tool-strip .eyebrow{margin:0 0 9px}.tool-strip h3{font-size:23px}.tool-strip p{font-size:13px;color:var(--ink-dim);margin-bottom:0}.tool-badge{font-size:10px;letter-spacing:.08em;color:#bbb2cd;border:1px solid #585062;border-radius:30px;padding:12px 17px;white-space:nowrap}
/* Shared pages */
.page-banner{padding:85px 0 60px;background:radial-gradient(ellipse at 90% 0,#352b48,transparent 60%)}.page-banner h1{font-size:clamp(40px,5vw,64px)}.page-banner p{max-width:580px;line-height:1.9;color:var(--ink-dim);font-size:15px}.library-section{padding:20px 0 90px;border-top:0}.prose{max-width:850px}.prose h1{font-size:clamp(34px,4vw,55px);line-height:1.3}.prose p{line-height:1.95}.prose h2{font-size:24px;margin-top:45px}.prose img{border-radius:12px}.tile.tile-dark{--tile-bg:#292431;--tile-ink:#fff}.site-footer{background:#0b0b0e;padding:0 0 20px}.footer-top{max-width:1440px;padding:55px 60px 30px;margin:0 auto;display:flex;justify-content:space-between;gap:40px;align-items:center}.footer-title{font-size:clamp(52px,8vw,115px);font-weight:850;letter-spacing:-.07em;line-height:1;color:var(--ink)}.footer-title span{color:var(--accent)}.footer-top p{font-size:12px;color:var(--ink-dim);line-height:1.9;max-width:270px}.site-footer .wrap-1200{padding:30px 60px;font-size:10px;color:#aaa4b4;border-top:1px solid var(--border);gap:26px}.footer-meta{max-width:1440px;margin:auto;padding:0 60px;font-size:10px;color:#817c8c;display:flex;justify-content:space-between;gap:20px}.site-footer nav{gap:18px}.footer-meta small{font-size:9px}.site-footer nav a{padding:5px 0}.post-list li{min-width:0}.post-list li>div{min-width:0}.post-list .post-title{overflow-wrap:anywhere}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes orbit{to{transform:rotate(360deg)}}.motion-paused .stage-character,.motion-paused .stage-halo:before{animation-play-state:paused}
@media(min-width:1600px){.hero-stage{min-height:720px}.stage-character{height:690px}.hero-statement h1{font-size:84px}}
@media(max-width:1100px){.wrap-1200,.site-header .wrap{padding-left:32px;padding-right:32px}.hero-stage{min-height:610px}.stage-character{height:590px;width:110%;max-width:110%}.hero-statement h1{font-size:60px}.stage-tabs{gap:20px}.stage-tab{font-size:11px;gap:8px}.stage-caption{bottom:45px;padding:16px}.stage-caption strong{font-size:16px}.floating-label{right:-5%}.play-art{height:270px}.play-body{padding:22px}.play-body h3{font-size:21px}.play-body p{min-height:99px}.journal-grid{gap:45px}.journal-list .post-thumb{flex-basis:130px}.journal-list .post-title{font-size:17px}.community-split{gap:38px}.community-pitch{padding:30px}.community-pitch h2{font-size:31px}.footer-top,.site-footer .wrap-1200,.footer-meta{padding-left:32px;padding-right:32px}.site-nav a{padding:10px}.site-nav .nav-play{margin-left:8px;padding:12px 15px}}
@media(max-width:800px){.site-header .wrap{min-height:74px}.brand{font-size:24px}.menu-toggle{display:block;background:none;border:1px solid #514959;border-radius:25px;padding:10px 16px;color:#eee;font-size:12px}.site-nav{display:none;position:absolute;top:73px;left:0;right:0;padding:22px 28px;background:#17151deF;backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.site-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-nav a{padding:14px;text-align:center}.site-nav a.current:after{display:none}.site-nav .nav-play{grid-column:1/-1;margin:3px 0}.hero-stage{grid-template-columns:1fr 1fr;min-height:530px;gap:0}.hero-statement h1{font-size:46px}.hero-description{font-size:13px}.hero-kicker{font-size:10px}.stage-character{height:490px;width:120%;max-width:120%}.stage-panel[data-art=samgukji] .stage-character{height:470px}.stage-panel[data-art=slimedoku] .stage-character{height:440px;width:90%}.hero-statement .btn-row{gap:12px;flex-direction:column;align-items:flex-start}.hero-statement .btn{min-height:43px;font-size:12px;padding:0 20px}.hero-bottom-note{margin-top:22px}.stage-caption{bottom:40px;gap:10px;flex-wrap:wrap;padding:14px}.stage-caption strong{font-size:15px}.stage-caption a{font-size:10px;padding:8px 10px}.stage-tabs{gap:25px}.stage-tab small{font-size:8px}.stage-tab{font-size:10px}.stage-tab>span:first-child{display:none}.motion-toggle{font-size:9px;padding:5px}.floating-label{top:12%;font-size:8px}.studio-section{padding:70px 0}.play-grid{gap:16px}.play-art{height:230px}.play-body{padding:18px}.play-body h3{font-size:18px}.play-body p{font-size:12px;min-height:113px}.journal-grid{grid-template-columns:1fr;gap:35px}.journal-intro{max-width:500px}.journal-list .post-thumb{flex-basis:190px}.journal-list .post-title{font-size:20px}.community-split{grid-template-columns:1fr;gap:35px}.community-pitch{padding:38px}.community-pitch h2{font-size:36px}.footer-top{align-items:flex-start;flex-direction:column;gap:15px}.footer-top p{max-width:100%}.footer-meta{flex-direction:column;gap:8px}.studio-ticker{font-size:10px;gap:20px;padding:20px}.studio-ticker span:last-child{display:none}}
@media(max-width:600px){.wrap-1200,.site-header .wrap{padding-left:22px;padding-right:22px}.hero-topline{padding-top:22px;font-size:8px;letter-spacing:.1em}.hero-topline>span:last-child{display:none}.hero-stage{display:block;min-height:0}.hero-statement{padding:38px 0 0}.hero-kicker{margin-bottom:20px}.hero-statement h1{font-size:clamp(40px,10.6vw,59px);line-height:1.16}.hero-description{font-size:13px;line-height:1.85;max-width:320px;margin:19px 0 23px}.hero-statement .btn-row{flex-direction:row;gap:10px}.hero-bottom-note{display:none}.stage-panel{height:395px;margin-top:20px}.stage-character{height:400px;width:85%;max-width:100%;object-position:center top}.stage-halo{width:80%;top:10%;max-width:350px}.stage-watermark{top:20%;left:12%;font-size:95px}.stage-caption{bottom:16px;left:0;right:0;flex-wrap:nowrap;padding:14px 18px;max-width:350px}.stage-caption strong{font-size:17px}.stage-caption small{font-size:8px}.stage-panel[data-art=samgukji] .stage-character{height:350px;width:90%;object-position:center top;margin-bottom:30px}.stage-panel[data-art=slimedoku] .stage-character{height:335px;width:60%;margin-bottom:35px}.floating-label{right:4%;top:8%}.stage-spark{font-size:27px;top:25%;left:8%}.hero-controls{display:block}.stage-tabs{max-width:100%;width:100%;gap:0;justify-content:space-between}.stage-tab{font-size:10px;padding:20px 6px;flex:1;justify-content:center}.stage-tab:first-child{padding-left:0}.stage-tab small{font-size:8px}.motion-toggle{display:block;margin:0 0 12px auto}.studio-ticker{font-size:8px;padding:17px 12px;gap:12px}.studio-ticker b{font-size:16px}.studio-ticker span:nth-last-child(2){display:none}.section-head{display:block;margin-bottom:28px}.section-head>.text-link{margin-top:22px}.section-title{font-size:32px}.studio-section{padding:55px 0}.section-index{font-size:9px;margin-bottom:18px}.play-grid{grid-template-columns:1fr;gap:25px}.play-art{height:300px}.play-body{padding:25px}.play-body h3{font-size:26px}.play-body p{font-size:13px;min-height:0}.play-art img{width:68%;left:16%;height:123%;bottom:-29%}.theme-samgukji .play-art img{height:98%;width:85%;left:7.5%}.theme-slimedoku .play-art img{height:62%;width:65%;left:17.5%;bottom:14%}.journal-intro .section-title{font-size:35px}.journal-list .post-list li.has-thumb{flex-direction:row;gap:18px;align-items:flex-start}.journal-list .post-thumb{flex:0 0 105px}.journal-list .post-title{font-size:16px}.journal-list .post-excerpt{font-size:11px}.journal-list .post-thumb img{aspect-ratio:1;object-fit:cover}.community-pitch{padding:30px}.community-pitch h2{font-size:31px}.community-pitch p{font-size:13px}.tool-strip{align-items:flex-start;flex-direction:column;margin-top:45px}.tool-strip h3{font-size:21px}.footer-top{padding:40px 22px 20px}.footer-title{font-size:65px}.site-footer .wrap-1200{padding:24px 22px}.footer-meta{padding:0 22px}.site-footer nav{gap:14px}.page-banner{padding:55px 0 35px}.library-section{padding-bottom:55px}.prose h1{font-size:35px}.prose h2{font-size:23px}.post-list li{gap:15px}.post-date{min-width:68px;font-size:11px}.post-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-toggle{display:none}}