@import url("https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;max-width:100vw;background:#10131f;font-family:Silkscreen,monospace}#scene{position:relative;width:100vw;height:100vh;overflow:hidden}canvas#meadow{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#title{position:absolute;top:3.5%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;z-index:40;white-space:nowrap}#title h1{font-size:clamp(.78rem,1.9vw,1.25rem);font-weight:700;color:#FFF3DA;text-shadow:2px 2px 0 #5a2a12,-1px -1px 0 #5a2a12,2px 2px 6px rgba(0,0,0,.45);letter-spacing:.1em}#title p{font-size:clamp(.4rem,.85vw,.56rem);color:#FFE8CC;opacity:.88;margin-top:5px;letter-spacing:.15em;text-shadow:1px 1px 2px rgba(0,0,0,.55)}.plot-point{position:absolute;cursor:pointer;z-index:20;display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:none;padding:4px;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.4,.64,1)}.plot-point:focus-visible,.plot-point:hover{transform:translateY(-6px) scale(1.08)}.plot-point:focus-visible{outline:2px solid #F5D56E;outline-offset:3px;border-radius:2px}.pp-sprite{image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45));transition:filter .15s}.plot-point:focus-visible .pp-sprite,.plot-point:hover .pp-sprite{filter:drop-shadow(0 3px 0 rgba(0,0,0,.45)) brightness(1.2)}.pp-label{font-size:10px;font-weight:700;color:#fff;background:rgba(8,22,8,.9);padding:3px 7px;white-space:nowrap;border:1px solid rgba(255,255,255,.18);letter-spacing:.06em;font-family:Silkscreen,monospace;opacity:0;transform:translateY(3px);transition:all .15s ease;pointer-events:none}.plot-point:focus-visible .pp-label,.plot-point:hover .pp-label{opacity:1;transform:translateY(0)}.scene-spot{position:absolute;cursor:pointer;z-index:20;background:rgba(255,243,196,0);border:2px solid rgba(255,243,196,0);border-radius:8px;transition:all .18s ease;transform:translate(-50%,50%);min-width:44px;min-height:44px}.scene-spot:focus-visible,.scene-spot:hover{border-color:rgba(255,243,196,.9);background:rgba(255,243,196,.12);box-shadow:0 0 22px 4px rgba(255,210,120,.5)}.scene-spot:focus-visible{outline:2px solid #F5D56E;outline-offset:3px}.ss-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(10px,1.6vw,18px);height:clamp(10px,1.6vw,18px);border-radius:50%;background:radial-gradient(circle,#FFF6D0 0,#FFD877 52%,rgba(255,180,90,0) 74%);box-shadow:0 0 12px 2px rgba(255,214,120,.85);pointer-events:none;animation:pulseGlow 2.4s ease-in-out infinite;transition:opacity .18s ease}.scene-spot:focus-visible .ss-marker,.scene-spot:hover .ss-marker{opacity:0}.ss-label{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);white-space:nowrap;font-size:10px;font-weight:700;font-family:Silkscreen,monospace;color:#fff;background:rgba(8,22,8,.9);border:1px solid rgba(255,255,255,.18);padding:3px 7px;letter-spacing:.06em;pointer-events:none;opacity:0;transition:all .18s ease;z-index:30}.scene-spot:focus-visible .ss-label,.scene-spot:hover .ss-label{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.45);opacity:.3}}#mailbox-popup{position:absolute;z-index:50;background:#0e1e0e;border:2px solid #5dbb63;padding:13px 15px 15px;max-width:210px;min-width:182px;transform:translateX(-50%);display:none;box-shadow:0 6px 0 rgba(0,0,0,.35);font-family:Silkscreen,monospace}#mailbox-popup.open{display:block;animation:popInX .2s ease}@keyframes popInX{0%{transform:translateX(-50%) scale(.9);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}.mp-header{font-size:.5rem;color:#5DBB63;letter-spacing:.12em;margin-bottom:9px;padding-bottom:7px;border-bottom:1px solid #2a6b2e}.mp-body{font-size:.47rem;color:#c8f0c8;line-height:1.85}.mp-close{position:absolute;top:5px;right:8px;background:none;border:none;color:#5DBB63;font-size:.6rem;cursor:pointer;font-family:Silkscreen,monospace;min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}.mp-close:hover{color:#90e090}.mp-close:focus-visible{outline:2px solid #F5D56E;outline-offset:2px}#chair-popup{position:absolute;z-index:50;left:50%;top:46%;transform:translate(-50%,-50%);background:#F3E3C0;border:3px solid #8b6b3a;padding:18px 22px 20px;max-width:320px;width:min(80vw,320px);display:none;box-shadow:0 10px 0 rgba(0,0,0,.3),0 0 0 6px rgba(243,227,192,.25);font-family:Silkscreen,monospace}#chair-popup.open{display:block;animation:popInXY .22s ease}@keyframes popInXY{0%{transform:translate(-50%,-50%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.cp-header{font-size:.52rem;color:#8B5A2A;letter-spacing:.1em;margin-bottom:11px}.cp-body{font-size:.48rem;color:#4A3420;line-height:1.95}.cp-close{position:absolute;top:7px;right:9px;background:none;border:none;color:#8B6B3A;font-size:.6rem;cursor:pointer;font-family:Silkscreen,monospace;min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}.cp-close:hover{color:#6B4B1A}.cp-close:focus-visible{outline:2px solid #8B6B3A;outline-offset:2px}#overlay{position:absolute;bottom:0;left:0;right:0;height:62%;background:#0a180a;border-top:3px solid #5dbb63;z-index:60;padding:20px 30px 26px;overflow-y:auto;box-sizing:border-box;transform:translateY(100%);transition:transform .35s cubic-bezier(.34,1.1,.64,1)}#overlay.open{transform:translateY(0)}#overlay-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:11px;border-bottom:1px solid #1e3e1e}#overlay-title{font-size:clamp(.54rem,1vw,.72rem);font-weight:700;color:#5DBB63;letter-spacing:.08em}#overlay-close{background:none;border:1px solid #2a6b2e;padding:3px 9px;cursor:pointer;color:#5DBB63;font-family:Silkscreen,monospace;font-size:.46rem;transition:background .15s;min-height:36px;display:inline-flex;align-items:center}#overlay-close:hover{background:#162e16}#overlay-close:focus-visible{outline:2px solid #F5D56E;outline-offset:2px}.list-item{display:flex;align-items:flex-start;gap:13px;padding:11px 0;border-bottom:1px solid #142214}.list-item:last-child{border-bottom:none}.li-icon{font-size:1.15rem;flex-shrink:0;margin-top:1px}.li-body{flex:1 1}.li-title{font-size:.54rem;font-weight:700;color:#c8f0c8;margin-bottom:4px;letter-spacing:.04em}.li-sub{font-size:.44rem;color:#5DBB63;margin-bottom:5px}.li-note{font-size:.42rem;color:#6aaa6a}.progress-bar{display:flex;gap:2px;margin:5px 0 6px}.pb-seg{width:14px;height:4px;background:#182e18}.pb-seg.filled{background:#5DBB63}.project-card{background:#081208;border:1px solid #2a6b2e;padding:16px}.project-tag{display:inline-block;font-size:.38rem;color:#3D9142;border:1px solid #2a6b2e;padding:2px 6px;margin-bottom:8px;letter-spacing:.12em}.project-title{font-size:.6rem;color:#c8f0c8;font-weight:700;margin-bottom:8px}.project-desc{font-size:.44rem;color:#7aad7a;line-height:1.85}.project-link{display:inline-block;margin-top:12px;font-size:.42rem;color:#5DBB63;text-decoration:none;border-bottom:1px solid #2a6b2e}.project-link:hover{color:#90e090}.project-link:focus-visible{outline:2px solid #F5D56E;outline-offset:2px}.project-footer{padding:9px 0;font-size:.42rem;color:#3D9142}#tod-toggle{position:absolute;top:12px;right:14px;z-index:30;display:flex;gap:5px}.tod-btn{background:rgba(8,20,8,.7);border:1px solid rgba(93,187,99,.4);color:rgba(255,255,255,.5);font-family:Silkscreen,monospace;font-size:.38rem;padding:3px 8px;cursor:pointer;transition:all .15s;letter-spacing:.06em;min-height:36px;display:inline-flex;align-items:center}.tod-btn.active,.tod-btn:hover{border-color:#5DBB63;color:#fff}.tod-btn.active{background:rgba(8,20,8,.9)}.tod-btn:focus-visible{outline:2px solid #F5D56E;outline-offset:2px}#footer{position:absolute;bottom:3%;left:3%;z-index:40;font-size:clamp(.36rem,.72vw,.48rem);color:#FFE8CC;opacity:.7;letter-spacing:.1em;text-shadow:1px 1px 2px rgba(0,0,0,.6);pointer-events:none}@media(max-width:600px){#overlay{height:78%;padding:14px 18px 20px}#title h1{white-space:normal}#title h1,#title p{text-align:center}#tod-toggle{top:8px;right:8px;bottom:auto;gap:3px}.tod-btn{width:34px;height:34px;min-height:34px;padding:0;justify-content:center;font-size:0;border-radius:4px}.tod-icon{font-size:15px;line-height:1}.tod-text{display:none}}@media(max-width:380px){#mailbox-popup{font-size:.55rem}}@media(prefers-reduced-motion:reduce){#overlay,.plot-point,.pp-label,.scene-spot,.ss-label{transition:none}#chair-popup,#mailbox-popup,.ss-marker{animation:none}}