@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Nunito:wght@400;600;700;800;900&display=swap";.dpad button{touch-action:none}:root{color-scheme:dark;--ink:#f9f3e5;--muted:#c5c6d8;--navy:#10152c;--panel:#1c2444;--line:#53618c;--gold:#ffc770;--cyan:#7ce6e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 15%,#283566,#10152c 62%);color:var(--ink);font-family:Nunito,system-ui,sans-serif}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:var(--cyan)}.skip{position:absolute;left:-9999px;z-index:10;background:#fff;color:#111;padding:1rem}.skip:focus{left:1rem;top:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1320px;margin:auto;padding:1rem 1.25rem}.brand{text-decoration:none;color:var(--ink);font-weight:900;font-size:1.18rem}.site-header nav{display:flex;gap:clamp(.5rem,2vw,1.5rem);flex-wrap:wrap}.site-header nav a{text-decoration:none;color:var(--muted);font-weight:800}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--gold)}.hero{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;background:linear-gradient(180deg,#0c122b1f,#0c122bc2),url(/game/merced-world.png) center 52%/cover;border-block:3px solid #516186}.hero__content{max-width:760px;text-shadow:0 3px 12px #0b102b}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:.72rem;font-weight:900}.hero h1{font:clamp(1.6rem,3.5vw,3.5rem)/1.35 "Press Start 2P",monospace;margin:.9rem 0;color:#fff7d8;text-shadow:4px 4px #6b4165,0 0 25px #151637}.hero p:not(.eyebrow){font-size:1.16rem;max-width:620px;margin:0 auto 1.25rem}.primary-button{padding:.9rem 1.4rem;border:3px solid #fff2c9;background:#ea9f4b;color:#16152a;box-shadow:5px 5px #6d4561;font-weight:900;border-radius:3px}.primary-button:hover{transform:translateY(-2px);background:#ffd076}.game-shell{max-width:1060px;margin:2rem auto;padding:0 1rem}.game-topline{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.game-topline h2{margin:.2rem 0;font:clamp(.9rem,2vw,1.25rem)/1.5 "Press Start 2P",monospace}.top-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.top-buttons button,.dialog button,.action-pad button,.dpad button{border:2px solid #7c89aa;color:var(--ink);background:#27345a;border-radius:4px;font-weight:900;padding:.55rem .7rem}.top-buttons button:hover,.dialog button:hover,.action-pad button:hover,.dpad button:hover{background:#3c5181}.top-buttons kbd{font:inherit;color:var(--gold)}.game-hud{display:flex;gap:1rem;align-items:center;padding:.75rem;background:#1e294d;border:3px solid #7385ae;border-bottom:0}.portrait-wrap{height:70px;width:70px;overflow:hidden;flex:none;border:3px solid var(--gold);background:#fff}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.hud-body{flex:1;min-width:0}.health{font-size:1.15rem;letter-spacing:.15rem;line-height:1.2}.heart-full{color:#ff707e}.heart-empty{color:#66718e}.objective{font-weight:800;line-height:1.3;margin:.2rem 0;font-size:.92rem}.progress{height:8px;border:1px solid #7180a0;background:#10172e;margin-top:.4rem}.progress>div{height:100%;background:linear-gradient(90deg,#51d3d0,#ffd077);width:0;transition:width .3s}.progress-label{color:var(--muted);font-size:.7rem;margin-top:.25rem}.canvas-wrap{position:relative;border:4px solid #8598ba;background:#141f38;box-shadow:0 10px #080d20}canvas{width:100%;height:auto;display:block;image-rendering:pixelated;outline:0}canvas:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.world-prompt{position:absolute;left:50%;bottom:.8rem;transform:translate(-50%);background:#10152ce9;color:#fff;padding:.5rem .9rem;border:2px solid var(--gold);font-size:.85rem;font-weight:900;text-align:center;pointer-events:none;max-width:95%;opacity:0;transition:opacity .12s}.world-prompt.is-visible{opacity:1}.below-game{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;color:var(--muted);font-size:.85rem}.below-game p{margin:.7rem 0}.touch-controls{display:none;justify-content:space-between;gap:1rem;margin-top:1rem}.dpad{display:flex;flex-direction:column;align-items:center;gap:.2rem}.dpad>div{display:flex;gap:.2rem}.dpad button{min-width:50px;min-height:50px}.action-pad{display:flex;align-items:center;gap:.5rem}.action-pad button{min-height:58px}.story-note{max-width:850px;margin:3rem auto;padding:1.4rem 1.7rem;background:#1b2847;border-left:5px solid var(--gold);line-height:1.7}.story-note h2{margin-top:0;font-size:1.1rem}footer{text-align:center;color:var(--muted);padding:2rem 1rem}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#070b1dcb;z-index:20;display:grid;place-items:center;padding:1rem}.dialog-backdrop[hidden]{display:none}.dialog{width:min(100%,620px);max-height:min(90vh,800px);overflow:auto;background:#1e294d;border:4px solid #edc27c;box-shadow:10px 10px #080c21;padding:1.4rem;line-height:1.6}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog h2{font:clamp(.92rem,2.1vw,1.35rem)/1.55 "Press Start 2P",monospace;color:#ffdb9c}.dialog p{margin:.7rem 0}.dialog ul{padding-left:1.25rem}.dialog .icon-button{font-size:1.5rem;line-height:1;padding:.1rem .55rem}.dialog #dialog-actions{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem}.dialog #dialog-actions button{text-align:left;padding:.7rem .9rem}.dialog #dialog-actions button.primary{background:#a35e44;border-color:#ffd17b}.dialog .hint{color:#b4ebee;font-size:.85rem}.dialog .chapter-list{display:grid;gap:.5rem;list-style:none;padding:0}.dialog .chapter-list li{border-left:3px solid #6879aa;padding:.35rem .7rem;background:#17203c}.dialog a{word-break:break-word}.dialog .success{color:#97f1bd}.dialog .error{color:#ffb0ab}@media(max-width:720px){.site-header{align-items:flex-start;flex-direction:column}.site-header nav{font-size:.83rem}.hero{min-height:295px}.game-topline{align-items:flex-start;flex-direction:column}.touch-controls{display:flex}.game-hud{gap:.55rem}.portrait-wrap{height:53px;width:53px}.objective{font-size:.78rem}.below-game{font-size:.73rem}.story-note{margin:2rem 1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.rhythm-track{display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem;margin:1.2rem 0}.beat{display:grid;place-items:center;height:3.3rem;border:3px solid #596b95;background:#17203a;color:#8290ad;font:1.5rem "Press Start 2P",monospace}.beat.target{color:#ffdc84}.beat.current{border-color:#90f2e8;background:#345575}.beat.hit{background:#2e806f;color:#fff7cb}.puzzle-status{min-height:1.6em;color:#aeece5;font-weight:800}.puzzle-grid{display:grid;gap:3px;width:max-content;max-width:100%;margin:1rem auto;padding:6px;background:#10172f;border:3px solid #8090ad}.relay-grid{grid-template-columns:repeat(4,55px)}.pipe-tile{position:relative;width:55px;height:55px!important;padding:0!important;border:2px solid #9d7c5c!important;background:#533f46!important}.pipe-tile:before{content:attr(data-terminal);position:absolute;top:0;left:2px;font:8px monospace;color:#fff3bd;z-index:2}.pipe-arm,.pipe-core{position:absolute;display:block;background:#eabf7a;box-shadow:inset 0 0 0 3px #775466}.pipe-core{left:20px;top:20px;width:11px;height:11px}.pipe-arm.n{left:20px;top:0;width:11px;height:25px}.pipe-arm.e{right:0;top:20px;width:25px;height:11px}.pipe-arm.s{left:20px;bottom:0;width:11px;height:25px}.pipe-arm.w{left:0;top:20px;width:25px;height:11px}.workshop-grid,.companion-grid{grid-template-columns:repeat(7,42px)}.workshop-cell,.companion-cell{display:grid;place-items:center;width:42px;height:42px;background:#314562;color:#ffe4a6;font:700 18px "Press Start 2P",monospace}.workshop-cell.wall,.companion-cell.wall{background:repeating-linear-gradient(45deg,#25324c 0,#25324c 7px,#374969 7px,#374969 14px)}.workshop-cell.block{background:#b7764f;box-shadow:inset 0 0 0 5px #e6b579;color:#302b3a}.workshop-cell.socket,.companion-cell.plate{background:#35776f;color:#ceffcd}.workshop-cell.hero,.companion-cell.actor{background:#759ec7;color:#fff7e3}.companion-cell.gate-closed{background:#914f68;color:#ffd4aa}.companion-cell.gate-open{background:#47897d}.companion-cell.exit{background:#745cb2;color:#fff2b1}.puzzle-pad{display:flex;justify-content:center;gap:.5rem}.puzzle-pad button{min-width:48px;text-align:center!important;font-size:1.2rem}.flow-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:1rem 0}.flow-panel .valve{min-height:58px;text-align:left;font:700 .77rem/1.3 monospace;background:#522f49;border-color:#bd788c}.flow-panel .valve.open{background:#235b66;border-color:#80d9cf}@media(max-width:480px){.relay-grid{grid-template-columns:repeat(4,47px)}.pipe-tile{width:47px;height:47px!important}.pipe-core{left:16px;top:16px}.pipe-arm.n,.pipe-arm.s{left:16px}.pipe-arm.e,.pipe-arm.w{top:16px}.workshop-grid,.companion-grid{grid-template-columns:repeat(7,36px)}.workshop-cell,.companion-cell{width:36px;height:36px}.flow-panel{grid-template-columns:1fr}.beat{font-size:.85rem;height:2.6rem}}@media(max-width:360px){.workshop-grid,.companion-grid{grid-template-columns:repeat(7,29px)}.workshop-cell,.companion-cell{width:29px;height:29px;font-size:14px}}