:root{--paper: #f3e6d4;--paper-2: #fff8ee;--ink: #241c18;--muted: #746658;--line: #e4d3c0;--walk: #e37a32;--talk: #2f6bff;--shadow: 0 22px 50px rgba(70, 36, 12, .18);color:var(--ink);background:var(--paper);font-family:Zen Maru Gothic,"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(900px 420px at 10% -10%,#ffe7c7 0%,transparent 60%),radial-gradient(700px 380px at 110% 8%,#f7d5c4 0%,transparent 55%),var(--paper)}button,input{font:inherit;color:inherit}.app{width:min(1080px,calc(100% - 28px));margin:0 auto;padding:28px 0 48px}.hero h1{margin:0;font-size:clamp(48px,8vw,76px);font-weight:700;letter-spacing:.04em;line-height:1}.kicker{margin:0 0 8px;color:var(--muted);font-size:13px;letter-spacing:.04em}.lede{margin:10px 0 0;max-width:36rem;font-size:18px}.layout{display:grid;gap:22px;margin-top:22px}@media(min-width:960px){.layout{grid-template-columns:minmax(320px,480px) minmax(280px,1fr);align-items:start;gap:36px}}.stage{display:grid;justify-items:center;padding:8px 28px 0 8px}.watch{position:relative;width:min(78vw,420px);filter:drop-shadow(0 18px 24px rgba(48,24,8,.18))}.lanyard{height:28px;display:grid;justify-content:center}.lanyard span{width:22px;height:22px;margin-top:6px;border:4px solid #8d867d;border-radius:50%;background:radial-gradient(circle at 40% 35%,#d7d2cb,#6d675f 70%);box-shadow:inset 0 0 0 4px #1a1c1f}.body{position:relative;aspect-ratio:1;border-radius:28%;background:linear-gradient(160deg,rgba(255,255,255,.16),transparent 32%),linear-gradient(180deg,#2a2e33,#121417 42%,#0c0e11);box-shadow:var(--shadow),inset 0 1px #fff3,inset 0 -10px 16px #00000059;display:grid;place-items:center}.body:after{content:"";position:absolute;top:14%;bottom:14%;right:-7px;width:12px;border-radius:0 8px 8px 0;background:linear-gradient(90deg,#0a0c0e,#2a2e33)}.screen{width:82.7%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#000;position:relative;box-shadow:inset 0 0 0 3px #050607,0 0 0 3px #0a0c0e}#lcd{display:block;width:100%;height:100%}.glass{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 32%,transparent 62%,rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px #ffffff14}.usb{position:absolute;left:-6px;top:46%;width:10px;height:22px;border-radius:3px 0 0 3px;background:#1b1e22;box-shadow:inset 0 0 0 2px #3a3f46}.keys{position:absolute;right:-18px;top:30%;display:flex;flex-direction:column;gap:10px;z-index:2}.key{width:46px;height:46px;border:0;border-radius:50%;cursor:pointer;font-weight:700;box-shadow:inset 0 2px #ffffff73,inset 0 -3px #00000040,2px 3px #0b0d10;touch-action:manipulation}.key:active,.key[aria-pressed=true]{transform:translate(-2px) scale(.96)}.key:focus-visible,.act:focus-visible,#send:focus-visible{outline:3px solid #241c18;outline-offset:3px}.key-a{background:#ffd000;color:#3a2a00}.key-b{background:#2f6bff;color:#f4f7ff}.key-p{width:32px;height:32px;margin-left:7px;background:#e23d3d;color:#4a1010;font-size:10px}.key-legend,.hint{color:var(--muted);font-size:13px}.key-legend{margin:14px 0 0;text-align:center}.watch.is-off .screen{filter:brightness(.55)}.watch.is-shaking .body{animation:jiggle .16s linear}@keyframes jiggle{0%{transform:translate(0)}25%{transform:translate(-1.5px) rotate(-.4deg)}75%{transform:translate(1.5px) rotate(.4deg)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.watch.is-shaking .body{animation:none}}.panel{background:var(--paper-2);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 30px #5030100d}.status{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.status p{margin:0;color:var(--muted)}.status strong{color:var(--ink);font-size:28px;font-weight:700}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.act,#send{border:0;border-radius:999px;min-height:52px;padding:0 16px;font-weight:700;cursor:pointer;touch-action:manipulation}.act-walk{background:var(--walk);color:#fff8f2}.act-talk{background:var(--talk);color:#fff}.act-talk[aria-pressed=true]{background:#163ea8}.act-quiet{width:100%;margin-top:10px;background:transparent;color:var(--ink);border:1.5px solid var(--line)}.assist{margin-top:16px;display:grid;gap:10px}.say span{display:block;font-size:13px;color:var(--muted)}.say-row{display:flex;gap:8px;margin-top:6px}.say-row input,.field input{width:100%;border:1.5px solid var(--line);background:#fff;border-radius:12px;min-height:48px;padding:0 12px}#send{background:var(--ink);color:var(--paper-2);min-width:72px}fieldset{border:1px solid var(--line);border-radius:16px;margin:0;padding:12px;display:grid;gap:8px}legend{padding:0 6px;color:var(--muted);font-size:13px}.choice{display:flex;gap:8px;align-items:center}.field{display:grid;gap:4px;font-size:13px;color:var(--muted)}.field input:disabled{opacity:.45}.notes{margin-top:22px;color:var(--muted)}.notes summary{cursor:pointer;color:var(--ink)}.notes p{max-width:46rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:720px){.app{width:min(100% - 20px,560px);padding-top:18px}.lede{font-size:16px}.stage{padding:0 22px 0 0}.watch{width:min(86vw,380px)}.keys{right:-14px}.key{width:42px;height:42px}}