html{background:#e5e7df}body{background:#e5e7df}main{min-height:100dvh;max-width:500px;background:var(--paper);padding:18px 20px calc(16px + env(safe-area-inset-bottom));position:relative;box-shadow:0 0 100px #183a2510}header{padding:4px 0 16px;border:0}header a{font-size:18px}header a span{font-size:8px;color:var(--muted)}header button{background:#fff8;font-size:10px;min-height:36px}.intro{padding:16px 0 6px}.intro>.eyebrow{display:none}h1{font-family:inherit;font-size:27px;font-weight:500;letter-spacing:-.03em;line-height:1.4;margin:4px 0 10px}h1 br{display:none}#prompt{margin:0;color:var(--muted);font-size:12px;min-height:42px}nav{margin:8px -20px 14px;padding:0 20px;gap:7px}nav button{min-height:38px;background:#fff5;padding:0 15px;transition:background .18s}.board{border:0;border-radius:22px;background:#fcfaf5;box-shadow:inset 0 0 0 1px #334b3310,0 10px 28px #1c331a05}.board-head,.board-foot{font-size:8px;padding:15px 17px}#stage{height:clamp(250px,43dvh,390px);width:100%}.board-foot{padding-top:8px}footer{font-size:9px;margin:18px 4px 0;line-height:1.7}.board-head #phase{font-family:inherit;font-size:10px}.board:has(#marks circle){box-shadow:inset 0 0 0 1px #46694a40}.result-mode #result{animation:sheet-in .35s cubic-bezier(.2,.8,.2,1) both}#result{background:#fffdf7;border:1px solid #334b3320;border-radius:24px;margin:14px -5px 0;padding:22px 20px;box-shadow:0 14px 40px #19351b0b;position:relative}#result>.eyebrow{font-size:8px}.metric{margin:4px 0 12px}.metric strong{font-size:62px}.metric small{font-size:9px}.facts{padding:14px 0}.legend{font-size:9px;gap:8px;margin:14px 0}.primary{min-height:52px;border-radius:14px;background:#284b3d}.secondary{min-height:48px;border:1px solid #284b3d22;border-radius:14px;margin-top:10px;background:#edf0e8}.board.result-mini #stage{height:210px}.board.result-mini .board-foot{display:none}.result-mode .intro{display:none}.result-mode nav{margin-top:4px}.result-mode footer{margin-bottom:12px}#analysis{border-radius:14px;padding:16px}.touch-ring{fill:none;stroke:#bb714f;stroke-width:1.5;animation:touch-ring .5s ease-out forwards;transform-box:fill-box;transform-origin:center}#marks{animation:mark-in .25s ease-out}.board-head{align-items:center}#sheetClose{position:absolute;right:14px;top:9px;font-size:20px;min-width:40px;min-height:40px;color:#7e887b}button{touch-action:manipulation}button:active{filter:brightness(.95)}dialog{box-shadow:0 24px 80px #152b2940}#shapeName{font-size:9px}@keyframes sheet-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-in{from{opacity:0}to{opacity:1}}@keyframes touch-ring{from{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.5)}}@media(min-width:650px){main{margin:20px auto;min-height:calc(100dvh - 40px);border:1px solid #284b3d22;border-radius:30px}}@media(max-height:730px){.intro{padding-top:6px}h1{font-size:23px}#stage{height:270px}.board.result-mini #stage{height:160px}.metric strong{font-size:52px}.result-mode #result{padding-top:17px}.result-mode .board-head{padding:10px 15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}