:root{--ink:#102d25;--forest:#173d31;--cream:#f3e9cf;--paper:#e7dfc4;--mint:#a9c3ad;--acid:#d6ff48;--red:#ef5357;--gold:#f3bd4a;--line:rgba(16,45,37,.25)}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-width:20rem;color:var(--ink);background:radial-gradient(circle at 10% 20%,#f6edda 0,#e7dfc4 45%,#d8d0b5 100%);font-family:'Chivo Mono',monospace}button,input{font:inherit}.shell{width:min(100%,92rem);margin:auto;padding:0 1rem}.masthead{min-height:4.7rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem}.back{color:inherit;text-decoration:none;font-size:.7rem;font-weight:700}.wordmark{font-family:'Pixelify Sans';font-size:1.4rem;line-height:.78;text-align:center;letter-spacing:.04em}.wordmark small{display:block;font:700 .52rem 'Chivo Mono';letter-spacing:.2em;margin-top:.4rem;color:#557465}.badge{font-size:.58rem;font-weight:700;border:1px solid var(--ink);padding:.4rem .5rem;white-space:nowrap}.intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:3.2rem 0 2.3rem}.kicker{font-size:.62rem;font-weight:800;letter-spacing:.16em;margin:0 0 .8rem;color:#557465}.intro h1{font:700 clamp(2.8rem,9vw,6.6rem)/.82 'Pixelify Sans';letter-spacing:-.04em;margin:0;max-width:10ch}.intro h1 i{font-style:normal;color:var(--red)}.sub{font-size:.84rem;line-height:1.6;max-width:42rem;margin:1.4rem 0 0}.kit-card{background:var(--ink);color:var(--cream);padding:.65rem;display:flex;align-items:center;gap:.7rem;min-width:12rem;transform:rotate(2deg);box-shadow:.5rem .5rem 0 var(--red)}.kit-card img{width:4.4rem;height:4.4rem;object-fit:contain;image-rendering:pixelated;background:#2c5944}.kit-card b,.kit-card small{display:block}.kit-card b{font-size:.65rem;color:var(--acid)}.kit-card small{font-size:.52rem;opacity:.7;margin-top:.3rem}.game-shell{background:var(--forest);border:.45rem solid var(--ink);box-shadow:.7rem .7rem 0 rgba(16,45,37,.25);overflow:hidden}.hud{min-height:4.7rem;display:grid;grid-template-columns:repeat(3,1fr);color:var(--cream);border-bottom:1px solid rgba(243,233,207,.2)}.hud>div{padding:.7rem .8rem;border-right:1px solid rgba(243,233,207,.18)}.hud small{display:block;font-size:.55rem;opacity:.65}.hud strong{display:block;color:var(--acid);font-size:1.15rem;margin-top:.3rem}.hud .status{grid-column:1/-1;border-right:0;font-size:.58rem;padding:.55rem .8rem;color:#d9e4ce;border-top:1px solid rgba(243,233,207,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage{position:relative;width:100%;aspect-ratio:8/5;background:#72a477}.stage canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.start-overlay,.end-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--cream);background:rgba(16,45,37,.78);backdrop-filter:blur(3px);padding:1rem}.hidden{display:none!important}.leaf{font-size:2rem;color:var(--acid);margin-bottom:.6rem}.start-overlay h2,.end-overlay h2{font:700 clamp(2.2rem,8vw,5rem)/.82 'Pixelify Sans';margin:0;letter-spacing:-.03em}.start-overlay p,.end-overlay p{font-size:.7rem;line-height:1.65;max-width:34rem;margin:1rem 0}.start-overlay button,.end-overlay button{min-height:3.1rem;background:var(--acid);color:var(--ink);border:2px solid var(--ink);box-shadow:.35rem .35rem 0 var(--ink);padding:.7rem 1rem;font-size:.68rem;font-weight:800;cursor:pointer}.start-overlay button span,.end-overlay button span{margin-left:1.3rem}.end-overlay label{font-size:.58rem;letter-spacing:.15em;margin:.3rem}.end-overlay input{height:2.8rem;width:min(16rem,90%);border:2px solid var(--cream);background:rgba(0,0,0,.18);color:#fff;padding:.5rem .7rem;outline:none;text-align:center}.end-overlay input::placeholder{color:#c8d3bf}.end-overlay button{margin-top:.65rem}.controls{display:flex;align-items:center;gap:1rem;min-height:4.5rem;padding:.65rem .8rem;color:var(--cream)}.joystick{width:3.2rem;height:3.2rem;flex:none;border-radius:50%;border:1px solid rgba(243,233,207,.32);background:rgba(0,0,0,.12);position:relative;touch-action:none}.joystick span{position:absolute;width:1.35rem;height:1.35rem;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--acid);box-shadow:0 0 .7rem rgba(214,255,72,.25)}.hint{font-size:.58rem;line-height:1.5;opacity:.76}.hint b{color:var(--acid)}.hint em{color:var(--gold);font-style:normal}.reset{margin-left:auto;background:transparent;color:var(--cream);border:1px solid rgba(243,233,207,.35);min-height:2.8rem;padding:.5rem .7rem;font-size:.58rem;cursor:pointer}.board-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:.7rem}.board-head h2{font:700 2.8rem/.8 'Pixelify Sans';margin:0}.board-head>span{font-size:.58rem}footer{border-top:1px solid var(--line);padding:1.2rem 0 2rem;text-align:center;font-size:.55rem;letter-spacing:.1em;color:#557465}

.badge i{display:inline-block;width:.45rem;height:.45rem;border-radius:50%;margin-right:.25rem;background:var(--acid);box-shadow:0 0 .55rem var(--acid)}.start-overlay>small{margin-top:1.1rem;font-size:.48rem;letter-spacing:.1em;opacity:.7}.stage canvas:focus-visible,.controls button:focus-visible,.talk-card button:focus-visible,.nearby-prompt:focus-visible{outline:3px solid var(--acid);outline-offset:2px}.nearby-prompt{position:absolute;left:50%;bottom:1.2rem;transform:translateX(-50%);z-index:3;border:2px solid var(--ink);background:var(--cream);color:var(--ink);padding:.65rem .9rem;box-shadow:.3rem .3rem 0 var(--ink);font-size:.62rem;font-weight:800;cursor:pointer}.talk-card{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);z-index:4;width:min(34rem,calc(100% - 2rem));padding:1.1rem 1.2rem;background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:.55rem .55rem 0 rgba(16,45,37,.65)}.talk-card>p:first-of-type{margin:0;color:#557465;font-size:.55rem;font-weight:800;letter-spacing:.13em}.talk-card h2{margin:.25rem 0;font:700 2rem Georgia,serif}.talk-card>p{font-size:.72rem;line-height:1.5;margin:.4rem 0 .9rem}.talk-close{position:absolute;right:.55rem;top:.45rem;width:2rem;height:2rem;border:0;background:transparent;color:var(--ink);font-size:1.4rem;cursor:pointer}.reply-row{display:flex;flex-wrap:wrap;gap:.45rem}.reply-row button,.emote-bar button{min-height:2.65rem;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:.45rem .65rem;font-size:.58rem;font-weight:800;cursor:pointer}.reply-row button:hover{background:var(--acid)}.emote-bar{display:flex;gap:.25rem;margin-left:auto}.emote-bar button{width:2.5rem;padding:0;color:var(--cream);border-color:rgba(243,233,207,.35);font-size:1rem}.emote-bar button:hover{background:rgba(214,255,72,.15);border-color:var(--acid)}.controls .reset{margin-left:.35rem}.social-panel{padding:4rem 0 5rem;max-width:58rem;margin:auto}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:1.2rem}.social-grid h3{font-size:.58rem;letter-spacing:.14em;color:#557465;margin:0 0 .55rem}.holder-list,.moment-list{list-style:none;padding:0;margin:0}.holder-list li{display:grid;grid-template-columns:2.6rem 1fr auto;align-items:center;gap:.65rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.holder-list i{width:2.4rem;height:2.4rem;background:var(--kitty-color);border:2px solid var(--ink);position:relative}.holder-list i:before,.holder-list i:after{content:"";position:absolute;top:-7px;border-style:solid;border-width:0 6px 8px;border-color:transparent transparent var(--kitty-color)}.holder-list i:before{left:2px}.holder-list i:after{right:2px}.holder-list b,.holder-list small{display:block}.holder-list b{font-size:.68rem}.holder-list small{margin-top:.2rem;font-size:.55rem;color:#557465}.holder-list>li>span{font-size:.52rem;font-weight:800;color:#557465}.holder-list li.met>span{color:#9b473f}.moment-list li{display:grid;grid-template-columns:5rem 1fr;gap:.6rem;min-height:3.7rem;padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.65rem;line-height:1.45}.moment-list span{font-size:.5rem;font-weight:800;letter-spacing:.08em;color:#9b473f}.poc-note{margin:2rem 0 0;padding:1rem;border-left:4px solid var(--red);background:rgba(243,233,207,.45);font-size:.65rem;line-height:1.6}
@media(min-width:48rem){.hud{grid-template-columns:9rem 9rem 9rem 1fr}.hud .status{grid-column:auto;border-top:0;padding:1rem .8rem;align-self:center}.controls{min-height:4rem}.joystick{display:none}}@media(max-width:47.99rem){.masthead .badge{display:none}.intro{padding:2.3rem 0 1.8rem;align-items:flex-start;flex-direction:column}.kit-card{align-self:flex-end}.stage{aspect-ratio:auto;height:24rem}.stage canvas{height:100%}.start-overlay h2{font-size:2.5rem}.start-overlay p{font-size:.62rem;margin:.7rem 0}.start-overlay>small{margin-top:.65rem}.emote-bar{order:3;width:100%;margin:0;justify-content:center}.controls{flex-wrap:wrap}.controls .reset{margin-left:auto}.social-grid{grid-template-columns:1fr;gap:2rem}.talk-card{bottom:.7rem}.reply-row button{flex:1 1 7rem}.nearby-prompt{bottom:.7rem;white-space:nowrap}}@media(pointer:coarse){.joystick{display:block}}@media(prefers-reduced-motion:reduce){.badge i{box-shadow:none}}