.four-face{grid-template-columns:repeat(4,minmax(0,1fr));width:min(300px,100%);transform:none;gap:6px;padding:8px;margin:8px auto;box-shadow:6px 7px 0 #141b2c}.four-face .tile{aspect-ratio:1;min-width:0;border-radius:5px}.four-reference{font-size:11px;font-weight:700;color:#263444}.four-orientation{padding:16px 24px;line-height:1.6;background:#f8f6ff;color:#4d4961}.four-start{margin-bottom:24px;line-height:1.7}.four-focus{scroll-margin-top:12px}.four-focus:focus{outline:none}.four-solution{max-width:850px;margin:auto}.four-move{padding:20px 24px 0;min-height:180px}.four-move h2{font-size:30px;margin:6px 0}.four-move p{line-height:1.6;margin:8px 0}.four-layer-hint{font-weight:600;color:#593ba6}.four-goal{width:100%;margin:8px 0 16px}.four-net{max-width:440px;gap:8px;padding:8px}.four-net .netface{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:4px}.four-net .netface b{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);background:#fffffff0;color:#252b3b;border-radius:2px;width:17px;height:17px;font-size:11px}.four-solution .surface-bottom details{font-size:14px}.four-solution .surface-bottom details p{line-height:1.6}.four-stages{justify-content:space-between}.four-solution .canvas{min-height:0}
[data-theme=dark] .four-orientation{background:#302943;color:#ded3f5}[data-theme=dark] .four-layer-hint{color:#d4bfff}
.solver-root .four-solution .turn-check{min-height:44px;padding:10px 24px}.four-net{max-width:360px}.four-move{min-height:0;padding-top:14px}.four-move .help{font-size:13px}
@media(max-width:800px){.four-start{padding:18px}.four-move{padding:14px 16px 0;min-height:190px}.four-orientation{padding:14px 16px;font-size:14px}.four-face{width:min(268px,100%);gap:5px}.four-net{gap:5px;padding:2px;max-width:380px}.four-net .netface{gap:2px;padding:3px}.four-solution .surface-bottom{padding:0 14px 16px}.four-solution .canvas{padding:10px}.four-reference{font-size:10px}}