/* Castle atmosphere surrounds clear, parchment-coloured learning surfaces. */
html{background:#101d2a}
body{background:radial-gradient(ellipse at 50% 0,#30485b55,transparent 65%),linear-gradient(#102131ed,#0b1725f5),url('/assets/escape/realistic/castle-moat.webp') center top/cover fixed;color:#1d2b39;min-height:100vh}
.escape-header{padding-top:1.3rem;padding-bottom:1.3rem}.escape-brand,.escape-back{color:#fff2d1}.escape-brand strong span{color:#c9c1aa}.escape-brand>span{background:linear-gradient(145deg,#cda964,#8e672f);border:1px solid #e4c68f;color:#fff8e6;box-shadow:0 3px 10px #0004}.escape-back:hover{color:#f4cf7b}
.escape-language{color:#e5d2ad}.escape-language label{color:#e5d2ad}.escape-language select,#escape-language{color:#263549;background:#fff9e9;border-color:#bfa67b}
.escape-main{padding-bottom:3rem}.escape-intro{border:1px solid #a18354;box-shadow:0 1.4rem 3rem #0005}.escape-intro-copy{background:linear-gradient(105deg,#13283ded,#203b54ad)}.escape-intro h1{color:#fff8eb}.escape-intro h1 em{color:#f0cb7e}.escape-intro-copy>p{color:#f2eee1}.escape-intro .escape-eyebrow{color:#efd18b}.escape-hero-badge{border-color:#bda06d;background:#122a40df;color:#ffe0a0}
.escape-panel,.escape-inventory{background:radial-gradient(ellipse at 12% 0,#ffffffc4,transparent 65%),linear-gradient(120deg,#fffaf0,#f3e8d0);border-color:#c8b489;box-shadow:0 .8rem 2rem #0003}.escape-panel{border-top:3px solid #c6a265}.escape-setup{padding:2.1rem}.escape-section-heading h2{font-family:Georgia,serif;color:#253443}.escape-heading-icon{background:#ecd7a4;color:#876228;box-shadow:inset 0 0 0 1px #b59454}
.escape-resume{background:linear-gradient(110deg,#e8d8b7,#f7edda);border-color:#c4ab7c}.escape-resume .escape-secondary{background:#304957;color:#fff7df;border-color:#182e3b;box-shadow:0 3px 0 #152b38}.escape-overline{color:#896323}.escape-setup p{color:#526274}
.escape-primary{background:linear-gradient(#f4d386,#e7b956);border-color:#bc9443;color:#1a2b3b;box-shadow:0 4px 0 #9b762f}.escape-primary:hover{background:linear-gradient(#ffe0a0,#efc265)}.escape-secondary{background:#fbf2de;border-color:#a98d5b;color:#263e50}
.escape-game-top{color:#fff2d4}.escape-game-top h2{color:#fff7e8}.escape-game-top .escape-overline{color:#e8c57e}.escape-game-top .escape-text-button{color:#e8d2a7}.escape-save-note-game{color:#c8cbd0}
.escape-progress{background:linear-gradient(110deg,#fff8e8,#eaddbf);border:1px solid #c4a56c;box-shadow:0 5px 14px #0003}.escape-board{border-color:#b19a73;background:#f9efdc;box-shadow:0 1rem 2rem #0004}.escape-puzzle{background:radial-gradient(ellipse at 50% 0,#fffdf8a8,transparent 65%),#fbf3e3}.escape-story{background:#fff9ec;border-color:#d2b57a}.escape-story-kicker{color:#866026}.escape-word-riddle{background:linear-gradient(120deg,#fffaf0,#f3e5c6);border-color:#c5a76e}.escape-word-riddle h4{color:#765325}.escape-hint{background:#f8e9c4;border-color:#bd9446}.escape-inventory-item{background:#fffae9;border-color:#bf9d5b}
.escape-footer{color:#d8d2c3;border-top:1px solid #ae90543b}.escape-footer a{color:#f1dfba}.escape-footer a:hover{color:#ffe0a0}
@media(max-width:600px){.escape-header{padding-top:1rem;padding-bottom:1rem}.escape-setup{padding:1.3rem}.escape-main{padding-bottom:2rem}.escape-intro{box-shadow:0 .8rem 1.5rem #0004}}
@media(prefers-reduced-motion:reduce){body{background-attachment:scroll}}

.escape-header .escape-language{color:#e5d2ad}

/* The entrance controls form one compact panel in the castle palette. */
#escape-setup.escape-setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,auto);gap:.8rem 2rem;align-items:center;padding:1.8rem 2rem;background:linear-gradient(115deg,#20394bea,#132738f5);border:1px solid #a68a56;border-top:1px solid #a68a56;border-radius:1.25rem;box-shadow:0 .8rem 2rem #0003}
#escape-setup .escape-section-heading{grid-column:1;grid-row:1/3;display:block;margin:0}
#escape-setup .escape-heading-icon{display:none}
#escape-setup .escape-overline{color:#d4b576;margin:0 0 .55rem}
#escape-setup h2{color:#fff1d1;font-size:clamp(1.35rem,2.8vw,1.8rem);line-height:1.2;margin:0 0 .65rem}
#escape-setup .escape-section-heading p:last-child{color:#d2d9dd;margin:0;font-size:1rem;line-height:1.55;max-width:36rem}
#escape-setup .escape-resume:not([hidden]){grid-column:2;grid-row:1;display:flex;align-items:stretch;flex-direction:column;margin:0;padding:0;border:0;background:none;border-radius:0}
#escape-setup .escape-resume .escape-secondary{width:100%;background:linear-gradient(#edcc84,#cfaa5e);color:#172b3b;border:1px solid #c29f5a;box-shadow:0 3px 0 #896830}
#escape-setup .escape-setup-actions{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:stretch;margin:0;gap:.5rem}
#escape-setup .escape-setup-actions .escape-primary{width:100%;white-space:normal}
#escape-setup:has(.escape-resume:not([hidden])) .escape-setup-actions .escape-primary{background:#142a3b;color:#eed7a4;border:1px solid #967e52;box-shadow:none}
#escape-setup:not(:has(.escape-resume:not([hidden]))) .escape-setup-actions{grid-row:1/3}
#escape-setup-status:empty{display:none}#escape-setup-status{color:#f5ddaa}
#escape-setup .escape-legacy-note{color:#d2d9dd;font-size:.8rem;line-height:1.4;margin:.6rem 0 0}
/* Keep the badge text crisp while the band and gold rules fade sideways. */
.escape-hero-badge{border:0;box-shadow:none;background:none;isolation:isolate}
.escape-hero-badge::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,#122a40df 20%,#122a40ef 50%,#122a40df 80%,transparent)}
.escape-hero-badge::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,#cba96699 25%,#d9b771bb 50%,#cba96699 75%,transparent) top/100% 1px no-repeat,linear-gradient(90deg,transparent,#cba96699 25%,#d9b771bb 50%,#cba96699 75%,transparent) bottom/100% 1px no-repeat}
@media(max-width:650px){#escape-setup.escape-setup{grid-template-columns:1fr;padding:1.4rem;gap:1rem}#escape-setup .escape-section-heading{grid-column:1;grid-row:1}#escape-setup .escape-resume:not([hidden]){grid-column:1;grid-row:2}#escape-setup .escape-setup-actions{grid-column:1;grid-row:3}#escape-setup:not(:has(.escape-resume:not([hidden]))) .escape-setup-actions{grid-row:2}#escape-setup h2{font-size:1.5rem}}
/* Fade only the background: keep the text and its accessibility unaffected. */
.escape-intro-copy{background:linear-gradient(90deg,#13283ded 0%,#1a354bd9 53%,#203b5480 78%,#203b5400 100%)}
#escape-setup .escape-section-heading h2:last-child{margin-bottom:0}

/* Let the castle image remain visible behind the label. */
.escape-hero-badge{background:transparent;border:0;box-shadow:none;text-shadow:0 1px 5px #071524,0 2px 12px #071524}
.escape-hero-badge::before,.escape-hero-badge::after{content:none}

#escape-setup .escape-new-game-note:not([hidden]){margin:.05rem 0 0;color:#d2d9dd;font-size:.82rem;line-height:1.4;text-align:center}
#escape-setup .escape-section-heading{grid-column:1;grid-row:1}
#escape-setup .escape-rows-fieldset{grid-column:1;grid-row:2;margin:.4rem 0 0;padding:.85rem 1rem;border:1px solid #8a704688;border-radius:.9rem;background:#0e1f2f66}
#escape-setup .escape-rows-legend{padding:0 .35rem;font-size:.86rem;font-weight:700;letter-spacing:.03em;color:#efd18b}
#escape-setup .escape-rows-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .8rem;margin:0 0 .65rem}
#escape-setup .escape-rows-hint{margin:0!important;font-size:.88rem!important;color:#d2d9dd!important}
#escape-setup .escape-rows-presets{display:inline-flex;flex-wrap:wrap;gap:.4rem}
#escape-setup .escape-preset-btn{padding:.28rem .65rem;border:1px solid #967e52;border-radius:999px;background:#172d40;color:#f5ddaa;font-size:.78rem;font-weight:700;cursor:pointer}
#escape-setup .escape-preset-btn:hover{background:#23415a;border-color:#d4b576}
#escape-setup .escape-row-options{display:flex;flex-wrap:wrap;gap:.42rem}
#escape-setup .escape-row-btn{min-width:2.45rem;height:2.35rem;padding:0 .5rem;border:1.5px solid #6b5a3e;border-radius:.55rem;background:#132535;color:#c9d2d9;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .12s ease}
#escape-setup .escape-row-btn.is-active{background:linear-gradient(#f4d386,#e0b14d);border-color:#f9e2a8;color:#172838;box-shadow:0 2px 0 #8a6729}
@media(max-width:650px){#escape-setup .escape-rows-fieldset{grid-column:1;grid-row:2}#escape-setup .escape-resume:not([hidden]){grid-column:1;grid-row:3}#escape-setup .escape-setup-actions{grid-column:1;grid-row:4}#escape-setup:not(:has(.escape-resume:not([hidden]))) .escape-setup-actions{grid-row:3}}