:root{color-scheme:dark;--ink:#e5ead9;--dim:#8d9384;--acid:#d6ee96;--bg:#101018;--line:#383d36;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}a:hover{color:var(--acid)}a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible,canvas:focus-visible{outline:1px solid var(--acid);outline-offset:5px}button:disabled{opacity:.4;cursor:wait}button:hover{color:var(--acid)}[hidden]{display:none!important}
#field{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.signature{position:absolute;left:4.7vw;top:5.5vh;pointer-events:none;display:flex;flex-direction:column;gap:13px}.name{font-size:clamp(13px,1.55vw,22px);font-weight:400;letter-spacing:.22em}.edition{font-size:9px;letter-spacing:.18em;color:var(--dim)}.coordinates{position:absolute;right:4.7vw;top:6vh;display:flex;gap:16px;align-items:center;font-size:10px;letter-spacing:.12em;color:#929680;pointer-events:none}.coordinates #mark-glyph{font-size:28px;color:var(--acid);min-width:25px}.thin{opacity:.35}.invitation{position:absolute;right:10vw;top:29vh;font-size:clamp(10px,.8vw,12px);line-height:1.85;letter-spacing:.03em;color:#bcc4ac;pointer-events:none;transition:opacity 2s}.invitation span{color:#717868}.invitation.depart{opacity:0}
.transport{position:absolute;left:4vw;bottom:5.6vh;display:flex;align-items:center;gap:5px}.transport button{width:40px;height:40px;font-size:24px;transition:color .2s,background .2s;line-height:1;border-radius:50%}.transport button[aria-pressed=true]{color:var(--acid);background:#d7ee9612}.transport #play{color:var(--acid);margin-right:7px}.separator{height:14px;width:1px;background:#65715755;margin:0 12px}.scores{position:absolute;right:4.6vw;bottom:6vh;display:flex;align-items:center;gap:8px}.scores button{width:39px;height:36px;font-size:25px;opacity:.5;border-bottom:1px solid transparent}.scores button[aria-pressed=true]{opacity:1;color:var(--acid);border-bottom-color:var(--acid)}.score-name{width:55px;padding-left:12px;color:#838e74;font-size:9px;letter-spacing:.08em}.sensor-indicator{position:absolute;left:4.7vw;top:13.5vh;display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.08em;color:var(--acid)}.sensor-indicator button{font-size:20px}#notice{position:absolute;left:4.7vw;bottom:13vh;max-width:min(78vw,500px);font-size:10px;line-height:1.7;color:var(--acid);pointer-events:none;opacity:0;transition:opacity .3s}#notice.visible{opacity:1}
.workshop{position:absolute;z-index:5;top:0;right:0;bottom:0;width:min(490px,100vw);background:#11151bf5;border-left:1px solid #7f8d6540;padding:34px 34px 28px;overflow:auto;overscroll-behavior:contain;box-shadow:-40px 0 110px #04061166;backdrop-filter:blur(20px);scrollbar-color:#535e43 transparent}.workshop-heading{display:flex;align-items:center;justify-content:space-between}.workshop h1{font-size:14px;font-weight:400;letter-spacing:.17em;margin:0}.workshop-heading button{font-size:27px;margin:-10px}.workshop .intro{font-size:16px;line-height:1.8;color:var(--acid);margin:30px 0 34px;max-width:320px}.workshop section{border-top:1px solid #68755440;padding:22px 0 19px}.workshop h2{font-size:10px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--acid);margin:0 0 15px}.workshop p{font-size:11px;line-height:1.85;color:#bec6b3;margin:10px 0 16px}.workshop .small{display:block;font-size:9px;line-height:1.85;color:#89937f}.workshop-controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.workshop section button{font-size:10px;padding:9px 12px;border:1px solid #61704960;border-radius:2px;line-height:1.3}.workshop section button:hover{border-color:var(--acid)}textarea{width:100%;display:block;background:#090d1390;color:#cad9b5;border:1px solid #46563d80;padding:12px;border-radius:2px;font-size:10px;line-height:1.7;resize:vertical;margin:6px 0 14px}textarea::placeholder{color:#68705f}.check{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.7;color:#c7d2b9;margin:15px 0}.check input{accent-color:#cde992;margin:3px 0}input[type=range]{width:100%;margin:12px 0;accent-color:#b9d87b}.workshop footer{padding-top:20px;border-top:1px solid #61704960;font-size:8px;letter-spacing:.06em;color:#697560;line-height:1.7}.error{color:#eba98c!important}
@media(max-width:600px){.signature{left:7vw;top:5vh}.name{font-size:14px}.edition{font-size:8px;gap:10px}.coordinates{right:7vw;top:5vh;gap:8px}.coordinates #relation-glyph,.coordinates .thin{display:none}.invitation{right:9vw;top:24vh;font-size:9px}.transport{left:5vw;bottom:max(4vh,env(safe-area-inset-bottom));gap:1px}.transport button{width:35px;height:36px;font-size:21px}.separator{margin:0 7px}.scores{right:5vw;bottom:13vh;gap:5px}.scores button{width:33px;font-size:23px}.score-name{font-size:8px;width:45px}.sensor-indicator{left:7vw;top:12vh;gap:9px;font-size:8px}#notice{left:7vw;bottom:19vh;font-size:9px}.workshop{padding:28px 25px}.workshop .intro{font-size:15px}.workshop section{padding:18px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.signature #back-home{pointer-events:auto}.workshop a{text-decoration:underline;text-underline-offset:3px}