*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:#0f1923;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden}#root{position:relative;z-index:1}.screen{display:grid;grid-template-columns:340px 1fr 460px;height:100%;width:100%;padding:48px;gap:0}.zone-left{display:flex;flex-direction:column;gap:24px;z-index:10}.zone-left-inner{display:flex;flex-direction:column;justify-content:center;gap:24px;padding-left:56px;padding-bottom:106px;flex:1;transform:translate(15px,5px)}.zone-center{display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.zone-right{display:flex;flex-direction:column;justify-content:center;padding-left:40px;padding-right:80px}.select-label{font-family:Cinzel,serif;font-size:20px;font-weight:400;color:#ffffffd9;text-align:center}.thumbnail-grid{display:grid;grid-template-columns:110px 110px;gap:10px}.zone-left-inner .select-label{width:230px}.zone-left-inner .btn-ready{width:280px;height:43px;margin-left:-25px;margin-top:18px}.btn-nav,.btn-ready{background:#0e0f14;border:2px solid #959499;color:#fff;font-family:inherit;letter-spacing:.1em;cursor:pointer;transition:border-color .2s ease-out,box-shadow .2s ease-out}.btn-nav{font-size:.82rem;padding:.45rem .9rem;width:fit-content}.btn-ready{font-size:.9rem;padding:.75rem 0;width:100%}.btn-nav:hover,.btn-ready:not(:disabled):hover{border-color:#6fa8ffe6;animation:glow-pulse 1.75s ease-in-out infinite}.btn-ready:disabled{opacity:.45;cursor:default}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #6fa8ff73,0 0 20px #6fa8ff33}50%{box-shadow:0 0 16px #6fa8ffcc,0 0 32px #6fa8ff61}}.thumbnail{border:2px solid rgba(255,255,255,.15);cursor:pointer;overflow:hidden;background:#162030;width:110px;height:135px;padding:12px 12px 0;display:flex;align-items:center;justify-content:center;transition:border-color 225ms ease-out,box-shadow 225ms ease-out}.thumbnail.selected{border-color:#ffffffa6}.thumbnail:hover{border-color:#6fa8ff99;box-shadow:0 0 10px #6fa8ff73,0 0 20px #6fa8ff33}.thumbnail-img{width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-select:none;user-select:none;transition:opacity 225ms ease-out}.hero-display{display:flex;align-items:flex-end;justify-content:center;height:100%;width:100%;animation:hero-enter .45s ease-out both}.hero-base-wrap{position:relative;display:flex;flex-direction:column;align-items:center;height:75%}@keyframes hero-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;position:relative;z-index:2}.stat-row{display:flex;flex-direction:column;gap:12px}.stat-label{font-size:12px;letter-spacing:.2em;color:#ffffffbf;text-transform:uppercase}.stat-track{width:calc(100% - 28px);height:12px;background:#ffffff1a;border-radius:8px;overflow:hidden}.stat-fill{height:100%;background:linear-gradient(to right,#016858,#24aea8);border-radius:8px;transition:width .65s ease-out}.stats-panel{display:flex;flex-direction:column;align-items:center;gap:56px;width:100%;animation:panel-enter .45s ease-out both;transform:scale(.85);transform-origin:top center}@keyframes panel-enter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.char-identity{display:flex;flex-direction:column;gap:8px;text-align:center;width:100%;transform:scale(.95);transform-origin:top center}.char-emblem{width:240px;height:240px;object-fit:contain;display:block;margin:0 auto -16px}.char-emblem--kevin{margin-bottom:-12px}.char-emblem--rae,.char-emblem--hanna{margin-bottom:-20px}.char-emblem--daniel{width:216px;height:216px;margin-bottom:-8px}.char-name{font-family:Playfair Display,Georgia,serif;font-size:60px;font-weight:900;line-height:1;letter-spacing:.02em;color:#fff}.char-title{font-size:.75rem;letter-spacing:.28em;color:#ffffff8c}.stats-list{display:flex;flex-direction:column;gap:44px;width:100%}.bg-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center center;background-repeat:no-repeat;filter:brightness(.32) saturate(.5) contrast(.85);opacity:0;transition:opacity .6s ease-in-out}.game-screen{display:flex;flex-direction:column;height:100%;padding:48px;position:relative;z-index:1;animation:screen-enter .5s ease-out both}@keyframes screen-enter{0%{opacity:0}to{opacity:1}}.game-screen>.btn-nav{position:relative;z-index:2}.game-content{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:80px;position:relative;z-index:2}.game-hero{height:70vh;width:auto;object-fit:contain;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;animation:game-hero-enter .6s ease-out both;animation-delay:.1s}@keyframes game-hero-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-text{display:flex;flex-direction:column;gap:12px;padding-bottom:48px;animation:game-text-enter .6s ease-out both;animation-delay:.25s}@keyframes game-text-enter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.game-eyebrow{font-size:.7rem;letter-spacing:.28em;color:#fff6;text-transform:uppercase}.game-name{font-family:Playfair Display,Georgia,serif;font-size:clamp(3.5rem,6vw,6rem);font-weight:900;line-height:1;letter-spacing:.02em}.game-title{font-size:.75rem;letter-spacing:.28em;color:#ffffff8c}.game-message{margin-top:24px;font-size:.9rem;letter-spacing:.15em;color:#24aea8;background:none;border:none;padding:0;font-family:inherit;cursor:pointer;text-align:left;align-self:flex-start;transition:color .2s ease-out}.game-message:hover{color:#016858}.fog{position:fixed;bottom:0;left:0;width:100%;height:415px;pointer-events:none;z-index:2}.fog-layer{position:absolute;bottom:0;left:-25%;width:150%}.fog-layer--back{height:100%;background:linear-gradient(to top,rgba(80,100,115,.18) 0%,rgba(65,85,100,.1) 25%,rgba(50,68,82,.04) 60%,transparent 100%);animation:fog-drift 28s ease-in-out infinite alternate}.fog-layer--mid{height:70%;background:linear-gradient(to top,rgba(90,110,125,.22) 0%,rgba(72,92,108,.12) 30%,rgba(55,74,90,.04) 65%,transparent 100%);animation:fog-drift 20s ease-in-out infinite alternate-reverse}.fog-layer--front{height:45%;background:linear-gradient(to top,rgba(100,120,138,.28) 0%,rgba(80,102,120,.14) 30%,rgba(60,80,98,.05) 65%,transparent 100%);animation:fog-drift 14s ease-in-out infinite alternate}@keyframes fog-drift{0%{transform:translate(0)}to{transform:translate(8%)}}.utility-bar{position:fixed;top:48px;right:48px;display:flex;align-items:center;gap:26px;z-index:10}.utility-group{display:flex;align-items:center;gap:26px}.utility-currency{display:flex;align-items:center;gap:4px;color:#fff;cursor:pointer;opacity:1;transition:opacity .2s ease-out}.utility-currency:hover{opacity:.7}.utility-amount{font-family:inherit;font-size:1.18rem;font-weight:700;letter-spacing:.1em;color:#24aea8}.utility-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease-out}.utility-btn .utility-icon{width:27px;height:27px}.utility-btn:hover{color:#ffffffa6}.utility-icon{width:24px;height:24px;display:block}.utility-coin{width:30px;height:30px}.utility-clock{margin-left:46px;font-family:inherit;font-size:1.23rem;font-weight:300;letter-spacing:.1em;color:#fff}.utility-profile{position:relative;display:flex;align-items:center;cursor:pointer;transition:opacity .2s ease-out}.utility-profile:hover{opacity:.7}.utility-avatar{width:27px;height:27px;border-radius:50%;object-fit:cover;object-position:center top;display:block}.utility-status-dot{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;background:#4ade80;border:1.5px solid #0E0F14}.disclaimer{position:fixed;bottom:48px;left:48px;display:flex;flex-direction:column;gap:4px;max-width:420px;z-index:10;transition:opacity .5s ease-in-out}.disclaimer--visible{opacity:1}.disclaimer--hidden{opacity:0}.disclaimer-label{font-family:Fauna One,serif;font-size:16px;font-weight:500;color:#ffffff8c;letter-spacing:.04em}.disclaimer-body{font-family:Fauna One,serif;font-size:14px;font-weight:400;color:#ffffff61;line-height:1.5;white-space:nowrap}