.incloing-dino{--dino-ink:#3e5b4a;--dino-muted:#7f917a;position:fixed;inset:0;margin:auto;width:min(850px,calc(100vw - 30px));max-width:none;max-height:calc(100dvh - 30px);border:1px solid #fffffff2;border-radius:28px;padding:24px;color:var(--dino-ink);background:linear-gradient(145deg,#fbfcf7f2,#eff6eae8);box-shadow:inset 0 1px 1px white,inset 0 -1px 2px #b0c1ad30,0 24px 90px #40594424;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);overflow:auto;overscroll-behavior:contain;font:400 14px/1.7 Outfit,NotoUI,'PingFang SC','Microsoft YaHei',sans-serif}
.incloing-dino::backdrop{background:#425e4b30;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dino-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dino-eyebrow{font:400 9px/1.5 Outfit,sans-serif;letter-spacing:.2em;color:#9baa91;margin:0 0 6px}.dino-title{font-size:23px;font-weight:400;letter-spacing:-.04em;margin:0}.dino-title span{color:#8caa76;margin-left:3px}.incloing-dino button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.incloing-dino button:focus-visible,.dino-canvas:focus-visible{outline:2px solid #6b986d;outline-offset:4px}.dino-close{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid white;border-radius:50%;background:#ffffff80;box-shadow:inset 0 1px 2px #fff;font-size:25px!important;font-weight:300!important;line-height:1}.dino-screen{position:relative;border-radius:20px;border:1px solid #fffffff2;box-shadow:inset 0 1px 4px #b8c5b318,0 5px 20px #617b5406;overflow:hidden;background:linear-gradient(#e6edf1,#f6f2e9 58%,#edf3df)}.dino-scoreboard{position:absolute;z-index:1;left:20px;right:20px;top:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;font:400 11px/1.5 Outfit,NotoUI,sans-serif;color:#7d9470;pointer-events:none;font-variant-numeric:tabular-nums}.dino-scoreboard strong{font-weight:500;font-size:18px;color:#4e7154;margin-left:8px}.dino-scoreboard .dino-best{font-size:10px;color:#9aa68e}.dino-scoreboard .dino-best strong{font-size:12px;color:#8a9c7f;margin-left:5px}.dino-canvas{width:100%;height:285px;display:block;touch-action:none;image-rendering:auto}.dino-message{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:50px 20px 65px;background:#f5f7f00d;pointer-events:none;transition:opacity .2s}.dino-message[hidden]{display:none}.dino-message strong{font-size:22px;letter-spacing:.01em;font-weight:400;color:#49674a;text-shadow:0 1px 10px #fff9}.dino-message span{font-size:11px;color:#8b9e7b;line-height:1.9;max-width:290px}.dino-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:17px;flex-wrap:wrap}.dino-control-buttons{display:flex;align-items:center;gap:9px}.dino-action{min-height:43px;min-width:105px;padding:10px 18px;border:1px solid #fff9;border-radius:14px;background:#617f5a;color:#fff!important;box-shadow:inset 0 1px 1px #ffffff50,0 4px 13px #59725213;font-size:12px!important;transition:transform .2s,background .2s}.dino-action:active,.dino-secondary:active{transform:scale(.96)}.dino-secondary{display:grid;place-items:center;min-height:43px;padding:9px 15px;border:1px solid #ffffffe0;border-radius:14px;background:linear-gradient(145deg,#ffffffad,#ffffff54);box-shadow:inset 0 1px 1px #fff;font-size:12px!important}.dino-secondary:disabled{cursor:default;opacity:.45}.dino-jump{min-width:76px}.dino-instructions{font-size:10px;color:#91a085;line-height:1.9;margin:0;text-align:right}.dino-instructions kbd{font:400 10px/1.4 Outfit,sans-serif;display:inline-block;padding:2px 5px;min-width:17px;background:#fff8;border:1px solid #e4eadb;border-radius:5px;color:#7e956f;margin:0 2px}.dino-bottom-note{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:17px;padding-top:15px;border-top:1px solid #7b946512;font-size:9px;color:#a0ac95;letter-spacing:.03em}.dino-bottom-note p{margin:0}.dino-glass-wave{position:absolute;pointer-events:none;z-index:10;width:70px;height:70px;border:1px solid #ffffffd9;border-radius:50%;background:radial-gradient(ellipse at 30% 18%,#fff9,#fff1 55%,#e7f1de55 80%,transparent);box-shadow:inset 1px 2px 5px #ffffffbf;animation:dino-glass-flash .65s cubic-bezier(.22,1,.36,1) forwards;transform:translate(-50%,-50%)}@keyframes dino-glass-flash{from{opacity:.85;transform:translate(-50%,-50%) scale(.25)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}
@media(max-width:600px){.incloing-dino{padding:19px 16px;border-radius:24px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.dino-heading{margin-bottom:15px}.dino-title{font-size:21px}.dino-eyebrow{font-size:8px;letter-spacing:.15em}.dino-close{width:38px;height:38px}.dino-canvas{height:240px}.dino-screen{border-radius:16px}.dino-scoreboard{left:15px;right:15px;top:14px}.dino-controls{gap:13px;justify-content:center;margin-top:15px}.dino-control-buttons{display:grid;grid-template-columns:minmax(90px,1fr) auto minmax(64px,.7fr);width:100%;gap:7px}.dino-action{min-width:0;padding:10px 12px}.dino-secondary{padding:9px 12px}.dino-jump{min-width:0}.dino-instructions{width:100%;text-align:center;font-size:9px}.dino-instructions kbd{font-size:9px}.dino-message strong{font-size:20px}.dino-message span{font-size:10px}.dino-bottom-note{font-size:8px;margin-top:14px;padding-top:12px;justify-content:center;text-align:center;gap:4px}.dino-bottom-note p{width:100%}}
@media(max-width:359px){.incloing-dino{padding:17px 12px}.dino-canvas{height:225px}.dino-title{font-size:20px}.dino-scoreboard{left:12px;right:12px;font-size:10px}.dino-scoreboard strong{font-size:16px;margin-left:6px}.dino-scoreboard .dino-best{font-size:9px}.dino-action,.dino-secondary{font-size:11px!important;padding:9px 10px}.dino-message{padding:50px 14px 70px}.dino-message span{max-width:220px}}
@media(max-height:550px) and (orientation:landscape){.incloing-dino{padding:14px 18px;border-radius:21px;width:min(760px,calc(100vw - 30px));max-height:calc(100dvh - 20px)}.dino-heading{margin-bottom:10px}.dino-title{font-size:18px}.dino-eyebrow{font-size:7px;margin-bottom:2px}.dino-close{width:32px;height:32px;font-size:22px!important}.dino-canvas{height:clamp(145px,43dvh,210px)}.dino-scoreboard{top:9px}.dino-controls{margin-top:10px;gap:10px;flex-wrap:nowrap}.dino-control-buttons{display:flex;width:auto}.dino-action,.dino-secondary{min-height:35px;padding:6px 13px;font-size:11px!important}.dino-instructions{width:auto;font-size:8px;line-height:1.7;text-align:right}.dino-instructions kbd{font-size:8px;padding:1px 4px}.dino-bottom-note{display:none}.dino-message strong{font-size:18px}.dino-message span{font-size:9px}.dino-message{padding:35px 20px 38px;gap:5px}}
@media(prefers-reduced-motion:reduce){.incloing-dino *{transition:none!important}.dino-glass-wave{animation:none;opacity:.3;transform:translate(-50%,-50%) scale(.7)}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.incloing-dino{background:#f7faf0}.incloing-dino::backdrop{background:#485c4566}}