@font-face{font-family:Orbitron;src:url('/fonts/Orbitron.ttf') format('truetype');font-weight:400 900;font-display:swap}
/* Pause-screen composition: quiet black canvas, a cropped city vignette,
   one vertical selection axis, and immediate selection feedback. */
body[data-view=home]{background:#000;--gold:#b7cee7}
body[data-view=home]>.scene,body[data-view=home]>.grain,
body[data-view=home] .topbar,body[data-view=home] .footer{display:none}
.home.pause-menu{padding:0;display:block;min-height:100svh;height:100svh;isolation:isolate;overflow:hidden;background:#000;color:#b7cee7}
.pause-art{position:absolute;z-index:-1;top:0;right:0;width:49%;height:29%;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,51% 69%,32% 58%);pointer-events:none}
.pause-art img{width:100%;height:100%;object-fit:cover;object-position:53% 43%;filter:grayscale(1) sepia(.35) hue-rotate(90deg) brightness(.48);transform:scale(1.04)}
.pause-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000 2%,transparent 65%)}
.pause-art>span{position:absolute;right:5%;top:5%;font:900 clamp(50px,7.5vw,140px)/1.05 Bowlby,sans-serif;color:#b8bfa18c;letter-spacing:-.05em;transform:rotate(6deg);text-shadow:3px 6px #222c20a8}
.pause-title{position:absolute;top:6.5%;left:6.7%;font:400 clamp(46px,5.7vw,86px)/1 Pirata,serif;color:#bdd2ec;letter-spacing:3px;text-shadow:2px 2px #263345;white-space:nowrap}
.pause-menu .game-menu{position:absolute;top:30%;left:50%;transform:translateX(-50%);width:min(88%,750px);display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;padding:0}
.pause-menu .game-menu>a,.pause-menu .game-menu>button{position:relative;display:block;width:max-content;max-width:100%;min-height:44px;padding:0 5px;background:none;border:0;color:#4d5863;font:700 clamp(22px,2.75vw,40px)/1.24 Orbitron,sans-serif;letter-spacing:clamp(2px,.42vw,7px);text-transform:uppercase;text-align:center;transition:none;text-shadow:1px 2px #090b0d;transform:none;white-space:nowrap}
.pause-menu .game-menu>a>span,.pause-menu .game-menu>button>span{display:block;font:inherit;color:inherit;width:auto;margin:0;transform:scaleY(.7);transform-origin:center;letter-spacing:inherit}
.pause-menu .game-menu>a:after,.pause-menu .game-menu>button:after{display:none}
.pause-menu .game-menu>a:before,.pause-menu .game-menu>button:before{content:'';position:absolute;top:50%;left:-48px;display:block;width:33px;height:51px;background:currentColor;opacity:0;transform:translateY(-45%);clip-path:polygon(50% 0,64% 18%,50% 33%,36% 18%,50% 0,50% 33%,72% 26%,100% 37%,70% 47%,53% 38%,62% 55%,50% 100%,37% 55%,47% 38%,29% 47%,0 37%,28% 26%,50% 33%)}
.pause-menu .game-menu .selected{color:#b7cee9;background:transparent;border:0;padding-left:5px;transform:none}
.pause-menu .game-menu .selected:before{opacity:1}
.pause-menu .game-menu a:hover,.pause-menu .game-menu button:hover{color:#b7cee9;background:none;transform:none;padding-left:5px}
.pause-menu .game-menu :focus-visible{outline:1px solid #708599;outline-offset:8px}
.pause-bottom{position:absolute;bottom:4.5%;left:6.7%;right:6.7%;display:flex;align-items:center;justify-content:space-between;gap:20px;font:11px/1.6 Barlow,sans-serif;letter-spacing:2px;color:#4d5863}
.pause-bottom i{font-style:normal;margin:0 7px;color:#37414a}.pause-bottom button{background:none;border:0;color:#768898;font:inherit;letter-spacing:inherit;padding:8px 0;min-height:36px}.pause-bottom button:hover{color:#bdd2ec}
.brief-sheet{max-width:810px;background:#10150fe8;padding:4px 32px}.brief-sheet>section{display:grid;grid-template-columns:32px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.brief-sheet>section>span{color:var(--gold);font-size:13px;padding-top:10px}.brief-sheet h3{font-size:32px}.brief-sheet p{margin:12px 0 20px;max-width:62ch}
@media(min-height:900px){.pause-menu .game-menu{gap:9px}.pause-menu .game-menu>a,.pause-menu .game-menu>button{min-height:52px}}
@media(max-width:700px){.pause-title{left:7%;top:7%;font-size:49px;letter-spacing:1px}.pause-art{width:65%;height:23%;opacity:.7}.pause-art>span{font-size:57px}.pause-menu .game-menu{top:33%;width:92%;gap:7px}.pause-menu .game-menu>a,.pause-menu .game-menu>button{font-size:23px;letter-spacing:2.8px;min-height:42px}.pause-menu .game-menu>a:before,.pause-menu .game-menu>button:before{left:-29px;width:22px;height:38px}.pause-bottom{left:7%;right:7%;bottom:4%;font-size:10px;letter-spacing:1.2px}.pause-controls{display:none}.brief-sheet{padding:0 20px}.brief-sheet>section{gap:8px;grid-template-columns:24px 1fr}}
@media(max-height:540px){.pause-title{font-size:42px;top:6%}.pause-menu .game-menu{top:24%;gap:0}.pause-menu .game-menu>a,.pause-menu .game-menu>button{font-size:23px;min-height:35px}.pause-bottom{bottom:2%}}
@media(prefers-reduced-motion:no-preference){.pause-menu .pause-title{animation:pause-reveal .25s ease-out both}.pause-menu .game-menu{animation:pause-options .3s ease-out both}@keyframes pause-reveal{from{opacity:0}to{opacity:1}}@keyframes pause-options{from{opacity:0}to{opacity:1}}}