@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";:root{color-scheme:light;--tone-0: #0f380f;--tone-1: #306230;--tone-2: #8bac0f;--tone-3: #9bbc0f;--shadow: rgba(15, 56, 15, .25);font-family:Silkscreen,monospace}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}html{background:#10180c}body{min-height:100svh;background:radial-gradient(circle at top,rgba(155,188,15,.15),transparent 32%),linear-gradient(180deg,#182510,#10180c);color:var(--tone-0);overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-shell{min-height:100svh;display:grid;place-items:center;width:100%;padding:calc(.9rem + env(safe-area-inset-top)) calc(.9rem + env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) calc(.9rem + env(safe-area-inset-left))}.pocket{width:min(100%,35rem);display:grid;gap:.8rem;padding:1rem;background:linear-gradient(180deg,var(--tone-3),var(--tone-2));border:4px solid var(--tone-0);border-radius:1.4rem 1.4rem 2.8rem;box-shadow:0 .95rem #0f380f52,inset 0 0 0 4px #9bbc0f3d}.title-row,.status-row{display:flex;justify-content:space-between;gap:.8rem}.title-row{align-items:flex-start}.status-row{align-items:stretch}.title-block h1{margin:.3rem 0 0;font-size:clamp(1rem,4vw,1.45rem);line-height:1.3}.system-label,.score-label,.display-header,.jet-hint,.help-block span{letter-spacing:.05em;font-size:.5rem;line-height:1.4}.system-label{display:inline-block}.reset-button{border:3px solid var(--tone-0);border-radius:.9rem;padding:.82rem .95rem;min-width:6rem;color:var(--tone-3);background:var(--tone-0);box-shadow:0 .35rem #0f380f33;cursor:pointer}.status-line{flex:1;margin:0;padding:.7rem .8rem;min-height:3.2rem;border:3px solid var(--tone-0);border-radius:.9rem;background:#9bbc0f3d;font-size:.62rem;line-height:1.65}.status-line[data-variant=celebrate]{background:var(--tone-0);color:var(--tone-3)}.score-box{min-width:7rem;padding:.7rem .8rem;text-align:right;border:3px solid var(--tone-0);border-radius:.9rem;background:var(--tone-3)}.score-box strong{display:block;margin-top:.35rem;font-size:1rem;line-height:1.2}.progress-meter{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.35rem}.progress-cell{height:.72rem;border:2px solid var(--tone-0);border-radius:.2rem;background:transparent}.progress-cell.is-lit{background:var(--tone-1)}.display-panel{padding:.75rem;border:4px solid var(--tone-0);border-radius:1rem 1rem 2.2rem;background:var(--tone-1)}.display-header{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.55rem;color:var(--tone-3)}.screen-frame{position:relative;aspect-ratio:4 / 5.3;overflow:hidden;border:4px solid var(--tone-0);border-radius:.8rem;background:var(--tone-3);box-shadow:inset 0 0 0 4px var(--tone-2);touch-action:none}.scene-root,.screen-overlay{position:absolute;inset:0}.scene-root canvas{width:100%;height:100%;display:block}.screen-overlay{pointer-events:none;background:linear-gradient(180deg,rgba(155,188,15,.1),transparent 28%,rgba(15,56,15,.08) 100%),repeating-linear-gradient(180deg,rgba(15,56,15,.035) 0,rgba(15,56,15,.035) 2px,transparent 2px,transparent 6px)}.controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"left help right";gap:.8rem;align-items:stretch;touch-action:none}.jet-button{border:4px solid var(--tone-0);border-radius:1rem;min-height:6rem;display:grid;align-content:center;justify-items:center;gap:.35rem;padding:.75rem .65rem;color:var(--tone-0);background:var(--tone-2);box-shadow:0 .35rem 0 var(--shadow);touch-action:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.jet-button[data-jet=left]{grid-area:left}.jet-button[data-jet=right]{grid-area:right}.jet-button.is-active{transform:translateY(.25rem);box-shadow:none;background:var(--tone-1);color:var(--tone-3)}.jet-glyph{font-size:1.3rem;line-height:1}.jet-text{font-size:.6rem;line-height:1.5;text-align:center}.help-block{grid-area:help;display:grid;align-content:center;justify-items:center;gap:.35rem;min-width:9.4rem;padding:.7rem .8rem;text-align:center;border:3px dashed var(--tone-0);border-radius:.9rem;background:#9bbc0f42}.pocket.is-complete .progress-cell.is-lit{background:var(--tone-0)}button:focus-visible{outline:3px solid var(--tone-0);outline-offset:2px}@media(max-width:720px){.title-row,.status-row{flex-direction:column}.score-box{text-align:left}.controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}}@media(pointer:coarse),(hover:none)and (max-width:720px){.app-shell{place-items:start center;padding-top:calc(.7rem + env(safe-area-inset-top))}.pocket{gap:.7rem;padding:.85rem;width:min(100%,34rem)}.controls{position:fixed;left:calc(.75rem + env(safe-area-inset-left));right:calc(.75rem + env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));z-index:10;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"help help" "left right";gap:.75rem;padding:.75rem;border:4px solid var(--tone-0);border-radius:1.2rem;background:linear-gradient(180deg,#9bbc0ffa,#8bac0ff0);box-shadow:0 1rem 1.8rem #00000057,0 .35rem #0f380f3d}.help-block{min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.6rem .7rem}.jet-button{min-height:6.5rem;padding:.95rem .7rem}.jet-glyph{font-size:1.7rem}.jet-text{font-size:.65rem}}@media(max-width:480px){.pocket{padding:.8rem;gap:.7rem}.status-line,.score-box{padding:.65rem .7rem}.display-panel{padding:.6rem}.help-block{font-size:.48rem}.jet-button{min-height:6rem;padding-inline:.6rem}}@media(max-height:760px)and (pointer:coarse){.pocket{gap:.6rem}.status-line{min-height:2.8rem}.controls{gap:.65rem;padding:.65rem}.jet-button{min-height:5.85rem}}