.hn-sheet-root{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}.hn-sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(18,32,22,.5);animation:hn-fade .2s ease-out}.hn-sheet{position:relative;width:100%;max-width:560px;background:#f8f4ea;border-radius:28px 28px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;align-items:center;gap:6px;animation:hn-rise .32s cubic-bezier(.2,.8,.2,1);max-height:92dvh;overflow-y:auto}.hn-sheet-grip{width:36px;height:5px;border-radius:3px;background:#d9d3c3}.hn-sheet-close{position:absolute;z-index:3;top:10px;right:12px;width:44px;height:44px;border:0;background:none;font-size:26px;color:#667363}.hn-stage{position:relative;width:100%;height:min(52dvh,380px);display:grid;place-items:center;background:radial-gradient(60% 55% at 50% 45%,#fffdf6 0,rgba(248,244,234,0) 70%)}.hn-stage-canvas{position:absolute;inset:0}.hn-stage-canvas canvas{touch-action:pan-y}.hn-stage-shadow{position:absolute;bottom:8%;left:50%;width:46%;height:18px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(40,34,20,.28),rgba(40,34,20,0))}.hn-stage-loading{width:60%;aspect-ratio:480/540}.hn-sheet-title{margin:4px 0 0;font-size:20px;font-weight:700}.hn-sheet-celebrate{margin:2px 0 0;padding:6px 12px;border-radius:14px;background:#e5f5e5;color:#1f6b45;font-size:13px;font-weight:500}.hn-sheet-meta{margin:0;font-size:13px;color:#2e875c}.hn-sheet-hint{margin:0;font-size:12px;color:#8a9386}.hn-sheet-actions{display:flex;gap:10px;margin-top:10px}.hn-rules{align-self:stretch;margin:6px 0 0;padding:14px 16px 14px 30px;background:#fffef8;border:1px solid #e8e1cf;border-radius:16px;font-size:13px;line-height:20px;color:#52604f;display:flex;flex-direction:column;gap:6px}.hn-flat{--s:.5208;width:250px;aspect-ratio:480/540;perspective:1200px;border:0;background:none;padding:0}.hn-flat-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.2,1)}.hn-flat-face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 6px 10px rgba(60,48,28,.22))}.hn-flat-face.is-locked{filter:grayscale(1) contrast(.85) brightness(1.08);opacity:.62}.hn-flat-back{transform:rotateY(180deg);display:block}.hn-flat-back img{width:100%;height:100%}.hn-back-text{position:absolute;left:0;right:0;text-align:center;color:#e2d7c2;line-height:1;font-weight:900;font-size:calc(64px * var(--s));letter-spacing:.04em;text-shadow:1px 2px 1.5px rgba(10,18,12,.85);font-family:PingFang SC,Noto Sans SC,sans-serif}.hn-back-text.is-sub{font-weight:700;font-size:calc(32px * var(--s));letter-spacing:.02em}.hn-back-text.is-small{font-weight:700;font-size:calc(24px * var(--s))}.hn-back-rule{position:absolute;left:50%;width:calc(92px * var(--s));height:calc(6px * var(--s));transform:translateX(-50%);border-radius:3px;background:#e2d7c2;box-shadow:1px 2px 2px rgba(10,18,12,.8)}@keyframes hn-fade{0%{opacity:0}}@keyframes hn-rise{0%{transform:translateY(40px);opacity:.4}}@media (prefers-reduced-motion:reduce){.hn-sheet,.hn-sheet-backdrop{animation:none}.hn-flat-inner{transition:none}}