*,:before,:after{box-sizing:border-box}:root{--black:#08080a;--ink:#101014;--ink-2:#23232a;--ink-3:#2e2e35;--paper:#f4f4f6;--paper-2:#eaeaee;--silver-1:#fdfdfd;--silver-2:#d9d9df;--silver-3:#b6b6bf;--silver-4:#8e8e99;--text:#26262c;--muted:#71717c;--sh-dark:#17171c24;--sh-dark-lg:#17171c38;--sh-light:#ffffffeb;--font-title:"Cinzel", "Times New Roman", serif;--font-body:"Cormorant Garamond", Georgia, serif}html{background:var(--black);color:var(--text);font-family:var(--font-body);scroll-behavior:smooth}body{height:100dvh;margin:0;line-height:1.6;overflow:hidden}img{max-width:100%;display:block}a{color:var(--ink-2)}a:hover{color:var(--ink)}::selection{background:var(--silver-3);color:var(--ink)}.game-frame{pointer-events:none;z-index:40;box-shadow:inset 0 0 0 1px #fffc, 0 24px 70px var(--sh-dark);border:1px solid #8e8e9980;border-radius:18px;position:fixed;inset:clamp(10px,1.8vw,24px)}.game-frame .corner{background:linear-gradient(135deg,#fff 0%,#d9d9df 45%,#a3a3ae 100%);border:1px solid #787884a6;width:13px;height:13px;position:absolute;transform:rotate(45deg);box-shadow:0 2px 8px #14141a40,inset 0 0 0 2px #ffffffbf}.game-frame .c-tl{top:-7px;left:-7px}.game-frame .c-tr{top:-7px;right:-7px}.game-frame .c-bl{bottom:-7px;left:-7px}.game-frame .c-br{bottom:-7px;right:-7px}.ornament{color:var(--silver-4);align-items:center;gap:.9rem;display:flex}.ornament:before,.ornament:after{content:"";background:linear-gradient(90deg, transparent, var(--silver-3));width:clamp(48px,8vw,96px);height:1px}.ornament:after{background:linear-gradient(90deg, var(--silver-3), transparent)}.ornament .gem{background:linear-gradient(135deg,#fff,#a3a3ae);border:1px solid #78788499;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 1px 4px #14141a33}.menu-btn{font-family:var(--font-title);letter-spacing:.22em;text-transform:uppercase;color:#d9d9df;cursor:pointer;background:linear-gradient(145deg,#18181ee0,#0d0d11d6);border:1px solid #8e8e9959;border-radius:999px;padding:.68rem 2.5rem;font-size:.76rem;font-weight:600;transition:transform .16s,box-shadow .16s,color .16s,border-color .16s;box-shadow:0 10px 26px #00000080,inset 0 1px #ffffff1f}.menu-btn:hover:not(:disabled){color:#fff;border-color:#b6b6bfb3;transform:translateY(-2px);box-shadow:0 14px 32px #0009,inset 0 1px #ffffff2e,0 0 20px #b6b6bf1f}.menu-btn:active:not(:disabled){transform:translateY(0);box-shadow:inset 4px 4px 12px #0000008c,inset -3px -3px 10px #ffffff0f}.menu-btn:disabled{cursor:not-allowed;color:var(--silver-4);opacity:.4;box-shadow:inset 0 1px #ffffff0f}.title-screen{background:radial-gradient(920px 480px at 50% 40%, #ffffff12 0%, #fff0 62%), radial-gradient(1100px 560px at 50% -18%, #ffffff0d 0%, #fff0 60%), linear-gradient(180deg, #0d0d10 0%, var(--black) 100%);flex-direction:column;justify-content:center;align-items:center;gap:0;height:100dvh;padding:clamp(1.6rem,5vh,3.4rem) 1.5rem 4.6rem;display:flex;position:relative;overflow:hidden}.title-kicker{font-family:var(--font-title);letter-spacing:.5em;text-transform:uppercase;color:var(--silver-3);margin:0 0 1rem;font-size:.72rem;font-weight:600}.title-logo{filter:drop-shadow(0 0 70px #ffffff17);width:min(1100px,94vw,64vh);height:auto}.title-menu{flex-direction:column;align-items:center;gap:.7rem;margin-top:1.1rem;display:flex}.title-version{text-align:center;font-family:var(--font-title);letter-spacing:.4em;text-transform:uppercase;color:var(--silver-4);font-size:.7rem;font-weight:600;position:absolute;bottom:clamp(1.6rem,4vh,2.8rem);left:0;right:0}.title-menu .menu-btn{border-color:#b6b6bf6b;box-shadow:0 12px 34px #0009,inset 0 1px #ffffff29}.title-menu .menu-btn:hover:not(:disabled){box-shadow:0 16px 40px #000000a6,0 0 22px #b6b6bf29,inset 0 1px #ffffff38}.an-iris{opacity:0;pointer-events:none;z-index:80;background:#050507;position:fixed;inset:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.title-kicker{letter-spacing:.36em;margin-bottom:.7rem;font-size:.58rem}.title-logo{width:min(560px,92vw,58vh)}.menu-btn{letter-spacing:.18em;padding:.55rem 1.8rem;font-size:.66rem}.title-menu{gap:.55rem;margin-top:.9rem}}
