#home-screen{--pine:#163c3b;--ink:#193a38;--gold:#f0c66b;--cream:#fff4d6;--red:#a93c2b}#home-screen *{box-sizing:border-box}#home-screen{margin:0;font:16px/1.45 'Trebuchet MS',sans-serif}#home-screen button,#home-screen a{-webkit-tap-highlight-color:transparent}#home-screen a{color:inherit}#home-screen button{font:inherit}#home-screen button:focus-visible,#home-screen a:focus-visible{outline:3px solid #e5ad3c;outline-offset:4px}#home-screen .site-nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(1160px,calc(100% - 56px));margin:auto;padding:22px 0}#home-screen .wordmark{text-decoration:none;font:bold 29px/1 Georgia,serif;letter-spacing:-1px}#home-screen .wordmark em{font-weight:normal;color:var(--gold)}#home-screen .nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:bold}#home-screen .nav-links>a{text-decoration:none}#home-screen .nav-links>a:hover{text-decoration:underline}#home-screen .nav-links .settings-entry{font-weight:bold}#home-screen .primary-cta,#home-screen .secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:14px 24px;text-decoration:none;border:0;border-radius:10px;font-weight:bold;font-size:17px;transition:transform .15s ease,background .15s ease}#home-screen .primary-cta{background:var(--gold);color:#223c31;box-shadow:0 4px 0 #b27a2f}#home-screen .secondary-cta{background:#ffffff14;color:var(--cream);box-shadow:inset 0 0 0 1px #f6e4ac59}#home-screen .primary-cta:hover,#home-screen .secondary-cta:hover{transform:translateY(-2px)}#home-screen .cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}#home-screen .primary-cta svg{width:20px;height:20px;fill:currentColor}#home-screen .sprite{display:block;aspect-ratio:1;background-size:200% 200%;background-position:0 0;background-repeat:no-repeat;filter:drop-shadow(0 14px 10px #0a1f1c59)}#home-screen .fez{background-image:url('assets/optimized/fez.6c8975c00c0674cf.webp')}#home-screen .rook{background-image:url('assets/home/rook-guard.a643ee6991bfbfb5.webp');background-size:contain;background-position:center}#home-screen .portrait{display:block;width:66px;height:66px;margin:0 auto;background-image:url('assets/optimized/portraits.0f0920134db69621.webp');background-size:400% 300%;background-position:var(--x) var(--y);background-repeat:no-repeat}#home-screen .crew-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 78px;font-size:14px;line-height:1.2;text-align:center}#home-screen .crew-rail{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding:6px 4px 12px;min-width:0}#home-screen .page-footer{display:flex;justify-content:space-between;gap:16px;width:min(1160px,calc(100% - 56px));margin:0 auto;padding:20px 0 24px;font-size:14px}#home-screen .page-footer a{text-decoration:none}#home-screen .page-footer a:hover{text-decoration:underline}#home-screen{background:#123333;color:var(--cream)}#home-screen .arena-top{position:relative;overflow:hidden;background:linear-gradient(90deg,#103637 5%,#133a37d9 29%,#17392a26 66%),url('assets/home/arena-entrance.e8970b3dc01c114e.webp') center 53%/cover}#home-screen .arena-top::after{position:absolute;inset:auto 0 0;height:160px;content:'';background:linear-gradient(transparent,#123333);pointer-events:none}#home-screen .arena-hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;width:min(1160px,calc(100% - 56px));min-height:455px;margin:auto;padding:35px 0 68px}#home-screen .hero-copy{position:relative;z-index:2;max-width:540px}#home-screen .arena-hero h1{margin:14px 0 18px;font:bold clamp(46px,5.3vw,70px)/1.03 Georgia,serif;letter-spacing:-.03em}#home-screen .arena-hero h1 em{color:var(--gold);font-weight:normal}#home-screen .hero-description{max-width:385px;font-size:17px;line-height:1.6;color:#e2e6d3}#home-screen .hero-proof{margin:21px 0 0;font-size:14px;color:#d1dbce}#home-screen .arena-cast{position:relative;align-self:stretch;min-width:0}#home-screen .arena-cast .fez{position:absolute;width:320px;left:-3%;bottom:-21px;z-index:2;transform:rotate(-5deg)}#home-screen .arena-cast .rook{position:absolute;width:295px;right:-4%;bottom:-8px;transform:scaleX(-1) rotate(-7deg)}#home-screen .versus-mark{position:absolute;right:39%;bottom:165px;z-index:3;color:#fff5cf;font:italic bold 28px Georgia,serif;text-shadow:0 3px 15px #182b25;transform:rotate(-9deg)}#home-screen .hero-spark{position:absolute;right:11%;top:15%;font:bold 38px Georgia,serif;color:#f7d378;transform:rotate(14deg)}#home-screen .mode-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:min(1160px,calc(100% - 56px));margin:-17px auto 0;padding:22px 0 24px;border-bottom:1px solid #b5c6ad36}#home-screen .mode-strip article+article{border-left:1px solid #b5c6ad36;padding-left:24px}#home-screen .mode-strip strong{display:block;margin-bottom:3px;font:bold 22px Georgia,serif;color:#f8df9d}#home-screen .mode-strip p{margin:0;color:#ced9cf;font-size:14px}#home-screen .arena-crew{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;width:min(1160px,calc(100% - 56px));margin:auto;padding:24px 0 10px}#home-screen .arena-crew h2{margin:0;font:bold 22px/1.2 Georgia,serif}#home-screen .arena-crew p{font-size:14px;color:#bfd1c6;margin:7px 0 0}#home-screen .crew-item{color:#d8e0d0}#home-screen .page-footer{color:#aec7bd}
@media(min-width:1300px){#home-screen .arena-cast .fez{width:345px}#home-screen .arena-cast .rook{width:325px}}
@media(max-width:850px){#home-screen .nav-links{gap:15px}#home-screen .nav-links>a{display:none}#home-screen .arena-cast .fez{width:260px;left:-10%;bottom:12px}#home-screen .arena-cast .rook{width:240px;right:-15%;bottom:15px}#home-screen .arena-hero{min-height:430px}#home-screen .arena-hero h1{font-size:53px}#home-screen .hero-description{font-size:16px}}
@media(max-width:620px){#home-screen .site-nav{width:calc(100% - 36px);padding:20px 0 13px;gap:8px}#home-screen .wordmark{font-size:22px;letter-spacing:-.7px}#home-screen .nav-links{gap:0}#home-screen .settings-entry{font-size:14px;min-height:44px;padding:10px}#home-screen .settings-entry svg{width:17px}#home-screen .arena-top{background-position:59% center;background-image:linear-gradient(180deg,#0e3434 1%,#123c37dc 40%,#123c3766 67%,#123333 100%),url('assets/home/arena-entrance.e8970b3dc01c114e.webp')}#home-screen .arena-hero{display:flex;flex-direction:column;gap:0;width:calc(100% - 36px);padding:22px 0 20px;min-height:0}#home-screen .hero-copy{width:100%}#home-screen .arena-hero h1{font-size:48px;letter-spacing:-.03em;margin-top:12px}#home-screen .hero-description{font-size:16px;max-width:330px;margin-bottom:0}#home-screen .cta-row{margin-top:22px;gap:10px}#home-screen .primary-cta,#home-screen .secondary-cta{font-size:16px;padding:13px 16px;min-height:50px;flex:1 1 auto}#home-screen .hero-proof{margin-top:17px;font-size:14px}#home-screen .arena-cast{height:245px;width:100%;margin-top:12px}#home-screen .arena-cast .fez{left:0;bottom:-19px;width:230px}#home-screen .arena-cast .rook{right:-6%;bottom:-10px;width:215px}#home-screen .versus-mark{bottom:97px;right:42%;font-size:24px}#home-screen .hero-spark{top:4%;right:5%;font-size:26px}#home-screen .mode-strip{width:calc(100% - 36px);grid-template-columns:1fr;margin:4px auto 0;gap:0;padding:0 0 8px}#home-screen .mode-strip article{padding:16px 0}#home-screen .mode-strip article+article{border-left:0;padding-left:0;border-top:1px solid #b5c6ad26}#home-screen .mode-strip strong{font-size:22px}#home-screen .arena-crew{width:calc(100% - 36px);grid-template-columns:1fr;gap:10px;padding-top:24px}#home-screen .arena-crew h2{font-size:24px}#home-screen .arena-crew p{display:none}#home-screen .page-footer{width:calc(100% - 36px);flex-direction:column;gap:8px;font-size:14px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){#home-screen .primary-cta,#home-screen .secondary-cta{transition:none}}#home-screen .crew-rail{gap:7px}#home-screen .crew-item{flex-basis:70px}
@media(max-width:620px){#home-screen .arena-hero h1{font-size:clamp(38px,12.3vw,48px);letter-spacing:-.03em}}


#home-screen{min-height:100dvh}#home-screen[hidden],#game-shell[hidden]{display:none!important}html[data-entry="game"] #home-screen,html:not([data-entry="game"]) #game-shell{display:none!important}
#game-shell .masthead h1 a{color:inherit;text-decoration:none}#game-shell .selection-home{display:none;font-size:14px;min-height:44px}
@media(max-height:520px) and (orientation:landscape){#game-shell .selection-home{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px}}