*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:#eceef1;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#16181d;display:flex;align-items:center;justify-content:center;padding:24px;min-height:100vh;overflow-x:hidden}
.card{background:#fff;border-radius:28px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 40px rgba(20,24,40,.08);width:min(1100px,100%);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:56px 56px 40px;overflow:hidden}
.intro h1{font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.035em;font-weight:800}
.bio{margin-top:20px;font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:#3a3f4a;max-width:28ch}
.muted{color:#9aa0ab}
.hint{margin-top:28px;font-size:15px;color:#7a808c}
.stage-wrap{display:flex;flex-direction:column;align-items:center;min-width:0}
.stage{position:relative;width:100%;max-width:480px;aspect-ratio:1/1;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.circle{position:absolute;border-radius:50%;background:#ff7a1a;pointer-events:none}
.ring{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border:1.5px solid #16181d;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .15s,width .12s,height .12s,margin .12s}
.ring::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:#16181d;border-radius:50%}
.stage.hover{cursor:none}
.stage.hover .ring{opacity:1}
.stage.grabbing .ring{width:24px;height:24px;margin:-12px 0 0 -12px}
.caption{margin-top:6px;font-size:13px;color:#9aa0ab;font-style:italic;text-align:center}
@media (max-width:760px){
  body{padding:12px;align-items:flex-start}
  .card{grid-template-columns:1fr;padding:32px 22px 24px;gap:8px;border-radius:22px}
  .intro{text-align:center}
  .bio{margin-left:auto;margin-right:auto}
  .hint{margin-top:14px}
  .stage-wrap{margin-top:-28px}
  .stage{max-width:380px}
}