@font-face{font-family:EntryHeading;src:url('/assets/oswald.ttf');font-weight:200 700;font-display:swap}
@font-face{font-family:EntryBody;src:url('/assets/roboto.ttf');font-weight:400;font-display:swap}
.entry-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#102724;color:#fff7e2;font:14px/1.45 EntryBody,Arial,sans-serif;isolation:isolate;box-sizing:border-box}
.entry-screen *{box-sizing:border-box}
.entry-screen [hidden]{display:none!important}
.entry-screen button,.entry-screen input{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.entry-screen button{cursor:pointer}
.entry-screen button:focus-visible,.entry-screen input:focus-visible{outline:2px solid #fff0b3;outline-offset:-3px}
.entry-artwork{position:relative;flex:none;max-width:100%;max-height:100%;overflow:visible}
.entry-art-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.entry-hit{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:transparent;font-size:0!important;z-index:3;overflow:hidden}
.entry-hit:hover{background:rgba(255,235,177,.08)}
.entry-hit:active{background:rgba(0,0,0,.24)}
.entry-hit:focus-visible{border-color:#fff0b3;outline:2px solid #fff0b3;outline-offset:-2px}
.entry-wordmark{position:absolute;left:14.36108%;top:4.85358%;width:71.21923%;height:16.13341%;object-fit:contain;pointer-events:none;transform-origin:center;animation:entry-title-arrive .65s cubic-bezier(.2,.8,.2,1) both,entry-title-breathe 6s .65s ease-in-out infinite}
.entry-draft-name,.entry-draft-detail{position:absolute;left:67.87808%;width:27.78429%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;pointer-events:none;line-height:1.1;color:#fff7e2;text-shadow:0 1px 2px #081c2c}
.entry-draft-name{top:51.40998%;height:2.68438%;font-family:EntryHeading,Arial,sans-serif;font-size:calc(70px * var(--entry-art-scale));font-weight:500}
.entry-draft-detail{top:53.95878%;height:2.06074%;font-size:calc(38px * var(--entry-art-scale))}
.entry-muted-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff5df;font-size:25px;line-height:1;pointer-events:none}
.entry-role{background:#080d12}
.entry-role-transition{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1}
.entry-intro{background:#000}
.entry-intro-video{display:block;width:100%;height:100%;object-fit:contain}
.entry-intro-gate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#071624}
.entry-intro-controls{position:absolute;bottom:max(6%,env(safe-area-inset-bottom,0px));left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.entry-control,.entry-start{min-height:44px;min-width:44px;padding:9px 14px;color:#fff7e2;background:rgba(5,18,27,.85);border:1px solid #9b8b60;border-radius:6px}
.entry-start{min-height:52px;width:min(75%,300px);font:500 20px EntryHeading,Arial,sans-serif!important;background:#d8b356;color:#071b2b;border-color:#ffdb7c}
.entry-start:disabled{opacity:.65}
.entry-settings{position:fixed;inset:0;width:min(350px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:18px;border:1px solid #dbb54c;border-radius:13px;background:#081c2c;color:#fff7e2;overflow:auto;font:14px/1.45 EntryBody,Arial,sans-serif}
.entry-settings::backdrop{background:rgba(0,9,16,.82)}
.entry-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.entry-settings h2{font:500 24px EntryHeading,Arial,sans-serif;margin:0}
.entry-setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:10px 0}
.entry-setting-row strong{display:block;font-weight:400}
.entry-setting-row small{display:block;font-size:12px;color:#bfcbd0;margin-top:4px}
.entry-setting-row input{appearance:auto!important;width:44px!important;height:44px!important;flex:none;accent-color:#d8b356;margin:0}
.entry-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.entry-reduced-motion .entry-wordmark{animation:entry-title-soft .15s both}
@keyframes entry-title-arrive{0%{transform:scale(.965);opacity:0}46%{opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes entry-title-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.004)}}
@keyframes entry-title-soft{from{opacity:0}to{opacity:1}}
@keyframes entry-role-fade{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.entry-wordmark{animation:entry-title-soft .15s both}}