body { isolation: isolate; }
body.kamerUitgebreid:not(.examenRust):has(.studiekamer) { align-items: center; }
body.kamerUitgebreid:not(.examenRust) .studiekamer { margin-bottom: 0; }
body.kamerUitgebreid:not(.examenRust) .studiekamer::after { content: none; }
.kamerUitbreiding {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-repeat: no-repeat;
}
.kamerUitbreiding[hidden] { display: none; }
body.examenBureauUitgebreid:has(.studiekamer) { align-items: center; }
body.examenBureauUitgebreid .studiekamer {
    margin-bottom: 0;
    background-size: 0 0 !important;
}
body.examenBureauUitgebreid .studiekamer::after { content: none; }
/* Klikzones gemeten op de complete foto's; er ligt geen tweede foto bovenop. */
body.examenRust.examenBureauUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .laptop { left: 42.6% !important; top: 41.2% !important; width: 22.3% !important; height: 23.1% !important; }
body.examenRust.examenBureauUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .uil { left: 20.7% !important; top: 57.5% !important; }
body.examenRust.examenBureauUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .tools { left: 28.7% !important; top: 80.4% !important; }
body.examenRust.examenBureauUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .kaars { left: 5.6% !important; top: 57% !important; }
body.examenRust.examenBureauUitgebreid.kamerUitgebreidStaand .studiekamer .laptop { left: 44.3% !important; top: 29.6% !important; width: 22.2% !important; height: 25.3% !important; }
body.examenRust.examenBureauUitgebreid.kamerUitgebreidStaand .studiekamer .uil { left: 22.2% !important; top: 47.2% !important; }
body.examenRust.examenBureauUitgebreid.kamerUitgebreidStaand .studiekamer .tools { left: 30.3% !important; top: 72.4% !important; }
body.examenRust.examenBureauUitgebreid.kamerUitgebreidStaand .studiekamer .kaars { left: 7.5% !important; top: 47.5% !important; }
/* Eén doorlopende foto: geen tweede uitsnede over de raamstijlen leggen.
   Het ongewijzigde kamervak blijft het referentiekader voor de klikzones. */
body.kamerUitgebreid:not(.examenRust) .studiekamer {
    background-size: 0 0;
}
/* De volledige voorwerpen reageren op hover en klik; het pictogram blijft klein. */
/* Geek: klikzones afgestemd op elke uitgebreide dag- en nachtversie. */
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) .laptop { left: 38.6%; top: 42.5%; width: 23.7%; height: 27%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) #geekLampKnop { left: 17.3%; top: 25.7%; width: 10.6%; height: 17.2%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) .kopje { left: 29.5%; top: 71.5%; width: 12%; height: 10%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) .tools { left: 15%; top: 55%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) .takenlijst { left: 34.1%; top: 81%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) .muziek { left: 85.2%; top: 65.8%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) .kaars { left: 76.8%; top: 53%; width: 4%; height: 9%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .laptop { left: 30.5%; top: 34.2%; width: 25.4%; height: 29.5%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) #geekLampKnop { left: 8.5%; top: 15%; width: 11.2%; height: 19.5%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .kopje { left: 20.2%; top: 65.7%; width: 13%; height: 10%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .tools { left: 8%; top: 51.6%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .takenlijst { left: 24.4%; top: 77.2%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .muziek { left: 77.9%; top: 60.1%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .kaars { left: 71%; top: 45.3%; width: 3.8%; height: 8.5%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht .laptop { left: 37.2%; top: 43.4%; width: 22.3%; height: 26%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht #geekLampKnop { left: 69.1%; top: 51.6%; width: 5.2%; height: 11.5%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht .kopje { left: 65.6%; top: 63.7%; width: 10%; height: 14%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht .tools { left: 7%; top: 57%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht .takenlijst { left: 27.2%; top: 79.8%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht .muziek { left: 75.6%; top: 65.8%; }
body.geekUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht .kaars { left: 59.1%; top: 49.3%; width: 3.8%; height: 15.2%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .laptop { left: 36.1%; top: 23.4%; width: 23.4%; height: 28.3%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht #geekLampKnop { left: 69.7%; top: 33%; width: 5%; height: 12%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .kopje { left: 65.4%; top: 44.8%; width: 10%; height: 14%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .tools { left: 8%; top: 40.2%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .takenlijst { left: 23.4%; top: 65.5%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .muziek { left: 76.9%; top: 49%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .kaars { left: 59%; top: 30%; width: 3.4%; height: 16%; }
body.geekUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .studiehoekKeuze { left: 53.1%; top: 64.2%; }
/* Dark academia Halloween: klikzones op de uitgebreide beelden. */
body.academiaHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .laptop { left: 49.6%; top: 36.1%; width: 23%; height: 25.6%; }
body.academiaHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer #hoofdNaamKnop { left: 14.5%; top: 35.7%; width: 7.2%; height: 21.3%; }
body.academiaHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .kopje { left: 44.4%; top: 58.7%; }
body.academiaHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .takenlijst { left: 31%; top: 70.2%; }
body.academiaHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .tools { left: 17.3%; top: 59.7%; }
body.academiaHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .kaars { left: 21.8%; top: 54.2%; width: 4.5%; height: 10.4%; }
body.academiaHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .muziek { left: 80.2%; top: 56.5%; }
body.academiaHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer .laptop { left: 46.3%; top: 26.3%; width: 26.2%; height: 29.3%; }
body.academiaHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer #hoofdNaamKnop { left: 7.4%; top: 26.4%; width: 8.1%; height: 23.8%; }
body.academiaHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer .kopje { left: 40.4%; top: 52.7%; }
body.academiaHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer .takenlijst { left: 24.4%; top: 66.3%; }
body.academiaHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer .tools { left: 10.6%; top: 53.8%; }
body.academiaHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer .kaars { left: 15.4%; top: 47%; width: 5.3%; height: 12.3%; }
body.academiaHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer .muziek { left: 79.7%; top: 50.8%; }
body.academiaHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer .studiehoekKeuze { left: 52%; top: 69%; }
/* Plant parent: één doorlopende afbeelding voor alle studiebuddy's. */
body.plantUitgebreid .studiekamer .laptop { transform: none; }
body.plantUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .laptop { left: 48.8%; top: 40.7%; width: 22.6%; height: 25.6%; }
body.plantUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .uil { left: 38.5%; top: 57.8%; width: 13%; height: 24%; }
body.plantUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .kopje { left: 81.1%; top: 69.4%; }
body.plantUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .takenlijst { left: 79.7%; top: 84%; }
body.plantUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .muziek { left: 96.8%; top: 68.2%; }
body.plantUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .tools { left: 21.2%; top: 65%; }
body.plantUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .kaars { left: 26.9%; top: 54.8%; width: 6%; height: 14%; }
body.plantUitgebreid.kamerUitgebreidStaand .studiekamer .laptop { left: 44.8%; top: 25.1%; width: 26.5%; height: 33.1%; }
body.plantUitgebreid.kamerUitgebreidStaand .studiekamer .uil { left: 32.1%; top: 46.8%; width: 14%; height: 27%; }
body.plantUitgebreid.kamerUitgebreidStaand .studiekamer .kopje { left: 78.6%; top: 62.2%; }
body.plantUitgebreid.kamerUitgebreidStaand .studiekamer .takenlijst { left: 79.3%; top: 82.8%; }
body.plantUitgebreid.kamerUitgebreidStaand .studiekamer .muziek { left: 94.7%; top: 63.3%; }
body.plantUitgebreid.kamerUitgebreidStaand .studiekamer .tools { left: 13.3%; top: 55.9%; }
body.plantUitgebreid.kamerUitgebreidStaand .studiekamer .kaars { left: 20.4%; top: 42.9%; width: 6.4%; height: 17%; }
/* Geek Halloween: klikzones per lichtstand en schermformaat. */
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) .laptop { left: 43.6%; top: 42.3%; width: 21.4%; height: 24.8%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) #geekLampKnop { left: 19%; top: 27.5%; width: 9.6%; height: 14.1%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) .kopje { left: 29.6%; top: 67.6%; width: 12%; height: 10%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) .tools { left: 14.8%; top: 56.6%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) .takenlijst { left: 34.4%; top: 78.4%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) .kaars { left: 74.5%; top: 50.4%; width: 4.8%; height: 10%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer:not(.is-middernacht) .muziek { left: 80.4%; top: 65.2%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .laptop { left: 34%; top: 22.1%; width: 25%; height: 29.3%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) #geekLampKnop { left: 11.1%; top: 1.1%; width: 11.7%; height: 18.5%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .kopje { left: 22.3%; top: 52.2%; width: 12%; height: 10%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .tools { left: 8.5%; top: 38.6%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .takenlijst { left: 25%; top: 63.9%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .kaars { left: 70.1%; top: 31.9%; width: 5.5%; height: 13.2%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .muziek { left: 77.6%; top: 49.5%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer:not(.is-middernacht) .studiehoekKeuze { left: 51%; top: 64%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht .laptop { left: 37.2%; top: 43.1%; width: 21.9%; height: 25.7%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht #geekLampKnop { left: 12.1%; top: 28.3%; width: 9.8%; height: 14.4%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht .kopje { left: 22.8%; top: 69.2%; width: 12%; height: 10%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht .tools { left: 7%; top: 56.8%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht .takenlijst { left: 27.9%; top: 80.4%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht .kaars { left: 69.1%; top: 51.4%; width: 4.3%; height: 10.2%; }
body.geekHalloweenUitgebreid:not(.kamerUitgebreidStaand) .studiekamer.is-middernacht .muziek { left: 76.6%; top: 65.7%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .laptop { left: 34.6%; top: 5.7%; width: 23%; height: 28%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht #geekLampKnop { left: 9.4%; top: -11.5%; width: 10.6%; height: 16.4%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .kopje { left: 20.2%; top: 35.5%; width: 12%; height: 10%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .tools { left: 8%; top: 23.8%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .takenlijst { left: 25%; top: 45%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .kaars { left: 69%; top: 14.5%; width: 4.7%; height: 13.2%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .muziek { left: 77.6%; top: 30.6%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .studiehoekKeuze { left: 51%; top: 47%; }
body.geekHalloweenUitgebreid.kamerUitgebreidStaand .studiekamer.is-middernacht .raam { left: 91%; top: 0%; }
/* Dark academia: posities op de doorlopende brede en staande afbeeldingen. */
body.academiaUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .laptop { left: 40.5%; top: 40.3%; width: 24%; height: 25.5%; }
body.academiaUitgebreid:not(.kamerUitgebreidStaand) .studiekamer #hoofdNaamKnop { left: 5.9%; top: 40%; width: 6.6%; height: 19.8%; }
body.academiaUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .kopje { left: 35.5%; top: 63.3%; }
body.academiaUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .takenlijst { left: 19.3%; top: 75.3%; }
body.academiaUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .tools { left: 9.4%; top: 63.6%; }
body.academiaUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .muziek { left: 71.5%; top: 57.2%; }
body.academiaUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .kaars { left: 15.2%; top: 63.3%; }
body.academiaUitgebreid.kamerUitgebreidStaand .studiekamer .laptop { left: 45.8%; top: 36.8%; width: 26.2%; height: 29.7%; }
body.academiaUitgebreid.kamerUitgebreidStaand .studiekamer #hoofdNaamKnop { left: 8.1%; top: 36.8%; width: 7.2%; height: 22%; }
body.academiaUitgebreid.kamerUitgebreidStaand .studiekamer .kopje { left: 40.4%; top: 62%; }
body.academiaUitgebreid.kamerUitgebreidStaand .studiekamer .takenlijst { left: 23.4%; top: 75.6%; }
body.academiaUitgebreid.kamerUitgebreidStaand .studiekamer .kaars { left: 18.1%; top: 63.6%; }
body.examenRust .studiekamer :is(.kopje, .takenlijst, .muziek) {
    transform: none !important;
    aspect-ratio: auto !important;
}
body.examenRust .studiekamer .kopje { left: 31.5% !important; top: 57% !important; width: 10.5% !important; height: 18% !important; }
body.examenRust .studiekamer .takenlijst { left: 34.5% !important; top: 74% !important; width: 38% !important; height: 16% !important; }
body.examenRust .studiekamer .muziek { left: 72.8% !important; top: 68.5% !important; width: 24% !important; height: 20% !important; }
body.examenRust.examenBureauUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .kopje { left: 29.4% !important; top: 56% !important; width: 10.8% !important; height: 18.5% !important; }
body.examenRust.examenBureauUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .takenlijst { left: 32% !important; top: 72% !important; width: 39% !important; height: 18% !important; }
body.examenRust.examenBureauUitgebreid:not(.kamerUitgebreidStaand) .studiekamer .muziek { left: 71.5% !important; top: 67% !important; width: 25% !important; height: 22% !important; }
body.examenRust.examenBureauUitgebreid.kamerUitgebreidStaand .studiekamer .kopje { left: 31% !important; top: 47.8% !important; width: 10.5% !important; height: 19% !important; }
body.examenRust.examenBureauUitgebreid.kamerUitgebreidStaand .studiekamer .takenlijst { left: 34.3% !important; top: 65.5% !important; width: 37.5% !important; height: 17% !important; }
body.examenRust.examenBureauUitgebreid.kamerUitgebreidStaand .studiekamer .muziek { left: 72.7% !important; top: 58.7% !important; width: 24.5% !important; height: 23% !important; }
body.examenRust .studiekamer :is(#kopjeKnop, #takenlijstKnop, #muziekKnop) {
    position: relative;
    display: block;
    width: 100%; height: 100%;
    background: transparent !important;
    border: 0 !important;
    border-radius: 12%;
    cursor: pointer;
}
body.examenRust .studiekamer :is(#kopjeKnop, #takenlijstKnop, #muziekKnop):is(:hover, :focus-visible) {
    outline: 2px solid #ffe0be;
    outline-offset: 2px;
    background: #fff0df26 !important;
}
body.examenRust .studiekamer :is(#takenlijstKnop, #muziekKnop)::before { content: none !important; }
body.examenRust .studiekamer #kopjeKnop::before,
body.examenRust .studiekamer #takenlijstKnop::after,
body.examenRust .studiekamer #muziekKnop::after {
    position: absolute;
    left: 50%; top: 50%; transform: translate(-50%, -50%);
    display: grid; place-items: center;
    width: 3.95cqw; height: 3.95cqw;
    border: 1px solid #ffe0be; border-radius: 50%;
    background: #33261de6; color: #fff1e5;
    font: 2cqw/1 'Segoe UI', sans-serif;
    pointer-events: none;
}
@media (max-width: 1100px) and (pointer: coarse), (max-width: 700px) {
    body.kamerUitgebreid {
        display: grid;
        place-items: center;
        min-height: max(480px, 100dvh);
        padding: 0;
    }
    .kamerUitgebreid .studiekamer .welkom {
        position: fixed;
        top: 16px;
        z-index: 1;
    }
}