@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#e8ebe8;background:#10151a;font-synthesis:none;font-weight:400;line-height:1.5;color-scheme:dark;--muted:#8c979b;--orange:#e9a376}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}::selection{background:#e9a376;color:#10151a}.site-header{height:100px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 40px}.brand{display:flex;align-items:center;font-weight:800;font-size:24px;letter-spacing:-1px}.brand-symbol{display:inline-flex;position:relative;justify-content:center;align-items:center;width:36px;height:36px;margin-right:11px;color:#10151a;background:var(--orange);font-size:28px;font-style:italic}.brand-symbol span{font-size:17px;position:absolute;right:0;top:-6px}.brand-sub{font-size:9px;font-weight:500;letter-spacing:2px;margin:7px 0 0 12px;color:var(--muted)}.site-header nav{display:flex;gap:40px;align-items:center;font-size:13px}.site-header nav>a{padding:38px 0;position:relative}.site-header nav>a.active:after{content:"";position:absolute;height:2px;background:var(--orange);bottom:0;left:0;right:0}.header-note{font-size:9px;letter-spacing:1.3px;color:#a2abaa}.header-note i,.eyebrow>span,.status i{display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-right:8px}.page{max-width:1160px;margin:auto;padding:0 40px}.hero{padding:71px 0 54px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--orange)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05}.hero h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(56px,6.7vw,88px);text-transform:uppercase;letter-spacing:-1px;margin:24px 0}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{color:#9da7ac;font-size:14px;line-height:1.8}.explore{display:inline-flex;gap:44px;align-items:center;font-size:12px;margin-top:26px}.explore span{color:var(--orange);font-size:19px}.hero-seal{position:absolute;right:44px;top:110px;width:180px;height:180px;border:1px solid #e9a37630;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-12deg);color:#e9a37660}.hero-seal:after{content:"";position:absolute;inset:12px;border:1px dashed #e9a37635;border-radius:50%}.hero-seal div{font-family:Barlow Condensed,Impact,sans-serif;font-size:70px;font-style:italic;line-height:1.1}.hero-seal span{font-size:7px;letter-spacing:1.5px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.section-heading h2{font-size:15px;font-weight:500}.section-heading h2 span{font-size:10px;color:#667278;margin-left:12px}.section-heading>span{font-size:8px;letter-spacing:1.5px;color:#728087}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.game-card{border:1px solid #ffffff12;border-radius:5px;overflow:hidden;background:#151b21;min-width:0}.playable:hover{border-color:#e9a37680}.card-art{height:240px;position:relative;isolation:isolate;overflow:hidden}.card-number{position:absolute;left:22px;top:20px;font-size:8px;letter-spacing:2px;color:#ffffff80}.status{position:absolute;right:18px;top:18px;padding:5px 9px;font-size:8px;letter-spacing:1.2px;background:#10151a70;border:1px solid #ffffff20;border-radius:2px;color:#b7bfbe}.status i{background:#aab2ae;width:4px;height:4px;margin-right:5px}.status.available{color:#eec4a1;border-color:#e9a37650}.status.available i{background:var(--orange)}.ninja{background:radial-gradient(ellipse at 50% 90%,#ac65454a,transparent 60%),linear-gradient(135deg,#283633,#172a28)}.energy{background:radial-gradient(ellipse at 52% 65%,#8569a140,transparent 60%),linear-gradient(135deg,#302b40,#1b1e2f)}.sword{background:radial-gradient(ellipse at 50% 80%,#70879638,transparent 60%),linear-gradient(135deg,#28353d,#1c252d)}.ocean{background:radial-gradient(ellipse at 50% 70%,#318f9033,transparent 65%),linear-gradient(135deg,#183c41,#14292f)}.art-symbol{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);font-family:serif;font-size:110px;line-height:1;color:#d4b790;text-shadow:0 0 40px #dba86a30}.energy .art-symbol{color:#b7a2d7;font-size:160px}.sword .art-symbol{color:#9cbbc7;font-size:170px;transform:translate(-50%,-50%) rotate(13deg)}.ocean .art-symbol{color:#7cb9b9;font-size:150px}.art-orbit{position:absolute;width:160px;height:160px;left:50%;top:44%;transform:translate(-50%,-50%);border:1px solid #ffffff17;border-radius:50%;box-shadow:0 0 0 15px #ffffff03,0 0 0 32px #ffffff02}.landscape{position:absolute;bottom:0;left:-10%;width:120%;height:77px;background:#0b141a55;clip-path:polygon(0 35%,12% 60%,25% 25%,35% 52%,50% 5%,68% 56%,85% 24%,100% 60%,100% 100%,0 100%)}.art-caption{position:absolute;bottom:18px;left:22px;font-size:8px;letter-spacing:2.3px;color:#fff8}.card-info{display:flex;align-items:center;justify-content:space-between;padding:21px 23px}.card-info h3{font-family:Barlow Condensed,Impact,sans-serif;font-size:27px;text-transform:uppercase;letter-spacing:.3px}.card-info p{font-size:11px;color:var(--muted);margin-top:8px}.card-arrow{font-size:23px;color:#58646a}.playable .card-arrow{color:var(--orange)}.development-note{display:flex;align-items:center;gap:17px;margin:34px 0 55px;padding:20px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.development-note>span:first-child{color:var(--orange);font-size:27px}.development-note p{font-size:11px;color:var(--muted)}.development-note strong{font-weight:500;color:#c2c9c8;margin-right:5px}.note-tag{margin-left:auto;font-size:8px;letter-spacing:1px;color:#68757a;white-space:nowrap}footer{max-width:1160px;margin:auto;padding:25px 40px 35px;display:flex;align-items:center;gap:25px}.footer-brand{font-weight:700;font-size:13px}.footer-brand span{font-size:7px;font-weight:400;color:var(--muted);letter-spacing:1px}footer p{font-size:10px;color:#68757a}footer>span{margin-left:auto;font-size:7px;letter-spacing:1px;color:#68757a}.back-link{display:inline-block;font-size:12px;color:var(--muted);margin:32px 0}.arena-banner{padding:48px 42px;background:radial-gradient(ellipse at 85% 80%,#ac654526,transparent 65%),#1a2b29;border:1px solid #ffffff12;border-radius:5px;position:relative;overflow:hidden}.arena-banner h1{font-family:Barlow Condensed,Impact,sans-serif;text-transform:uppercase;font-size:76px;margin:20px 0}.arena-banner h1 span{color:var(--orange)}.arena-banner p{font-size:14px;color:#a5b3b0;line-height:1.8;position:relative;z-index:1}.button{display:inline-flex;align-items:center;gap:55px;background:var(--orange);color:#151b21;padding:13px 20px;border-radius:3px;font-size:13px;font-weight:700;margin-top:25px;position:relative;z-index:1}.button:hover{background:#f3bb94}.banner-symbol{position:absolute;right:40px;top:25px;font-family:serif;font-size:240px;color:#e9a37626}.arena-tabs{display:flex;gap:33px;border-bottom:1px solid #ffffff1a}.arena-tabs a{font-size:13px;padding:25px 0 20px;color:var(--muted)}.arena-tabs a.active{color:var(--orange);border-bottom:2px solid var(--orange)}.overview{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:48px 0 65px;align-items:center}.overview h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:38px;margin:15px 0 20px}.overview p{font-size:13px;color:var(--muted);margin:12px 0;line-height:1.8}.small-label{font-size:8px;letter-spacing:1.5px;color:#8b999b}.overview .small-label{display:block;margin-top:25px}.stonegate-tile{height:230px;background:linear-gradient(#70adc4,#a0cbd7 65%,#5c7567 65%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:4px}.stone-platform{width:75%;height:110px;border-radius:50%;background:repeating-conic-gradient(#a5b2ae 0deg 29deg,#849591 30deg 31deg);border:7px solid #bcc6bf;box-shadow:0 18px #637474;transform:perspective(300px) rotateX(35deg)}.stonegate-tile>span:last-child{position:absolute;bottom:0;background:#10151ac9;left:0;right:0;padding:13px 18px;font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between}.empty-state{text-align:center;padding:70px 15px 100px}.empty-state>div{font-size:40px;color:var(--orange);margin-bottom:20px}.empty-state h2{font-size:24px}.empty-state p{font-size:13px;color:var(--muted);margin:16px 0 27px}.empty-state a{font-size:12px;color:var(--orange)}.preview-page{max-width:1440px;margin:auto;padding:25px 40px}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.preview-top a{font-size:12px;color:#b4bdbb}.preview-container{position:relative;border-radius:5px;overflow:hidden;background:#24323c}.canvas-host{height:clamp(400px,68vh,850px);width:100%}.canvas-host canvas{display:block;width:100%;height:100%}.frame-stats{position:absolute;right:15px;top:15px;background:#10151aba;padding:7px 10px;border-radius:3px;font:10px monospace}.preview-note{font-size:11px;color:var(--muted);margin:16px 0 25px}.preview-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;text-align:center}.preview-error h1{font-size:24px}.preview-error p{font-size:13px;margin-top:15px;max-width:450px}.skip{position:fixed;top:-60px;left:20px;background:var(--orange);color:#10151a;padding:10px;z-index:100}.skip:focus{top:10px}.loading{padding:100px;text-align:center}@media(min-width:1500px){.hero{padding-top:85px}.card-art{height:270px}}@media(max-width:760px){.site-header{height:80px;padding:0 24px}.site-header nav{gap:20px}.site-header nav>a{padding:28px 0}.header-note,.brand-sub{display:none}.page{padding:0 24px}.hero{padding-top:45px}.hero-seal{right:0;top:100px;width:120px;height:120px;opacity:.55}.hero-seal div{font-size:45px}.hero-seal span{font-size:4px}.hero h1{font-size:64px;max-width:75%}.section-heading>span{display:none}.card-art{height:210px}.card-info{padding:17px}.card-info h3{font-size:24px}.card-info p{font-size:10px}.game-grid{gap:18px}.note-tag{display:none}footer{padding:20px 24px 30px;flex-wrap:wrap;gap:10px}footer>span{width:100%;margin:0}.arena-banner{padding:35px 25px}.arena-banner h1{font-size:60px}.banner-symbol{right:0;font-size:210px;opacity:.6}.overview{gap:25px}.preview-page{padding:20px}.frame-stats{top:auto;bottom:15px}}@media(max-width:520px){.hero h1{font-size:55px;max-width:100%;position:relative;z-index:1}.hero-seal{display:none}.game-grid{grid-template-columns:1fr}.card-art{height:230px}.section-heading h2{font-size:14px}.development-note{align-items:flex-start}.development-note strong{display:block}.overview{grid-template-columns:1fr;margin-top:35px}.arena-tabs{gap:24px}.arena-tabs a{font-size:12px}.arena-banner h1{font-size:52px}.arena-banner p{font-size:12px}.arena-banner .eyebrow{font-size:8px}.desktop-break{display:none}.preview-top .small-label{font-size:6px}.canvas-host{height:65vh;min-height:400px}.frame-stats{font-size:8px}.empty-state h2{font-size:22px}}.card-arrow,.button>span,.explore>span{font-family:Arial,sans-serif}.movement-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.movement-settings{margin-top:14px;font-size:12px;min-width:180px}.movement-settings summary{cursor:pointer;color:var(--orange);padding:3px 0}.settings-fields{display:grid;gap:13px;padding:15px;background:#192127;border:1px solid #ffffff15;border-radius:3px;margin-top:8px}.settings-fields label{display:block;font-size:11px}.settings-fields output{float:right;margin-left:10px;color:var(--orange)}.settings-fields select{display:block;width:100%;margin-top:7px;padding:7px;background:#10151a;color:#e8ebe8;border:1px solid #617078;border-radius:3px}.settings-fields input[type=range]{display:block;width:100%;accent-color:var(--orange);margin:8px 0 0}.settings-fields .diagnostic-toggle{display:flex;align-items:center;gap:5px}.input-diagnostics{font:10px/1.8 monospace;color:#a5b3b0;padding:10px 13px;background:#151c21;border:1px solid #ffffff12;max-width:630px;overflow-wrap:anywhere;margin-bottom:20px}.canvas-host canvas:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}@media(max-width:600px){.movement-toolbar{flex-direction:column;gap:0}.movement-settings{width:100%;margin:0 0 15px}}.dummy-health{position:absolute;top:96px;left:25px;width:190px;padding:10px 12px;background:#10151ac9;border-radius:3px;pointer-events:none;font-size:10px}.dummy-health label{display:flex;justify-content:space-between;gap:8px}.dummy-health strong{font-weight:500;color:#eac3a4}.dummy-health progress{display:block;width:100%;height:8px;margin-top:7px;accent-color:#e9a376}.damage-feedback{display:block;height:15px;color:#ffc19b;font-size:10px;animation:damage-feedback .7s forwards}@keyframes damage-feedback{0%,45%{opacity:1}to{opacity:0}}@media(max-width:760px){.dummy-health{left:16px;top:90px}}.action-status{position:absolute;right:15px;top:53px;padding:6px 9px;background:#10151ac9;color:#eac3a4;font:10px monospace;pointer-events:none}@media(max-width:520px){.action-status{top:auto;bottom:48px;right:15px;font-size:8px}}.settings-trigger{margin-top:16px;padding:8px 14px;border:1px solid #e9a37666;border-radius:3px;background:#1a2228;color:var(--orange);font:inherit;font-size:12px;cursor:pointer}.settings-modal{width:min(440px,calc(100vw - 32px));max-height:85dvh;padding:22px;color:#e8ebe8;background:#151d23;border:1px solid #647078;border-radius:6px;overflow:auto}.settings-modal::backdrop{background:#060b10bb}.settings-modal header{display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-modal h2{font-size:22px}.settings-modal button{padding:7px 12px;color:var(--orange);background:#10151a;border:1px solid #8e7865;border-radius:3px;cursor:pointer}.settings-modal>p{font-size:12px;color:#a5b3b0;margin:12px 0}.settings-modal .settings-fields{border:0;padding:0;background:transparent}.settings-hint{font-size:11px;color:#9aabad}.settings-modal :focus-visible,.settings-trigger:focus-visible{outline:2px solid var(--orange);outline-offset:3px}#dummy-guard{accent-color:#8fcce8}.dummy-health label:not(:first-child){margin-top:8px}.settings-modal{background:linear-gradient(145deg,#26343edb,#101a24ed);color:#f4f7fa;border:1px solid #d6e8fa55;border-radius:20px;box-shadow:inset 0 1px #ffffff29,0 20px 55px #0007;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .14s ease,transform .14s ease}.settings-modal[open]{animation:glass-open .14s ease-out}.settings-modal::backdrop{background:#050c147a}.settings-modal>p,.settings-modal .settings-hint{color:#d3dfe8}.settings-modal .settings-fields select{background:#0d1824dc;color:#f4f7fa;border-color:#b7d6ef70;border-radius:8px}.settings-modal button{border-color:#e8d0bc99;border-radius:10px;transition:background-color .12s ease}.settings-modal button:hover{background:#344654}.settings-modal .settings-fields label{color:#f0f5fa}.settings-modal .settings-fields output{color:#ffd0aa}.settings-modal option{background:#14212c;color:#fff}@keyframes glass-open{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.settings-modal[open]{animation:none}.settings-modal,.settings-modal button{transition:none}.damage-feedback{animation:none}}.arena-viewport{position:relative}.viewport-controls{position:absolute;bottom:max(15px,env(safe-area-inset-bottom));right:max(15px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:2}.viewport-controls .frame-stats{position:static;font:10px monospace;margin:0;white-space:nowrap;background:#101820e8}.fullscreen-button{width:44px;height:44px;display:grid;place-items:center;background:#101820e8;color:#edf4fa;border:1px solid #d6e8fa66;border-radius:10px;cursor:pointer}.fullscreen-button:hover{background:#344654}.fullscreen-button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.fullscreen-button:disabled{opacity:.6;cursor:default}.fullscreen-message{position:absolute;bottom:108px;right:15px;max-width:240px;padding:8px 10px;background:#101820f2;color:#fff;font-size:11px;z-index:2}.arena-viewport:fullscreen{width:100%;height:100%;background:#10151a;overflow:hidden}.arena-viewport:fullscreen .preview-container{position:absolute;inset:0;border-radius:0}.arena-viewport:fullscreen .canvas-host{height:100%;min-height:0}.arena-viewport:fullscreen .settings-trigger{margin:0;background:#101820e8}.arena-viewport:fullscreen .input-diagnostics{position:absolute;bottom:100px;left:15px;margin:0;background:#101820df;max-width:calc(100% - 190px);max-height:130px;overflow:auto;font-size:9px}.arena-viewport:fullscreen .action-status{top:64px}@media(max-width:520px){.viewport-controls{right:12px;bottom:12px}.viewport-controls .frame-stats{font-size:8px;padding:6px 8px}.action-status{bottom:110px}.arena-viewport:fullscreen .action-status{top:auto;bottom:110px}.arena-viewport:fullscreen .input-diagnostics{bottom:150px;max-width:calc(100% - 32px);font-size:8px;max-height:85px}.settings-modal{padding:18px;border-radius:16px;max-height:88dvh}}.arena-logo{position:absolute;top:16px;left:20px;width:clamp(140px,18vw,210px);height:auto;max-width:calc(100% - 40px);border:0;background:none;pointer-events:none;-webkit-user-select:none;user-select:none}.settings-controls{font-size:11px;line-height:1.8;color:#d3dfe8;margin-top:18px;padding-top:14px;border-top:1px solid #d6e8fa33}.arena-viewport:fullscreen .movement-toolbar,.arena-viewport:fullscreen>.input-diagnostics,.arena-viewport:fullscreen .action-status{display:none}@media(max-width:520px){.arena-logo{left:16px;width:140px}}.settings-input-diagnostics{font:10px/1.8 monospace;color:#d3dfe8;overflow-wrap:anywhere;margin-top:12px}.player-hud{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:190px;padding:11px 13px;border-radius:12px;color:#f3f7ff;background:linear-gradient(145deg,#25394cdd,#0c1826ed);border:1px solid #c1ddf444;box-shadow:inset 0 1px #ffffff18;pointer-events:none;font-size:10px}.player-hud>div{display:flex;justify-content:space-between;gap:15px}.player-hud strong{font-weight:500}.player-hud progress{display:block;width:100%;height:8px;margin:5px 0 9px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#26313d}.player-hud progress::-webkit-progress-bar{background:#26313d}.player-health::-webkit-progress-value{background:#ed6776}.player-flow::-webkit-progress-value{background:#58adff}.player-health::-moz-progress-bar{background:#ed6776}.player-flow::-moz-progress-bar{background:#58adff}.flow-state{color:#b9dcff;font-size:10px}.flow-feedback{display:block;min-height:14px;color:#ffd0a5;font-size:9px}.arena-viewport:fullscreen .player-hud{z-index:1}@media(max-width:520px){.player-hud{width:170px;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));padding:9px 10px;font-size:9px}.flow-state{font-size:9px}}.player-hud[data-flow-stage=preparing],.player-hud[data-flow-stage=ready]{border-color:#63b8ff99}.player-hud[data-flow-stage=charging]{border-color:#95d0ff;box-shadow:inset 0 0 12px #3699ff26}@media(max-width:520px){.player-hud{width:min(170px,calc(100% - 140px))}}