/*! Copyright 2026 El Trivia (eltrivia.com). All rights reserved. */
.g-queens{padding-block:var(--s3) var(--s7)}.g-queens__game{--q-edge:var(--ink);--q-wrong:var(--state-wrong)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g-queens__game{--q-edge:var(--on-ink)}}:root[data-theme=dark] .g-queens__game{--q-edge:var(--on-ink)}.g-queens__intro{margin-bottom:var(--s3)}.g-queens__intro h1{font-size:24px}.g-queens__intro p{margin-top:var(--s1);max-width:60ch}.g-queens__note{margin-bottom:var(--s3)}.g-queens__game{display:grid;gap:var(--s3);grid-template-areas:"bar" "board" "actions" "tools";max-width:608px;padding:var(--s2) var(--s1);position:relative}@media (min-width:400px){.g-queens__game{padding:var(--s3)}}@media (min-width:720px){.g-queens__game{padding:var(--s5)}}.g-queens__game:focus{outline:none}.g-queens__bar{align-items:center;display:flex;gap:var(--s5);grid-area:bar;min-height:44px;padding-inline:var(--s1)}.g-queens__bar .stat__value{font-size:18px}.g-queens__pause-btn{margin-left:auto;min-width:88px;padding-inline:12px}.g-queens__stage{display:grid;grid-area:board;position:relative}.g-queens__stage>*{grid-area:1/1}.g-queens__board{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;aspect-ratio:1;background:var(--surface);box-shadow:0 0 0 3px var(--q-edge);display:flex;flex-direction:column;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}.g-queens__row{display:grid;flex:1;grid-template-columns:repeat(var(--n,8),minmax(0,1fr));min-height:0}.g-queens__cell{background-color:var(--light);background-image:var(--q-stripe,none),var(--q-shade,none);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--deep) 30%,transparent);color:var(--deep);cursor:pointer;display:grid;min-height:0;min-width:0;overflow:hidden;place-items:center;position:relative}.g-queens__cell.is-mid{background-color:color-mix(in srgb,var(--field) 50%,var(--light))}.g-queens__cell:before{border:0 solid var(--q-edge);content:"";inset:0;pointer-events:none;position:absolute}.g-queens__cell.is-edge-top:before{border-top-width:1.5px}.g-queens__cell.is-edge-right:before{border-right-width:1.5px}.g-queens__cell.is-edge-bottom:before{border-bottom-width:1.5px}.g-queens__cell.is-edge-left:before{border-left-width:1.5px}.g-queens__cell:focus{outline:none}.g-queens__cell:focus-visible{outline:3px solid var(--q-edge);outline-offset:-6px}.g-queens__board.is-locked .g-queens__cell{cursor:default}.g-queens__mark{fill:currentColor;aspect-ratio:1;height:auto;pointer-events:none;width:64%}.g-queens__x{width:56%}.g-queens__cell.is-conflict{box-shadow:inset 0 0 0 3px var(--q-wrong);color:var(--q-wrong)}.g-queens__cell.is-conflict .g-queens__queen{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.g-queens__cell.is-striped{--q-stripe:repeating-linear-gradient(135deg,color-mix(in srgb,var(--state-wrong) 38%,transparent) 0 3px,transparent 3px 9px)}.g-queens__board.show-letters .g-queens__cell:after{color:var(--deep);content:attr(data-region);font-size:11px;font-weight:700;left:4px;line-height:1;pointer-events:none;position:absolute;top:2px}.g-queens__cell.is-hint-area{--q-shade:linear-gradient(color-mix(in srgb,var(--q-edge) 22%,transparent) 0 0)}.g-queens__cell.is-hint-key{box-shadow:inset 0 0 0 3px var(--state-correct)}.g-queens__cell.is-hint-target{box-shadow:inset 0 0 0 5px var(--state-correct)}.g-queens__cell.is-hint-wrong{box-shadow:inset 0 0 0 4px var(--q-wrong)}.g-queens__cell.is-hint-remove{outline:2px dashed var(--q-edge);outline-offset:-6px}.g-queens__loading{color:var(--ink-2);margin:auto;padding:var(--s4);text-align:center}.g-queens__actions{display:grid;gap:var(--s2);grid-area:actions;grid-template-columns:1fr 1fr 1fr 1.5fr;padding-inline:var(--s1)}.g-queens__actions .btn{min-width:0;padding-inline:8px;touch-action:manipulation}.g-queens__hint{align-items:center;background:var(--surface-2);border-radius:12px;display:flex;gap:var(--s3);grid-area:tools;padding:var(--s3)}.g-queens__hint[hidden]{display:none}.g-queens__hint p{flex:1;font-size:15px;line-height:1.4}.g-queens__game.has-hint .g-queens__tools{display:none}.g-queens__tools{display:flex;gap:var(--s2);grid-area:tools;justify-content:center}.g-queens__bar .stat[hidden]{display:none}.g-queens__game.is-paused .g-queens__actions,.g-queens__game.is-paused .g-queens__board,.g-queens__game.is-paused .g-queens__hint{visibility:hidden}.g-queens__pause{align-content:center;border-radius:0;inset:auto;padding:var(--s5);position:relative}@media (max-height:599px),(max-width:719px){.g-queens__game:not(.is-play-mode) :is(.g-queens__pause-btn,[data-undo],[data-clear],[data-hint],.g-queens__hint){display:none}.g-queens__game:not(.is-play-mode) .g-queens__actions{grid-template-columns:auto;justify-content:center}.g-queens__game:not(.is-play-mode).has-hint .g-queens__tools{display:flex}.g-queens__game.is-play-mode{grid-template-rows:auto minmax(0,1fr) auto auto}.is-play-mode .g-queens__bar .play-close{margin-left:0}.is-play-mode .g-queens__stage{container-type:size;min-height:0;place-items:center}.is-play-mode .g-queens__board{width:calc(min(100cqw, 100cqh) - 6px)}.is-play-mode .g-queens__pause{height:100%;width:100%}}@media (orientation:landscape) and (max-height:599px){.g-queens__game.is-play-mode{align-content:stretch;grid-template-areas:"board bar" "board actions" "board tools";grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);grid-template-rows:auto auto minmax(0,1fr)}}.g-queens__dlg .figs{margin-bottom:var(--s2)}.g-queens__dlg .fig dd{font-size:28px}.g-queens__dlg .fig dt .chip{margin-left:4px;vertical-align:1px}.g-queens__won-note{margin-top:var(--s3)}.g-queens__stats .fig dd{font-size:22px}.g-queens__recent{border-collapse:collapse;font-size:15px;width:100%}.g-queens__recent td,.g-queens__recent th{border-bottom:1px solid var(--line);padding:6px var(--s3) 6px 0;text-align:left}.g-queens__recent th{font-weight:600}.g-queens__reset{margin-top:var(--s5)}.g-queens__reset p{font-weight:600}.g-queens__settings{display:grid}.g-queens__settings label{align-items:center;cursor:pointer;display:flex;gap:var(--s3);min-height:44px}.g-queens__settings input{accent-color:var(--ink);flex:none;height:20px;margin:0;width:20px}.g-queens__about{margin-top:var(--s6);max-width:62ch}.g-queens__about h2{margin:var(--s6) 0 var(--s3)}.g-queens__about h2:first-child{margin-top:0}.g-queens__about ol{margin:var(--s3) 0 0;padding-left:1.25em}.g-queens__about li+li{margin-top:6px}.g-queens__about h3{margin:var(--s4) 0 var(--s2)}.g-queens__about p+p{margin-top:var(--s3)}.g-queens__keys{border-collapse:collapse;font-size:15px}.g-queens__keys td,.g-queens__keys th{border-bottom:1px solid var(--line);padding:6px var(--s4) 6px 0;text-align:left;vertical-align:top}.g-queens__keys th{font-weight:600;white-space:nowrap}