.pocket-face{grid-template-columns:repeat(2,1fr);transform:none;margin:12px auto;box-shadow:7px 8px 0 #141b2c}.pocket-reference{font-size:11px;line-height:1.2}.pocket-orientation{padding:18px 24px;line-height:1.6;color:#596276;background:#f8f6ff}.pocket-net .netface{grid-template-columns:repeat(2,1fr)}.pocket-net{max-width:420px}.pocket-solution{max-width:850px;margin:auto;overflow:visible}.pocket-solution .surface-head{border-radius:20px 20px 0 0}.pocket-move{padding:20px 25px 8px;min-height:170px}.pocket-move h2{font-size:30px}.pocket-move p{margin:8px 0;line-height:1.5}.pocket-solution .canvas{min-height:0}.pocket-focus{scroll-margin-top:12px}.pocket-focus:focus{outline:none}.pocket-start{margin-bottom:24px}.pocket-start li{line-height:1.7;margin:8px 0}.pocket-start p{line-height:1.7}.pocket-stages{gap:15px;justify-content:space-between}.pocket-solution .surface-bottom{padding-top:5px}
[data-theme=dark] .pocket-orientation{background:#302943;color:#d4c5f6}
.pocket-net .netface b{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:3px;background:#fffffff0;color:#252b3b;font-size:11px}.pocket-start a{color:#6247b6}[data-theme=dark] .pocket-start a{color:#cbb8ff}
@media(max-width:800px){.pocket-solution .net{max-width:320px;padding:10px;gap:7px}.pocket-solution .canvas{padding:8px}.pocket-solution .pocket-controls{position:sticky;bottom:0;z-index:5;background:white;padding:10px 0 max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.pocket-controls .btn{flex:1;min-height:48px;padding:10px;font-size:13px}.pocket-move{padding:15px 16px 8px}.pocket-solution .surface-bottom{padding:0 14px 16px}.pocket-solution .progress{margin:10px 0}.pocket-solution .surface-head{padding:14px 16px}.pocket-orientation{padding:14px 16px;font-size:14px}.pocket-start{padding:18px}.pocket-start h2{font-size:21px}[data-theme=dark] .pocket-solution .pocket-controls{background:#202635}}