@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Georgian:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#111214;--panel:#191a1d;--line:#303136;--muted:#a4a4aa;--ink:#f3f1ec;--accent:#ff5038;--green:#a9e78c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 'Noto Sans Georgian',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button,.button{cursor:pointer;border:0;color:var(--bg);background:var(--accent);padding:15px 22px;border-radius:5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:28px;transition:background .15s,transform .15s}button:hover,.button:hover{background:#ff725d}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.secondary,.button.secondary{background:#25262b;color:var(--ink);border:1px solid #393a40}button.secondary:hover{background:#34353c}.topbar,main,footer{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.topbar{height:100px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.brand{font-family:Arial,sans-serif;display:inline-flex;align-items:center;gap:8px;font-size:26px;font-weight:900;letter-spacing:-1px}.brand-icon{display:inline-flex;background:var(--accent);color:var(--bg);font-size:24px;width:42px;height:38px;align-items:center;justify-content:center;letter-spacing:-5px;padding-right:6px;margin-right:3px}.brand-icon span{font-size:18px}.domain{color:#8d8e94;font-weight:400;margin-left:-7px}.top-note{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green)}.top-link{margin-left:auto;font-size:12px}.hero{position:relative;padding:76px 0 68px;overflow:hidden}.eyebrow,.hero-meta,.section-head>span,.small-jp,.tag,footer>span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:1.8px;font-weight:700}.eyebrow{color:var(--accent)}h1{font-size:clamp(32px,4.4vw,56px);line-height:1.3;letter-spacing:-2px;margin:22px 0 22px;position:relative;z-index:1}h1>span{color:#929399}.hero p{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:29px}.hero-meta{display:block;margin-top:30px;color:#71727a}.hero-symbol{position:absolute;right:35px;top:65px;width:330px;display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:rotate(-12deg);opacity:.8;color:var(--accent);font:120px/1.2 Arial;text-align:center}.hero-symbol span{border:1px solid #39302d;background:linear-gradient(145deg,#34201d,transparent);border-radius:28px}.hero-symbol span:nth-child(2){color:#74757b;background:#1b1c20;border-color:#303136}.hero-symbol span:nth-child(3){color:#74757b;background:#1b1c20;border-color:#303136}.library{padding-bottom:60px}.section-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0}.section-head h2{font-size:18px;margin:0}.section-head>span{color:var(--muted)}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.game-card{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#1a1b1e;transition:border-color .2s}.game-card:hover{border-color:#777}.card-top{padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.tag{color:#bbb;font-size:9px;letter-spacing:1.4px}.card-arrow{font-size:22px;line-height:1}.game-art{height:206px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at center,#73271c66,transparent 70%)}.game-art strong{font:italic 900 72px/.95 Arial,sans-serif;letter-spacing:-5px;color:#f4e6d6;text-shadow:3px 4px 0 #842e1f;z-index:1}.game-art strong>span{font-size:125px;color:var(--accent);margin-left:-12px}.small-jp{font-size:8px;color:#cc8a78;margin-bottom:12px;z-index:1}.art-lines{position:absolute;inset:0;background:repeating-linear-gradient(-24deg,transparent 0 36px,#cb4f3822 37px 38px,transparent 39px 53px);z-index:-1}.metal-card .game-art{background:radial-gradient(ellipse at center,#76652e55,transparent 70%)}.metal-card strong{font-size:54px;text-align:center;letter-spacing:-2px;transform:skew(-7deg);text-shadow:3px 4px 0 #686030}.metal-card .small-jp{color:#b7aa78}.metal-card .art-lines{background:repeating-linear-gradient(24deg,transparent 0 36px,#a7a17618 37px 38px,transparent 39px 53px)}.card-bottom{padding:24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}h3{margin:0;font-size:18px}.card-bottom p{margin:4px 0 0;color:var(--muted);font-size:11px}.pill{border:1px solid var(--line);border-radius:20px;white-space:nowrap;font-size:10px;padding:6px 10px;display:flex;gap:8px;align-items:center}.how{display:grid;grid-template-columns:1fr 1fr;padding:45px 0 65px;border-top:1px solid var(--line);gap:40px}.how h2{font-size:35px;line-height:1.5;margin-top:16px}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:23px;padding:0 0 26px}.how li>span{font:13px Arial;color:var(--accent);padding-top:6px}.how h3{font-size:15px}.how p{font-size:12px;margin:5px 0 0;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;padding-top:25px;padding-bottom:30px;border-top:1px solid var(--line)}footer .brand{font-size:20px}footer>span{color:#777;font-size:9px}footer>a:last-child{font-size:11px;color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input{border:1px solid #45464c;color:var(--ink);background:#101113;border-radius:5px;padding:12px 14px;min-width:0}input:focus{outline:1px solid var(--accent)}
.play-page{padding-top:28px;padding-bottom:40px}.breadcrumb{font-size:11px;color:var(--muted)}.play-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.play-heading h1{font:900 34px Arial;margin:0;letter-spacing:-1px}.play-heading p{margin:6px 0;color:var(--muted);font-size:11px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.screen-wrap{background:#070708;border:1px solid var(--line);border-radius:8px;overflow:hidden}.screen{position:relative;aspect-ratio:4/3;background:#050505;display:flex;align-items:center;justify-content:center;overflow:hidden}#emulator,#remote-video{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;outline:none}#remote-video{background:#000}.screen-placeholder{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:radial-gradient(ellipse,#43221988,transparent 75%);gap:18px;text-align:center;padding:28px}.screen-placeholder strong{font:italic 900 clamp(45px,7vw,86px) Arial;letter-spacing:-5px}.screen-placeholder strong span{color:var(--accent);font-size:1.4em}.screen-placeholder p{color:var(--muted);max-width:390px;font-size:12px}.screen-placeholder progress{width:65%;accent-color:var(--accent);height:5px}.screen-toolbar{display:flex;gap:7px;padding:10px;align-items:center;flex-wrap:wrap}.screen-toolbar button{font-size:10px;padding:7px 10px;gap:6px}.screen-toolbar .status-dot{margin-left:auto;color:var(--muted);font-size:10px}.lobby{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px}.lobby .eyebrow{font-size:9px}.lobby h2{font-size:21px;margin:9px 0 12px}.lobby p{font-size:11px;color:var(--muted)}.lobby button.primary{width:100%;font-size:12px;padding:14px 10px;gap:10px}.lobby button.secondary{font-size:11px;padding:11px 12px}.divider{display:flex;align-items:center;gap:12px;margin:19px 0;color:#7f8088;font-size:10px}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.lobby label{display:block;font-size:10px;color:#bbb;margin-bottom:8px}.join-row{display:flex;gap:7px}.join-row input{width:100%;font-size:11px}.join-row button{padding:9px 12px!important}.invite-box{padding:15px 0}.invite-box input{display:block;width:100%;font-size:10px;margin-bottom:8px}.invite-box button{width:100%}.player-row{display:flex;align-items:center;gap:10px;font-size:11px;border-top:1px solid var(--line);padding:14px 0}.player-number{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #484950;border-radius:5px;font:bold 11px Arial}.player-row:last-child{padding-bottom:0}.player-row i{margin-left:auto}.player-row.waiting{color:var(--muted)}.player-row.waiting i{background:#555}.notice{font-size:11px;color:var(--muted);margin-top:15px;padding:14px 16px;border-left:2px solid var(--accent);background:#1b1b1e;min-height:48px}.controls{margin-top:24px;padding:20px 0;border-top:1px solid var(--line)}.controls h2{font-size:14px;margin:0 0 15px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.controls p{color:var(--muted);font-size:11px;margin:3px 0}.keys{display:flex;align-items:center;gap:5px;flex-wrap:wrap}kbd{font:11px Arial;border:1px solid #4d4e54;border-bottom-width:3px;background:#202126;min-width:27px;height:27px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.touch-pad{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}.touch-arrows,.touch-buttons{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,38px);gap:5px}.touch-pad button{padding:0;touch-action:none;background:#25262b;color:#eee;border:1px solid #41424a;font:20px Arial;user-select:none}.touch-pad button.pressed{background:var(--accent);color:#111}.touch-pad button[data-button="4"],.touch-pad button[data-button="9"]{grid-area:1/2}.touch-pad button[data-button="6"],.touch-pad button[data-button="1"]{grid-area:2/1}.touch-pad button[data-button="7"],.touch-pad button[data-button="8"]{grid-area:2/3}.touch-pad button[data-button="5"],.touch-pad button[data-button="0"]{grid-area:3/2}.touch-buttons button[data-button="9"]{color:#a9e78c}.touch-buttons button[data-button="8"]{color:#fb8275}.touch-buttons button[data-button="0"]{color:#83acff}.touch-buttons button[data-button="1"]{color:#ea96d8}.touch-label{font-size:10px;color:var(--muted);text-align:center}#audio-enable{position:absolute;z-index:4;bottom:18px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap}.screen:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.ejs_menu_bar{display:none!important}.ejs_virtualGamepad_parent{display:none!important}.credits{max-width:800px;padding-top:50px;padding-bottom:70px}.credits h1{font-size:32px}.credits p,.credits li{color:var(--muted)}.credits a{color:var(--accent)}
@media(max-width:1000px){.topbar,main,footer{padding-left:28px;padding-right:28px}.hero-symbol{right:0;width:260px;font-size:95px;top:80px}.hero h1{font-size:42px}.play-layout{grid-template-columns:minmax(0,1fr) 270px}.card-bottom{padding:18px;gap:10px;flex-wrap:wrap}.game-art strong{font-size:58px}.game-art strong>span{font-size:100px}.metal-card strong{font-size:44px}}
@media(max-width:720px){.topbar,main,footer{padding-left:20px;padding-right:20px}.topbar{height:76px;gap:10px}.brand{font-size:22px}.brand-icon{width:34px;height:32px;font-size:19px}.top-note{display:none}.top-link{font-size:10px}.hero{padding:46px 0}.hero h1{font-size:34px;letter-spacing:-1px}.hero p{font-size:12px}.hero-symbol{right:-90px;top:88px;opacity:.18;transform:rotate(-15deg);z-index:-1}.hero .button{font-size:12px}.game-grid{grid-template-columns:1fr}.game-art{height:190px}.section-head>span{font-size:8px;letter-spacing:1px}.how{grid-template-columns:1fr;gap:18px;padding:35px 0}.how h2{font-size:28px}.how li{padding-bottom:20px}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}.play-layout{display:flex;flex-direction:column}.play-main,.lobby{width:100%}.lobby{order:-1}.play-heading{margin:14px 0}.play-heading h1{font-size:28px}.play-heading .pill{font-size:9px}.lobby h2{font-size:19px}.lobby .room-actions{display:flex;gap:8px}.lobby .room-actions button{width:50%}.lobby .divider{margin:12px 0}.controls-grid{gap:10px}.screen-toolbar{gap:5px}.screen-toolbar .status-dot{font-size:8px}.screen-placeholder strong{font-size:57px}.screen-placeholder p{font-size:10px}.library{padding-bottom:32px}}
.arena-cta{margin-left:10px}.mobile-pad,.mobile-start,.mobile-exit{display:none}
.mobile-pad{position:absolute;inset:auto 18px 18px;z-index:3;justify-content:space-between;pointer-events:none;touch-action:none}
.mobile-pad .touch-arrows,.mobile-pad .touch-buttons{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,40px)}
.mobile-pad button{pointer-events:auto;touch-action:none;padding:0;background:#1617199c;border:1px solid #ffffff69;color:#fff;font:24px Arial;user-select:none;-webkit-user-select:none;border-radius:10px}
.mobile-pad button[data-button="4"],.mobile-pad button[data-button="9"]{grid-area:1/2}.mobile-pad button[data-button="6"],.mobile-pad button[data-button="1"]{grid-area:2/1}.mobile-pad button[data-button="7"],.mobile-pad button[data-button="8"]{grid-area:2/3}.mobile-pad button[data-button="5"],.mobile-pad button[data-button="0"]{grid-area:3/2}
.mobile-pad button.pressed{background:#ff5038c9}.mobile-start,.mobile-exit{position:absolute;z-index:3;padding:9px 14px;background:#191a1d9e;color:#fff;border:1px solid #ffffff66;font:12px Arial;touch-action:manipulation}.mobile-start{bottom:22px;left:50%;transform:translateX(-50%)}.mobile-exit{top:10px;right:12px;font-size:20px}
.screen:fullscreen .mobile-exit,.immersive .mobile-exit{display:block}.game-active .screen:fullscreen .mobile-pad,.game-active.immersive .mobile-pad{display:flex}.game-active .screen:fullscreen .mobile-start,.game-active.immersive .mobile-start{display:block}
body.immersive{overflow:hidden}.immersive .screen{position:fixed;inset:0;z-index:100;width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0}.immersive #emulator,.screen:fullscreen #emulator{width:100%;height:100%}
@media(pointer:coarse) and (orientation:landscape){.game-active .mobile-pad{display:flex}.game-active .mobile-start{display:block}}
@media(max-width:720px){.arena-cta{margin:12px 0 0;display:flex;width:max-content}.game-active .lobby{order:1}.game-active .play-main{order:0}.touch-arrows,.touch-buttons{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}}