/* Original continuous felt and dimensional alternating wood, only for v8. */
.dvs-game{--dvs-gap:8px;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-height:0;padding:clamp(14px,3.5dvh,28px) 7% max(76px,12dvh);color:#ffe9b8;background:#142e31 url('./game-art/double-vision-board-v1.png') center/100% 100% no-repeat;font-family:Arial,Helvetica,sans-serif;container-type:size;isolation:isolate;overflow:hidden;position:relative}
.dvs-game *{box-sizing:border-box}.dvs-game button{min-width:44px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:#fff0c6;border:1px solid #c7a263;border-radius:9px;background:linear-gradient(#866037,#4a2e19);font:700 15px/1.2 Georgia,serif;box-shadow:inset 0 1px 1px #ffe8a455,0 3px 0 #24180f;padding:9px 13px}.dvs-game button:disabled{opacity:.7}.dvs-game button:focus-visible{outline:3px solid #ffe6a1;outline-offset:2px}.dvs-game button:active:not(:disabled){filter:brightness(1.12)}
.dvs-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:5px;flex:0 0 62px}.dvs-header h1{margin:0;text-align:center;font:bold clamp(23px,6.2vw,31px)/1 Georgia,serif;white-space:nowrap;letter-spacing:-.8px;text-shadow:0 2px 0 #3f260f,0 4px 4px #000}.dvs-header button{padding:0;border-radius:50%;font-size:27px}
.dvs-hud{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:0 0 54px;font-size:12px}.dvs-clock{display:flex;gap:5px;align-items:baseline;padding:4px 6px;min-width:90px;border:1px solid #9d8254;border-radius:7px;background:#0b2529}.dvs-clock b{font:700 24px/1 Georgia,serif;font-variant-numeric:tabular-nums}.dvs-clock small{font-size:9px;max-width:38px}.dvs-time-counts{animation:dvs-clock-pulse 1s ease-in-out 3}.dvs-hud button{padding:6px 10px}
.dvs-main{display:flex;flex-direction:column;flex:1;min-height:0;padding:8px 6px 12px}.dvs-field{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;container-type:size;padding:0 4px 10px}.dvs-grid{--dvs-side:min(calc((100cqw - 24px)/4),calc((100cqh - 32px)/5));display:grid;grid-template-columns:repeat(4,var(--dvs-side));grid-template-rows:repeat(5,var(--dvs-side));gap:var(--dvs-gap);width:max-content;height:max-content;margin:auto}.dvs-game .dvs-card{--dvs-wood:url('./game-art/double-vision-tile-dark-v2.webp');position:relative;display:block;aspect-ratio:1;width:var(--dvs-side);height:var(--dvs-side);min-width:44px;min-height:44px;border:0;border-radius:8px;background:#654224 var(--dvs-wood) center/100% 100% no-repeat;padding:0;box-shadow:0 3px 0 #281a10,0 5px 5px #000b,0 8px 8px #0006;overflow:hidden;opacity:1}
.dvs-game .dvs-card:nth-child(8n+2),.dvs-game .dvs-card:nth-child(8n+4),.dvs-game .dvs-card:nth-child(8n+5),.dvs-game .dvs-card:nth-child(8n+7){--dvs-wood:url('./game-art/double-vision-tile-light-v2.webp')}.dvs-picture{position:absolute;inset:5px;border:1px solid #d8b879;border-radius:4px;background:#132c30;overflow:hidden}.dvs-picture img{width:100%;height:100%;object-position:center}.dvs-picture>span{position:absolute;left:0;right:0;bottom:0;padding:3px 1px 2px;background:#071b21e8;color:#fff9e7;font:bold clamp(8px,2.2vw,10px)/1.1 Arial,sans-serif;overflow-wrap:anywhere;text-align:center}.dvs-card.is-matched .dvs-picture{filter:brightness(.82)}.dvs-card i{position:absolute;top:5px;right:5px;border-radius:50%;padding:1px 3px;color:#fff4d4;background:#315c47;font:700 12px/1 Arial,sans-serif}.dvs-feedback{flex:0 0 28px;margin:8px 0 0;text-align:center;font-size:11px;line-height:1.3;color:#ecddbb}
.dvs-panel{display:flex;flex-direction:column;justify-content:safe center;align-items:stretch;gap:12px;flex:1;min-height:0;overflow:auto;padding:8px 4px;text-align:center;scrollbar-width:thin}.dvs-panel h2{margin:0;font:700 26px/1.15 Georgia,serif;color:#ffe4a5;text-shadow:0 2px 3px #000}.dvs-panel p{margin:0;font:14px/1.45 Arial,sans-serif;color:#f1e5cd}.dvs-panel button{flex-shrink:0}.dvs-total{font:700 32px/1.2 Georgia,serif}.dvs-results{display:flex;flex-direction:column;gap:9px;list-style:none;padding:0;margin:0;text-align:left}.dvs-results li{display:flex;flex-direction:column;gap:3px;padding:8px;border-bottom:1px solid #bb9a5d55;font-size:14px}.dvs-results span{font-size:12px}.dvs-footer{position:absolute;left:9%;right:9%;bottom:max(70px,10dvh);display:flex;justify-content:center;gap:6px;align-items:center;color:#ffd3b3;text-align:center;font-size:12px;z-index:2}.dvs-footer:empty{display:none}.dvs-footer button{font-size:12px;padding:5px 8px}.dvs-lesson-grid{--dvs-side:70px;grid-template-columns:repeat(2,var(--dvs-side));grid-template-rows:repeat(2,var(--dvs-side));margin:4px auto 10px;flex:0 0 auto}
@keyframes dvs-clock-pulse{50%{box-shadow:0 0 8px #e2c576;border-color:#ffe9b8}}@media(prefers-reduced-motion:reduce){.dvs-time-counts{animation:none;outline:1px solid #e6c77f}}@media(max-height:700px){.dvs-game{padding-top:10px;padding-bottom:75px}.dvs-header{flex-basis:50px}.dvs-hud{flex-basis:50px}.dvs-main{padding-top:4px}.dvs-panel{gap:8px}.dvs-panel p{font-size:13px}.dvs-panel h2{font-size:23px}}@media(min-width:700px){.dvs-header h1{font-size:28px}.dvs-picture>span{font-size:10px}}

.dvs-game > [data-action='sound']{position:absolute;bottom:20px;right:7%;max-width:110px;padding:4px 8px;font-size:11px}
.dvs-game .dvs-header{position:static;background:transparent;box-shadow:none;border:0;padding:0}