:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f6ef;background:#050709;font-synthesis:none;text-rendering:optimizeLegibility;--yellow: #fff200;--orange: #ff8b00;--green: #27e083;--panel: rgba(15, 20, 22, .93);--line: rgba(255, 255, 255, .11);--muted: #9ca8a4;--radius: 22px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 18% 10%,rgba(255,242,0,.075),transparent 30rem),radial-gradient(circle at 88% 80%,rgba(39,224,131,.055),transparent 26rem),#050709}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(255,242,0,.8);outline-offset:3px}.app{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden}.ambient-grid{position:fixed;z-index:-2;inset:0;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at 50% 45%,#000 15%,transparent 78%)}.eyebrow{display:block;margin-bottom:4px;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.logo{display:inline-flex;align-items:flex-end;gap:12px;line-height:.82;filter:drop-shadow(0 10px 30px rgba(255,242,0,.12))}.logo__pak{position:relative;padding-left:clamp(54px,6vw,78px);color:#fff;font-size:clamp(42px,7vw,88px);font-weight:1000;letter-spacing:-.08em}.logo__pak i{position:absolute;left:0;bottom:-.02em;width:clamp(44px,5.4vw,68px);aspect-ratio:1;border-radius:50%;background:var(--yellow);clip-path:polygon(0 0,100% 0,52% 50%,100% 100%,0 100%)}.logo b{color:var(--orange);font-family:ui-monospace,Cascadia Code,monospace;font-size:clamp(28px,4vw,52px);letter-spacing:-.1em}.home-screen{width:min(1180px,calc(100% - 40px));min-height:100dvh;margin:0 auto;padding:clamp(28px,6vh,72px) 0 22px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);grid-template-areas:"hero actions" "utility account" "footer footer";align-content:center;gap:clamp(22px,4vw,54px)}.home-hero{grid-area:hero;align-self:center}.home-hero h1{max-width:580px;margin:24px 0 0;color:#aeb8b4;font-size:clamp(17px,2vw,24px);font-weight:500;letter-spacing:-.02em}.maze-motif{position:relative;width:min(520px,82%);height:140px;margin-top:44px;overflow:hidden;opacity:.55}.maze-motif:before,.maze-motif:after,.maze-motif i{content:"";position:absolute;border:10px solid #7f8987;border-radius:12px}.maze-motif:before{inset:4px 35% 48px 0;border-right:0}.maze-motif:after{inset:46px 0 4px 28%;border-left:0}.maze-motif i:nth-child(1){inset:36px 70% 0 15%;border-bottom:0}.maze-motif i:nth-child(2){inset:0 50% 72px 40%;border-top:0}.maze-motif i:nth-child(3){inset:72px 25% 0 58%;border-bottom:0}.maze-motif i:nth-child(4){inset:4px 7% 62px 79%;border-top:0}.maze-motif span{position:absolute;top:55px;left:18%;width:18px;height:18px;border-radius:50%;background:var(--orange);box-shadow:42px 0 var(--orange),84px 0 var(--orange),126px 0 var(--orange),168px 0 var(--orange),210px 0 var(--orange),252px 0 var(--orange)}.home-actions{grid-area:actions;display:grid;align-content:center;gap:14px}.mode-card{min-height:118px;padding:22px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:18px;border:1px solid var(--line);border-radius:var(--radius);color:#f8faf6;text-align:left;background:linear-gradient(135deg,#191f21f7,#0a0e0ff7);box-shadow:0 18px 70px #0000004d;transition:transform .18s ease,border-color .18s ease,background .18s ease}.mode-card:hover:not(:disabled){transform:translateY(-3px);border-color:#fff2006b}.mode-card--editor:hover:not(:disabled){border-color:#27e0837a}.mode-card__icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#090b0b;font-size:25px;font-style:normal;background:var(--yellow);box-shadow:0 8px 25px #fff20029}.mode-card--editor .mode-card__icon{background:var(--green);box-shadow:0 8px 25px #27e08326}.mode-card span{display:grid;gap:6px}.mode-card strong{font-size:23px;letter-spacing:-.03em}.mode-card small{color:var(--muted);font-size:14px;line-height:1.4}.mode-card>b{color:#6e7975;font-size:25px}.utility-nav{grid-area:utility;display:flex;flex-wrap:wrap;gap:8px;align-self:end}.utility-nav button{padding:10px 12px;display:flex;align-items:center;gap:8px;border-radius:11px;color:#b8c1be;font-size:13px;background:#ffffff0b}.utility-nav button:hover{color:#fff;background:#ffffff17}.utility-nav i{width:22px;color:var(--yellow);font-style:normal;font-weight:900;text-align:center}.account-card{grid-area:account;min-width:0;padding:12px 14px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;align-self:end;border:1px solid var(--line);border-radius:15px;background:#0d1213d9}.account-card__mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#111;font-weight:1000;background:linear-gradient(145deg,#f3ef68,#f3a628)}.account-card div{min-width:0;display:grid;gap:2px}.account-card small{color:var(--muted);font-size:11px}.account-card strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.account-card button,.account-card a{padding:8px 10px;border-radius:9px;color:#101312;font-size:12px;font-weight:800;text-decoration:none;background:var(--yellow)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--yellow);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-screen footer{grid-area:footer;color:#59625f;font-size:11px;text-align:center;letter-spacing:.04em}.loading-line,.load-error{grid-column:2;margin:-34px 18px 0;font-size:13px}.loading-line{color:var(--muted)}.loading-line i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--yellow);animation:pulse 1s ease-in-out infinite}.load-error{color:#ff887a}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}.menu-panel{width:min(720px,calc(100% - 32px));margin:clamp(24px,7vh,72px) auto;padding:clamp(20px,4vw,38px);border:1px solid var(--line);border-radius:26px;background:var(--panel);box-shadow:0 30px 120px #0000006b}.page-header{margin-bottom:30px;display:flex;align-items:center;gap:18px}.page-header h1{margin:0;font-size:clamp(25px,4vw,38px);letter-spacing:-.045em}.page-header>div{min-width:0}.icon-button{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;color:#fff;font-size:22px;background:#ffffff0a}.icon-button:hover{background:#ffffff1a}.primary-button{width:100%;min-height:48px;padding:12px 18px;border-radius:13px;color:#10110d;font-weight:900;background:var(--yellow);box-shadow:0 10px 30px #fff2001f}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.settings-section{padding:22px 0;border-top:1px solid var(--line)}.settings-section h2{margin:0 0 14px;font-size:15px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:13px;background:#ffffff0b}.segmented button{min-height:40px;border-radius:9px;color:var(--muted);background:transparent}.segmented button.is-active{color:#10110d;font-weight:900;background:var(--yellow)}.quality-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quality-options button{padding:14px;display:grid;grid-template-columns:55px 1fr;gap:2px 12px;border:1px solid var(--line);border-radius:15px;text-align:left;background:#ffffff06}.quality-options button.is-active{border-color:var(--yellow);background:#fff2000e}.quality-options strong{align-self:end}.quality-options small{grid-column:2;color:var(--muted);line-height:1.35}.quality-preview{grid-row:1 / 3;width:55px;height:55px;border-radius:10px;background-color:#000;background-image:url(/assets/original/atlas.png);background-position:0 0;background-size:275px 275px;image-rendering:pixelated}.quality-preview--hd{background-image:url(/assets/hd/atlas.png)}.settings-toggles{display:grid;gap:1px}.settings-toggles label{min-height:52px;padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.055)}.settings-toggles label>span{display:flex;align-items:center;gap:10px}.settings-toggles small{color:var(--muted)}.settings-toggles input[type=checkbox]{width:42px;height:22px;accent-color:var(--yellow)}.settings-toggles input[type=range]{width:min(240px,44vw);accent-color:var(--yellow)}.credit-card{margin:14px 0;padding:20px;display:grid;grid-template-columns:72px 1fr;gap:18px;border:1px solid var(--line);border-radius:17px;background:#ffffff06}.credit-card>span{color:var(--orange);font-family:ui-monospace,monospace;font-weight:900;font-size:20px}.credit-card h2{margin:0 0 7px;font-size:19px}.credit-card p{margin:0;color:#b7c0bd;line-height:1.65}.notice-box{margin:18px 0;padding:15px;border-left:3px solid var(--orange);border-radius:4px 12px 12px 4px;color:#aeb8b4;font-size:13px;line-height:1.55;background:#ff8b000e}.text-link{color:var(--yellow);font-size:13px;text-decoration:none}.game-screen{width:100%;min-height:100dvh;padding:clamp(12px,2vw,28px);display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);gap:clamp(14px,2vw,28px)}.game-stage{position:relative;min-width:0;min-height:calc(100dvh - 56px);display:grid;place-items:center}.game-canvas,.editor-canvas{display:block;aspect-ratio:32 / 23;background:#000;image-rendering:pixelated;box-shadow:0 24px 90px #000000a6,0 0 0 1px #ffffff1a}.game-canvas{width:min(100%,calc((100dvh - 56px) * 32 / 23));max-height:calc(100dvh - 56px);border-radius:5px}.game-hud{min-width:0;padding:clamp(18px,3vw,28px);align-self:center;border:1px solid var(--line);border-radius:24px;background:linear-gradient(165deg,#14191bf5,#080b0cf7);box-shadow:0 24px 80px #00000061}.game-hud__brand{margin-bottom:18px;display:flex;align-items:center;gap:7px;font-size:20px;font-weight:1000;letter-spacing:-.05em}.game-hud__brand b{color:var(--orange);font-family:ui-monospace,monospace}.pak-dot{width:23px;aspect-ratio:1;border-radius:50%;background:var(--yellow);clip-path:polygon(0 0,100% 0,52% 50%,100% 100%,0 100%)}.status-pill{display:inline-flex;margin:-8px 0 16px;padding:5px 8px;border-radius:999px;color:#07130d;font-size:10px;font-weight:900;background:var(--green)}.scoreboard{margin:0;display:grid;gap:1px}.scoreboard>div{padding:11px 0;display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.scoreboard dt{color:var(--muted);font-size:12px}.scoreboard dd{margin:0;font-family:ui-monospace,Cascadia Code,monospace;font-size:21px;font-weight:900}.lives-row{padding:16px 0;display:grid;gap:10px}.lives-row>span{color:var(--muted);font-size:12px}.lives-row>div{display:flex;gap:7px}.lives-row i{width:20px;aspect-ratio:1;border:2px solid #3a413f;border-radius:50%;opacity:.35}.lives-row i.is-active{border:0;opacity:1;background:var(--yellow);clip-path:polygon(0 0,100% 0,52% 50%,100% 100%,0 100%)}.game-actions{margin-top:6px;display:grid;gap:6px}.game-actions button{min-height:40px;padding:8px 10px;display:grid;grid-template-columns:40px 1fr;align-items:center;border-radius:10px;color:#ccd3d0;text-align:left;background:#ffffff0b}.game-actions button:hover{color:#fff;background:#ffffff17}kbd{min-width:28px;padding:3px 6px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:6px;color:#e7ece9;font-family:ui-monospace,monospace;font-size:10px;background:#22292a}.control-reminder{margin:18px 0 0;color:#737e7a;font-size:10px}.control-reminder span{margin-right:3px;padding:2px 5px;border-radius:4px;color:#141611;font-weight:900;background:var(--yellow)}.touch-pad{position:absolute;right:14px;bottom:14px;width:154px;height:116px;display:none;grid-template:repeat(2,54px) / repeat(3,48px);gap:6px;opacity:.86}.touch-pad button{border:1px solid rgba(255,255,255,.2);border-radius:13px;color:#111;font-size:22px;font-weight:900;background:#fff200db;touch-action:none}.touch-pad__up{grid-column:2}.touch-pad__left{grid-row:2;grid-column:1}.touch-pad__down{grid-row:2;grid-column:2}.touch-pad__right{grid-row:2;grid-column:3}.dialog-backdrop{position:fixed;z-index:50;inset:0;padding:18px;display:grid;place-items:center;overflow:auto;background:#000000c2;backdrop-filter:blur(12px)}.dialog{width:min(780px,100%);padding:clamp(18px,4vw,34px);border:1px solid var(--line);border-radius:24px;background:#101516;box-shadow:0 30px 120px #000}.dialog__header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog__header h2{margin:0;font-size:28px}.help-dialog__content{margin-bottom:20px;display:grid;grid-template-columns:minmax(220px,300px) 1fr;align-items:center;gap:clamp(18px,4vw,34px)}.original-help{width:100%;max-height:52vh;object-fit:contain;image-rendering:pixelated;border-radius:6px;background:#000}.key-list{display:grid;gap:10px}.key-list p{margin:0;display:flex;align-items:center;gap:6px}.key-list p span{margin-left:5px;color:#c4cdca;font-size:13px}.key-list__secret{padding-top:12px;border-top:1px solid var(--line)}.key-list small{padding-top:10px;color:var(--muted);line-height:1.55}.game-over-dialog{width:min(440px,100%);text-align:center}.game-over-dialog h2{margin:0 0 5px;font-size:34px}.game-over-dialog>strong{display:block;margin-bottom:18px;color:var(--yellow);font-family:ui-monospace,monospace;font-size:20px}.pause-dialog{width:min(440px,100%);text-align:center}.pause-dialog__key{display:inline-grid;min-width:46px;min-height:28px;padding:4px 9px;place-items:center;border:1px solid rgba(255,255,255,.2);border-bottom-width:3px;border-radius:7px;color:#e7ece9;font-family:ui-monospace,monospace;font-size:12px;background:#22292a}.pause-dialog h2{margin:14px 0 7px;font-size:32px}.pause-dialog p{margin:0 0 22px;color:#aeb8b4;line-height:1.5}.pause-dialog__actions{display:grid;gap:8px}.pause-dialog__exit{min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#d8dfdc;background:#ffffff0b}.pause-dialog__exit:hover{color:#fff;background:#ffffff17}.field-label{display:grid;gap:7px;color:var(--muted);font-size:12px;text-align:left}input,select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;color:#fff;background:#090d0e}.editor-screen{width:min(1560px,calc(100% - 28px));min-height:100dvh;margin:0 auto;padding:18px 0 26px}.editor-header{margin:0 0 16px;padding:0 2px}.editor-header h1{font-size:clamp(23px,3vw,34px)}.editor-history{margin-left:auto;display:flex;gap:6px}.editor-history button,.editor-file-actions button{min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#ffffff0b}.editor-history button:hover:not(:disabled),.editor-file-actions button:hover{background:#ffffff1a}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,330px);align-items:start;gap:16px}.editor-board-wrap{min-width:0;padding:10px;border:1px solid var(--line);border-radius:18px;background:#0c1011eb}.editor-canvas{width:100%;max-height:calc(100dvh - 150px);margin:auto;border-radius:3px;cursor:crosshair;touch-action:none}.editor-board-meta{padding:10px 4px 1px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.warning-badge{color:#ffbd6d}.editor-panel{padding:16px;display:grid;gap:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.editor-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.editor-tools button{min-height:45px;padding:7px 8px;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:6px;border:1px solid transparent;border-radius:10px;color:#b7c0bd;text-align:left;background:#ffffff0b}.editor-tools button.is-active{border-color:var(--yellow);color:#fff;background:#fff20014}.editor-tools i{width:26px;color:var(--orange);font-style:normal;font-weight:900;text-align:center}.editor-instructions{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.form-error{margin:0;padding:9px 10px;border-radius:9px;color:#ff9c8f;font-size:12px;background:#ff5a4614}.editor-file-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.editor-play{background:var(--green)}@media(pointer:coarse),(max-width:760px){.touch-pad{display:grid}}@media(max-width:980px){.home-screen{grid-template-columns:1fr;grid-template-areas:"hero" "actions" "utility" "account" "footer";align-content:start}.maze-motif{display:none}.home-hero{padding-top:5vh}.home-actions{grid-template-columns:1fr 1fr}.loading-line,.load-error{grid-column:1;margin:-10px 12px 0}.game-screen{grid-template-columns:1fr;grid-template-rows:auto auto;overflow-y:auto}.game-stage{min-height:0}.game-canvas{width:min(100%,calc((100dvh - 250px) * 32 / 23));max-height:calc(100dvh - 250px);min-height:300px}.game-hud{width:100%;padding:15px;display:grid;grid-template-columns:auto minmax(300px,1fr) auto;gap:12px 24px;align-items:center}.game-hud__brand{margin:0}.status-pill{display:none}.scoreboard{grid-column:2;grid-row:1 / 3;grid-template-columns:repeat(4,1fr);gap:12px}.scoreboard>div{padding:4px 0;display:grid;justify-content:initial;border:0}.scoreboard dd{font-size:17px}.lives-row{padding:0;grid-column:1}.game-actions{margin:0;grid-column:3;grid-row:1 / 3}.control-reminder{display:none}.editor-layout{grid-template-columns:1fr}.editor-canvas{max-height:none}.editor-panel{grid-template-columns:1fr 1fr;align-items:end}.editor-tools{grid-column:1 / -1;grid-template-columns:repeat(5,1fr)}.editor-tools button{grid-template-columns:1fr;text-align:center}.editor-tools i{width:auto}.editor-instructions,.form-error{grid-column:1 / -1}}@media(max-width:680px){.home-screen{width:min(100% - 24px,520px);gap:20px;padding-top:28px}.home-actions{grid-template-columns:1fr}.mode-card{min-height:100px;padding:16px;grid-template-columns:50px 1fr auto}.mode-card__icon{width:50px;height:50px;border-radius:15px}.mode-card strong{font-size:20px}.utility-nav{display:grid;grid-template-columns:1fr 1fr}.utility-nav button{justify-content:center}.logo__pak{font-size:47px;padding-left:55px}.logo__pak i{width:46px}.logo b{font-size:30px}.game-screen{padding:8px;gap:8px}.game-canvas{width:100%;min-height:0;max-height:none}.game-hud{grid-template-columns:1fr;gap:9px;border-radius:16px}.game-hud__brand,.lives-row{grid-column:1}.scoreboard{grid-column:1;grid-row:auto;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px}.scoreboard dt{font-size:9px}.scoreboard dd{font-size:15px}.game-actions{grid-column:1;grid-row:auto;grid-template-columns:1fr 1fr 1fr}.game-actions button{min-height:34px;grid-template-columns:auto 1fr;font-size:11px}.lives-row{display:flex;justify-content:space-between}.lives-row i{width:16px}.help-dialog__content{grid-template-columns:1fr}.original-help{max-height:35vh}.editor-screen{width:calc(100% - 12px);padding-top:8px}.editor-header{margin-bottom:8px}.editor-history span{display:none}.editor-board-wrap{padding:4px;border-radius:10px}.editor-panel{grid-template-columns:1fr}.editor-tools{grid-template-columns:repeat(3,1fr)}.editor-file-actions,.editor-play{grid-column:1}.credit-card{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}