:root{--ink:#e8e4db;--gold:#d9b56b;--night:#030914}*{box-sizing:border-box}body{background:var(--night);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer}.experience{background:radial-gradient(circle at 50% 25%,#142845 0%,#071424 38%,#020711 76%);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.stars,.stars:after{pointer-events:none;opacity:.36;background-image:radial-gradient(#e8d49c 1px,#0000 1.5px),radial-gradient(#a3d3ff 1px,#0000 1.5px);background-position:20px 15px,80px 100px;background-size:170px 170px,250px 250px;position:absolute;inset:0}.stars:after{content:"";opacity:.5;transform:rotate(20deg)scale(1.3)}.sound{z-index:8;color:#b5bed0;letter-spacing:.16em;background:0 0;border:0;font-size:10px;position:absolute;top:26px;right:32px}.sound:hover{color:var(--gold)}.intro-card{z-index:2;text-align:center;width:min(760px,90vw);animation:.9s ease-out rise}.eyebrow{color:#d6b269;letter-spacing:.32em;margin:0 0 18px;font-size:10px}.ornament{color:var(--gold);margin-bottom:20px;font-size:16px}h1,h2,p{margin-top:0}.intro-card h1{color:#f2e3b5;letter-spacing:.13em;white-space:nowrap;text-shadow:0 0 32px #edc25d38;margin:0;font-family:Georgia,serif;font-size:clamp(50px,8vw,86px);font-weight:400;line-height:1}.gold-line{background:linear-gradient(90deg,transparent,var(--gold),transparent);width:140px;height:1px;margin:42px auto 28px}.dedication{letter-spacing:.06em;font:18px Georgia,serif}.dedication strong{color:#f5d98e;font-weight:400}.subcopy{color:#909bb0;letter-spacing:.04em;margin-bottom:43px;font-size:13px}.primary{color:#f2ddab;letter-spacing:.17em;background:linear-gradient(110deg,#d6b1641a,#d6b16440);border:1px solid #e0be71cc;padding:15px 19px 14px 23px;font-size:10px;transition:all .25s}.primary span{vertical-align:-1px;margin-left:14px;font-size:16px}.primary:hover{background:#d9b56b4f;transform:translateY(-2px);box-shadow:0 0 30px #d9b56b2e}.game-wrap{z-index:2;width:min(1200px,92vw);animation:.5s ease-out rise;position:relative}.game-header{justify-content:space-between;align-items:center;padding:0 7px 18px;display:flex}.game-header h1{color:#f1dfb0;letter-spacing:.14em;margin:0;font:400 23px Georgia,serif}.game-header p{color:#bf9850;letter-spacing:.25em;margin:0;font-size:10px}canvas{touch-action:none;border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 36px 70px #00000070}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020812ab;place-items:center;animation:.25s ease-out fade;display:grid;position:absolute;inset:57px 0 0}.modal>div{text-align:center;background:linear-gradient(145deg,#10233bf7,#040c18fa);border:1px solid #dab5697a;width:min(390px,85%);padding:42px 28px 36px;box-shadow:0 26px 70px #00000075}.modal h2{letter-spacing:.12em;color:#f1dfb0;margin:0 0 15px;font:400 38px Georgia,serif}.modal div>p:not(.eyebrow){color:#aeb9c8;margin-bottom:28px;font:italic 16px Georgia,serif}.ending{z-index:2;text-align:center;width:min(640px,88vw);animation:.9s ease-out rise}.two-orbs{width:220px;height:90px;margin:0 auto 20px;position:relative}.two-orbs:after{content:"";border-top:2px solid #70cdf6;position:absolute;top:45px;left:48px;right:48px;transform:rotate(-5deg);box-shadow:0 0 18px #70cdf6}.two-orbs i,.two-orbs b{z-index:1;border-radius:50%;width:37px;height:37px;position:absolute;top:28px}.two-orbs i{background:radial-gradient(circle at 30% 28%,#fff,#b8c6d7 45%,#253548);left:30px}.two-orbs b{background:radial-gradient(circle at 30% 28%,#76c8ff,#1760aa 45%,#071a33);right:30px}.ending h2{color:#f1dfb0;margin:0 0 12px;font:400 49px Georgia,serif}.ending .date{color:#c59b4b;letter-spacing:.08em;font:italic 14px Georgia,serif}.letter{color:#c4cbd7;max-width:530px;margin:26px auto 34px;font:16px/1.65 Georgia,serif}.ending .primary{margin-top:0}@keyframes rise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=700px){body{overflow:auto}.sound{top:17px;right:16px}.game-wrap{width:96vw}.game-header h1{font-size:17px}.intro-card h1{letter-spacing:.08em;font-size:44px}.ending h2{font-size:36px}.modal{inset:45px 0 0}}
