:root{--navy:#14213d;--navy-deep:#0b1024;--navy-light:#26375e;--gold:#f2c14e;--gold-dark:#c9962e;--gold-light:#ffe08a;--teal:#2ec4b6;--teal-dark:#1b8f85;--teal-light:#8ff0e6;--coral:#ef6461;--coral-dark:#b8403e;--coral-light:#ff9f9c;--cream:#fbf3d5;--cream-dark:#e8dcb0;--leaf:#4caf50;--leaf-dark:#2e7d32;--electric:#3d8bff;--electric-light:#7fc4ff;--purple:#8e5bd6;--ink:#0b1024;--font-body:"Segoe UI", "Nunito", "Trebuchet MS", system-ui, -apple-system, sans-serif;--font-mono:"Consolas", "Courier New", monospace;--radius:6px;--shadow-panel:0 0 0 3px var(--navy-deep), 0 0 0 6px var(--gold), 0 0 0 9px var(--navy-deep);--focus:0 0 0 4px var(--gold-light), 0 0 0 7px var(--navy-deep)}*{box-sizing:border-box}html,body{background:var(--navy-deep);height:100%;color:var(--cream);font-family:var(--font-body);overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0;padding:0;font-size:16px;line-height:1.45;overflow:hidden}#root{height:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}.pixelated,canvas,img.pixel{image-rendering:pixelated;image-rendering:crisp-edges}.stage-wrap{background:var(--navy-deep);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.stage{transform-origin:0 0;background:var(--navy);width:960px;height:540px;position:relative;overflow:hidden}.stage>.layer{position:absolute;top:0;bottom:0;left:0;right:0}#phaser-root{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}#phaser-root canvas{display:block;width:960px!important;height:540px!important}.pixel-heading{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--gold);text-shadow:2px 2px 0 var(--navy-deep), -1px -1px 0 var(--navy-deep), 1px -1px 0 var(--navy-deep), -1px 1px 0 var(--navy-deep);margin:0;font-weight:900}h1.pixel-heading{font-size:30px}h2.pixel-heading{font-size:22px}h3.pixel-heading{font-size:17px}.muted{opacity:.8}.small{font-size:14px}.tiny{font-size:12px}.centre{text-align:center}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:3px solid var(--navy-deep);border-radius:var(--radius);background:var(--cream);min-width:44px;min-height:44px;color:var(--navy-deep);cursor:pointer;box-shadow:0 4px 0 var(--navy-deep);-webkit-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:16px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.btn:hover{background:#fff}.btn:active{box-shadow:0 1px 0 var(--navy-deep);transform:translateY(3px)}.btn:focus-visible{box-shadow:var(--focus), 0 4px 0 var(--navy-deep);outline:none}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--gold)}.btn-primary:hover{background:var(--gold-light)}.btn-teal{background:var(--teal);color:var(--navy-deep)}.btn-teal:hover{background:var(--teal-light)}.btn-coral{background:var(--coral);color:#fff}.btn-coral:hover{background:var(--coral-light);color:var(--navy-deep)}.btn-navy{background:var(--navy-light);color:var(--cream)}.btn-navy:hover{background:#33487a}.btn-ghost{color:var(--cream);border-color:var(--cream);box-shadow:none;background:0 0}.btn-ghost:hover{background:#ffffff1a}.btn-lg{min-height:56px;padding:10px 26px;font-size:19px}.btn-sm{min-height:36px;padding:4px 12px;font-size:14px}.btn img{width:24px;height:24px}.btn.selected{background:var(--teal);box-shadow:0 0 0 3px var(--gold), 0 4px 0 var(--navy-deep)}.panel{background:var(--cream);color:var(--navy-deep);border:3px solid var(--navy-deep);box-shadow:var(--shadow-panel);border-radius:4px;padding:16px 20px;animation:.22s cubic-bezier(.2,1.4,.4,1) panel-in;position:relative}.panel:before,.panel:after{content:"";background:var(--gold);border:2px solid var(--navy-deep);width:10px;height:10px;position:absolute}.panel:before{top:3px;left:3px}.panel:after{bottom:3px;right:3px}.panel-dark{background:var(--navy);color:var(--cream)}.panel-teal{background:var(--teal-light)}@keyframes panel-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.overlay{z-index:20;background:#0b1024b8;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.overlay-scroll{align-items:flex-start;overflow:hidden}.overlay .panel{flex-direction:column;max-width:100%;max-height:100%;display:flex;overflow:hidden}.modal-body{min-height:0;padding-right:4px;overflow:auto}.screen{flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.screen-scroll{justify-content:flex-start;overflow-y:auto}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.grow{flex:1}.stack-centre{flex-direction:column;align-items:center;gap:12px;display:flex}.input{border:3px solid var(--navy-deep);border-radius:var(--radius);min-height:44px;color:var(--navy-deep);background:#fff;width:100%;padding:8px 12px;font-size:16px}.input:focus-visible{box-shadow:var(--focus);outline:none}textarea.input{resize:vertical;min-height:80px}.swatch{border:3px solid var(--navy-deep);cursor:pointer;width:40px;height:40px;box-shadow:0 3px 0 var(--navy-deep);border-radius:6px;padding:0}.swatch.selected{box-shadow:0 0 0 3px var(--gold), 0 3px 0 var(--navy-deep);outline:none;transform:scale(1.08)}.swatch:focus-visible{box-shadow:0 0 0 3px var(--gold), 0 3px 0 var(--navy-deep);outline:none;transform:scale(1.08)}.toggle{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:600;display:inline-flex}.toggle input{width:22px;height:22px;accent-color:var(--teal-dark)}.range{width:160px;accent-color:var(--teal-dark)}.hud{pointer-events:none;z-index:10;position:absolute;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:8px;left:8px;right:8px}.hud-chip{color:var(--cream);border:2px solid var(--gold);background:#0b1024d9;border-radius:6px;align-items:center;gap:8px;min-height:34px;padding:4px 10px;font-size:14px;font-weight:700;display:inline-flex}.hud-chip img{width:20px;height:20px}.hud-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.hud-btn{border:2px solid var(--gold);min-width:40px;min-height:40px;color:var(--cream);box-shadow:none;background:#0b1024d9;gap:6px;padding:4px 8px;font-size:13px}.hud-btn img{width:20px;height:20px}.hud-btn:hover{background:var(--navy-light)}.region-banner{border:3px solid var(--gold);pointer-events:none;background:#0b1024d9;border-radius:4px;padding:6px 22px;animation:2.6s forwards banner;position:absolute;top:60px;left:50%;transform:translate(-50%)}@keyframes banner{0%{opacity:0;transform:translate(-50%)translateY(-10px)}15%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0}}.dialogue{z-index:15;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:20px;left:40px;right:40px}.dialogue .panel{flex:1;min-height:110px;padding:12px 18px 14px}.dialogue .portrait{border:3px solid var(--gold);background:#0b102499;border-radius:6px;justify-content:center;align-items:flex-end;width:96px;height:120px;display:flex;overflow:hidden}.dialogue .portrait img{width:64px;height:96px}.speaker{background:var(--navy-deep);color:var(--gold);letter-spacing:.5px;border-radius:4px;margin-bottom:6px;padding:2px 10px;font-size:13px;font-weight:800;display:inline-block}.dialogue-text{min-height:48px;margin:0;font-size:17px}.choices{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.choices .btn{text-align:left;min-height:40px;font-size:15px}.hint-key{border:2px solid var(--navy-deep);font-family:var(--font-mono);color:var(--navy-deep);background:#fff;border-radius:4px;margin:0 2px;padding:0 6px;font-size:13px;font-weight:700;display:inline-block}.touch-controls{pointer-events:none;z-index:12;position:absolute;top:0;bottom:0;left:0;right:0}.dpad{pointer-events:auto;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:150px;height:150px;display:grid;position:absolute;bottom:18px;left:18px}.dpad button{border:3px solid var(--gold);color:var(--cream);touch-action:none;background:#0b1024bf;border-radius:8px;justify-content:center;align-items:center;font-size:20px;display:flex}.dpad button img{width:26px;height:26px}.dpad button:active,.dpad button.pressed{background:var(--teal-dark)}.dpad .blank{visibility:hidden}.action-btn{border:4px solid var(--gold);width:84px;height:84px;color:var(--navy-deep);pointer-events:auto;touch-action:manipulation;background:#2ec4b6e6;border-radius:50%;font-size:15px;font-weight:900;position:absolute;bottom:30px;right:22px}.action-btn:active{background:var(--teal-light)}.mission{background:var(--navy);z-index:5;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.mission-header{background:var(--navy-deep);border-bottom:3px solid var(--gold);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 14px;display:flex}.mission-header .title-block{align-items:center;gap:12px;display:flex}.mission-body{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.mission-stage{flex:1;padding:12px 16px;position:relative;overflow:auto}.mission-footer{background:var(--navy-deep);border-top:3px solid var(--navy-light);justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:8px 14px;display:flex}.stage-dots{gap:6px;display:flex}.stage-dots span{border:2px solid var(--gold);background:0 0;border-radius:3px;width:14px;height:14px}.stage-dots span.done{background:var(--gold)}.stage-dots span.active{background:var(--teal)}.meter{background:var(--navy-deep);border:2px solid var(--gold);border-radius:4px;min-width:120px;height:18px;overflow:hidden}.meter>div{background:var(--teal);height:100%;transition:width .3s}.meter.warn>div{background:var(--coral)}.meter.gold>div{background:var(--gold)}.feedback{border-left:6px solid var(--teal);background:var(--cream);color:var(--navy-deep);border-radius:4px;margin-top:8px;padding:10px 14px;animation:.2s panel-in}.feedback.reconsider{border-left-color:var(--coral)}.feedback.good{border-left-color:var(--leaf)}.tile-bank{flex-wrap:wrap;gap:8px;display:flex}.word-tile{border:3px solid var(--navy-deep);min-height:40px;color:var(--navy-deep);cursor:grab;box-shadow:0 3px 0 var(--navy-deep);-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;border-radius:6px;align-items:center;padding:4px 12px;font-weight:700;display:inline-flex}.word-tile.kind{background:var(--teal-light)}.word-tile.unkind{background:var(--coral-light)}.word-tile.used{opacity:.4}.word-tile:focus-visible{box-shadow:var(--focus), 0 3px 0 var(--navy-deep);outline:none}.drop-zone{border:3px dashed var(--gold);background:#ffffff0f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;padding:8px;transition:background .15s;display:flex}.drop-zone.over,.drop-zone[data-over=true]{background:#2ec4b640}.drop-zone .label{width:100%;color:var(--gold);font-size:14px;font-weight:800}.card-item{width:96px;color:var(--navy-deep);border:3px solid var(--navy-deep);cursor:grab;text-align:center;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 3px 0 var(--navy-deep);background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:700;display:flex}.card-item img{width:48px;height:48px}.card-item.selected{box-shadow:0 0 0 3px var(--gold), 0 3px 0 var(--navy-deep)}.card-item:focus-visible{box-shadow:var(--focus), 0 3px 0 var(--navy-deep);outline:none}.stars{justify-content:center;gap:6px;display:flex}.stars img{width:48px;height:48px;animation:.5s cubic-bezier(.2,1.6,.4,1) both star-pop}.stars img:nth-child(2){animation-delay:.25s}.stars img:nth-child(3){animation-delay:.5s}@keyframes star-pop{0%{transform:scale(0)rotate(-30deg)}to{transform:scale(1)rotate(0)}}.badge-reveal{filter:drop-shadow(0 0 12px #f2c14ecc);width:160px;height:160px;animation:1.1s cubic-bezier(.2,1.3,.4,1) both badge-spin}@keyframes badge-spin{0%{opacity:0;transform:scale(0)rotate(-180deg)}60%{opacity:1;transform:scale(1.15)rotate(10deg)}to{transform:scale(1)rotate(0)}}.confetti{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{width:8px;height:12px;animation:linear both confetti-fall;position:absolute;top:-12px}@keyframes confetti-fall{to{transform:translateY(560px)rotate(540deg)}}.badge-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.badge-card{border:2px solid var(--navy-deep);text-align:center;background:#ffffffb3;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:13px;font-weight:700;display:flex}.badge-card img{width:72px;height:72px}.badge-card.locked{opacity:.6}.badge-card .stars img{width:18px;height:18px;animation:none}.rule-card{border:2px solid var(--navy-deep);color:var(--navy-deep);background:#fff;border-radius:8px;gap:12px;padding:10px 12px;display:flex}.rule-card .num{background:var(--navy);height:34px;color:var(--gold);border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;font-weight:900;display:flex}.rule-card.locked{opacity:.5;background:var(--cream-dark)}.rule-card .why{opacity:.85;font-size:13px}.map-grid{border:3px solid var(--navy-deep);background:var(--navy);width:480px;height:360px;image-rendering:pixelated;position:relative}.map-pin{border:2px solid var(--navy-deep);background:var(--gold);min-width:34px;min-height:34px;color:var(--navy-deep);cursor:pointer;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:800;line-height:1.1;position:absolute;transform:translate(-50%,-100%)}.map-pin.locked{background:#8c92a3}.map-pin.done{background:var(--teal)}.map-pin.you{background:var(--coral);color:#fff;border-radius:50%;width:18px;min-width:0;height:18px;min-height:0;padding:0;animation:1s infinite alternate pulse;transform:translate(-50%,-50%)}@keyframes pulse{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.3)}}.thumb-btn{border:4px solid var(--navy-deep);cursor:pointer;width:150px;height:150px;box-shadow:0 6px 0 var(--navy-deep);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:18px;font-weight:900;transition:transform .1s;display:flex}.thumb-btn img{width:96px;height:96px}.thumb-btn.up{background:var(--teal-light);color:var(--navy-deep)}.thumb-btn.down{background:var(--coral-light);color:var(--navy-deep)}.thumb-btn:hover{transform:translateY(-4px)scale(1.03)}.thumb-btn:active{box-shadow:0 2px 0 var(--navy-deep);transform:translateY(4px)}.thumb-btn:focus-visible{box-shadow:var(--focus), 0 6px 0 var(--navy-deep);outline:none}.update-toast{z-index:100;background:var(--navy-deep);color:var(--cream);border:3px solid var(--gold);border-radius:8px;align-items:center;gap:12px;padding:8px 14px;font-size:14px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.static-noise{pointer-events:none;background-image:repeating-linear-gradient(0deg,#ffffff0f 0 2px,#0000 2px 4px),repeating-linear-gradient(90deg,#785aff14 0 3px,#0000 3px 7px);animation:.4s steps(4,end) infinite static-shift;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes static-shift{0%{background-position:0 0,0 0}to{background-position:0 8px,14px 0}}.glitch-tile{border:2px solid var(--navy-deep);background:repeating-linear-gradient(45deg,#2c2c40 0 4px,#7d7d99 4px 8px,#a24cff 8px 10px,#e0e0ff 10px 12px);transition:opacity .5s,transform .5s;position:absolute}.glitch-tile.cleared{opacity:0;transform:scale(.2)rotate(20deg)}.grid-puzzle{touch-action:manipulation;gap:3px;display:grid}.grid-cell{border:2px solid var(--navy-deep);cursor:pointer;background:#fff;border-radius:4px;width:52px;height:52px;padding:0;position:relative}.grid-cell:focus-visible{box-shadow:var(--focus);z-index:1;outline:none}.grid-cell svg{width:100%;height:100%;display:block}.timeline{grid-auto-flow:column;align-items:end;gap:4px;display:grid}.timeline .slot{flex-direction:column;align-items:center;gap:4px;min-width:48px;display:flex}.timeline .slot button{border:3px solid var(--navy-deep);cursor:pointer;width:46px;height:64px;color:var(--navy-deep);background:#fff;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;font-size:11px;font-weight:800;display:flex}.timeline .slot button.charging{background:var(--teal-light)}.timeline .slot button.busy{background:var(--cream-dark);cursor:not-allowed;color:#6b6b6b}.timeline .slot button:focus-visible{box-shadow:var(--focus);outline:none}.timeline .slot .time{color:var(--cream);font-size:11px;font-weight:700}.battery-big{border:4px solid var(--cream);background:var(--navy-deep);border-radius:8px;width:220px;height:64px;position:relative}.battery-big:after{content:"";background:var(--cream);border-radius:0 4px 4px 0;width:10px;height:24px;position:absolute;top:16px;right:-14px}.battery-big>div{background:var(--teal);height:100%;transition:width .4s}.battery-big.low>div{background:var(--coral)}.battery-big span{color:#fff;text-shadow:1px 1px 0 var(--navy-deep);justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.viewfinder{border:4px solid var(--navy-deep);background:linear-gradient(#7fc4ff,#cfe9ff 60%,#8ee07a 60%,#63b558);border-radius:6px;width:520px;height:300px;position:relative;overflow:hidden}.viewfinder .frame{border:3px dashed var(--gold);pointer-events:none;transition:all .3s;position:absolute}.viewfinder .person{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute}.viewfinder .person img{width:48px;height:72px}.viewfinder .bubble{color:var(--navy-deep);border:2px solid var(--navy-deep);white-space:nowrap;background:#fff;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:700;animation:.2s panel-in;position:absolute}.viewfinder .note{border:2px solid var(--navy-deep);color:var(--navy-deep);background:#fff8c4;padding:4px 6px;font-size:11px;position:absolute;transform:rotate(-4deg)}.viewfinder .lowered{color:#fff;background:#0b10248c;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cave-grid{gap:3px;display:grid}.cave-cell{border:2px solid var(--navy-deep);text-align:center;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;font-size:11px;font-weight:800;display:flex}.cave-cell.rock{cursor:default;background:linear-gradient(135deg,#8c92a3 0 2px,#0000 2px 10px),linear-gradient(45deg,#5e6577 0 3px,#0000 3px 12px),#6b7080;border-color:#b8bdc9}.cave-cell.floor{background:#3a3650}.cave-cell.path{background:#6b6588}.cave-cell.adult{background:var(--gold);color:var(--navy-deep)}.cave-cell.whisper{background:var(--purple);color:#fff}.cave-cell.you{background:var(--teal)}.cave-cell:focus-visible{box-shadow:var(--focus);z-index:1;outline:none}.cave-cell img{width:30px;height:30px}.seq-slot{border:3px dashed var(--gold);background:#ffffff0f;border-radius:6px;align-items:center;gap:8px;min-height:48px;padding:4px 8px;display:flex}.seq-slot.filled{background:#2ec4b633;border-style:solid}.seq-slot .num{background:var(--gold);width:28px;height:28px;color:var(--navy-deep);border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:flex}.socket-board{justify-content:center;align-items:flex-start;gap:24px;display:flex}.socket{border:3px dashed var(--gold);background:#ffffff0d;border-radius:10px;flex-direction:column;flex:1;gap:6px;min-width:150px;min-height:120px;padding:10px;transition:background .15s;display:flex}.socket.over,.socket[data-over=true]{background:#2ec4b64d}.socket h4{color:var(--gold);margin:0}.chip{color:var(--navy-deep);border:3px solid var(--navy-deep);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 3px 0 var(--navy-deep);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.chip img{width:28px;height:28px}.chip.selected{box-shadow:0 0 0 3px var(--gold), 0 3px 0 var(--navy-deep)}.chip:focus-visible{box-shadow:var(--focus), 0 3px 0 var(--navy-deep);outline:none}.rune-btn{border:3px solid var(--navy-deep);background:var(--navy-light);cursor:pointer;width:72px;height:72px;color:var(--cream);box-shadow:0 4px 0 var(--navy-deep);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:800;display:flex}.rune-btn img{width:40px;height:40px}.rune-btn:active,.rune-btn.lit{background:var(--gold);color:var(--navy-deep)}.rune-btn:focus-visible{box-shadow:var(--focus), 0 4px 0 var(--navy-deep);outline:none}.summit-scene{min-height:300px;position:relative}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){.stage *,.stage :before,.stage :after{transition-duration:1ms!important;animation-duration:1ms!important}}.certificate{width:900px;min-height:560px;color:var(--navy-deep);border:10px double var(--gold-dark);text-align:center;background:#fffdf5;flex-direction:column;align-items:center;gap:8px;padding:28px 40px;display:flex;position:relative}.certificate .cert-title{font-family:var(--font-mono);letter-spacing:3px;color:var(--navy);margin:0;font-size:34px;font-weight:900}.certificate .cert-name{color:var(--coral-dark);margin:4px 0;font-size:40px;font-weight:900}.certificate .cert-badges{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.certificate .cert-badges img{width:56px;height:56px}.certificate .cert-sign{justify-content:space-between;width:100%;margin-top:24px;font-size:14px;display:flex}.certificate .cert-sign div{border-top:2px solid var(--navy-deep);min-width:240px;padding-top:6px}@media print{@page{size:A4 landscape;margin:10mm}html,body{background:#fff!important;height:auto!important;overflow:visible!important}.stage-wrap,.stage,.layer{background:#fff!important;width:auto!important;height:auto!important;position:static!important;overflow:visible!important;transform:none!important}.no-print,#phaser-root,.hud,.update-toast{display:none!important}.print-only{display:block!important}.certificate-screen{background:#fff!important;padding:0!important;display:block!important;position:static!important}.certificate{page-break-inside:avoid;width:100%;max-width:270mm;min-height:180mm;box-shadow:none;margin:0 auto}}.print-only{display:none}.screen>.panel{max-height:100%;overflow:auto}.dpad button{flex-direction:column;gap:0}.dpad-label{letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:800}.walk-buttons{pointer-events:auto;gap:10px;display:flex;position:absolute;bottom:18px;left:18px}.walk-buttons button{border:3px solid var(--gold);width:96px;height:84px;color:var(--cream);touch-action:none;cursor:pointer;background:#0b1024cc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:13px;font-weight:900;display:flex}.walk-buttons button:active,.walk-buttons button.pressed{background:var(--teal-dark)}.walk-buttons button:focus-visible{box-shadow:var(--focus);outline:none}.action-btn{flex-direction:column;justify-content:center;align-items:center;gap:2px;width:96px;height:96px;font-size:13px;display:flex}.touch-controls.compact .dpad{width:132px;height:132px}.creek-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:absolute;bottom:14px;right:14px}.creek-actions .btn{justify-content:flex-start;min-width:150px;min-height:52px;padding:6px 12px;font-size:15px}.checklist{flex-wrap:wrap;gap:4px;display:flex}.check-step{border:2px solid var(--navy-light);color:var(--cream);background:#0b1024d9;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-flex}.check-step.done{border-color:var(--leaf);color:#8ee07a}.check-step.current{border-color:var(--gold);background:var(--gold);color:var(--navy-deep);animation:1.2s ease-in-out infinite step-pulse}@keyframes step-pulse{50%{box-shadow:0 0 0 4px #f2c14e73}}.intro{cursor:pointer}.intro-sky{background:0 0;transition:background 1.2s;position:absolute;top:0;bottom:0;left:0;right:0}.intro-sky.glitched{background:repeating-linear-gradient(0deg,#785aff14 0 3px,#0000 3px 7px),#1b1b2b;animation:.5s steps(4,end) infinite static-shift}.intro-hill{background:#63b558;border-radius:50% 50% 0 0;height:260px;transition:filter 1.2s;position:absolute;top:150px;left:-10%;right:-10%}.intro-ground{background:linear-gradient(#45934a 0 8px,#63b558 8px 70px,#dcbb7d 70px 110px,#63b558 110px);height:150px;transition:filter 1.2s;position:absolute;bottom:0;left:0;right:0}.intro-cloud{pointer-events:none;width:512px;height:192px;animation:8s linear forwards cloud-drift;position:absolute;top:40px;left:0}@keyframes cloud-drift{0%{transform:translate(-520px)scale(.8)}to{transform:translate(560px)scale(1.2)}}.intro-panels{grid-template-columns:repeat(3,1fr);gap:14px;display:grid;position:absolute;top:60px;left:60px;right:60px}.intro-panel{background:var(--cream);color:var(--navy-deep);border:3px solid var(--navy-deep);box-shadow:0 4px 0 var(--navy-deep);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-weight:800;animation:.5s cubic-bezier(.2,1.4,.4,1) both panel-in;display:flex}.intro-bubble{color:var(--navy-deep);border:3px solid var(--navy-deep);background:#fff;border-radius:10px;padding:6px 12px;font-weight:800;animation:.4s both panel-in;position:absolute}.intro-badges{border:3px solid var(--gold);background:#0b1024bf;border-radius:10px;gap:8px;padding:10px 14px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}.intro-caption{cursor:default;padding:10px 16px;animation:none;position:absolute;bottom:12px;left:40px;right:40px}