.debug-grid{--dbg-major:#555;--dbg-minor:#c0c6d6;--dbg-bg:#fff;--dbg-text:#313131;--dbg-text-given:#2e59a2;width:100%;max-width:500px;aspect-ratio:1/1;position:relative;border:2px solid var(--dbg-major);box-sizing:border-box;background:var(--dbg-bg);font-family:Google Sans,system-ui,sans-serif}.debug-grid__board{width:100%;height:100%}.debug-grid__board,.debug-grid__square{display:grid;grid-template-columns:repeat(3,33.3333333333%);grid-template-rows:repeat(3,33.3333333333%)}.debug-grid__square{position:relative}.debug-grid__square:first-child:after,.debug-grid__square:nth-child(2):after,.debug-grid__square:nth-child(4):after,.debug-grid__square:nth-child(5):after{content:"";position:absolute;pointer-events:none;z-index:5;height:2px;width:calc(100% + 2px);background:var(--dbg-major);bottom:-1px;left:-1px}.debug-grid__square:first-child:before,.debug-grid__square:nth-child(2):before,.debug-grid__square:nth-child(4):before,.debug-grid__square:nth-child(5):before{content:"";position:absolute;pointer-events:none;z-index:5;height:100%;width:2px;background:var(--dbg-major);bottom:-1px;left:calc(100% - 1px)}.debug-grid__square:nth-child(3):after,.debug-grid__square:nth-child(6):after{content:"";position:absolute;pointer-events:none;z-index:5;height:2px;width:calc(100% + 2px);background:var(--dbg-major);bottom:-1px;left:-1px}.debug-grid__square:nth-child(7):before,.debug-grid__square:nth-child(8):before{content:"";position:absolute;pointer-events:none;z-index:5;height:100%;width:2px;background:var(--dbg-major);bottom:-1px;left:calc(100% - 1px)}.debug-grid__cell{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,4cqw,28px);color:var(--dbg-text-given);position:relative;box-sizing:border-box;container-type:size}.debug-grid__cell:first-child:after,.debug-grid__cell:nth-child(2):after,.debug-grid__cell:nth-child(4):after,.debug-grid__cell:nth-child(5):after{content:"";position:absolute;pointer-events:none;z-index:4;height:1px;width:calc(100% + 1px);background:var(--dbg-minor);bottom:-.5px;left:-.5px}.debug-grid__cell:first-child:before,.debug-grid__cell:nth-child(2):before,.debug-grid__cell:nth-child(4):before,.debug-grid__cell:nth-child(5):before{content:"";position:absolute;pointer-events:none;z-index:4;height:100%;width:1px;background:var(--dbg-minor);bottom:-.5px;left:calc(100% - .5px)}.debug-grid__cell:nth-child(3):after,.debug-grid__cell:nth-child(6):after{content:"";position:absolute;pointer-events:none;z-index:4;height:1px;width:calc(100% + 1px);background:var(--dbg-minor);bottom:-.5px;left:-.5px}.debug-grid__cell:nth-child(7):before,.debug-grid__cell:nth-child(8):before{content:"";position:absolute;pointer-events:none;z-index:4;height:100%;width:1px;background:var(--dbg-minor);bottom:-.5px;left:calc(100% - .5px)}.debug-grid__cell._empty{color:var(--dbg-text)}.debug-grid__cell-text{line-height:1;font-weight:500}