@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap');
:root{--gold:#b69451;--cream:#eee4ca}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--cream);font-family:'EB Garamond',Georgia,serif;background:linear-gradient(rgba(5,7,6,.52),rgba(3,4,4,.83)),url('img/wall.webp') center/cover fixed}
a{color:inherit}
.map-shell{width:min(1640px,97vw);margin:auto;padding:18px 0 44px}
.map-top{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:8px 6px 17px;border-bottom:1px solid rgba(220,198,142,.2)}
.map-brand,.map-nav a{font-family:'Cinzel',serif;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:.67rem;color:#d9cba7}
.map-nav{display:flex;gap:20px;flex-wrap:wrap}.map-nav a:hover{color:#fff}
.map-intro{text-align:center;padding:27px 0 18px}
.map-intro .eyebrow{font-family:'Cinzel';text-transform:uppercase;letter-spacing:.33em;font-size:.6rem;color:#c4a965;margin:0}
.map-intro h1{font-family:'Cinzel';font-size:clamp(2rem,4vw,4rem);text-transform:uppercase;letter-spacing:.08em;margin:6px 0 2px;font-weight:600}
.map-intro p{margin:0;color:#b9ad94;font-style:italic;font-size:1rem}
.castle-map-wrap{border:1px solid rgba(209,186,126,.35);padding:9px;background:rgba(6,8,7,.72);box-shadow:0 35px 90px rgba(0,0,0,.55)}
.map-scroll{overflow:hidden}
.castle-map{position:relative;width:100%;aspect-ratio:1648/928;overflow:hidden;isolation:isolate;background:#7c643e}
.castle-map-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}
.map-hotspot{position:absolute;z-index:5;display:block;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease,transform .18s ease}
.map-hotspot:hover,.map-hotspot:focus-visible{outline:none;background:rgba(226,187,93,.12);border-color:rgba(92,55,20,.45);box-shadow:0 0 0 2px rgba(235,198,106,.22),0 0 24px rgba(255,210,105,.26);transform:scale(1.035)}
/* Hotspots kopírují přímo pergamenové cedulky v obrázku. */
.hs-koleje{left:42.1%;top:15.7%;width:7.2%;height:4.9%}
.hs-astronomie{left:57.3%;top:9.8%;width:12.8%;height:5.0%}
.hs-famfrpal{left:78.7%;top:20.7%;width:13.9%;height:6.0%}
.hs-premenovani{left:30.1%;top:32.2%;width:10.5%;height:5.3%}
.hs-obrana{left:55.2%;top:31.3%;width:10.7%;height:8.4%}
.hs-velka{left:43.0%;top:36.8%;width:8.6%;height:5.2%}
.hs-chodby{left:29.8%;top:44.4%;width:10.4%;height:5.2%}
.hs-komnata{left:55.8%;top:44.0%;width:11.4%;height:7.8%}
.hs-nadvori{left:43.0%;top:49.7%;width:8.5%;height:5.4%}
.hs-lektvary{left:35.7%;top:59.7%;width:13.0%;height:5.6%}
.hs-kuchyne{left:49.5%;top:63.1%;width:7.8%;height:5.6%}
.hs-jezero{left:8.0%;top:61.3%;width:8.9%;height:6.2%}
.hs-pozemky{left:77.0%;top:41.5%;width:15.3%;height:6.0%}
.hs-skleniky{left:70.9%;top:52.6%;width:10.0%;height:5.7%}
.hs-hagrid{left:82.7%;top:59.8%;width:11.5%;height:5.7%}
.hs-vrba{left:70.7%;top:82.9%;width:11.6%;height:5.8%}
.map-hint{font-style:italic;text-align:center;color:#a99e84;margin:14px 0 0;font-size:.98rem}
@media(max-width:900px){
  .map-nav{display:none}
  .map-scroll{overflow-x:auto;overscroll-behavior-inline:contain}
  .castle-map{min-width:1080px}
  .map-hint{text-align:left;padding-left:4px}
}

/* v18 — přesnější mapa podle skutečných stránek webu */
.hs-les{left:77.0%;top:41.5%;width:15.3%;height:6.0%}
.map-cartouche{position:absolute;z-index:9;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-family:'Cinzel',serif;text-transform:uppercase;letter-spacing:.045em;line-height:1.08;color:#382813;background:linear-gradient(180deg,rgba(222,198,142,.98),rgba(184,145,80,.98));border:2px solid rgba(83,52,22,.9);box-shadow:inset 0 0 0 2px rgba(239,218,166,.35),0 4px 9px rgba(45,27,10,.38);clip-path:polygon(7% 0,93% 0,100% 22%,96% 50%,100% 78%,93% 100%,7% 100%,0 78%,4% 50%,0 22%);padding:.28rem .65rem;transition:.2s;filter:saturate(.82)}
.map-cartouche:hover,.map-cartouche:focus-visible{outline:none;filter:brightness(1.08) saturate(.9);transform:translateY(-1px);box-shadow:inset 0 0 0 2px rgba(255,236,186,.4),0 0 18px rgba(255,215,124,.36)}
.map-replace{font-size:clamp(.46rem,.72vw,.8rem);min-height:5.8%}
.map-extra{font-size:clamp(.39rem,.58vw,.66rem);min-height:4.4%;opacity:.96}
/* Překryje původní cedulku Komnaty nejvyšší potřeby. */
.map-portrait-gallery{left:55.25%;top:43.55%;width:12.4%;height:7.9%}
/* Překryje původní Bradavické pozemky. */
.map-forbidden-forest{left:76.4%;top:41.0%;width:16.0%;height:6.4%}
.map-main-stairs{left:46.2%;top:27.0%;width:10.4%;height:4.7%}
.map-old-gallery{left:28.3%;top:25.6%;width:9.1%;height:4.5%}
.map-upper-corridor{left:47.0%;top:16.0%;width:9.2%;height:4.5%}
@media(max-width:900px){.map-cartouche{font-size:.62rem}.map-extra{font-size:.52rem}}

/* v19 — čistá klikací mapa bez nalepených cedulek */
.map-cartouche{display:none!important}
.hs-koleje{left:39.5%;top:11.9%;width:8.6%;height:5.7%}
.hs-astronomie{left:60.7%;top:5.7%;width:10.8%;height:5.7%}
.hs-famfrpal{left:78.7%;top:17.2%;width:13.4%;height:6.2%}
.hs-treti{left:46.7%;top:21.4%;width:8.2%;height:5.0%}
.hs-sin-slavy{left:40.0%;top:26.3%;width:7.5%;height:5.0%}
.hs-premenovani{left:25.6%;top:27.2%;width:9.6%;height:6.0%}
.hs-obrana{left:56.0%;top:26.0%;width:9.2%;height:8.6%}
.hs-velka{left:42.4%;top:35.4%;width:8.2%;height:5.8%}
.hs-chodby{left:26.0%;top:39.2%;width:9.1%;height:5.8%}
.hs-schody{left:47.7%;top:49.0%;width:9.0%;height:5.4%}
.hs-nadvori{left:43.4%;top:56.4%;width:8.5%;height:5.4%}
.hs-lektvary{left:30.6%;top:56.0%;width:9.6%;height:5.9%}
.hs-kuchyne{left:52.9%;top:59.0%;width:7.8%;height:5.7%}
.hs-jezero{left:3.7%;top:54.7%;width:10.4%;height:6.8%}
.hs-les{left:80.7%;top:32.8%;width:11.8%;height:7.2%}
.hs-skleniky{left:69.4%;top:48.3%;width:9.1%;height:6.3%}
.hs-hagrid{left:84.7%;top:52.5%;width:9.3%;height:6.6%}
.hs-vrba{left:71.9%;top:81.5%;width:11.5%;height:6.4%}
/* v21 — klikací zóny přesněji kopírují text v nové mapě */
.hs-koleje{left:40.6%;top:11.5%;width:7.2%;height:4.4%}
.hs-astronomie{left:62.0%;top:5.8%;width:9.1%;height:4.5%}
.hs-famfrpal{left:80.0%;top:17.3%;width:11.7%;height:4.8%}
.hs-treti{left:47.0%;top:21.5%;width:7.1%;height:4.2%}
.hs-sin-slavy{left:40.5%;top:27.0%;width:6.6%;height:4.2%}
.hs-premenovani{left:25.7%;top:28.5%;width:10.2%;height:4.8%}
.hs-obrana{left:56.2%;top:27.6%;width:10.4%;height:6.9%}
.hs-velka{left:43.2%;top:37.0%;width:7.3%;height:4.5%}
.hs-chodby{left:26.2%;top:41.0%;width:9.0%;height:4.5%}
.hs-schody{left:47.9%;top:53.4%;width:9.2%;height:4.4%}
.hs-nadvori{left:44.0%;top:61.0%;width:7.1%;height:4.4%}
.hs-lektvary{left:31.1%;top:59.4%;width:9.7%;height:4.7%}
.hs-kuchyne{left:53.5%;top:62.2%;width:7.1%;height:4.6%}
.hs-jezero{left:4.1%;top:58.6%;width:9.2%;height:5.0%}
.hs-les{left:81.2%;top:36.1%;width:11.3%;height:5.0%}
.hs-skleniky{left:69.8%;top:53.1%;width:8.3%;height:4.7%}
.hs-hagrid{left:85.2%;top:57.1%;width:9.2%;height:4.8%}
.hs-vrba{left:71.6%;top:86.9%;width:10.8%;height:4.6%}
.map-hotspot:hover,.map-hotspot:focus-visible{background:rgba(226,187,93,.08);border-color:rgba(92,55,20,.28);box-shadow:0 0 0 1px rgba(235,198,106,.18),0 0 18px rgba(255,210,105,.18)}

/* v38 — méně barevný inkoustový plánek, landscape */
.v38-map{background:#17130d}.v38-map .castle-map{aspect-ratio:3/2;background:#b79c6d}.v38-map .castle-map-image{object-fit:cover;filter:sepia(.22) saturate(.55) contrast(1.02) brightness(.92)}
.ink-pin{position:absolute;z-index:15;text-decoration:none;color:#261b10;background:rgba(229,207,158,.91);border:1px solid rgba(75,51,27,.58);padding:.32rem .52rem;font-family:'EB Garamond',Georgia,serif;font-weight:600;font-size:clamp(.55rem,.82vw,.88rem);line-height:1;box-shadow:0 2px 5px rgba(48,28,11,.22);transform:rotate(var(--r,0deg));transition:.15s}.ink-pin:hover,.ink-pin:focus-visible{outline:none;background:#ead39f;box-shadow:0 0 0 2px rgba(76,48,20,.18),0 4px 12px rgba(45,25,9,.28);transform:rotate(var(--r,0deg)) scale(1.06)}
.p-astronomie{left:29%;top:19%;--r:-2deg}.p-koleje{left:58%;top:17%;--r:1deg}.p-chodby{left:43%;top:35%}.p-reditelna{left:61%;top:37%;--r:1deg}.p-velka{left:47%;top:47%;--r:-1deg}.p-premenovani{left:64%;top:51%;--r:1deg}.p-obrana{left:69%;top:57%;--r:-1deg}.p-lektvary{left:65%;top:65%}.p-nadvori{left:49%;top:57%;--r:1deg}.p-skleniky{left:22%;top:47%;--r:-2deg}.p-jezero{left:22%;top:85%;--r:1deg}.p-vrba{left:16%;top:70%;--r:-2deg}.p-les{left:82%;top:74%;--r:1deg}.p-hagrid{left:78%;top:82%;--r:-2deg}.p-famfrpal{left:70%;top:83%;--r:1deg}.p-kuchyne{left:39%;top:62%;--r:-1deg}
.map-games-button{position:absolute;left:3%;bottom:5%;z-index:20;padding:11px 15px;text-decoration:none;font-family:'Cinzel';font-size:.63rem;letter-spacing:.12em;text-transform:uppercase;color:#e7cb81;background:#17130d;border:1px solid #98753c;box-shadow:0 7px 22px rgba(0,0,0,.35)}.map-games-button:hover{filter:brightness(1.18)}
@media(max-width:900px){.v38-map .castle-map{min-width:1120px}}

/* v38.1 — čistá mapa: nápisy jsou součástí pergamenu, HTML jen kliká */

.map-page .map-games-nav{color:#e7cc86;font-weight:700}
.v38-map .castle-map-image{filter:sepia(.38) saturate(.34) contrast(1.06) brightness(.92)}
.v38-map .v38-hot{z-index:12;border:0!important;border-radius:2px;background:transparent!important;box-shadow:none!important;transform:none!important}
.v38-map .v38-hot:hover,.v38-map .v38-hot:focus-visible{outline:1px dashed rgba(63,42,22,.58);outline-offset:2px;background:rgba(92,61,30,.055)!important;box-shadow:none!important}
.hs38-astronomie{left:27.7%;top:19.6%;width:10.5%;height:4.8%}
.hs38-koleje{left:55.8%;top:16.3%;width:7.2%;height:4.8%}
.hs38-chodby{left:43.7%;top:32.5%;width:11.5%;height:4.7%}
.hs38-reditelna{left:60.6%;top:33.2%;width:8.6%;height:4.8%}
.hs38-velka{left:47.6%;top:43.3%;width:8.2%;height:5.0%}
.hs38-ucebny{left:63.2%;top:48.0%;width:8.4%;height:5.2%}
.hs38-nadvori{left:49.1%;top:52.1%;width:7.7%;height:4.9%}
.hs38-skleniky{left:20.2%;top:44.4%;width:8.4%;height:4.9%}
.hs38-sklepeni{left:64.5%;top:59.9%;width:8.7%;height:4.9%}
.hs38-jezero{left:20.4%;top:83.7%;width:7.8%;height:4.9%}
.hs38-les{left:85.0%;top:69.2%;width:11.0%;height:5.0%}
.map-ink-note{position:absolute;z-index:14;color:#2c1f12;text-decoration:none;font-family:'EB Garamond',Georgia,serif;font-size:clamp(.58rem,.82vw,.9rem);font-style:italic;font-weight:600;letter-spacing:.01em;text-shadow:0 1px rgba(245,224,177,.45);opacity:.74;transition:.16s}
.map-ink-note::after{content:'';display:block;border-bottom:1px solid currentColor;transform:scaleX(.25);transform-origin:left;opacity:.45;transition:.16s}
.map-ink-note:hover,.map-ink-note:focus-visible{opacity:1;outline:none;transform:translateY(-1px)}
.map-ink-note:hover::after,.map-ink-note:focus-visible::after{transform:scaleX(1)}
.note-vrba{left:15.8%;top:69.0%;transform:rotate(-3deg)}
.note-kuchyne{left:37.4%;top:60.7%;transform:rotate(-2deg)}
.note-famfrpal{left:70.0%;top:81.4%;transform:rotate(2deg)}
.note-hagrid{left:79.2%;top:80.2%;transform:rotate(-2deg)}
.game-sigil{position:absolute;z-index:18;width:25px;height:25px;display:grid;place-items:center;text-decoration:none;border-radius:50%;background:#261b11;color:#d1ad61;border:1px solid rgba(96,61,26,.72);font-size:.75rem;box-shadow:0 1px 2px rgba(0,0,0,.28);transition:.16s}
.game-sigil:hover,.game-sigil:focus-visible{outline:2px solid rgba(58,37,18,.35);outline-offset:2px;transform:scale(1.12)}
.sigil-hall{left:55.2%;top:44.3%}.sigil-class{left:71.1%;top:48.1%}.sigil-pitch{left:78.8%;top:80.3%}.sigil-hagrid{left:87.4%;top:78.3%}
.games-panel-hotspot{position:absolute;z-index:18;left:2.4%;top:87.3%;width:14.8%;height:5.3%;border-radius:2px}
.games-panel-hotspot:hover,.games-panel-hotspot:focus-visible{outline:2px solid rgba(211,171,82,.48);outline-offset:2px;background:rgba(226,187,93,.06)}
@media(max-width:900px){.map-ink-note{font-size:.72rem}.game-sigil{width:24px;height:24px}}


/* v39 — finální starý pergamen, červenohnědý inkoust; žádné HTML cedulky. */
.v39-map{background:#171008}.v39-map .castle-map{aspect-ratio:1672/941;background:#b99968}.v39-map .castle-map-image{object-fit:cover;filter:saturate(.64) sepia(.12) contrast(1.035) brightness(.96)}
.v39-map .v39-hot{z-index:14;border:0!important;border-radius:2px;background:transparent!important;box-shadow:none!important;transform:none!important}
.v39-map .v39-hot:hover,.v39-map .v39-hot:focus-visible{outline:1px dashed rgba(84,42,18,.55);outline-offset:2px;background:rgba(113,57,26,.055)!important;box-shadow:none!important}
/* Souřadnice kopírují skutečné popisky ve v39 mapě. */
.hs39-koleje{left:40.2%;top:11.4%;width:7.7%;height:4.7%}
.hs39-astronomie{left:61.8%;top:5.6%;width:10.4%;height:4.8%}
.hs39-famfrpal{left:80.1%;top:17.3%;width:11.8%;height:5.0%}
.hs39-treti{left:46.7%;top:21.1%;width:8.1%;height:4.4%}
.hs39-sin{left:40.2%;top:26.1%;width:7.6%;height:4.7%}
.hs39-premenovani{left:25.3%;top:27.6%;width:11.1%;height:5.1%}
.hs39-obrana{left:57.0%;top:33.2%;width:9.6%;height:6.4%}
.hs39-velka{left:42.8%;top:35.8%;width:8.3%;height:5.2%}
.hs39-chodby{left:26.0%;top:39.5%;width:9.7%;height:5.0%}
.hs39-schody{left:47.8%;top:52.2%;width:10.0%;height:5.0%}
.hs39-nadvori{left:43.7%;top:59.9%;width:8.0%;height:5.2%}
.hs39-lektvary{left:30.3%;top:57.9%;width:10.6%;height:5.3%}
.hs39-kuchyne{left:53.2%;top:60.8%;width:8.1%;height:5.2%}
.hs39-jezero{left:3.9%;top:58.5%;width:9.8%;height:5.7%}
.hs39-les{left:83.0%;top:38.7%;width:10.3%;height:5.0%}
.hs39-skleniky{left:69.5%;top:52.3%;width:9.2%;height:5.1%}
.hs39-hagrid{left:84.8%;top:56.3%;width:10.0%;height:5.5%}
.hs39-vrba{left:71.3%;top:86.0%;width:11.7%;height:5.2%}
.hs39-reditelna{left:56.7%;top:20.1%;width:8.2%;height:5.0%}
.hs39-umyvarna{left:57.1%;top:41.2%;width:10.8%;height:5.0%}
.hs39-pozemky{left:69.4%;top:35.5%;width:9.9%;height:5.0%}
.hs39-zapad{left:27.6%;top:21.9%;width:10.0%;height:5.0%}
.hs39-vychod{left:57.1%;top:28.9%;width:10.5%;height:5.0%}
@media(max-width:900px){.v39-map .castle-map{min-width:1120px}}

/* v450: nová pergamenová mapa se školní učebnou jasnovidectví. */
.hs450-jasnovidectvi{left:23.6%;top:7.8%;width:12.4%;height:5.1%}