.w4Page{color:#f4f4f5;background:#08090b;min-height:100vh}.w4Page>nav{letter-spacing:1.2px;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;width:min(1540px,100% - 24px);height:58px;margin:auto;font-size:10px;font-weight:900;display:flex}.w4Page>nav a{color:#a1a1aa;text-decoration:none;transition:color .18s}.w4Page>nav a:hover{color:#c8ff2f}.w4Page>nav b{color:#e4e4e7}.w4Shell{background:#101013;border:1px solid #303036;border-radius:24px;flex-direction:column;width:min(1540px,100% - 24px);height:calc(100vh - 76px);margin:9px auto;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000047}.w4Shell:fullscreen{border:0;border-radius:0;width:100vw;height:100vh;margin:0}.w4Input{opacity:0;width:1px;height:1px;position:fixed;top:0;left:-9999px}.w4Toast{z-index:30;color:#c8ff2f;letter-spacing:1px;white-space:nowrap;background:#0e110af5;border:1px solid #c8ff2f6b;border-radius:999px;padding:12px 18px;font-size:10px;font-weight:950;animation:.25s w4Toast;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #0000007a}.w4Shell>header{z-index:5;background:linear-gradient(#18181c,#131317);border-bottom:1px solid #2b2b30;align-items:center;gap:12px;min-height:72px;padding:10px 13px;display:flex}.w4Title{gap:4px;min-width:104px;display:grid}.w4Title small{color:#71717a;letter-spacing:1.4px;font-size:7px;font-weight:950}.w4Title strong{letter-spacing:.7px;font-size:12px}.w4ActiveClue{background:#111217;border:1px solid #303038;border-radius:13px;flex:1;align-items:center;gap:9px;min-width:180px;max-width:440px;height:44px;padding:0 12px;display:flex;overflow:hidden}.w4ActiveClue span{color:#111406;background:#c8ff2f;border-radius:7px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-weight:950;display:grid}.w4ActiveClue p{text-overflow:ellipsis;white-space:nowrap;color:#f4f4f5;font-size:12px;font-weight:900;overflow:hidden}.w4Progress{gap:6px;width:160px;display:grid}.w4Progress span{color:#a1a1aa;letter-spacing:.6px;font-size:8px;font-weight:900}.w4Progress i{background:#29292f;border-radius:999px;height:5px;overflow:hidden}.w4Progress i b{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#c8ff2f);height:100%;transition:width .35s;display:block}.w4Zoom{background:#111115;border:1px solid #303036;border-radius:12px;align-items:center;gap:6px;height:40px;padding:0 7px;display:flex}.w4Zoom button{color:#e4e4e7;cursor:pointer;background:#232329;border:0;border-radius:8px;width:27px;height:27px;font-size:16px;font-weight:900}.w4Zoom input{accent-color:#c8ff2f;width:88px}.w4Fullscreen,.w4Footer button{color:#c8ff2f;letter-spacing:.7px;cursor:pointer;white-space:nowrap;background:#c8ff2f14;border:1px solid #52691d;border-radius:12px;padding:11px 13px;font-size:8px;font-weight:950;transition:background .16s,border-color .16s,transform .16s}.w4Fullscreen:hover,.w4Footer button:hover{background:#c8ff2f24;border-color:#8eb52a}.w4Viewport{overscroll-behavior:contain;touch-action:pan-x pan-y;scroll-behavior:smooth;background:radial-gradient(circle at 50% 45%,#38bdf812,#0000 38%),radial-gradient(circle at 30% 65%,#c8ff2f0b,#0000 34%),#090a0d;flex:1;min-height:0;padding:34px;overflow:auto}.w4Board{background:#34343b;border:1px solid #484850;gap:1px;width:max-content;display:grid;box-shadow:0 26px 80px #0000008f,0 0 0 6px #ffffff05}.w4Block{background:#101115;box-shadow:inset 0 0 0 1px #ffffff03}.w4Cell,.w4Clue{cursor:pointer;border:0;min-width:0;min-height:0;padding:0}.w4Cell{color:#121316;font-weight:950;font-size:clamp(15px,calc(var(--cell-size)*.43),52px);background:#f1f2ed;place-items:center;transition:background .14s,transform .14s,box-shadow .14s;display:grid;position:relative}.w4Cell small{color:#c8ff2f;background:#15161a;border-radius:4px;place-items:center;min-width:12px;height:12px;padding:0 2px;font-size:7px;font-weight:950;line-height:1;display:grid;position:absolute;top:2px;right:3px}.w4Cell.active{background:#dff6ff}.w4Cell.selected{z-index:3;background:#fff;box-shadow:inset 0 0 0 3px #38bdf8,0 0 22px #38bdf8b3}.w4Cell.wrong{animation:.9s w4Wrong}.w4Cell.sweep{animation:w4Sweep .75s ease var(--sweep-delay) both}.w4Clue{color:#f4f4f5;background:linear-gradient(145deg,#202127,#17181d);justify-content:center;align-items:center;transition:background .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3b3c44}.w4Clue span{-webkit-line-clamp:5;text-align:center;overflow-wrap:anywhere;width:100%;font-size:clamp(6px,calc(var(--cell-size)*.15),18px);letter-spacing:-.08px;-webkit-box-orient:vertical;padding:3px 3px 13px;font-weight:900;line-height:1;display:-webkit-box;overflow:hidden}.w4Clue b{color:#c8ff2f;font-size:clamp(10px,calc(var(--cell-size)*.29),34px);text-shadow:0 0 12px #c8ff2f61;line-height:1;position:absolute;bottom:1px;right:3px}.w4Clue:hover,.w4Clue.active{z-index:2;background:linear-gradient(145deg,#19313a,#142229);box-shadow:inset 0 0 0 2px #38bdf8,0 0 20px #38bdf842}.w4Clue.done{color:#dfffa0;background:linear-gradient(145deg,#27351a,#171f13)}.w4Clue.done b{color:#c8ff2f}.w4Footer{z-index:6;background:linear-gradient(#151519,#101013);border-top:1px solid #2b2b30;align-items:center;gap:20px;min-height:86px;padding:11px 14px;display:flex}.w4Actions{gap:7px;display:flex}.w4Footer button{color:#f4f4f5;background:#202026;border-color:#35353c;padding:12px 14px}.w4Footer button.primary{color:#101106;background:#c8ff2f;border:0}.w4Footer button span{color:#c8ff2f}.w4Solution{flex:1;justify-content:center;align-items:center;gap:16px;min-width:0;display:flex}.w4Solution>div{text-align:right;gap:2px;display:grid}.w4Solution>div small{color:#c8ff2f;letter-spacing:1.4px;font-size:7px;font-weight:950}.w4Solution>div strong{color:#71717a;letter-spacing:.8px;font-size:7px}.w4Solution ol{gap:5px;margin:0;padding:0;list-style:none;display:flex}.w4Solution li{color:#f4f4f5;cursor:pointer;background:#1a1b20;border:1px solid #3d3e45;border-bottom:3px solid #38bdf8;border-radius:8px;place-items:center;width:38px;height:43px;transition:all .16s;display:grid;position:relative}.w4Solution li:hover{border-color:#38bdf8;transform:translateY(-2px)}.w4Solution li.correct{background:#232e18;border-bottom-color:#c8ff2f}.w4Solution li small{color:#71717a;font-size:7px;position:absolute;top:3px;left:4px}.w4Solution li b{font-size:18px}.w4HintCount{color:#a1a1aa;letter-spacing:.7px;text-align:right;min-width:84px;font-size:8px}.w4Complete{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050608d6;place-items:center;padding:20px;animation:.3s w4Fade;display:grid;position:absolute;inset:0}.w4Complete>div{text-align:center;background:radial-gradient(circle at top,#c8ff2f1f,#0000 48%),#141519;border:1px solid #c8ff2f59;border-radius:26px;width:min(460px,100%);padding:44px 32px 30px;position:relative;box-shadow:0 30px 100px #000000b3,0 0 70px #c8ff2f14}.w4Complete>div>span{color:#71717a;letter-spacing:1px;font-size:8px;font-weight:900;position:absolute;top:18px;right:18px}.w4Complete small{color:#c8ff2f;letter-spacing:2px;font-size:9px;font-weight:950}.w4Complete h1{color:#f4f4f5;letter-spacing:-3px;text-shadow:0 0 38px #c8ff2f33;margin:12px 0 8px;font-size:clamp(40px,8vw,70px);line-height:.9}.w4Complete p{color:#a1a1aa;margin:16px 0 24px;font-size:12px}.w4Complete button{color:#101106;letter-spacing:.8px;cursor:pointer;background:#c8ff2f;border:0;border-radius:12px;padding:13px 16px;font-size:9px;font-weight:950}.w4Complete button.secondary{color:#e4e4e7;background:#202026;border:1px solid #3f3f46;margin-left:8px}@keyframes w4Wrong{25%,75%{color:#fff;background:#ef4444;box-shadow:inset 0 0 0 3px #7f1d1d}50%{transform:scale(1.08)}}@keyframes w4Sweep{0%{background:#f1f2ed;transform:scale(1)}45%{background:#c8ff2f;transform:scale(1.08);box-shadow:0 0 30px #c8ff2fe6}to{background:#eaffb3;transform:scale(1)}}@keyframes w4Toast{0%{opacity:0;transform:translate(-50%,-8px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes w4Fade{0%{opacity:0}to{opacity:1}}@media (max-width:1050px){.w4Title{display:none}.w4Progress{width:130px}.w4Zoom input{width:62px}.w4Footer{gap:10px}.w4Footer button{padding:11px 9px}.w4Solution{gap:9px}.w4Solution li{width:32px;height:39px}.w4HintCount{display:none}}@media (max-width:760px){.w4Page>nav{height:46px}.w4Shell{border-radius:17px;width:calc(100% - 10px);height:calc(100vh - 56px);margin:5px}.w4Shell>header{grid-template-columns:minmax(0,1fr) auto auto;gap:7px;min-height:98px;padding:8px;display:grid}.w4ActiveClue{grid-area:1/1/auto/-1;max-width:none;height:38px}.w4Progress{grid-area:2/1;width:auto}.w4Zoom{grid-area:2/2}.w4Fullscreen{grid-area:2/3;padding:10px}.w4Viewport{padding:20px}.w4Footer{grid-template-columns:1fr;gap:7px;min-height:123px;padding:8px;display:grid}.w4Actions{grid-row:2;justify-content:center}.w4Footer button{flex:1;padding:10px 8px}.w4Solution{grid-row:1;justify-content:center}.w4Solution>div{display:none}.w4Solution ol{gap:4px}.w4Solution li{width:30px;height:35px}.w4Solution li b{font-size:15px}.w4Toast{top:110px}}@media (max-width:470px){.w4Zoom input{display:none}.w4Fullscreen{font-size:0}.w4Fullscreen:after{content:"⛶";font-size:16px}.w4Actions button{padding:10px 6px;font-size:7px}.w4Solution li{width:27px}.w4Viewport{padding:14px}}.w4Viewport.middlePanning{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.w4ClueMulti{cursor:default;grid-template-rows:repeat(2,minmax(0,1fr));padding:0;display:grid}.w4ClueMulti:hover{background:linear-gradient(145deg,#202127,#17181d);box-shadow:inset 0 0 0 1px #3b3c44}.w4CluePart{color:#f4f4f5;cursor:pointer;background:0 0;border:0;min-width:0;min-height:0;padding:0;transition:background .15s,box-shadow .15s;position:relative;overflow:hidden}.w4CluePart+.w4CluePart{border-top:1px solid #454650}.w4CluePart span{font-size:clamp(5px,calc(var(--cell-size)*.105),12px);-webkit-line-clamp:3;padding:2px 2px 8px}.w4CluePart b{font-size:clamp(8px,calc(var(--cell-size)*.2),22px);bottom:0;right:2px}.w4CluePart:hover,.w4CluePart.active{z-index:2;background:linear-gradient(145deg,#19313a,#142229);box-shadow:inset 0 0 0 2px #38bdf8}.w4CluePart.done{color:#dfffa0;background:linear-gradient(145deg,#27351a,#171f13)}.w4Board{margin-inline:auto}.w4Clue span{font-size:clamp(7px,calc(var(--cell-size)*.17),18px);padding:3px 3px 14px;line-height:.98}