.ty-game{--ink:#111124;--paper:#fff7eb;isolation:isolate;min-height:100svh;color:var(--paper);background:#15152d;grid-template-rows:auto 1fr;font-family:Arial,Microsoft YaHei,sans-serif;display:grid;position:relative;overflow:hidden}.ty-art{z-index:-3;background-repeat:no-repeat;background-size:cover;transition:background-image .45s;position:absolute;inset:0;transform:scale(1.02)}.ty-noise{z-index:-2;opacity:.24;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 4px);position:absolute;inset:0}.ty-header{letter-spacing:.1em;background:#0c0c1d40;border-bottom:1px solid #fff7eb57;justify-content:space-between;align-items:center;gap:18px;padding:17px clamp(17px,4vw,64px);font:10px/1 Courier New,monospace;display:flex}.ty-header a{font-size:13px;font-weight:900}.ty-header a span,.ty-header p{color:#fff7ebad}.ty-header div{justify-items:center;gap:5px;display:grid}.ty-header b{letter-spacing:0;font:800 15px/1 Arial,Microsoft YaHei,sans-serif}.ty-header small{color:#ffbd43}.ty-title{text-shadow:0 3px 20px #08081bcc;align-self:start;padding:clamp(48px,10vh,118px) clamp(18px,8vw,132px) 0}.ty-title p,.ty-dialogue>p,.ty-ending p{color:#ffbd43;letter-spacing:.13em;margin:0 0 9px;font:10px/1.4 Courier New,monospace}.ty-title h1{letter-spacing:-.13em;margin:0;font-size:clamp(61px,11vw,158px);line-height:.84}.ty-title span{color:#fff7ebd6;margin-top:18px;font-size:13px;display:block}.ty-stage{align-self:end;width:min(790px,100% - 34px);margin:0 auto clamp(30px,6.8vh,72px)}.ty-chapter{color:#fff7ebbf;letter-spacing:.1em;justify-content:space-between;margin-bottom:9px;font:10px Courier New,monospace;display:flex}.ty-chapter i{color:#ffbd43;font-style:normal}.ty-dialogue{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#0c0c1dcc;border:1px solid #fff7eb78;min-height:145px;padding:24px 28px;box-shadow:0 20px 48px #0000004a}.ty-dialogue[role=button]{cursor:pointer}.ty-dialogue h2{margin:0;font-size:clamp(19px,2.25vw,26px);font-weight:600;line-height:1.65}.ty-dialogue small{color:#fff7eb8a;margin-top:15px;font:10px Courier New,monospace;display:block}.ty-description{border-left:4px solid #90d9d1}.ty-dialogue{border-left:4px solid #ffbd43}.ty-message{background:#1f0c23d6;border-left:4px solid #ff668c}.ty-choices{gap:8px;margin-top:10px;display:grid}.ty-choices button{color:var(--paper);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#101023c4;border:1px solid #fff7eb94;grid-template-columns:37px 1fr 20px;align-items:center;gap:11px;padding:15px 17px;font:15px/1.35 Arial,Microsoft YaHei,sans-serif;transition:all .18s;display:grid}.ty-choices i{color:#ffbd43;font:10px Courier New,monospace}.ty-choices b{font-size:18px;font-weight:400}.ty-choices button:hover,.ty-choices button:focus-visible{color:#19152c;background:#ffbd43;border-color:#ffbd43;outline:0}.ty-ending{background:#0f0f22e8;border:1px solid #ffbd43;padding:27px;box-shadow:0 20px 55px #00000057}.ty-ending h2{letter-spacing:-.08em;margin:10px 0 7px;font-size:clamp(32px,5vw,50px)}.ty-ending span{color:#fff7ebcc;font-size:14px;display:block}.ty-ending button{color:#171428;cursor:pointer;background:#ffbd43;border:1px solid #ffbd43;margin-top:20px;padding:12px 14px;font:10px Courier New,monospace}.ty-age{z-index:8;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:#090815c4;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ty-age>div{background:#17172d;border:1px solid #fff7eb9e;width:min(490px,100%);padding:clamp(27px,5vw,48px);box-shadow:0 25px 90px #00000080}.ty-age p{color:#ffbd43;margin:0 0 10px;font:10px Courier New,monospace}.ty-age h2{letter-spacing:-.1em;margin:0;font-size:clamp(44px,8vw,70px)}.ty-age span{color:#fff7ebc7;margin:18px 0 25px;font-size:14px;line-height:1.75;display:block}.ty-age button{color:#171428;cursor:pointer;background:#ffbd43;border:0;width:100%;padding:14px;font:11px Courier New,monospace;display:block}.ty-age a{color:#fff7eba3;text-align:center;margin-top:15px;font:10px Courier New,monospace;display:block}@media (width<=620px){.ty-header{padding:15px 17px}.ty-header p{display:none}.ty-title{padding:52px 18px 0}.ty-title h1{font-size:clamp(54px,18vw,86px)}.ty-stage{margin-bottom:28px}.ty-dialogue{min-height:165px;padding:20px 18px}.ty-dialogue h2{font-size:18px}.ty-choices button{padding:14px}.ty-art{background-position:58%}}
