/* Samostatné úvodní menu – nezasahuje do původního Dungeonu ani do /shared/. */
:root {
  color-scheme:dark;
  --gold:#f6d17c;
  --gold-deep:#8a5929;
  --offwhite:#fdf3de;
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:"Segoe UI",Arial,sans-serif;background:#100f26;color:var(--offwhite)}
[hidden]{display:none!important}
a{color:inherit}
a:focus-visible{outline:3px solid #fff4b5;outline-offset:5px}
.scene{position:relative;isolation:isolate;width:100%;height:100dvh;min-height:520px;overflow:hidden}
.scene-art,.scene-vignette{position:absolute;inset:0;z-index:-2;pointer-events:none}
.scene-art{background:#0c1834 url("images/dungeon-intro.webp") center center / cover no-repeat}
.scene-vignette{z-index:-1;background:linear-gradient(90deg,transparent 27%,rgba(4,10,29,.20) 38%,rgba(4,10,29,.22) 62%,transparent 73%),linear-gradient(0deg,rgba(3,4,17,.48),transparent 26%,transparent 70%,rgba(3,3,15,.2))}
.menu{position:relative;height:100%;max-width:1920px;margin:auto;display:flex;align-items:center;flex-direction:column;text-align:center}
.menu-heading{position:absolute;top:4.2%;left:50%;transform:translateX(-50%);white-space:nowrap;text-shadow:0 4px 4px #150c11,0 6px 14px #050714,2px 2px 0 #5c3418,-2px -2px 0 #5c3418}
.menu-overline{display:block;font:800 clamp(11px,1.45vw,21px)/1.1 Georgia,serif;letter-spacing:.24em;color:#fff0bc}
.menu-heading h1{margin:0;font:900 clamp(38px,5.3vw,90px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:.07em;color:var(--gold);-webkit-text-stroke:1px rgba(70,34,9,.55)}
.menu-choices{position:absolute;left:50%;top:56%;transform:translateX(-50%);width:min(32vw,530px);min-width:390px;display:grid;gap:15px}
.game-choice{position:relative;display:flex;align-items:center;gap:11px;padding:12px 14px;text-align:left;text-decoration:none;border:2px solid #d4a860;border-radius:13px;box-shadow:inset 0 0 0 2px #332113,0 6px 15px #000b,0 0 0 1px #0c0705;background:linear-gradient(180deg,rgba(30,82,158,.95),rgba(10,38,92,.96));transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.game-choice::before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,235,179,.24);border-radius:7px;pointer-events:none}
.game-choice--online{background:linear-gradient(180deg,rgba(112,31,104,.96),rgba(69,16,72,.96))}
.game-choice:hover{transform:translateY(-3px);filter:brightness(1.14);box-shadow:inset 0 0 0 2px #4c3017,0 10px 23px #000c,0 0 18px #f2c26966}
.choice-icon{width:47px;flex:0 0 47px;text-align:center;color:#f8da85;font:700 39px/1 Georgia,serif;text-shadow:0 3px 2px #2a102c}
.choice-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.choice-copy strong{font:700 clamp(16px,1.4vw,24px)/1.15 Georgia,serif;color:#ffe4a6;text-shadow:0 2px 3px #06101f}
.choice-copy small{font:400 clamp(11px,.87vw,14px)/1.3 "Segoe UI",sans-serif;color:#ecf0fc}
.choice-chevron{font:500 40px/.8 Georgia,serif;color:#ffd889}
.back-to-world{position:absolute;bottom:4.1%;left:50%;transform:translateX(-50%);padding:10px 16px;white-space:nowrap;text-decoration:none;background:rgba(5,10,25,.8);border:1px solid rgba(244,194,104,.72);border-radius:9px;box-shadow:0 4px 12px #0007;color:#f8e0aa;font-weight:700;font-size:14px}
.back-to-world:hover{background:rgba(37,27,20,.94)}
.mode-screen{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,8,22,.34)}
.mode-panel{width:min(96%,530px);padding:clamp(25px,4vw,40px);text-align:center;border:2px solid #cfaa68;border-radius:18px;background:linear-gradient(165deg,rgba(15,31,63,.98),rgba(14,11,33,.98));box-shadow:0 16px 46px #000d, inset 0 0 0 5px #28223b}
.mode-kicker{font-size:12px;letter-spacing:.18em;font-weight:800;color:#ecc985}
.mode-panel h1{font:700 clamp(26px,4vw,38px)/1.16 Georgia,serif;margin:12px 0 10px;color:#ffe4a0}
.mode-panel p{line-height:1.5}
.mode-notice{color:#bfcadd;font-size:14px}
.return-button{display:inline-block;text-decoration:none;border:1px solid #ffe3a4;background:#a56f36;border-radius:9px;padding:12px 22px;color:#fff9de;font-weight:750;margin-top:12px}
.return-button:hover{background:#bf8a4a}
@media (max-width:760px){
  .scene{min-height:550px}
  .scene-art{background-position:50% center}
  .scene-vignette{background:linear-gradient(90deg,rgba(5,7,20,.28),rgba(5,7,20,.35)),linear-gradient(0deg,rgba(4,5,17,.8),transparent 31%,transparent 75%,rgba(4,5,17,.3))}
  .menu-heading{top:9%}
  .menu-heading h1{font-size:clamp(37px,9vw,63px)}
  .menu-choices{top:47%;width:min(92vw,440px);min-width:0;gap:13px}
  .game-choice{padding:14px 11px;min-height:82px}
  .choice-copy strong{font-size:clamp(16px,4.3vw,21px)}
  .choice-copy small{font-size:12px}
  .choice-icon{width:35px;flex-basis:35px;font-size:31px}
  .back-to-world{bottom:7%}
}
@media (max-height:670px) and (min-width:761px){
  .menu-heading{top:1.5%}
  .menu-heading h1{font-size:clamp(34px,4.7vw,65px)}
  .menu-choices{top:48%;gap:9px}
  .game-choice{padding:8px 13px}
  .back-to-world{bottom:2%}
}
@media(prefers-reduced-motion:reduce){.game-choice{transition:none}}