.figure-page{--ink:#173f43;--paper:#f5eee2;width:100%;height:100%;color:var(--ink);background:var(--paper) url(/assets/paper.png) center / cover;flex-direction:column;font-family:Noto Serif SC,Songti SC,serif;display:flex;position:relative;overflow:hidden}.figure-page button{-webkit-tap-highlight-color:transparent;color:inherit;font-family:inherit}.figure-page button:focus-visible,.figure-canvas:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.figure-header{z-index:2;pointer-events:none;flex-shrink:0;padding:54px 24px 0;position:relative}.collection-label{color:#697a6e;letter-spacing:.05em;margin:0 0 4px;font:11px/1.5 system-ui,sans-serif}.figure-header h1{letter-spacing:2px;margin:0;font-size:30px;font-weight:600;line-height:1.4}.figure-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.figure-header-row h1{flex-shrink:0}.figure-picker{pointer-events:auto;background:#faf7efc9;border:1px solid #cdd2c3;border-radius:24px;gap:4px;padding:2px;display:flex}.figure-picker button{white-space:nowrap;background:0 0;border:0;border-radius:21px;min-width:48px;min-height:40px;padding:7px 9px;font:12px/1.3 system-ui,sans-serif}.figure-picker button[aria-pressed=true]{color:#fff8ea;background:#173f43}.figure-status{color:#687e73;min-height:17px;margin:6px 0 0;font:11px/1.5 system-ui,sans-serif}.figure-stage{flex:1;min-height:150px;position:relative}.figure-canvas{outline:none;position:absolute;inset:0}.figure-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.figure-languages{z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;top:25%;right:12px}.figure-languages button{background:#faf6ebed;border:1px solid #d1d4c4;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:50px;height:50px;padding:5px;font:11px/1.3 system-ui,sans-serif;display:flex;box-shadow:0 2px 8px #173f430a}.figure-languages button.selected{background:#f8f4e8;border-color:#426961}.figure-languages svg{width:18px;height:18px}.figure-reset{background:#faf6ebd9;border:1px solid #ced1c3;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:34px;left:18px}.figure-reset svg{width:19px;height:19px}.figure-reset:disabled{opacity:.4}.figure-hint{text-align:center;color:#778475;pointer-events:none;margin:0;font:10px/1.4 system-ui,sans-serif;position:absolute;bottom:4px;left:12px;right:12px}.figure-reaction{pointer-events:none;background:#faf7efed;border:1px solid #dedbcb;border-radius:18px 18px 18px 3px;max-width:calc(100% - 105px);padding:11px 15px;font:14px/1.6 system-ui,sans-serif;position:absolute;top:8px;left:20px;box-shadow:0 3px 12px #173f4310}.figure-retry{background:#f5eee2;border:1px solid #173f43;border-radius:24px;min-height:44px;padding:10px 22px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.figure-footer{background:url(/assets/header-paper.png) top/100% 200% no-repeat;flex-shrink:0;padding:10px 24px 25px}.figure-name{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;display:flex}.figure-name h2{letter-spacing:2px;margin:0;font-size:37px;font-weight:600;line-height:1.3}.figure-name>span{font-size:18px;line-height:1.4}.figure-origin{text-align:center;color:#778373;margin:5px 0 9px;font:10px/1.5 system-ui,sans-serif}.figure-intro{-webkit-line-clamp:3;color:#576d63;-webkit-box-orient:vertical;max-width:680px;margin:0 auto 12px;font:13px/1.8 system-ui,sans-serif;display:-webkit-box;overflow:hidden}.figure-actions{justify-content:center;gap:10px;display:flex}.figure-actions button{background:#faf7efd9;border:1px solid #c7cbbb;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:8px;max-width:240px;min-height:44px;padding:8px 10px;font:13px/1.35 system-ui,sans-serif;display:flex}.figure-actions button:first-child{color:#fff8ea;background:#173f43;border-color:#173f43}.figure-actions svg{flex-shrink:0;width:17px;height:17px}.figure-audio-status{text-align:center;color:#6d7e71;white-space:nowrap;text-overflow:ellipsis;height:15px;margin:7px 0 0;font:10px/1.5 system-ui,sans-serif;overflow:hidden}.figure-sheet-scroll{color:#173f43;background:#f7f1e7 url(/assets/paper.png) 50%/cover;height:100%;position:relative;overflow:hidden}.figure-sheet-body{padding:12px 24px 50px;font:15px/1.85 system-ui,sans-serif}.figure-sheet-body h3{color:#738372;margin:26px 0 10px;font-size:13px;font-weight:500}.figure-sheet-body blockquote{border-top:1px solid #d3d7c7;margin:0;padding-top:14px;font:17px/2 Noto Serif SC,serif}.figure-sheet-body cite{text-align:right;font:12px/2 system-ui,sans-serif;display:block}.figure-close{color:#173f43;background:#eae5da;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin-left:auto;display:grid}.figure-close svg{width:18px;height:18px}.figure-note{color:#778373;margin-top:20px;font:12px/1.8 system-ui,sans-serif}.figure-phone .figure-header{padding-top:calc(env(safe-area-inset-top,0px) + 20px)}.figure-phone .figure-footer{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}@media (height<=680px){.figure-header h1{font-size:25px}.figure-header{padding-top:44px}.figure-name h2{font-size:30px}.figure-name>span{font-size:15px}.figure-intro{-webkit-line-clamp:2;margin-bottom:9px;font-size:12px}.figure-footer{padding-top:6px;padding-bottom:12px}}@media (width>=700px){.figure-phone .figure-header{padding-left:36px}.figure-phone .figure-languages{right:36px}.figure-phone .figure-footer{padding-top:18px}.figure-phone .figure-intro{text-align:center}}@media (height<=500px) and (width>=600px){.figure-phone{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;display:grid}.figure-phone .figure-header{grid-area:1/2;padding:18px 20px 0}.figure-phone .figure-stage{grid-area:1/1/3}.figure-phone .figure-footer{grid-area:2/2;align-self:end;padding:12px 20px}.figure-phone .figure-languages{right:8px}.figure-phone .figure-intro{text-align:left}}