.dots-and-boxes-module__scD_wq__page{--bg:#f0f2f7;--surface:#fff;--text:#12161d;--text-dim:#6b7684;--border:#e3e7ed;--dot:#1b2027;--line-empty:#d7dce4;--p1:#2f5bff;--p2:#ff3b5c;--p1-fill:#2f5bff26;--p2-fill:#ff3b5c26;background:var(--bg);min-height:100dvh;color:var(--text)}.dots-and-boxes-module__scD_wq__page[data-theme=dark]{--bg:#0e1116;--surface:#171c24;--text:#e8ecf1;--text-dim:#9aa4b2;--border:#2a313c;--dot:#c7cedb;--line-empty:#323a46;--p1:#6f93ff;--p2:#ff7a90;--p1-fill:#6f93ff30;--p2-fill:#ff7a9030}.dots-and-boxes-module__scD_wq__shell{max-width:480px;margin:auto;padding:20px 18px 36px}.dots-and-boxes-module__scD_wq__header{color:var(--text-dim);align-items:center;gap:10px;margin-bottom:18px;font-size:12px;display:flex}.dots-and-boxes-module__scD_wq__back{width:40px;height:40px;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;place-items:center;display:grid;box-shadow:0 2px 6px #0001}.dots-and-boxes-module__scD_wq__dot{opacity:.4;margin:0 7px}.dots-and-boxes-module__scD_wq__headerIcons{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:6px;margin-inline-start:auto;padding:4px;display:flex;box-shadow:0 2px 6px #0001}.dots-and-boxes-module__scD_wq__iconBtn{width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.dots-and-boxes-module__scD_wq__iconBtn:hover{background:var(--bg)}.dots-and-boxes-module__scD_wq__setup{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:22px 20px 24px;box-shadow:0 18px 40px #1a224012}.dots-and-boxes-module__scD_wq__hero{justify-content:center;margin-bottom:6px;display:flex}.dots-and-boxes-module__scD_wq__heroArt{width:92px;height:92px}.dots-and-boxes-module__scD_wq__heroDot{fill:var(--dot)}.dots-and-boxes-module__scD_wq__heroLineP1{stroke:var(--p1);stroke-width:4px;stroke-linecap:round}.dots-and-boxes-module__scD_wq__heroLineP2{stroke:var(--p2);stroke-width:4px;stroke-linecap:round}.dots-and-boxes-module__scD_wq__heroFillP1{fill:var(--p1);opacity:.18}.dots-and-boxes-module__scD_wq__heroFillP2{fill:var(--p2);opacity:.18}.dots-and-boxes-module__scD_wq__setup h1{background:linear-gradient(120deg,var(--p1),var(--p2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:32px;font-weight:800}.dots-and-boxes-module__scD_wq__setup p{color:var(--text-dim);margin:0 0 16px;font-size:12.5px;line-height:1.8}.dots-and-boxes-module__scD_wq__sectionLabel{text-align:right;letter-spacing:.3px;color:var(--text-dim);margin:18px 0 10px;font-size:10px;font-weight:800}.dots-and-boxes-module__scD_wq__avatar{width:34px;height:34px;color:var(--surface);background:currentColor;border-radius:11px;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid;position:relative}.dots-and-boxes-module__scD_wq__nameField .dots-and-boxes-module__scD_wq__avatar{background:color-mix(in srgb, currentColor 16%, var(--bg));color:currentColor}.dots-and-boxes-module__scD_wq__nameField{text-align:right;background:var(--bg);border:1px solid var(--border);border-radius:16px;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.dots-and-boxes-module__scD_wq__nameField small{color:var(--text-dim);margin-bottom:3px;font-size:10px;display:block}.dots-and-boxes-module__scD_wq__nameText{flex:1;min-width:0}.dots-and-boxes-module__scD_wq__nameInputBox{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:4px;padding:6px 8px;display:flex}.dots-and-boxes-module__scD_wq__nameInputBox input{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;font-size:13.5px}.dots-and-boxes-module__scD_wq__nameActions{flex-shrink:0;align-items:center;gap:6px;display:flex}.dots-and-boxes-module__scD_wq__nameActionBtn{background:var(--border);width:28px;height:28px;color:var(--text-dim);cursor:pointer;border:0;border-radius:9px;place-items:center;display:grid}.dots-and-boxes-module__scD_wq__nameActionBtn:hover{background:var(--text-dim);color:var(--surface)}.dots-and-boxes-module__scD_wq__sizePicker{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dots-and-boxes-module__scD_wq__sizePicker button{border:1.5px solid var(--border);background:var(--bg);color:var(--text-dim);font:inherit;cursor:pointer;border-radius:20px;justify-items:center;gap:8px;padding:18px 8px 16px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 4px 10px #0000000a}.dots-and-boxes-module__scD_wq__sizePicker button strong{color:var(--text);font-size:13.5px}.dots-and-boxes-module__scD_wq__sizePicker button[aria-pressed=true]{border-color:var(--p1);background:linear-gradient(160deg,var(--p1-fill),var(--surface) 70%);color:var(--p1);box-shadow:0 10px 22px #2f5bff22}.dots-and-boxes-module__scD_wq__sizePicker button[aria-pressed=true]:after{content:"✓";background:var(--p1);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid;position:absolute;top:9px;left:9px;box-shadow:0 2px 6px #2f5bff44}.dots-and-boxes-module__scD_wq__sizePicker button:active{transform:translateY(1px)}.dots-and-boxes-module__scD_wq__sizeGrid{background:var(--surface);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:4px;width:50px;height:50px;padding:7px;display:grid;box-shadow:inset 0 1px 3px #00000014}.dots-and-boxes-module__scD_wq__sizeGrid i{opacity:.35;background:currentColor;border-radius:2px}.dots-and-boxes-module__scD_wq__sizePicker button[aria-pressed=true] .dots-and-boxes-module__scD_wq__sizeGrid i{opacity:.9}.dots-and-boxes-module__scD_wq__sizeGridLarge{grid-template-columns:repeat(6,1fr);gap:3px}.dots-and-boxes-module__scD_wq__dotIcon{background:currentColor;border-radius:50%;flex-shrink:0;width:12px;height:12px}.dots-and-boxes-module__scD_wq__p1{color:var(--p1)}.dots-and-boxes-module__scD_wq__p2{color:var(--p2)}.dots-and-boxes-module__scD_wq__primary{width:100%;font:inherit;color:#fff;background:linear-gradient(115deg,var(--p1),#1f3fd1);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:15px;font-size:14px;font-weight:700;transition:transform .12s;display:flex;box-shadow:0 8px 20px #2f5bff33}.dots-and-boxes-module__scD_wq__primary:active{transform:translateY(2px)}.dots-and-boxes-module__scD_wq__secondary{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:13px;font-size:13px;display:flex}.dots-and-boxes-module__scD_wq__arena{background:linear-gradient(160deg,var(--surface),var(--surface) 60%,color-mix(in srgb, var(--p1) 5%, var(--surface)));border:1px solid var(--border);border-radius:26px;padding:14px;position:relative;box-shadow:0 18px 44px #1a224014}.dots-and-boxes-module__scD_wq__playerPanel{border:1.5px solid var(--border);background:var(--bg);border-radius:13px;align-items:center;gap:7px;padding:8px 12px;font-size:11.5px;font-weight:600;transition:box-shadow .15s,border-color .15s,background .15s;display:flex}.dots-and-boxes-module__scD_wq__scoreBlock{flex-direction:column;align-items:center;margin-inline-start:auto;line-height:1.15;display:flex}.dots-and-boxes-module__scD_wq__playerPanel strong{font-variant-numeric:tabular-nums;font-size:17px}.dots-and-boxes-module__scD_wq__panelTop{margin-bottom:10px;transform:rotate(180deg)}.dots-and-boxes-module__scD_wq__panelBottom{margin-top:10px}.dots-and-boxes-module__scD_wq__playerPanel.dots-and-boxes-module__scD_wq__active{background:color-mix(in srgb, currentColor 14%, var(--surface));border-color:currentColor;box-shadow:0 0 0 2px,0 6px 16px #0002}.dots-and-boxes-module__scD_wq__timeoutPanel{background:var(--surface);width:100%;max-width:300px;color:var(--text);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:24px 20px;display:flex;box-shadow:0 20px 50px #0004}.dots-and-boxes-module__scD_wq__timeoutPanel p{margin:0;font-size:13.5px;line-height:1.8}.dots-and-boxes-module__scD_wq__timeoutPanel .dots-and-boxes-module__scD_wq__primary{width:100%}.dots-and-boxes-module__scD_wq__srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dots-and-boxes-module__scD_wq__board{touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px #0001);width:100%;height:auto;display:block}.dots-and-boxes-module__scD_wq__line{stroke-width:7px;stroke-linecap:round;cursor:pointer}.dots-and-boxes-module__scD_wq__lineEmpty{stroke:var(--line-empty);stroke-width:4px}.dots-and-boxes-module__scD_wq__linePreview{stroke:currentColor;opacity:.5;stroke-width:9px}.dots-and-boxes-module__scD_wq__lineP1{stroke:var(--p1);color:var(--p1);filter:drop-shadow(0 1px 1px #2f5bff55)}.dots-and-boxes-module__scD_wq__lineP2{stroke:var(--p2);color:var(--p2);filter:drop-shadow(0 1px 1px #ff3b5c55)}.dots-and-boxes-module__scD_wq__lineLast{stroke-width:9.5px}.dots-and-boxes-module__scD_wq__pointDot{fill:var(--dot)}.dots-and-boxes-module__scD_wq__boxFill{opacity:.001;animation:.18s ease-out forwards dots-and-boxes-module__scD_wq__boxAppear}.dots-and-boxes-module__scD_wq__boxP1 .dots-and-boxes-module__scD_wq__boxFill{fill:var(--p1-fill)}.dots-and-boxes-module__scD_wq__boxP2 .dots-and-boxes-module__scD_wq__boxFill{fill:var(--p2-fill)}.dots-and-boxes-module__scD_wq__boxP1 .dots-and-boxes-module__scD_wq__boxLabel{fill:var(--p1)}.dots-and-boxes-module__scD_wq__boxP2 .dots-and-boxes-module__scD_wq__boxLabel{fill:var(--p2)}.dots-and-boxes-module__scD_wq__boxLabel{font-variant-numeric:tabular-nums;opacity:0;font-size:34px;font-weight:800;animation:.18s ease-out 50ms forwards dots-and-boxes-module__scD_wq__labelAppear}@keyframes dots-and-boxes-module__scD_wq__boxAppear{0%{opacity:.001;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes dots-and-boxes-module__scD_wq__labelAppear{0%{opacity:0}to{opacity:1}}.dots-and-boxes-module__scD_wq__toolbar{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.dots-and-boxes-module__scD_wq__toolBtnIcon{background:linear-gradient(120deg,var(--p1),var(--p2));color:#fff;cursor:pointer;border:0;border-radius:12px;place-items:center;width:38px;height:38px;transition:transform .12s;display:grid;box-shadow:0 4px 12px #0002}.dots-and-boxes-module__scD_wq__toolBtnIcon:active{transform:translateY(1px)}.dots-and-boxes-module__scD_wq__toolBtnIcon:disabled{opacity:.35;cursor:default;box-shadow:none}.dots-and-boxes-module__scD_wq__confirm{text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:14px;flex:1;padding:10px}.dots-and-boxes-module__scD_wq__confirm p{margin:0 0 8px;font-size:11.5px}.dots-and-boxes-module__scD_wq__confirm button{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:10px;margin:0 3px;padding:8px 10px;font-size:11px}.dots-and-boxes-module__scD_wq__matchResult{text-align:center;overflow:hidden}.dots-and-boxes-module__scD_wq__matchResult h2{margin:10px 0 4px;font-size:27px}.dots-and-boxes-module__scD_wq__matchResult p{color:var(--text-dim);margin:0 0 16px;font-size:13px}.dots-and-boxes-module__scD_wq__finalScores{background:var(--bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;margin-bottom:6px;padding:12px;display:flex}.dots-and-boxes-module__scD_wq__finalScores>div{align-items:center;gap:8px;font-size:13px;display:flex}.dots-and-boxes-module__scD_wq__finalScores strong{margin-inline-start:auto}.dots-and-boxes-module__scD_wq__celebration{height:10px;position:relative}.dots-and-boxes-module__scD_wq__confettiEmoji{pointer-events:none;font-size:22px;animation:2.1s ease-in both dots-and-boxes-module__scD_wq__emojiFall;position:absolute;top:-30px}@keyframes dots-and-boxes-module__scD_wq__emojiFall{0%{opacity:0;transform:translateY(0)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(260px)rotate(300deg)}}.dots-and-boxes-module__scD_wq__footer{text-align:center;color:var(--text-dim);margin-top:24px;font-size:10px}.dots-and-boxes-module__scD_wq__page button:focus-visible,.dots-and-boxes-module__scD_wq__board:focus-visible{outline:3px solid var(--p1);outline-offset:3px}.dots-and-boxes-module__scD_wq__helpOverlay{z-index:50;background:#0007;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dots-and-boxes-module__scD_wq__helpPanel{background:var(--surface);width:100%;max-width:340px;max-height:80dvh;color:var(--text);border-radius:22px;padding:18px;overflow-y:auto;box-shadow:0 20px 50px #0004}.dots-and-boxes-module__scD_wq__helpHead{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dots-and-boxes-module__scD_wq__helpHead h2{margin:0;font-size:16px}.dots-and-boxes-module__scD_wq__helpHead button{border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:9px;place-items:center;display:grid}.dots-and-boxes-module__scD_wq__helpPanel p{color:var(--text-dim);margin:8px 0;font-size:12.5px;line-height:1.8}.dots-and-boxes-module__scD_wq__helpArt{width:100%;max-width:230px;margin:4px auto 8px;display:block}.dots-and-boxes-module__scD_wq__helpBoxFullA{fill:var(--p1);opacity:.16}.dots-and-boxes-module__scD_wq__helpBoxFullB{fill:var(--p2);opacity:.16}.dots-and-boxes-module__scD_wq__helpBoxLabelA{fill:var(--p1);font-size:22px;font-weight:800}.dots-and-boxes-module__scD_wq__helpBoxLabelB{fill:var(--p2);font-size:22px;font-weight:800}.dots-and-boxes-module__scD_wq__helpLineDrawn line{stroke:var(--text-dim);opacity:.55;stroke-width:4px;stroke-linecap:round}.dots-and-boxes-module__scD_wq__helpDot{fill:var(--text-dim);opacity:.6}.dots-and-boxes-module__scD_wq__helpArrowBg{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.dots-and-boxes-module__scD_wq__helpArrow{stroke:var(--p1);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;fill:none}.dots-and-boxes-module__scD_wq__helpRules{color:var(--text-dim);margin:8px 0 0;padding-inline-start:16px;font-size:11.5px;line-height:1.9}.dots-and-boxes-module__scD_wq__helpPanel .dots-and-boxes-module__scD_wq__primary{margin-top:14px}@media (max-width:360px){.dots-and-boxes-module__scD_wq__shell{padding-inline:12px}.dots-and-boxes-module__scD_wq__setup h1,.dots-and-boxes-module__scD_wq__boxLabel{font-size:28px}}@media (prefers-reduced-motion:reduce){.dots-and-boxes-module__scD_wq__page *{transition:none!important;animation:none!important}}.dots-and-boxes-module__scD_wq__page[data-setup=true]{--text:#22234f;--text-dim:#686e96;--border:#e0e5fb;isolation:isolate;background:radial-gradient(at 50% 35%,#c9dfff 0,#0000 65%),linear-gradient(135deg,#e0edff,#d4e5ff 55%,#eef3ff);position:relative;overflow:hidden}.dots-and-boxes-module__scD_wq__page[data-setup=true]:before{content:"";z-index:-1;pointer-events:none;background:url(/games/dots-and-boxes/landscape.svg) bottom/max(100%,540px) no-repeat;position:absolute;inset:0}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__shell{max-width:540px;padding:25px 28px 82px}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__header{gap:12px;margin-bottom:17px;font-size:13px;font-weight:500}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__back{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:50px;height:50px;box-shadow:0 8px 16px #8babeb30}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__back svg{width:25px;height:25px}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__headerIcons{background:#ffffffa6;border:2px solid #fff;border-radius:30px;gap:8px;padding:5px;box-shadow:0 6px 15px #8babeb33}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__iconBtn{background:linear-gradient(#fff,#f9fbff);border-radius:50%;width:40px;height:40px;box-shadow:0 4px 10px #afc5ef38}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__iconBtn svg{stroke-width:2.2px;width:23px;height:23px}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__dot{opacity:.7;margin:0 8px}.dots-and-boxes-module__scD_wq__setup{background:linear-gradient(135deg,#fff,#ffffffed 70%,#fff);border:2px solid #fff;border-radius:32px;padding:24px 19px 23px;box-shadow:0 16px 30px #8baae93b}.dots-and-boxes-module__scD_wq__hero{margin:0}.dots-and-boxes-module__scD_wq__heroArt{filter:drop-shadow(0 3px 2px #cedbf52a);width:160px;height:130px}.dots-and-boxes-module__scD_wq__setup h1{background:linear-gradient(110deg,#3946c9 25%,#8934a9 75%);-webkit-background-clip:text;background-clip:text;margin:1px 0 6px;font-family:Lalezar,Vazirmatn,sans-serif;font-size:51px;font-weight:400;line-height:1.35}.dots-and-boxes-module__scD_wq__setup p{color:var(--text-dim);margin:0 0 31px;font-size:15px;font-weight:500;line-height:1.9}.dots-and-boxes-module__scD_wq__sectionLabel{color:#575e84;letter-spacing:0;align-items:center;gap:9px;margin:23px 0 12px;font-size:12px;display:flex}.dots-and-boxes-module__scD_wq__sectionLabel svg{color:#6c88ff;fill:#8097ff;stroke-width:1.5px;width:21px;height:21px}.dots-and-boxes-module__scD_wq__nameField{background:linear-gradient(115deg,#f7f7ff,#f1f4ff);border:1px solid #dfe3fb;border-radius:16px;gap:12px;margin-top:12px;padding:10px 14px;box-shadow:inset 0 1px 3px #fff,0 9px 20px #b8caee15}.dots-and-boxes-module__scD_wq__nameField .dots-and-boxes-module__scD_wq__avatar{color:#3156ff;background:#d4dfff;border-radius:12px;width:38px;height:38px;font-size:16px}.dots-and-boxes-module__scD_wq__nameField.dots-and-boxes-module__scD_wq__p2 .dots-and-boxes-module__scD_wq__avatar{color:#ed2466;background:#fcdaeb}.dots-and-boxes-module__scD_wq__nameField small{color:#7a83ad;font-size:11px}.dots-and-boxes-module__scD_wq__nameInputBox{background:#fff;border:1px solid #dfe3fb}.dots-and-boxes-module__scD_wq__nameField input{color:#252653;padding-top:0;font-size:14px}.dots-and-boxes-module__scD_wq__nameField input::placeholder{color:#9298bb;opacity:1}.dots-and-boxes-module__scD_wq__nameInputBox:focus-within{border-color:#6565ff;box-shadow:0 0 0 1.5px #6565ff44}.dots-and-boxes-module__scD_wq__sizePicker{gap:12px}.dots-and-boxes-module__scD_wq__sizePicker button{isolation:isolate;color:#6e759b;background:linear-gradient(135deg,#fbfcff,#f1f4fc);border:1.5px solid #e0e5f3;border-radius:22px;gap:6px;min-height:151px;padding:22px 8px 15px;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffb0,0 5px 12px #8b9ac51c}.dots-and-boxes-module__scD_wq__sizePicker button:before{content:"";z-index:-1;background:linear-gradient(135deg,#dce7fb80,#fff);border-radius:42% 58% 0 0;position:absolute;inset:45% -25% -38%;transform:rotate(-17deg)}.dots-and-boxes-module__scD_wq__sizePicker button strong{font-size:18px;line-height:1.4}.dots-and-boxes-module__scD_wq__sizePicker button small{font-size:13px}.dots-and-boxes-module__scD_wq__sizePicker button[aria-pressed=true]{color:#6b76aa;background:linear-gradient(135deg,#dce6ff,#f7faff);border-color:#6565ff;box-shadow:inset 0 0 0 2px #ffffffd9,0 7px 18px #5373e82b}.dots-and-boxes-module__scD_wq__sizePicker button[aria-pressed=true] strong{color:#2446f7}.dots-and-boxes-module__scD_wq__sizePicker button[aria-pressed=true]:after{background:linear-gradient(145deg,#39bcff,#354dff 65%,#a647ff);border:1px solid #ffffffb0;width:31px;height:31px;font-size:23px;font-weight:500;top:9px;left:9px;box-shadow:0 5px 12px #5b75f650,inset 0 2px 3px #ffffff90}.dots-and-boxes-module__scD_wq__sizeGrid{color:#8b95ad;width:57px;height:57px;box-shadow:none;border-radius:13px;gap:4px;padding:8px}.dots-and-boxes-module__scD_wq__sizeGrid i{opacity:.55;border-radius:2.5px}.dots-and-boxes-module__scD_wq__sizeGridLarge{color:#4562ff;gap:3px}.dots-and-boxes-module__scD_wq__sizeGridLarge i{border-radius:50%}.dots-and-boxes-module__scD_wq__setup .dots-and-boxes-module__scD_wq__primary{isolation:isolate;background:linear-gradient(115deg,#42aeff 0%,#315bff 45%,#663bff 73%,#ae38ef);border-top:2px solid #ffffff7a;border-radius:25px;gap:18px;min-height:68px;margin-top:21px;font-size:23px;position:relative;overflow:hidden;box-shadow:0 12px 24px #5786ee40,inset 0 1px 2px #ffffff9c}.dots-and-boxes-module__scD_wq__setup .dots-and-boxes-module__scD_wq__primary:before{content:"";z-index:-1;opacity:.28;mix-blend-mode:soft-light;background:url(/games/dots-and-boxes/landscape.svg) 50% 60%/100% no-repeat;position:absolute;inset:0}.dots-and-boxes-module__scD_wq__setup .dots-and-boxes-module__scD_wq__primary svg{stroke-width:2.5px;width:27px;height:27px}.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark]{--text:#eef0ff;--text-dim:#b3bddc;background:linear-gradient(135deg,#18213c,#222b50)}.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark] .dots-and-boxes-module__scD_wq__setup{background:#202941;border-color:#3c4764}.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark] .dots-and-boxes-module__scD_wq__nameField,.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark] .dots-and-boxes-module__scD_wq__sizePicker button{background:#29334e;border-color:#485473}.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark] .dots-and-boxes-module__scD_wq__nameInputBox{background:#1c2437;border-color:#485473}.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark] .dots-and-boxes-module__scD_wq__nameField input,.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark] .dots-and-boxes-module__scD_wq__nameField input::placeholder,.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark] .dots-and-boxes-module__scD_wq__sectionLabel{color:#d7dff8}.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark] .dots-and-boxes-module__scD_wq__nameActionBtn{color:#d7dff8;background:#3a4563}.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark] .dots-and-boxes-module__scD_wq__headerIcons,.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark] .dots-and-boxes-module__scD_wq__iconBtn{background:#29334e;border-color:#485473}.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark]:before{opacity:.25}.dots-and-boxes-module__scD_wq__page[data-setup=true][data-theme=dark] .dots-and-boxes-module__scD_wq__sizePicker button:before{opacity:.12}@media (hover:hover){.dots-and-boxes-module__scD_wq__sizePicker button:hover{transform:translateY(-2px)}.dots-and-boxes-module__scD_wq__setup .dots-and-boxes-module__scD_wq__primary:hover{filter:brightness(1.06)}}@media (max-width:420px){.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__shell{padding:20px 16px 72px}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__header{gap:8px;font-size:11px}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__headerIcons{gap:4px;padding:4px}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__iconBtn{width:36px;height:40px}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__back{width:44px;height:44px}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__dot{margin:0 4px}.dots-and-boxes-module__scD_wq__setup{border-radius:28px;padding:20px 16px}.dots-and-boxes-module__scD_wq__setup h1{font-size:46px}.dots-and-boxes-module__scD_wq__setup p{margin-bottom:25px;font-size:12.5px}.dots-and-boxes-module__scD_wq__nameField{gap:12px;padding-inline:10px 16px}}@media (max-width:360px){.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__header{gap:6px;font-size:9px}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__header>span{white-space:nowrap}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__headerIcons{gap:2px}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__iconBtn{width:32px}.dots-and-boxes-module__scD_wq__setup p{font-size:12px}}.dots-and-boxes-module__scD_wq__page[data-setup=false]{--bg:#e9eeff;--text-dim:#68789f;--border:#dce4fa;--line-empty:#c5cde4;isolation:isolate;background:radial-gradient(at 95% 8%,#f0dfff99,#0000 48%),radial-gradient(at 20% 45%,#f8fbff,#0000 65%),linear-gradient(145deg,#dbe6ff,#e9edff 55%,#dfe8ff);position:relative;overflow:hidden}.dots-and-boxes-module__scD_wq__page[data-setup=false]:before,.dots-and-boxes-module__scD_wq__page[data-setup=false]:after{content:"";z-index:-1;pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0}.dots-and-boxes-module__scD_wq__page[data-setup=false]:before{background-image:url(/games/dots-and-boxes/flight-sky.svg);background-position:top;background-size:max(100%,480px)}.dots-and-boxes-module__scD_wq__page[data-setup=false]:after{background-image:url(/games/dots-and-boxes/travel-skyline.svg);background-position:bottom;background-size:max(100%,480px)}.dots-and-boxes-module__scD_wq__page[data-setup=false] .dots-and-boxes-module__scD_wq__shell{padding-top:40px;padding-bottom:100px}.dots-and-boxes-module__scD_wq__page[data-setup=false] .dots-and-boxes-module__scD_wq__header{margin-bottom:24px}.dots-and-boxes-module__scD_wq__page[data-setup=false] .dots-and-boxes-module__scD_wq__back,.dots-and-boxes-module__scD_wq__page[data-setup=false] .dots-and-boxes-module__scD_wq__headerIcons{background:#ffffffed;border-color:#fff;box-shadow:0 7px 16px #8097d633}.dots-and-boxes-module__scD_wq__page[data-setup=false] .dots-and-boxes-module__scD_wq__arena{background:linear-gradient(145deg,#ffffffed,#ffffffd9 70%,#f5f8ffed);border:1.5px solid #fff;box-shadow:0 18px 45px #8da8e52b,inset 0 1px #fff}.dots-and-boxes-module__scD_wq__page[data-setup=false] .dots-and-boxes-module__scD_wq__playerPanel{background:#edf2ff}.dots-and-boxes-module__scD_wq__page[data-setup=false] .dots-and-boxes-module__scD_wq__playerPanel.dots-and-boxes-module__scD_wq__active{background:color-mix(in srgb,currentColor 10%,#fff);box-shadow:0 0 0 2px currentColor,0 6px 16px color-mix(in srgb,currentColor 12%,transparent)}.dots-and-boxes-module__scD_wq__page[data-setup=false] .dots-and-boxes-module__scD_wq__footer{color:#65779e}.dots-and-boxes-module__scD_wq__page[data-setup=false][data-theme=dark]{--bg:#1b2541;--text-dim:#acb9d7;--border:#3a4866;--line-empty:#485571;background:radial-gradient(at 95% 8%,#44305d88,#0000 50%),linear-gradient(145deg,#141d33,#25314e)}.dots-and-boxes-module__scD_wq__page[data-setup=false][data-theme=dark]:before,.dots-and-boxes-module__scD_wq__page[data-setup=false][data-theme=dark]:after{opacity:.18}.dots-and-boxes-module__scD_wq__page[data-setup=false][data-theme=dark] .dots-and-boxes-module__scD_wq__arena{background:linear-gradient(145deg,#1c263cec,#202b43ed);border-color:#46516c;box-shadow:0 18px 45px #080e2033}.dots-and-boxes-module__scD_wq__page[data-setup=false][data-theme=dark] .dots-and-boxes-module__scD_wq__back,.dots-and-boxes-module__scD_wq__page[data-setup=false][data-theme=dark] .dots-and-boxes-module__scD_wq__headerIcons,.dots-and-boxes-module__scD_wq__page[data-setup=false][data-theme=dark] .dots-and-boxes-module__scD_wq__playerPanel{background:#25314b;border-color:#46516c}.dots-and-boxes-module__scD_wq__page[data-setup=false][data-theme=dark] .dots-and-boxes-module__scD_wq__playerPanel.dots-and-boxes-module__scD_wq__active{background:color-mix(in srgb,currentColor 13%,#202b43)}.dots-and-boxes-module__scD_wq__page[data-setup=false][data-theme=dark] .dots-and-boxes-module__scD_wq__footer{color:#acb9d7}@media (max-width:360px){.dots-and-boxes-module__scD_wq__page[data-setup=false] .dots-and-boxes-module__scD_wq__shell{padding-top:28px}.dots-and-boxes-module__scD_wq__page[data-setup=false] .dots-and-boxes-module__scD_wq__header{gap:6px;font-size:10px}}@media (min-width:760px){.dots-and-boxes-module__scD_wq__shell{max-width:620px;padding-top:28px}.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__shell{max-width:620px}.dots-and-boxes-module__scD_wq__arena{padding:22px}.dots-and-boxes-module__scD_wq__setup{padding:32px 30px}}@media (min-width:1024px){.dots-and-boxes-module__scD_wq__shell,.dots-and-boxes-module__scD_wq__page[data-setup=true] .dots-and-boxes-module__scD_wq__shell{max-width:760px}}