:root{--bg:#16111c;--paper:#f3e6c8;--foil:#e2c16a;--ink:#2a1f14;--jade:#2aa77a;--saffron:#e8a322;--slate:#3d3848;--key:#2b2433;--sa-t:env(safe-area-inset-top,0px);--sa-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);touch-action:manipulation;-webkit-user-select:none;user-select:none;height:100%;font-family:Palatino,Palatino Linotype,Iowan Old Style,Songti SC,serif;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#hits,#hud{pointer-events:none;position:fixed;inset:0}#title{top:calc(14px + var(--sa-t));text-align:center;color:var(--foil);letter-spacing:.22em;text-indent:.22em;text-shadow:0 1px #000,0 0 22px #e2c16a59;font-size:26px;font-weight:700;animation:.7s both fadein;position:absolute;left:0;right:0}#hint{text-align:center;color:var(--paper);letter-spacing:.06em;text-shadow:0 1px 4px #000;font-size:15px;animation:.9s .2s both fadein;position:absolute;top:508px;left:16px;right:16px}#hint.ghost-share:after{content:" · 分享格子";color:var(--foil);opacity:.8}#keys{left:8px;right:8px;bottom:calc(18px + var(--sa-b));pointer-events:auto;flex-direction:column;gap:7px;animation:.45s cubic-bezier(.16,.84,.32,1.2) both slideup;display:flex;position:fixed}.keyrow{justify-content:center;gap:5px;display:flex}.key{background:linear-gradient(#3a3344, var(--key));min-width:32px;height:46px;color:var(--paper);border:0;border-radius:7px;padding:0 6px;font:700 15px/1 ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,system-ui,sans-serif;box-shadow:0 2px #120c18,inset 0 1px #ffffff1f}.key.wide{min-width:52px;font-size:14px}.key:active{transform:translateY(1px)}.key.correct{background:var(--jade);color:#fff6e4}.key.present{background:var(--saffron);color:#2a1f14}.key.absent{color:#8a8296;background:#241e2a}.key.pulse{outline:2px solid var(--foil)}#share{pointer-events:auto;background:#0c0810b8;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.35s both fadein;display:flex;position:fixed;inset:0}#share[hidden]{display:none}.card{background:#1e1826;border:1px solid #e2c16a59;border-radius:16px;width:300px;padding:22px 18px 16px;animation:.5s cubic-bezier(.16,.84,.32,1.1) both slideup;box-shadow:0 12px 40px #00000073}#share-grid{flex-direction:column;align-items:center;gap:6px;margin-bottom:14px;display:flex}.share-row{gap:6px;display:flex}.sq{border-radius:6px;width:42px;height:42px;animation:.45s cubic-bezier(.2,1.4,.4,1) both pop}.sq.correct{background:var(--jade)}.sq.present{background:var(--saffron)}.sq.absent{background:var(--slate)}.share-row:first-child .sq{animation-delay:0s}.share-row:nth-child(2) .sq{animation-delay:.16s}.share-row:nth-child(3) .sq{animation-delay:.32s}.share-row:nth-child(4) .sq{animation-delay:.48s}.share-row:nth-child(5) .sq{animation-delay:.64s}.share-row:nth-child(6) .sq{animation-delay:.8s}#share-copy,#practice,#share-close{letter-spacing:.08em;border:0;border-radius:10px;width:100%;height:42px;margin-top:8px;font:700 16px Palatino,Songti SC,serif;display:block}#share-copy{background:var(--foil);color:#2a1f14}#practice{color:var(--paper);background:0 0;border:1px solid #f3e6c859}#share-close{color:#b7ad9a;background:0 0;height:34px}#ring{color:var(--foil);text-align:center;letter-spacing:.08em;font-size:14px}#chat{color:#e8eef8;white-space:pre-wrap;background:#2a3344;border-radius:14px 14px 14px 4px;max-width:280px;padding:10px 12px;font:14px/1.35 ui-rounded,system-ui,sans-serif;box-shadow:0 8px 20px #00000059}#chat[hidden]{display:none}#cta{color:#fff6e4;letter-spacing:.08em;text-shadow:0 2px #5a2a10,0 0 24px #ffb43cb3;pointer-events:none;background:linear-gradient(#0000 30%,#0c080e26 54%,#0c080ed1 100%);justify-content:center;align-items:flex-end;padding-bottom:88px;font-size:42px;font-weight:800;display:flex;position:fixed;inset:0}#cta[hidden]{display:none}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}