body.snapshot-mode #snapshot-area{min-width:100dvh}.stats-row{display:flex;align-items:center;gap:.75rem}.stats-row .answer{font-family:var(--mono-font)}.capsule-meter{display:grid;gap:.75rem .25rem;font-size:.875em;grid-template-columns:repeat(auto-fill,minmax(8em,1fr));width:100%;background-color:var(--bg-light);padding:.75rem;border-radius:.5rem;border:1px solid var(--border)}.capsule-meter .capsule{opacity:.5;flex:1;min-width:7em}.capsule-meter .capsule.spent{opacity:1}.capsule-meter .capsule p{margin:0}.viewport{position:relative;width:100%;aspect-ratio:3 / 2;background-color:transparent;border-radius:min(2rem,6vw);border-radius:min(2rem,6dvw);overflow:hidden;border:1.5px solid var(--border);transition:all .3s ease}canvas{width:100%;height:100%;display:block}.tiles-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);transition:var(--transition),opacity 0s}.tiles-grid .tile{background:var(--bg-dark);background-image:radial-gradient(color-mix(in srgb,var(--color),transparent 90%) .1rem,transparent .1rem);background-size:1rem 1rem;border:1.5px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;-webkit-user-select:none;user-select:none;position:relative}.tiles-grid .tile *{pointer-events:none}.tiles-grid .tile.revealed{opacity:0;pointer-events:none}.tiles-grid .tile .tile-num{font-size:min(1rem,3vw);font-size:min(1rem,3dvw);font-family:var(--mono-font);color:color-mix(in srgb,var(--color),var(--bg-dark) 75%)}.tiles-grid .tile .tile-tag{font-size:.65rem;opacity:0}.tiles-grid.locked{pointer-events:none}body:not(.snapshot-mode) .tiles-grid.locked.gameOver{opacity:0}.tiles-grid.locked .tile-num{color:transparent}.tiles-grid:not(.locked) .tile:not(.revealed){cursor:pointer}.tiles-grid:not(.locked) .tile:not(.revealed):hover{background:var(--bg-light)}.tiles-grid:not(.locked) .tile:not(.revealed):hover .tile-tag{opacity:1}.lines-grid,.station-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7em,1fr));gap:.5rem}:is(.lines-grid,.station-grid) .btn{padding-left:0;padding-right:0}.station-grid::-webkit-scrollbar,.station-grid::-webkit-scrollbar-thumb{display:none}