@font-face{font-family:"Poxast";src:url("../../Poxast-subset.woff2") format("woff2");font-display:swap}
:root{--void:#0a0e08;--deep:#11160e;--ink:#182015;--ink2:#344226;--mid:#718153;--panel2:#9cab72;--panel:#b8c78d;--hi:#d8e8a8;--white:#eef7cf}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#2c3524 0,#151a12 48%,#0a0e08 100%);color:var(--panel);font-family:"Courier New",Courier,monospace}
body{min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow-x:hidden}
button,a{font:inherit}.hidden{display:none!important}.paper-shell{width:min(100%,1160px);margin:0 auto;padding:18px 14px 46px}
.paper-topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-bottom:12px;text-transform:uppercase;letter-spacing:1.35px}
.back-link{color:var(--panel);text-decoration:none;font-size:11px}.back-link:hover{text-decoration:underline}.paper-title{text-align:center}.paper-title span{display:block;font-size:9px;color:var(--mid);margin-bottom:2px}.paper-title h1{margin:0;font:400 clamp(28px,5.4vw,54px)/.92 "Poxast","Courier New",monospace;color:var(--hi);text-shadow:3px 3px 0 var(--ink2);letter-spacing:1px}.paper-help{text-align:right;font-size:9px;color:var(--mid);line-height:1.45}
.flight-cabinet{background:#2d3727;border:5px solid var(--void);box-shadow:8px 8px 0 #070a06;padding:10px}
.paper-hud{display:grid;grid-template-columns:1fr 1.45fr 1fr 1fr;gap:6px;margin-bottom:7px}.hud-chip{min-height:44px;background:rgba(184,199,141,.88);border:2px solid var(--ink);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px;text-align:center;box-shadow:inset 0 0 0 2px rgba(216,232,168,.14)}.hud-chip span{font-size:7px;color:var(--ink2);letter-spacing:1.25px}.hud-chip strong{font-size:10px;letter-spacing:.6px}.hud-chip.scene strong{font-size:9px}
.paper-screen-shell{border:5px solid var(--ink);background:var(--void);box-shadow:inset 0 0 0 3px var(--ink2);position:relative;overflow:hidden}
.paper-screen{position:relative;width:100%;aspect-ratio:16/9;max-height:min(72vh,680px);overflow:hidden;background:var(--deep);touch-action:none;cursor:ns-resize}
.paper-screen::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(rgba(216,232,168,.018) 50%,transparent 50%) 0 0/100% 4px;mix-blend-mode:screen}
#paperCanvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}
.scene-ribbon{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:6;padding:4px 9px;border:1px solid rgba(216,232,168,.15);background:rgba(10,14,8,.38);color:var(--panel);font-size:7px;letter-spacing:1.8px;text-transform:uppercase;pointer-events:none;white-space:nowrap}.scene-ribbon.scene-pop{animation:scenePop 1.25s steps(3,end)}
@keyframes scenePop{0%{background:var(--hi);color:var(--ink);transform:translateX(-50%) scale(1.08)}100%{background:rgba(10,14,8,.38);color:var(--panel);transform:translateX(-50%) scale(1)}}
.board-overlay{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:18px;background:rgba(10,14,8,.48);backdrop-filter:blur(1px);overflow:auto;overscroll-behavior:contain}
.overlay-card{width:min(92%,610px);max-height:100%;overflow:auto;background:rgba(216,232,168,.94);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--void),inset 0 0 0 3px rgba(52,66,38,.18);color:var(--ink);padding:20px 22px;text-align:center}.overlay-kicker{font-size:8px;letter-spacing:2px;color:var(--ink2);margin-bottom:7px}.overlay-card h2{margin:0 0 9px;font-size:clamp(18px,4vw,28px);letter-spacing:1px}.overlay-card p{font-size:10px;line-height:1.55;margin:8px auto;max-width:545px}.overlay-card .tiny-rule{color:var(--ink2)}
.paper-demo{height:96px;margin:12px auto;max-width:450px;position:relative;overflow:hidden;border:2px solid rgba(24,32,21,.28);background:linear-gradient(180deg,var(--panel2),var(--panel),var(--mid))}
.paper-demo::before,.paper-demo::after{content:"";position:absolute;left:-20%;width:145%;height:1px;background:var(--hi);opacity:.42;transform:rotate(-4deg);animation:demoWind 2.2s linear infinite}.paper-demo::before{top:31%}.paper-demo::after{top:62%;animation-delay:-1.1s}.demo-plane{position:absolute;left:43%;top:47%;width:54px;height:28px;transform:translate(-50%,-50%) rotate(-7deg);animation:demoPlane 2.4s ease-in-out infinite}.demo-plane::before{content:"";position:absolute;inset:0;background:var(--hi);clip-path:polygon(0 18%,100% 50%,8% 48%,0 82%,31% 52%)}.demo-plane::after{content:"";position:absolute;left:10px;top:13px;width:39px;height:2px;background:var(--ink2);transform:rotate(-2deg);transform-origin:left}.demo-leaf{position:absolute;width:7px;height:4px;background:var(--ink2);border-radius:60% 0 60% 0;animation:leafDrift 3s linear infinite}.demo-leaf.a{left:66%;top:24%}.demo-leaf.b{left:76%;top:58%;animation-delay:-1s}.demo-leaf.c{left:25%;top:71%;animation-delay:-2s}
@keyframes demoWind{to{transform:translateX(90px) rotate(-4deg)}}@keyframes demoPlane{50%{transform:translate(-50%,-62%) rotate(5deg) skewY(-2deg)}}@keyframes leafDrift{to{transform:translate(-110px,38px) rotate(180deg)}}
.pixel-btn{min-height:46px;border:4px solid var(--ink);background:var(--hi);color:var(--ink);font-weight:900;letter-spacing:1px;padding:9px 18px;box-shadow:5px 5px 0 var(--ink2);cursor:pointer;text-transform:uppercase}.pixel-btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink2)}.pixel-btn:active,.pixel-btn.holding{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink2)}.pixel-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.paper-controls{display:grid;grid-template-columns:1fr minmax(210px,330px) 1fr;gap:12px;align-items:center;padding:9px 3px 2px}.control-hint{font-size:8px;line-height:1.45;color:var(--mid);letter-spacing:.7px}.control-hint.right{text-align:right}.wind-btn{width:100%;background:var(--panel);font-size:14px}.wind-btn:not(:disabled){animation:windReady 1.7s ease-in-out infinite}.wind-btn.holding{background:var(--hi);animation:none}@keyframes windReady{50%{background:var(--hi)}}
.flight-status{text-align:center;padding:8px 5px 2px;color:var(--mid);font-size:8px;letter-spacing:1.25px;min-height:22px}.minimal-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 13px;margin-top:6px;border-top:1px dashed rgba(184,199,141,.2);padding-top:8px;color:var(--mid);font-size:7px;letter-spacing:.65px}.minimal-legend strong{color:var(--panel)}
.result-stats{font-size:11px!important;line-height:1.8!important}
@media(max-width:760px){.paper-shell{padding:10px 8px 30px}.paper-topbar{grid-template-columns:1fr auto}.paper-title{grid-column:2;text-align:right}.paper-help{display:none}.flight-cabinet{padding:7px;border-width:4px}.paper-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-chip{min-height:40px}.paper-screen{max-height:none}.paper-controls{grid-template-columns:1fr minmax(170px,250px)}.control-hint.right{display:none}.overlay-card{padding:16px}.minimal-legend{font-size:6px}}
@media(max-width:420px){.paper-shell{padding-left:6px;padding-right:6px}.paper-title h1{font-size:29px}.paper-title span,.back-link{font-size:8px}.flight-cabinet{padding:5px}.paper-hud{gap:4px}.hud-chip{min-height:36px;border-width:2px;padding:4px 5px}.hud-chip span{font-size:6px}.hud-chip strong{font-size:9px}.hud-chip.scene strong{font-size:8px}.paper-screen-shell{border-width:3px}.board-overlay{padding:7px;align-items:start}.overlay-card{width:97%;padding:12px;border-width:3px;box-shadow:5px 5px 0 var(--void);margin:auto}.overlay-card p{font-size:9px;line-height:1.38}.paper-demo{height:62px;margin:7px auto}.pixel-btn{min-height:50px}.overlay-card .pixel-btn{position:sticky;bottom:0;z-index:2}.paper-controls{grid-template-columns:1fr;padding-top:7px}.control-hint{display:none}.wind-btn{position:static;min-height:54px;font-size:13px}.flight-status{font-size:7px}.minimal-legend{gap:4px 8px}.scene-ribbon{top:6px;font-size:6px;padding:3px 6px}}
@media(max-width:340px){.paper-title h1{font-size:25px}.paper-demo,.overlay-card .tiny-rule{display:none}.hud-chip.scene{grid-column:span 2}.minimal-legend{display:none}}
@media(orientation:landscape) and (max-height:560px){.paper-shell{width:min(100%,940px);padding-top:5px}.paper-topbar{margin-bottom:5px}.paper-title h1{font-size:25px}.flight-cabinet{padding:5px}.paper-hud{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:4px}.hud-chip{min-height:34px}.paper-screen{height:min(62vh,335px);aspect-ratio:auto}.paper-controls{padding-top:4px}.minimal-legend{display:none}.overlay-card{padding:9px}.overlay-card p{margin:3px auto;line-height:1.25}.paper-demo{display:none}.pixel-btn{min-height:38px}.flight-status{display:none}}
@media(min-width:1200px){.paper-shell{width:min(100%,1200px)}.paper-screen{max-height:700px}.hud-chip strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.scene-ribbon.scene-pop,.wind-btn:not(:disabled),.paper-demo::before,.paper-demo::after,.demo-plane,.demo-leaf{animation:none}.paper-screen::after{display:none}}