@font-face{font-family:ForbiddenBodoni;src:url('../assets/ogniwo/bodoni.ttf') format('truetype');font-display:swap}
@font-face{font-family:ForbiddenSource;src:url('../assets/ogniwo/source-sans.ttf') format('truetype');font-display:swap}
.forbidden-words-page{--fw-blue:#1758a6;--fw-pink:#e6b9c8;--fw-yellow:#f4d34e}
.forbidden-words-page .tool-main{font-family:ForbiddenSource,Arial,sans-serif}
.forbidden-words-page #fw-app{color-scheme:light;color:#161616;background:#fff;border:0;border-top:8px solid var(--fw-blue);border-radius:0;padding:2rem;max-width:68rem;margin:1.5rem auto}
.forbidden-words-page [hidden]{display:none!important}
.forbidden-words-page .fw-poster{position:relative;max-width:68rem;margin:1rem auto 0;padding-block:1rem}
.forbidden-words-page .fw-five{position:absolute;left:3%;top:-.1em;font:900 clamp(10rem,28vw,23rem)/1 ForbiddenBodoni,Georgia,serif;color:var(--fw-pink);transform:rotate(-8deg);z-index:1;pointer-events:none;text-shadow:3px 3px #161616}
.forbidden-words-page .fw-poster figure{position:relative;margin:0 0 0 auto;width:76%;height:240px;overflow:hidden;background:#161616}
.forbidden-words-page .fw-poster img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 25%}
.forbidden-words-page .fw-poster figcaption{position:absolute;right:.5rem;top:.5rem;font-size:.75rem;background:#161616;color:#fff;padding:.2rem .4rem;z-index:2}
.forbidden-words-page .fw-poster figcaption a{color:white}
.forbidden-words-page .tool-head,.forbidden-words-page .fw-intro{position:relative;z-index:2;width:80%;margin:-3.5rem auto 0;background:#fff;color:#161616;padding:1rem 2rem;text-align:center}
.forbidden-words-page .tool-head h1{font:800 clamp(2.5rem,6vw,5rem)/1.03 ForbiddenBodoni,Georgia,serif;margin:0 0 .65rem}
.forbidden-words-page .tool-head p{max-width:40rem;margin:0 auto;line-height:1.4;font-size:1.1rem}
.forbidden-words-page .fw-intro .tool-head{width:auto;padding:0;margin:0}
.forbidden-words-page .fw-intro>h1{font:800 clamp(2.5rem,6vw,5rem)/1.03 ForbiddenBodoni,Georgia,serif;margin:0 0 .65rem}
.forbidden-words-page #fw-setup{max-width:48rem;margin:auto}
.forbidden-words-page #fw-app>.fw-language{max-width:48rem;margin:0 auto 1rem;text-align:center;color:#444;font-size:.9rem}
.forbidden-words-page.fw-running #fw-app>.fw-language{display:none}
.forbidden-words-page #fw-setup .field label{display:block;font-weight:700;margin-bottom:.4rem;text-align:center}
.forbidden-words-page #fw-setup input,.forbidden-words-page #fw-setup select{width:100%;min-height:48px;background:#fff;color:#161616;border:1px solid #8b8b8b;border-radius:0;padding:.6rem .8rem;font:inherit}
.forbidden-words-page #fw-setup .field{margin-bottom:1rem}
.forbidden-words-page .fw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}
.forbidden-words-page #fw-category{max-width:36rem;display:block;margin:auto}
.forbidden-words-page .btn{min-height:48px;border-radius:0;white-space:normal;font:700 1rem ForbiddenSource,Arial,sans-serif;padding:.75rem 1rem;background:var(--fw-blue);border:1px solid var(--fw-blue);color:white}
.forbidden-words-page #fw-prepare,.forbidden-words-page #fw-reveal,.forbidden-words-page #fw-resume,.forbidden-words-page #fw-next{display:block;width:min(100%,28rem);margin:1rem auto}
.forbidden-words-page #fw-setup details{margin-top:1rem;border-top:1px solid #aaa;padding-top:.75rem}
.forbidden-words-page #fw-setup summary{cursor:pointer;font-weight:700;text-align:center;min-height:44px;padding:.6rem}
.forbidden-words-page #fw-error{color:#9c1831;font-weight:700}
.forbidden-words-page #fw-error:empty,.forbidden-words-page #fw-status:empty{display:none}
.forbidden-words-page #fw-game{max-width:54rem;margin:auto}
.forbidden-words-page #fw-heading{font:800 1.6rem/1.2 ForbiddenBodoni,Georgia,serif;text-align:center;margin:.4rem 0 1rem;overflow-wrap:anywhere}
.forbidden-words-page #fw-scoreboard{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin:.75rem auto}
.forbidden-words-page .fw-score{padding:.4rem .8rem;border:1px solid #777;overflow-wrap:anywhere;max-width:100%}
.forbidden-words-page .fw-score.is-active{background:var(--fw-yellow);border-color:#161616}
.forbidden-words-page #fw-timer{display:block;text-align:center;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;line-height:1.2;margin:.6rem 0}
.forbidden-words-page #fw-card{max-width:38rem;margin:1rem auto;background:var(--fw-yellow);border:2px solid #161616;padding:1.3rem 2rem;box-shadow:6px 6px 0 #161616}
.forbidden-words-page #fw-word{font:800 clamp(2rem,5vw,3.5rem)/1.1 ForbiddenBodoni,Georgia,serif;text-align:center;margin:0 0 .8rem;overflow-wrap:anywhere}
.forbidden-words-page #fw-forbidden{list-style:none;margin:0;padding:0;text-align:center;display:grid;gap:.35rem;font-size:1.25rem}
.forbidden-words-page #fw-forbidden li{border-top:1px solid #16161655;padding-top:.3rem;overflow-wrap:anywhere}
.forbidden-words-page #fw-cover{padding:2rem;max-width:38rem;margin:1rem auto;text-align:center;background:var(--fw-pink);font-size:1.2rem;line-height:1.5;border:2px solid #161616}
.forbidden-words-page .fw-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:1rem auto}
.forbidden-words-page #fw-correct{background:var(--fw-blue);flex:1 1 100%}
.forbidden-words-page #fw-skip,.forbidden-words-page #fw-foul{background:#fff;color:#161616;border-color:#161616;flex:1 1 40%}
.forbidden-words-page #fw-pause,.forbidden-words-page #fw-exit{background:#fff;color:#161616;border-color:#777}
.forbidden-words-page #fw-summary{text-align:center;overflow-wrap:anywhere}
.forbidden-words-page #fw-summary ul{text-align:left;max-width:36rem;margin:1rem auto;padding-left:1.4rem}
.forbidden-words-page #fw-summary h3{font:800 2rem/1.2 ForbiddenBodoni,Georgia,serif}
.forbidden-words-page #fw-status{font-size:.9rem;text-align:center;color:#444;margin:.5rem auto}
.forbidden-words-page :is(button,input,select,summary,a):focus-visible{outline:3px solid #161616;outline-offset:4px;box-shadow:0 0 0 6px var(--fw-yellow)}
.forbidden-words-page.fw-running .fw-poster,.forbidden-words-page.fw-running .fw-intro,.forbidden-words-page.fw-running .tool-head,.forbidden-words-page.fw-running .tool-guide,.forbidden-words-page.fw-running .breadcrumbs{display:none}
@media(min-width:700px){.forbidden-words-page #fw-setup details p,.forbidden-words-page .tool-guide>p{text-align:justify;hyphens:auto}}
@media(max-width:600px){
 .forbidden-words-page .fw-poster{margin-top:.5rem;padding-block:0}
 .forbidden-words-page .fw-poster figure{height:100px;width:90%}
 .forbidden-words-page .fw-five{font-size:9rem;left:-.5rem;top:-1rem}
 .forbidden-words-page .tool-head,.forbidden-words-page .fw-intro{width:95%;padding:.8rem;margin-top:-1rem}
 .forbidden-words-page .tool-head h1,.forbidden-words-page .fw-intro>h1{font-size:2.3rem}
 .forbidden-words-page .tool-head p{font-size:1rem}
 .forbidden-words-page #fw-app{padding:1rem;margin-top:.8rem}
 .forbidden-words-page .fw-grid{gap:.5rem}
 .forbidden-words-page #fw-card{padding:.8rem 1rem;margin:.8rem auto;box-shadow:3px 3px 0 #161616}
 .forbidden-words-page #fw-heading{font-size:1.35rem}
 .forbidden-words-page #fw-scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .forbidden-words-page .fw-score{font-size:.9rem;padding:.35rem .4rem;text-align:center}
 .forbidden-words-page #fw-cover{padding:1rem}
 .forbidden-words-page #fw-forbidden{font-size:1rem;line-height:1.15;gap:.15rem}
 .forbidden-words-page #fw-timer{font-size:1.25rem;margin:.4rem}
 .forbidden-words-page .fw-actions{gap:.5rem;margin:.75rem auto}
}
@media(max-height:450px) and (orientation:landscape){
 .forbidden-words-page.fw-running #fw-app{padding:.5rem 1rem}
 .forbidden-words-page.fw-running #fw-game{display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1rem}
 .forbidden-words-page.fw-running #fw-card{grid-column:1;grid-row:2/6;width:100%;margin:0;padding:.5rem}
 .forbidden-words-page.fw-running #fw-heading{grid-column:1/-1;margin:0;font-size:1.1rem}
 .forbidden-words-page.fw-running #fw-scoreboard,.forbidden-words-page.fw-running #fw-timer,.forbidden-words-page.fw-running .fw-actions{grid-column:2;margin:0}
 .forbidden-words-page.fw-running #fw-word{font-size:1.7rem;margin:.25rem}
 .forbidden-words-page.fw-running #fw-forbidden{font-size:.95rem;gap:0}
}
@media(prefers-reduced-motion:reduce){.forbidden-words-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
