.container{box-sizing:content-box;flex-direction:column;align-items:stretch;gap:clamp(12px,3vw,20px);width:100%;max-width:min(720px,100% - 2*clamp(12px,4vw,24px));margin:0 auto;padding:clamp(12px,3vw,24px) 0 clamp(24px,5vw,48px);display:flex}.container.container--play{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.play-field{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.page-title{text-align:center;letter-spacing:.04em;color:#f4f4f4;flex-shrink:0;margin:0 0 clamp(4px,1.5vw,10px);font-size:clamp(1.5rem,5vw,2rem);font-weight:700}.page-lead{text-align:center;color:#ffffffe0;margin:0;max-width:36rem;margin-inline:auto;font-size:clamp(.875rem,2.8vw,1.02rem);line-height:1.55}.page-lead strong{color:#fff;font-weight:600}.muted{opacity:.72}.board-stats{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(8px,2vw,12px);margin-top:clamp(4px,1.5vw,10px);display:flex}.lives{align-items:center;gap:6px;display:flex}.life{border-radius:50%;width:clamp(12px,3.5vw,14px);height:clamp(12px,3.5vw,14px);display:inline-block}.life-on{background:#c43c3c;box-shadow:0 0 6px #c43c3c8c}.life-off{background:#333;border:1px solid #ffffff1f}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.progress{color:#ffffff8c;font-size:clamp(.82rem,2.4vw,.92rem)}.refresh-btn{cursor:pointer;color:#f0f0f0;font:inherit;background:#1e1e1ee6;border:1px solid #ffffff2e;border-radius:8px;padding:10px 18px;font-weight:500;transition:background .2s,border-color .2s,transform .15s}.refresh-btn:hover{background:#ffffff1a;border-color:#ffffff47}.refresh-btn:active{transform:translateY(1px)}.link-btn{cursor:pointer;color:#8ab4ff;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.grid-wrap{-webkit-overflow-scrolling:touch;justify-content:center;width:100%;padding:0 clamp(2px,1.5vw,8px);display:flex;overflow-x:auto}.grid-wrap-dim{opacity:.45;pointer-events:none}.grid{--cell:clamp(52px, min(22vw, 26vmin), 104px);--g:clamp(3px, 1vmin, 6px);grid-template-columns:repeat(4, var(--cell));gap:var(--g);width:max-content;max-width:100%;margin-inline:auto;display:grid}.grid--offset-play-area{transform:translateX(calc(-.5 * (var(--cell) + var(--g))))}.grid>*{justify-content:center;align-items:center;display:flex}.corner{min-height:clamp(2.25rem,8vmin,2.75rem)}.label{text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:#ffffffe0;padding:clamp(2px,.8vw,4px) clamp(2px,1vw,4px);font-size:clamp(.62rem,min(2.8vw,.78rem),.78rem);line-height:1.2}.row-label,.col-label{max-width:var(--cell)}.cell{width:var(--cell);height:var(--cell);box-sizing:border-box;background:#0a0a0abf;border:1px solid #ffffff24;border-radius:4px;position:relative}.cell-interactive{cursor:pointer}.cell-interactive:hover{border-color:#ffffff59}.cell-locked{cursor:default}.cell-selected{outline-offset:-1px;border-color:#c9a227;outline:2px solid #c9a227;box-shadow:0 0 0 1px #c9a22740}@keyframes cell-wrong-flash-kf{0%,to{outline-offset:0;box-shadow:none;background:#0a0a0abf;border-color:#ffffff24;outline:0}45%{outline-offset:-1px;background:#551616eb;border-color:#d94a4a;outline:2px solid #d94a4a;box-shadow:0 0 16px #d94a4aa6}}.cell-wrong-flash{animation:.48s ease-out cell-wrong-flash-kf}.cell-filled{padding:0}.cell-face{object-fit:contain;border-radius:3px;width:100%;height:100%;display:block}.cell-placeholder{color:#ffffff38;-webkit-user-select:none;user-select:none;font-size:clamp(1.1rem,5vw,1.5rem)}.modal-backdrop{z-index:300;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{flex-shrink:0;width:min(520px,100%)}.picker{-webkit-backdrop-filter:blur(6px);background:#141414e0;border:1px solid #ffffff1f;border-radius:10px;width:100%;max-width:min(520px,100%);margin-inline:auto;padding:clamp(10px,2.5vw,14px);box-shadow:0 8px 32px #00000059}.picker-head{color:#ffffffb8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:clamp(.78rem,2.4vw,.88rem);display:flex}.picker-search-row{flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:8px;display:flex}.picker-search-grow{flex:160px;min-width:0;display:block}.picker-search{box-sizing:border-box;color:#eee;width:100%;font:inherit;background:#080808a6;border:1px solid #ffffff29;border-radius:8px;padding:10px 12px}.picker-search:focus{border-color:#ffffff47;outline:2px solid #fff3}.answer-btn{color:#eee;min-height:42px;font:inherit;cursor:pointer;white-space:nowrap;background:#232323f2;border:1px solid #ffffff2e;border-radius:8px;flex:none;padding:0 14px;font-size:clamp(.78rem,2.3vw,.85rem)}.answer-btn:hover{background:#ffffff14;border-color:#ffffff47}.answer-panel{background:#0c0c0cbf;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:12px;padding:10px}.answer-panel-title{margin:0 0 8px;font-size:.8rem}.answer-panel-cell{text-align:center}.answer-single{flex-direction:column;align-items:center;gap:8px;display:flex}.answer-single img{object-fit:cover;border:1px solid #ffffff24;border-radius:8px;width:clamp(72px,22vw,88px);height:clamp(72px,22vw,88px);display:block}.answer-single-name{color:#ddd;word-break:break-word;max-width:100%;font-size:clamp(.85rem,2.6vw,.95rem)}.picker-hint,.picker-meta{margin:0 0 8px;font-size:clamp(.78rem,2.4vw,.85rem)}.picker-scroll{flex-wrap:wrap;justify-content:flex-start;gap:clamp(5px,1.5vw,8px);max-height:min(280px,50vh);padding:4px 0;display:flex;overflow-y:auto}.picker-tile{cursor:pointer;background:#080808cc;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;width:clamp(44px,12vw,52px);height:clamp(44px,12vw,52px);padding:0;transition:border-color .15s,transform .12s;overflow:hidden}.picker-tile:hover{border-color:#c9a227;transform:scale(1.03)}.picker-tile img{object-fit:cover;width:100%;height:100%;display:block}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom,0px));background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-card{text-align:center;background:#181818f5;border:1px solid #ffffff24;border-radius:12px;width:min(360px,100%);padding:clamp(20px,5vw,28px);box-shadow:0 16px 48px #00000073}.overlay-card h2{margin:0 0 12px;font-size:clamp(1.2rem,4vw,1.4rem)}.overlay-card p{color:#ffffffb8;margin:0 0 20px;font-size:clamp(.9rem,2.8vw,1rem);line-height:1.5}@media (max-width:599px){.grid .row-label{writing-mode:sideways-lr;white-space:nowrap;max-height:var(--cell);text-overflow:ellipsis;-webkit-hyphens:none;hyphens:none;word-break:normal;justify-content:center;align-items:center;padding:1px 2px;font-size:clamp(.5rem,min(2.8vw,.66rem),.66rem);line-height:1.15;overflow:hidden}}@media (min-width:600px){.container{max-width:min(680px,100% - 48px)}}@media (min-width:900px){.container{max-width:min(720px,100% - 64px)}}