@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,900&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#10090b;--paper:#f4eadb;--muted:#b9a6a5;--fire:#ff592d;--gold:#ffc173;--red:#d82937;--line:#45232a;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'Noto Sans KR','Malgun Gothic',sans-serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip;padding-bottom:95px}::selection{background:#e73b35;color:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 100px));margin-inline:auto}.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}.skip{position:fixed;top:-80px;left:15px;padding:15px;background:var(--gold);color:#150709;z-index:100}.skip:focus{top:10px}.topline{display:flex;justify-content:space-between;padding:11px 50px;background:#200d13;border-bottom:1px solid #4e1d28;font:8px var(--mono);letter-spacing:1.4px;color:#c18c89}.topline i{font-style:normal;color:#ff6c47;margin:0 10px}.header{height:91px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-fire{font:900 italic 43px/.9 var(--display);letter-spacing:-2px;background:linear-gradient(#fff2b3 12%,#ffd173 35%,#ff7431 68%,#ec2535);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 -2px 6px #ff4b2955);padding-right:3px}.brand-sub{font:700 19px/.9 var(--display);letter-spacing:3px;color:#f8dabf}.brand-sub>span{display:block;font:7px var(--body);letter-spacing:1.6px;margin-top:7px;color:#b6958d}.header nav{display:flex;align-items:center;gap:38px}.header nav>a{font-size:11px;color:#ddd0c5}.header nav a:hover{color:var(--gold)}.header nav small{display:block;font:8px var(--mono);color:#bc6c69;letter-spacing:1px;margin-bottom:6px}.nav-contact{border:1px solid #78343c;padding:11px 17px;background:#301017}.nav-contact span{margin-left:20px;font-size:18px}.hero{position:relative;isolation:isolate;min-height:650px;display:flex;flex-direction:column;border-block:1px solid #79313b;overflow:hidden;background:#180c11}.hero-art{position:absolute;inset:0;z-index:-1}.arcade-background{position:absolute;inset:0;background-image:linear-gradient(90deg,#14080b30,#10080c45 35%,#10080c45 65%,#14080b30),linear-gradient(0deg,#10090b 0%,#12070a60 30%,#12070a15 70%,#12070a70 100%),url('assets/arcade-room.webp');background-size:cover;background-position:center;opacity:.95}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#08030625 4px);pointer-events:none;opacity:.35}.hero::after{content:'';position:absolute;inset:14px;border:1px solid #ec776020;pointer-events:none}.hero-hud{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:1.4px;padding-top:26px;color:#dbb9a7}.hero-hud>span:nth-child(2){font:10px var(--body);letter-spacing:4px;color:#ffd7af}.light{display:inline-block;width:5px;height:5px;background:#ff6340;margin-right:8px;box-shadow:0 0 9px #ff4129;border-radius:50%}.side-caption{position:absolute;font:10px var(--mono);color:#c87774;letter-spacing:3px;writing-mode:vertical-rl;top:50%;transform:translateY(-50%)}.left-caption{left:32px;font-family:var(--body);letter-spacing:7px}.right-caption{right:32px}.hero-center{width:min(780px,80%);margin:auto;text-align:center;padding:22px 0 14px}.chapter{font:10px var(--mono);letter-spacing:4px;color:#efc6ac;margin:0 0 -14px}.hero h1{margin:0;position:relative}.fire-wordmark{display:block;width:min(600px,100%);height:auto;margin:0 auto -12px;overflow:visible}.flame-a{transform-origin:center 72%;animation:flame 2.8s ease-in-out infinite alternate;opacity:.8}.logo-halo{opacity:.65;animation:glow 3.4s ease-in-out infinite alternate}.games-word{display:block;font:800 31px/1 var(--display);letter-spacing:22px;text-indent:22px;color:#fff0d7;text-shadow:0 0 18px #f7472877;margin-top:-16px}.hero-jp{font-size:13px;letter-spacing:8px;color:#f08e76;font-weight:700;margin:27px 0 10px}.hero h2{font-size:27px;letter-spacing:-1px;font-weight:800;margin:0;text-shadow:0 2px 15px #000}.hero-description{font-size:12px;line-height:1.9;color:#d2b9b1;margin:16px 0 23px;text-shadow:0 1px 8px #000}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px}.primary{border:1px solid #ffbb68;background:linear-gradient(110deg,#da2532,#9b1b2b);color:#ffefd6;box-shadow:4px 4px 0 #4f1420,0 0 28px #ed302226;display:flex;align-items:center;gap:17px;padding:16px 22px;min-width:220px;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-3px);box-shadow:4px 7px 0 #4f1420,0 0 32px #ed302249}.play-icon{width:17px;height:17px;flex-shrink:0}.hero-play-label{font:700 23px/.9 var(--display);letter-spacing:1px;white-space:nowrap}.button-plus{font:18px var(--mono);margin-left:auto}.explore-link{font-size:12px;color:#e9ccc1;border-bottom:1px solid #986256;padding:9px 0}.explore-link span{margin-left:20px;color:#ffa86b}.music-note{font:8px var(--mono);letter-spacing:2px;color:#cf9d90;margin:18px 0 0}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 0 28px;font:9px var(--mono);letter-spacing:1.8px;color:#deac93}.hero-prompt{color:#fcd496;font-size:10px}.mini-bars{display:flex;gap:4px;height:14px;align-items:center}.mini-bars i{height:5px;width:2px;background:#ff9f59}.mini-bars i:nth-child(2n){height:11px}.is-playing .mini-bars i{animation:bar .6s infinite alternate}.is-playing .mini-bars i:nth-child(2n){animation-delay:-.3s}.is-playing .mini-bars i:nth-child(3n){animation-delay:-.1s}#visualizer{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.ticker{overflow:hidden;background:#ac2332;color:#fbd9af;border-bottom:1px solid #ee7252;padding:12px 0}.ticker>div{display:flex;width:max-content;align-items:center;gap:35px;animation:marquee 40s linear infinite}.ticker span{font:700 24px/1 var(--display);letter-spacing:1px}.ticker span[lang=ja]{font:800 15px var(--body);letter-spacing:4px}.ticker b{font:18px Arial;color:#ffb869}.play-section{padding:95px 0 75px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.eyebrow{font:10px var(--mono);color:#ed8c67;letter-spacing:1.4px;margin:0 0 18px}.eyebrow span{font:8px var(--body);letter-spacing:2px;color:#b28a86;margin-left:23px}.section-head h2{font:800 55px/.98 var(--display);margin:0;letter-spacing:.5px}.section-head h2 em{font-style:normal;color:var(--gold)}.section-head>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 3px}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.world{border:1px solid #63313a;background:#1d1017;padding:8px;position:relative;transition:transform .25s,border-color .25s,box-shadow .25s}.world::before,.world::after{content:'';position:absolute;width:11px;height:11px;border-color:#f7b769;pointer-events:none}.world::before{border-left:2px solid;border-top:2px solid;top:-1px;left:-1px}.world::after{border-right:2px solid;border-bottom:2px solid;bottom:-1px;right:-1px}.world:hover{transform:translateY(-5px);border-color:#ef7852;box-shadow:0 8px 30px #c8321819}.world-top{font:9px var(--mono);letter-spacing:1px;padding:12px 10px 16px;display:flex;justify-content:space-between;color:#d9aea2}.world-top span[lang=ja]{font:8px var(--body);letter-spacing:2px;color:#f0a46d}.world-screen{height:225px;position:relative;overflow:hidden;background:#180f17;border:1px solid #57353a;box-shadow:inset 0 0 25px #0009;display:grid;place-items:center}.world-screen::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#0002 4px);pointer-events:none}.world-game .world-screen{background:radial-gradient(ellipse,#633130,#24121b 65%)}.world-web .world-screen{background:radial-gradient(ellipse,#3e2135,#1c101b 65%)}.world-app .world-screen{background:radial-gradient(ellipse,#583b29,#21141a 65%)}.screen-grid{position:absolute;bottom:-15%;left:-10%;width:120%;height:80%;background-image:linear-gradient(#b458393b 1px,transparent 1px),linear-gradient(90deg,#b458393b 1px,transparent 1px);background-size:25px 25px;transform:perspective(170px) rotateX(45deg);mask-image:linear-gradient(transparent,#000)}.joystick{position:relative;width:170px;height:155px;transform:rotate(-10deg);transition:transform .3s}.world:hover .joystick{transform:rotate(0deg)}.joystick .base{position:absolute;width:155px;height:65px;bottom:13px;left:4px;transform:skewY(-8deg);border:2px solid #cfa171;background:linear-gradient(125deg,#765c46,#2a1821);box-shadow:7px 12px #150b11}.joystick .stick{position:absolute;left:48px;top:43px;width:12px;height:65px;background:linear-gradient(90deg,#aeada7,#f7dfc5,#836357);z-index:2;transform:rotate(-8deg)}.joystick .ball{position:absolute;left:16px;top:13px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 32% 24%,#ffba91,#ee4b35 28%,#ad142c 70%);box-shadow:0 0 27px #ff372d50;z-index:3}.joystick b{width:19px;height:12px;position:absolute;right:31px;bottom:55px;border-radius:50%;background:linear-gradient(#ffdb86,#c46735);box-shadow:0 4px #602331;z-index:4}.joystick b:nth-last-child(2){right:12px;bottom:40px;background:linear-gradient(#ffa99c,#a91f32)}.joystick b:nth-last-child(1){right:47px;bottom:32px}.screen-tag{position:absolute;bottom:14px;left:0;right:0;text-align:center;font:8px var(--mono);letter-spacing:2px;color:#d99271}.pixel-window{width:195px;height:147px;border:2px solid #b57681;transform:rotate(6deg);background:#201320;box-shadow:6px 8px #09070ca0;position:relative;transition:transform .3s}.world:hover .pixel-window{transform:rotate(0deg)}.pixel-window>div{display:flex;align-items:center;gap:4px;height:25px;border-bottom:1px solid #81515e;padding:0 9px}.pixel-window i{width:4px;height:4px;background:#ca817e}.pixel-window>div>span{font:7px var(--mono);margin-left:10px;color:#bc999b}.pixel-window strong{display:block;text-align:center;font:65px/.95 Arial;color:#ef7f78;margin-top:11px;text-shadow:4px 4px #7d263d}.pixel-window p{font:8px var(--mono);letter-spacing:1px;text-align:center;color:#f8bc8b;margin-top:12px}.pixel-cursor{font:57px Arial;color:#ffd197;position:absolute;bottom:-23px;right:-9px;text-shadow:3px 3px #81442d}.touch-orbit{position:absolute;width:158px;height:158px;border-radius:50%;border:15px solid #dda762;transform:rotate(-22deg) scaleY(.5);box-shadow:3px 6px #633a2c}.orbit-one{top:0;opacity:.4}.orbit-two{top:33px;opacity:.7}.orbit-three{top:67px}.touch-point{width:31px;height:31px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff2b5,#ff6741 60%,#c32439);box-shadow:0 0 23px #ff764060;position:absolute;top:58px;left:49%;transition:transform .3s}.world:hover .touch-point{transform:translateY(30px)}.world-copy{padding:27px 18px 22px}.category{font:8px var(--mono);letter-spacing:1px;color:#d68c6c}.world-copy h3{font-size:20px;letter-spacing:-.9px;margin:13px 0 12px;line-height:1.5}.world-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.world-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #4c2a32;padding:12px 17px;font:8px var(--mono);letter-spacing:1px;color:#bf9287}.world-bottom span+span{font:20px Arial;color:var(--gold)}.selection-note{display:flex;justify-content:space-between;align-items:center;margin:29px 0 0;font:8px var(--mono);letter-spacing:2px;color:#b1807b}.selection-note span{font-size:15px;color:#e69973}.studio-section{padding:75px 0;border-block:1px solid #562530;background:linear-gradient(120deg,#2c111b,#160d13 60%)}.studio-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:95px;align-items:center}.studio-sign{border:1px solid #843849;background:#1d0b11;padding:27px 34px;box-shadow:inset 0 0 0 7px #160a10,0 0 35px #e6213120;position:relative;text-align:center;transform:rotate(-2deg)}.studio-sign::before{content:'';position:absolute;inset:8px;border:1px solid #c13c4580;pointer-events:none}.studio-sign>span{font:9px var(--mono);letter-spacing:2px;color:#d79280;position:relative}.neon-jp{font-size:80px;font-weight:900;letter-spacing:10px;text-indent:10px;margin:31px 0 20px;color:#ffb2a0;text-shadow:0 0 3px #ffdfc0,0 0 14px #ff362c,0 0 36px #db263b;line-height:1.3}.studio-sign p{font:700 36px/1.05 var(--display);letter-spacing:1px;color:#cf7767;margin:0 0 30px}.studio-sign p strong{color:#ffdaa4;font-weight:800;font-size:49px}.studio-copy h2{font-size:29px;line-height:1.6;letter-spacing:-1px;margin:0 0 23px}.studio-copy>p:not(.eyebrow){font-size:13px;line-height:2;color:#c4afad;word-break:keep-all;margin:0 0 18px}.studio-facts{display:flex;gap:65px;margin-top:30px;padding-top:20px;border-top:1px solid #51313a}.studio-facts span,.studio-facts strong{display:block}.studio-facts span{font:8px var(--mono);color:#b57a73;letter-spacing:1px;margin-bottom:11px}.studio-facts strong{font:14px Arial;color:#e5cfc3}.contact-section{padding:95px 0 80px}.contact-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:70px}.continue-jp{display:block;font-size:11px;letter-spacing:4px;color:#d17b74;margin-bottom:8px}.contact-heading h2{font:800 100px/.9 var(--display);margin:0;color:#f5e7cd;letter-spacing:-1px}.contact-heading h2 span{color:var(--fire);text-shadow:0 0 22px #e5362b50}.contact-heading p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 21px}.email{display:flex;align-items:center;gap:15px;white-space:nowrap;font:clamp(15px,2vw,23px) Arial;border-bottom:1px solid #97624c;padding-bottom:14px}.email span{margin-left:auto;color:var(--gold);font-size:28px}.email:hover{color:var(--gold)}.footer{padding:30px 0 35px;border-top:1px solid #4b2830;display:flex;justify-content:space-between;align-items:start;gap:25px}.footer>div{font-size:10px;line-height:1.9;color:#b3948e}.footer>p{font:9px/1.9 var(--mono);margin:0;color:#b3948e}.footer .brand-fire{font-size:35px}.footer .brand-sub{font-size:16px}.back-top{width:36px;height:36px;border:1px solid #894234;color:#f2b981;display:grid;place-items:center}.sound-dock{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:20;width:550px;display:flex;gap:18px;align-items:center;padding:12px 16px;background:#211018ed;border:1px solid #a55b4c;box-shadow:4px 4px #0a0508,0 0 30px #9e1f271a;backdrop-filter:blur(15px)}.sound-dock::before{content:'';position:absolute;width:28px;height:2px;top:-1px;left:-1px;background:#ffc580}.dock-play{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#bf2635;color:#ffe2b0;border:1px solid #ffab77;box-shadow:2px 2px #631a29}.dock-play:hover{background:#e5343d}.track-label{display:flex;flex-direction:column;gap:6px;white-space:nowrap}.track-label strong{font:600 12px Arial;letter-spacing:.5px}.track-label span{font:7px var(--mono);letter-spacing:.5px;color:#c9988d}.track-progress{flex:1;min-width:40px;padding-top:7px}.track-progress>div{display:flex;justify-content:space-between;font:8px var(--mono);color:#cfb1a4;margin-top:7px}#seek{appearance:none;-webkit-appearance:none;width:100%;height:3px;background:linear-gradient(to right,var(--gold) var(--progress,0%),#74424b var(--progress,0%));cursor:pointer;margin:0;display:block}#seek::-webkit-slider-thumb{appearance:none;width:7px;height:7px;background:var(--gold)}#seek::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:0;background:var(--gold)}.mute-button{background:none;border:0;color:#f3d4c0;padding:6px;min-width:32px;min-height:36px}.mute-button svg{width:20px;height:20px;display:block}.mute-button[aria-pressed=true]{color:#a27570;position:relative}.mute-button[aria-pressed=true]::after{content:'';position:absolute;width:22px;height:1px;background:var(--paper);transform:rotate(-45deg);top:17px;left:5px}#audio-status:empty{display:none}#audio-status:not(:empty){position:absolute;bottom:calc(100% + 8px);background:#2d111a;padding:10px 15px;font-size:12px;left:0;right:0;border:1px solid #9d514e}.is-playing .hero-prompt{text-shadow:0 0 12px #ff9b42}
@keyframes flame{from{transform:scaleY(.9) skewX(-2deg);opacity:.65}to{transform:scaleY(1.06) skewX(2deg);opacity:.95}}@keyframes glow{from{opacity:.45}to{opacity:.8}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bar{to{height:14px}}
@media(min-width:1700px){.hero{min-height:800px}.hero-center{padding:25px 0}.fire-wordmark{width:730px}.hero-description{font-size:14px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.topline{padding-inline:30px}.worlds{gap:15px}.world-copy{padding:22px 12px}.world-copy h3{font-size:18px}.world-top{font-size:8px}.section-head h2{font-size:46px}.studio-grid{gap:55px}.neon-jp{font-size:62px;letter-spacing:4px}.studio-sign{padding:25px}.contact-heading{gap:40px}.contact-heading h2{font-size:84px}.side-caption{font-size:8px}.left-caption{left:20px}.right-caption{right:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topline{padding:10px 18px;font-size:7px;letter-spacing:.9px}.topline>span+span{display:none}.header{height:76px}.brand-fire{font-size:36px}.brand-sub{font-size:16px;letter-spacing:2px}.brand-sub>span{font-size:6px}.header nav{gap:19px}.header nav>a:first-child{display:none}.header nav small{display:none}.header nav>a{font-size:10px}.nav-contact{padding:8px 12px}.nav-contact span{font-size:14px;margin-left:10px}.hero{min-height:650px}.hero::after{inset:8px}.hero-hud{font-size:7px;letter-spacing:.7px;padding-top:20px}.hero-hud>span:nth-child(2){display:none}.hero-center{width:95%;padding:26px 0 25px}.chapter{font-size:8px;letter-spacing:2.2px;margin-bottom:10px}.fire-wordmark{width:100%;margin-bottom:1px}.games-word{font-size:23px;letter-spacing:15px;text-indent:15px;margin-top:-8px}.hero-jp{font-size:11px;letter-spacing:5px;margin-top:28px}.hero h2{font-size:23px}.hero-description{font-size:12px;margin:16px 0 23px}.hero-actions{flex-direction:column;gap:19px}.primary{min-width:215px;padding:15px 21px}.hero-play-label{font-size:24px}.explore-link{font-size:11px;padding:4px 0}.music-note{font-size:7px;margin:14px 0 0}.side-caption{display:none}.hero-bottom{font-size:7px;letter-spacing:.7px;padding-bottom:20px}.hero-prompt{font-size:7px}.arcade-background{background-position:center;background-image:linear-gradient(90deg,#14080b50,#10080c60 35%,#10080c60 65%,#14080b50),linear-gradient(0deg,#10090b 0%,#12070a55 30%,#12070a10 70%,#12070a70 100%),url('assets/arcade-room.webp')}.ticker{padding:11px 0}.ticker span{font-size:21px}.ticker span[lang=ja]{font-size:12px}.ticker>div{gap:24px}.play-section{padding:57px 0 45px}.section-head{display:block;margin-bottom:25px}.eyebrow{font-size:9px}.eyebrow span{display:none}.section-head h2{font-size:41px}.section-head>p{font-size:12px;margin-top:16px}.worlds{grid-template-columns:1fr;gap:24px}.world-top{font-size:9px;padding:12px}.world-screen{height:230px}.world-copy{padding:25px 18px}.world-copy h3{font-size:21px}.world-copy p{font-size:13px}.category{font-size:9px}.selection-note{font-size:7px;letter-spacing:1px;margin-top:25px}.studio-section{padding:55px 0}.studio-grid{grid-template-columns:1fr;gap:45px}.studio-sign{width:min(370px,calc(100% - 10px));margin:auto;padding:25px}.neon-jp{font-size:71px;margin:24px 0 16px}.studio-sign p{font-size:32px}.studio-sign p strong{font-size:45px}.studio-copy h2{font-size:26px}.studio-copy>p:not(.eyebrow){font-size:13px}.studio-facts{gap:55px}.contact-section{padding:60px 0 55px}.contact-heading{grid-template-columns:1fr;gap:27px}.contact-heading h2{font-size:85px}.contact-heading p{margin-bottom:17px}.email{font-size:20px}.footer{display:grid;grid-template-columns:1fr auto;gap:22px 15px;padding:25px 0}.footer .brand{grid-column:1}.footer>div{grid-column:1;grid-row:2}.footer>p{grid-column:1;grid-row:3}.back-top{grid-column:2;grid-row:1}.sound-dock{width:calc(100% - 24px);bottom:12px;padding:11px 12px;gap:12px}.dock-play{width:34px;height:34px}.track-label strong{font-size:11px}.track-label span{font-size:6px;letter-spacing:.3px}.mute-button{min-width:25px;padding:3px}.track-progress{min-width:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}