/* VEYRAWLD pause menu — presentation only; pause behavior remains in PlayState. */
#screen-pause{background:radial-gradient(circle at 50% 28%,rgba(8,0,195,.13),transparent 38%),rgba(4,7,14,.72);backdrop-filter:blur(10px) saturate(.9)}
.pause-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 28px));max-height:min(92vh,680px);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(122,107,178,.65) transparent;padding:18px;display:grid;grid-template-columns:1fr;gap:10px;text-align:left;border:1px solid rgba(151,179,206,.25);border-radius:22px;background:linear-gradient(155deg,rgba(18,28,44,.97),rgba(7,12,22,.98));box-shadow:0 28px 80px rgba(0,0,0,.64),inset 0 1px rgba(255,255,255,.05)}
.pause-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(53,224,255,.045),transparent 35%,rgba(122,91,255,.035));}
.pause-header{position:relative;display:flex;align-items:center;gap:13px;min-width:0;padding:1px 2px 6px}
.pause-brand-logo{flex:0 0 auto;width:56px;height:auto;aspect-ratio:676/774;object-fit:contain;border-radius:12px;box-shadow:0 7px 20px rgba(0,0,0,.38)}
.pause-heading{min-width:0}.pause-brand{display:block;margin-bottom:2px;color:#67e9ff;font:700 9px/1.2 Orbitron,sans-serif;letter-spacing:.25em}.pause-card .pause-heading h2{margin:0;color:#f5fbff;font:700 clamp(21px,4vw,27px)/1 Orbitron,sans-serif;letter-spacing:.2em;text-shadow:none}.pause-card .pause-sub{margin:6px 0 0;color:#8498aa;font:600 10px/1.2 "Exo 2",system-ui,sans-serif;letter-spacing:.08em}
.pause-card .pause-action{position:relative;min-width:0;min-height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0;padding:10px 13px;border:1px solid rgba(153,180,205,.2);border-radius:12px;background:rgba(19,31,47,.72);color:#dce8f2;text-decoration:none;font:700 12px/1 Rajdhani,system-ui,sans-serif;letter-spacing:.1em;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:transform .12s ease,border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}
.pause-card .pause-action svg{flex:0 0 auto;width:20px;height:20px;color:#8ba5ba}.pause-card .pause-action span{min-width:0}.pause-card .pause-action:hover{border-color:rgba(53,224,255,.46);background:rgba(26,44,63,.9);color:#fff}.pause-card .pause-action:hover svg{color:#67e9ff}.pause-card .pause-action:focus-visible{outline:2px solid #35e0ff;outline-offset:2px;border-color:transparent}.pause-card .pause-action:active{transform:scale(.98)}
.pause-card .pause-resume{min-height:56px;justify-content:flex-start;padding:12px 16px;border-color:rgba(255,232,0,.62);background:linear-gradient(135deg,#FFE800,#ffc61a);color:#07105e;font:900 14px/1 Orbitron,sans-serif;box-shadow:0 8px 22px rgba(0,0,0,.24)}.pause-card .pause-resume svg{width:22px;height:22px;color:#0800c3}.pause-card .pause-resume:hover{border-color:#fff5a1;background:linear-gradient(135deg,#fff05a,#ffd32d);color:#050b4c;box-shadow:0 10px 25px rgba(0,0,0,.3)}.pause-card .pause-resume kbd{margin-left:auto;padding:4px 6px;border:1px solid rgba(8,0,195,.25);border-radius:6px;background:rgba(255,255,255,.3);font:700 9px/1 system-ui;letter-spacing:.05em}
.pause-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pause-action-grid .pause-action{width:100%}
.pause-card .pause-sound{background:rgba(12,22,35,.72)}.pause-card .pause-sound span{text-transform:uppercase}
.pause-divider{height:1px;margin:0 2px;background:linear-gradient(90deg,transparent,rgba(151,179,206,.22),transparent)}
.pause-card .pause-quit{justify-content:center;min-height:44px;border-color:rgba(255,93,115,.28);background:rgba(105,25,42,.16);color:#efb6c0}.pause-card .pause-quit svg{color:#d77d8e}.pause-card .pause-quit:hover{border-color:rgba(255,93,115,.56);background:rgba(126,28,47,.28);color:#ffe5ea}.pause-card .pause-quit:hover svg{color:#ff8da0}
@media(max-width:560px){.pause-card{width:min(430px,calc(100vw - 18px));padding:14px;gap:8px;border-radius:18px}.pause-brand-logo{width:48px}.pause-card .pause-action{min-height:46px;padding:9px 11px}.pause-card .pause-resume{min-height:52px}}
@media(max-height:520px) and (orientation:landscape){.pause-card{width:min(560px,calc(100vw - 22px));max-height:calc(100vh - 12px);padding:10px 12px;gap:7px;border-radius:16px}.pause-header{position:absolute;left:13px;top:12px;width:150px;gap:8px;padding:0}.pause-brand-logo{width:38px;border-radius:8px}.pause-brand{font-size:7px;letter-spacing:.15em}.pause-card .pause-heading h2{font-size:16px}.pause-card .pause-sub{font-size:8px;margin-top:3px}.pause-card .pause-resume{margin-left:160px;min-height:45px}.pause-card .pause-action{min-height:42px}.pause-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pause-action-grid .pause-action{justify-content:center;gap:6px;padding:7px;font-size:10px}.pause-action-grid .pause-action svg{width:17px;height:17px}.pause-card .pause-sound,.pause-card .pause-quit{min-height:40px}.pause-divider{display:none}}
@media(max-width:700px) and (max-height:400px) and (orientation:landscape){.pause-card{top:6px;transform:translateX(-50%);max-height:calc(100vh - 12px)}.pause-card .pause-resume kbd{display:none}}
@media(prefers-reduced-motion:reduce){.pause-card .pause-action{transition:none}}