:root{--felt: #134a32;--felt-deep: #0b3022;--felt-tex: none;--ink: #f7f0e1;--ink-dim: rgba(247, 240, 225, .72);--ivory: #fbf6ea;--card-ink: #1d1a17;--brass: #e3b23c;--brass-deep: #b8861f;--red: #c0262f;--blue: #1f3f8f;--panel: rgba(9, 22, 16, .86);--panel-line: rgba(227, 178, 60, .28);--good: #5fd28a;--bad: #ff6b5e;--bar-h: 58px;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--serif: "Playfair Display", Georgia, serif;--sans: "Source Sans 3", system-ui, sans-serif;color-scheme:dark}html,body{margin:0;height:100%}body{background:var(--felt-deep);background-image:radial-gradient(ellipse at 50% 30%,#ffffff12,#00000059 80%),var(--felt-tex);background-size:auto,512px;background-attachment:fixed;color:var(--ink);font:16px/1.4 var(--sans);overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit}#bar{position:fixed;inset:0 0 auto;height:var(--bar-h);z-index:50;display:flex;align-items:center;gap:10px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:linear-gradient(#050e0aeb,#050e0ac7);border-bottom:1px solid var(--panel-line);backdrop-filter:blur(6px)}#bar .home{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:700;padding:6px 10px 6px 4px;border-radius:10px}#bar .home:hover{background:#ffffff0f}#bar .home svg{width:20px;height:20px}#bar h1{margin:0;font:900 23px var(--serif);letter-spacing:.3px;white-space:nowrap;color:var(--ivory)}#bar .stats{flex:1;display:flex;justify-content:center;gap:18px;font-weight:600;color:var(--ink-dim);font-variant-numeric:tabular-nums;min-width:0}#bar .stats b{color:var(--ink);font-weight:800}#bar .tools{display:flex;gap:6px}.tb{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;cursor:pointer;font-weight:700;font-size:15px;white-space:nowrap}.tb:hover{background:#ffffff1f}.tb:disabled{opacity:.4;cursor:default}.tb svg{width:18px;height:18px;flex:none}.tb.primary{background:var(--brass);color:#2a1d05;border-color:transparent}.tb.primary:hover{background:#efc355}@media (max-width: 760px){#bar{gap:6px}#bar h1{font-size:19px}#bar .home span,.tb span{display:none}.tb{padding:0 10px}#bar .stats{gap:10px;font-size:14px}}@media (max-width: 480px){#bar h1{display:none}}#table{position:fixed;inset:var(--bar-h) 0 0 0;overflow:hidden}#veil{position:fixed;inset:0;z-index:100;background:#0000008c;display:none;align-items:center;justify-content:center;padding:16px}#veil.on{display:flex;animation:fade .18s ease-out}.dlg{width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(#fdf8ec,#f3ead6);color:var(--card-ink);border-radius:18px;box-shadow:var(--shadow);padding:24px 24px 20px;border:1px solid #d9c9a3;user-select:text;-webkit-user-select:text}.dlg h2{margin:0 0 10px;font:900 30px/1.1 var(--serif);color:#1d3b2c}.dlg p{margin:0 0 12px;font-size:17px}.dlg .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}.dlg .btn{height:46px;padding:0 20px;border-radius:12px;border:1px solid #c8b78f;background:#fff;font-weight:800;font-size:16px;cursor:pointer;color:#2b2418}.dlg .btn:hover{background:#f6efdd}.dlg .btn.primary{background:#1d5a3c;color:#fff;border-color:transparent}.dlg .btn.primary:hover{background:#237049}.dlg .choices{display:grid;gap:8px;margin:10px 0 4px}.dlg .choice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid #d6c59d;background:#fff;cursor:pointer;font-size:16px;font-weight:700;text-align:left;color:#2b2418}.dlg .choice small{font-weight:600;color:#6b5f48;font-size:14px}.dlg .choice.on{border-color:#1d5a3c;box-shadow:inset 0 0 0 2px #1d5a3c;background:#eef6f0}.dlg .statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:12px 0}.dlg .stat{background:#fff;border:1px solid #e0d2b0;border-radius:12px;padding:10px;text-align:center}.dlg .stat b{display:block;font:900 26px var(--serif);color:#1d3b2c}.dlg .stat span{font-size:13px;color:#6b5f48;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dlg label.opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e5d8ba;font-size:16px;font-weight:600}.dlg .rules h3{font:800 18px var(--sans);margin:14px 0 4px;color:#1d3b2c}.dlg .rules p,.dlg .rules li{font-size:16px}.dlg .rules ul{padding-left:20px;margin:0 0 8px}#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(20px);z-index:90;background:var(--panel);border:1px solid var(--panel-line);color:var(--ink);padding:12px 20px;border-radius:999px;font-weight:700;font-size:16px;opacity:0;transition:.25s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}#toast.on{opacity:1;transform:translate(-50%)}@keyframes fade{0%{opacity:0}}.card{position:absolute;width:var(--cw, 96px);height:calc(var(--cw, 96px) * 1.4);border-radius:calc(var(--cw, 96px) * .075)}.card .face,.card .back{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backface-visibility:hidden}.card .face{background:var(--ivory);box-shadow:0 1px 2px #00000059,0 0 0 1px #00000024 inset}.card .face svg,.card .face img{position:absolute;inset:0;width:100%;height:100%;display:block}.card .back{background:#7d1620 var(--card-back) center/cover;box-shadow:0 1px 2px #0006,0 0 0 1px #00000040 inset}.card.down .face{display:none}.card:not(.down) .back{display:none}.dlg input.vol{width:min(220px,50%);accent-color:#1d5a3c;height:28px}@media (max-width: 760px){body.with-stats{--bar-h: 86px}body.with-stats #bar{flex-wrap:wrap;align-content:center;row-gap:2px;padding-top:4px;padding-bottom:4px}body.with-stats #bar .tools{margin-left:auto}body.with-stats #bar .stats{order:3;flex:0 0 100%;justify-content:center;font-size:14px;gap:14px;white-space:nowrap}}.club-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(227,178,60,.35);background:#e3b23c1a;cursor:pointer;font-weight:800;font-size:15px;color:var(--ivory);white-space:nowrap}.club-chip i{width:38px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--brass) var(--p),rgba(255,255,255,.15) var(--p))}.dlg table.lb{width:100%;border-collapse:collapse;margin:8px 0;font-size:16px}.dlg table.lb td{padding:8px 10px;border-bottom:1px solid #e5d8ba}.dlg table.lb td:first-child{width:44px;font-weight:800;color:#1d5a3c}.dlg table.lb td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.dlg table.lb tr.me td{background:#eef6f0;font-weight:800}.dlg .lbtabs{display:flex;gap:6px;margin-bottom:8px}.dlg .lbtabs .choice{flex:1;justify-content:center;padding:8px}.dlg .lbtotal{font-size:14px;color:#6b5f48;margin:4px 0 0}.dlg .xpbar{height:10px;border-radius:5px;background:#e5d8ba;overflow:hidden;margin:6px 0}.dlg .xpbar i{display:block;height:100%;background:linear-gradient(90deg,#1d5a3c,#3a9a68)}.dlg .achs{display:grid;gap:6px}.dlg .ach{padding:8px 12px;border-radius:10px;border:1px solid #e0d2b0;background:#fff;opacity:.6}.dlg .ach.got{opacity:1;border-color:#1d5a3c}.dlg .ach b{display:block;font-size:15px}.dlg .ach span{font-size:14px;color:#6b5f48}@media (max-width: 760px){.club-chip i{display:none}.club-chip{padding:0 8px}}#bar{flex-wrap:nowrap}#bar.compact .tb span{display:none}#bar.compact .tb{padding:0 10px}#bar.compact h1{font-size:20px}body.bar-two-line{--bar-h: 86px}#bar.two-line{flex-wrap:wrap;align-content:center;row-gap:2px;padding-top:4px;padding-bottom:4px}#bar.two-line .tools{margin-left:auto}#bar.two-line .stats{order:3;flex:0 0 100%;justify-content:center;font-size:14px;gap:14px;white-space:nowrap}#bar .stats{overflow:hidden}:root{--felt: #4549d6;--felt-deep: #3b3fc4;--felt-tex: none !important;--ink: #ffffff;--ink-dim: #d9dcff;--ivory: #ffffff;--card-ink: #23264d;--brass: #ffc83d;--brass-deep: #e09b00;--red: #ff6b6b;--blue: #4549d6;--panel: rgba(36, 34, 132, .78);--panel-line: rgba(255, 255, 255, .18);--good: #3fe0a6;--bad: #ff8a8a;--bar-h: 58px;--radius: 18px;--shadow: 0 6px 0 rgba(20, 18, 90, .45), 0 18px 36px rgba(20, 18, 90, .35);--serif: "Fredoka", "Nunito", system-ui, sans-serif;--sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark;--bg-top: #4a4fe0;--bg-bottom: #3236b4;--shape-a: rgba(130, 140, 255, .35);--shape-b: rgba(255, 200, 61, .16);--shape-c: rgba(255, 107, 107, .18);--accent-2: #ff6b6b;--accent-3: #2ad4b0;--on-accent: #2a1d05;--accent-press: #d99100;--chip: #2f32a8;--chip-press: #23268a;--line: rgba(255, 255, 255, .16);--dlg-bg: #fffaf2;--dlg-ink: #23264d;--dlg-muted: #6a6d93;--dlg-line: #ebe5f5;--dlg-field: #ffffff;--dlg-tint: #eef0ff;--dlg-accent: #4549d6;--dlg-accent-ink: #ffffff;--dlg-press: #2f32a8;--card-face: #ffffff;--card-edge: rgba(35, 38, 77, .16);--card-font: "Nunito", system-ui, sans-serif;--suit-red: #d81e3c;--suit-black: #23264d;--court-bg: #fff3d6;--focus: 0 0 0 3px #fff, 0 0 0 6px rgba(255, 200, 61, .9);--ease: cubic-bezier(.3, 1.4, .5, 1)}body{background-color:var(--bg-bottom);background-image:radial-gradient(rgba(255,255,255,.07) 1.6px,transparent 1.8px),linear-gradient(170deg,var(--bg-top),var(--bg-bottom));background-size:26px 26px,auto;background-attachment:fixed;color:var(--ink);font:700 16px/1.4 var(--sans)}body:before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 78%,var(--shape-a) 0 14%,transparent 14.2%),radial-gradient(circle at 90% 20%,var(--shape-b) 0 11%,transparent 11.2%),radial-gradient(circle at 76% 92%,var(--shape-c) 0 8%,transparent 8.2%),radial-gradient(circle at 30% 8%,rgba(42,212,176,.14) 0 6%,transparent 6.2%);animation:bp-bob 24s ease-in-out infinite alternate}@keyframes bp-bob{to{transform:translate3d(1.5%,-2%,0)}}#bar{background:var(--chip);border-bottom:0;box-shadow:0 4px 0 var(--chip-press),0 10px 24px #14125a4d;backdrop-filter:none}#bar .home{color:#fff;font-weight:800;border-radius:14px}#bar .home:hover{background:#ffffff1a}#bar h1{font:700 24px/1 var(--serif);letter-spacing:0;color:#fff}#bar .stats{color:var(--ink-dim);font-weight:700}#bar .stats b{color:var(--brass);font-weight:900}.tb{height:40px;border-radius:14px;border:0;background:#4549d6;color:#fff;font-weight:800;box-shadow:0 3px #1f2178;transition:transform .12s var(--ease),box-shadow .12s,background .12s}.tb:hover{background:#5357e6}.tb:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #1f2178}.tb:focus-visible,.club-chip:focus-visible,#bar .home:focus-visible{outline:none;box-shadow:var(--focus)}.tb.primary{background:var(--brass);color:var(--on-accent);box-shadow:0 3px 0 var(--accent-press)}.tb.primary:hover{background:#ffd35f}.tb.primary:active:not(:disabled){box-shadow:0 0 0 var(--accent-press)}.tb.active{background:var(--brass)!important;color:var(--on-accent)!important;box-shadow:0 3px 0 var(--accent-press)!important}.club-chip{border-radius:14px;border:0;background:#4549d6;box-shadow:0 3px #1f2178;color:#fff;font-weight:900}.club-chip b{color:var(--brass)}.club-chip i{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--brass) var(--p),rgba(255,255,255,.2) var(--p))}#veil{background:#1a18608c}#veil.on .dlg{animation:bp-pop .32s var(--ease)}@keyframes bp-pop{0%{opacity:0;transform:scale(.9) translateY(8px)}}.dlg{background:var(--dlg-bg);color:var(--dlg-ink);border:0;border-radius:28px;box-shadow:0 8px #d6d0ff,0 24px 48px #14125a66;padding:26px 24px 22px}.dlg h2{font:700 30px/1.1 var(--serif);color:var(--dlg-ink)}.dlg h3{color:var(--dlg-ink)}.dlg p{color:var(--dlg-ink);font-weight:600}.dlg p[style*="6b5f48"]{color:var(--dlg-muted)!important}.dlg .btn{height:48px;border-radius:16px;border:2px solid var(--dlg-line);background:var(--dlg-field);color:var(--dlg-ink);font-weight:900;box-shadow:0 4px 0 var(--dlg-line);transition:transform .12s var(--ease),box-shadow .12s}.dlg .btn:hover{background:#fbfaff}.dlg .btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--dlg-line)}.dlg .btn:focus-visible,.dlg .choice:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--dlg-accent)}.dlg .btn.primary{background:var(--dlg-accent);color:var(--dlg-accent-ink);border-color:var(--dlg-accent);box-shadow:0 4px 0 var(--dlg-press)}.dlg .btn.primary:hover{background:#5357e6}.dlg .btn.primary:active{box-shadow:0 0 0 var(--dlg-press)}.dlg .choice{border-radius:16px;border:2px solid var(--dlg-line);background:var(--dlg-field);color:var(--dlg-ink);font-weight:800;box-shadow:0 3px 0 var(--dlg-line)}.dlg .choice:hover{border-color:#c9ccff}.dlg .choice small{color:var(--dlg-muted);font-weight:700}.dlg .choice.on{border-color:var(--dlg-accent);box-shadow:0 3px 0 var(--dlg-press);background:var(--dlg-tint)}.dlg .stat{background:var(--dlg-field);border:2px solid var(--dlg-line);border-radius:18px;box-shadow:0 3px 0 var(--dlg-line)}.dlg .stat b{font:700 28px var(--serif);color:var(--dlg-accent)}.dlg .stat span{color:var(--dlg-muted);font-size:13px;font-weight:800;letter-spacing:.05em}.dlg label.opt{border-bottom:2px solid var(--dlg-line);color:var(--dlg-ink);font-weight:800}.dlg select{min-height:42px;padding:0 10px;border-radius:12px;border:2px solid var(--dlg-line);background:var(--dlg-field);color:var(--dlg-ink);font:800 15px var(--sans)}.dlg input.vol,.dlg input[type=checkbox]{accent-color:var(--dlg-accent)}.dlg .rules h3{font:700 19px var(--serif);color:var(--dlg-accent)}.dlg table.lb td{border-bottom:2px solid var(--dlg-line)}.dlg table.lb td:first-child{color:var(--dlg-accent);font-weight:900}.dlg table.lb tr.me td{background:#fff1c7}.dlg .lbtotal{color:var(--dlg-muted)}.dlg .xpbar{height:14px;border-radius:7px;background:var(--dlg-line)}.dlg .xpbar i{background:linear-gradient(90deg,var(--brass),#ffab2e);border-radius:7px}.dlg .ach{border:2px solid var(--dlg-line);background:var(--dlg-field);border-radius:14px}.dlg .ach.got{border-color:var(--brass);background:#fff8e1}.dlg .ach span{color:var(--dlg-muted)}#toast{background:#fff;color:var(--dlg-ink);border:0;border-radius:999px;box-shadow:0 4px #d6d0ff,0 12px 26px #14125a59;font-weight:900}.card{border-radius:calc(var(--cw, 96px) * .1)}.card .face{background:var(--card-face);box-shadow:0 0 0 1px var(--card-edge),0 3px #14125a47,0 6px 14px #14125a2e}.card .face svg text{font-family:var(--card-font);font-weight:900;letter-spacing:-1px}.card .face svg text:not([font-size="38"]){font-size:48px}.card .face svg text[font-size="38"]{font-size:41px;letter-spacing:-4px}.card .face svg [fill="#c0262f"]{fill:var(--suit-red)}.card .face svg [fill="#1d1a17"]{fill:var(--suit-black)}.card .face svg circle[stroke="#1d1a17"]{stroke:var(--suit-black);stroke-width:4px}.card .face svg circle[stroke="#b8861f"]{stroke:var(--brass);stroke-width:4px;stroke-dasharray:none}.card .face svg rect[fill="#f4ead2"]{fill:var(--court-bg)}.card .face svg rect[stroke="#c0262f"],.card .face svg line[stroke="#c0262f"]{stroke:var(--suit-red);stroke-width:4px}.card .face svg rect[stroke="#1f3f8f"],.card .face svg line[stroke="#1f3f8f"]{stroke:var(--suit-black);stroke-width:4px}.card .face svg rect[stroke="#b8861f"]{stroke:transparent}.card .back{background:radial-gradient(rgba(255,255,255,.9) 18%,transparent 20%) 0 0 / calc(var(--cw, 96px) * .2) calc(var(--cw, 96px) * .2),linear-gradient(160deg,#ff8080,#ff5a5f);box-shadow:inset 0 0 0 calc(var(--cw, 96px) * .05) #fff,0 0 0 1px var(--card-edge),0 3px #14125a47}html[data-back=blue] .card .back{background:radial-gradient(rgba(255,200,61,.95) 18%,transparent 20%) 0 0 / calc(var(--cw, 96px) * .2) calc(var(--cw, 96px) * .2),linear-gradient(160deg,#6c70ff,#4549d6)}.slot{border-color:#ffffff47;border-style:dashed;background:#14125a2e;color:#ffffff59}.slot.foundation[data-suit=H],.slot.foundation[data-suit=D]{color:#ffa0aa80}.card.selected:after,.card.hint-source:after{border-width:4px;box-shadow:0 0 0 3px #ffc83d59}.stock-count,.pass-count,.deal-badge,.turn-prompt,.score-rail,.hearts-goal,.pass-panel,.hand-summary,.field-status,.daily-status,.hint-box,.game-strip,.zoom-controls{background:var(--chip)!important;border-color:transparent!important;box-shadow:0 3px 0 var(--chip-press)}.hearts-arena:before{border:3px dashed rgba(255,255,255,.14);box-shadow:none}.trick-centre:before{border:3px dashed rgba(255,255,255,.14);background:radial-gradient(ellipse,rgba(20,18,90,.25),transparent 68%)}.paper{border-color:#fff;border-radius:18px;box-shadow:0 6px #14125a73,0 22px 40px #14125a59}.sudoku-cell,.paper{background:#fff}.sudoku-cell{color:var(--dlg-accent)}.grid{background:#c9ccef;border-color:var(--dlg-ink)}.sudoku-cell.box-right{box-shadow:3px 0 0 var(--dlg-ink)}.sudoku-cell.box-bottom:after{background:var(--dlg-ink)}.sudoku-cell.related{background:#f1f2ff}.sudoku-cell.same{background:#dfe1ff}.sudoku-cell.selected,.sudoku-cell.selected.box-right{background:#fff1c7;box-shadow:inset 0 0 0 3px var(--brass-deep)}.sudoku-cell.given .digit{color:var(--dlg-ink);font-weight:900}.number-key{background:#fff;border:0;box-shadow:0 4px #c9ccef;border-radius:14px}.number-key strong{color:var(--dlg-accent);font-family:var(--serif)}.number-key small{color:var(--dlg-muted)}.control{border:0;background:#4549d6;box-shadow:0 3px #1f2178;border-radius:12px}.control.on{box-shadow:0 3px 0 var(--accent-press)}.mine-board{border:0;border-radius:18px;background:#2f32a8;box-shadow:0 6px #1f2178,0 18px 36px #14125a59}.mine-cell.hidden{border:0;color:var(--suit-red);background:linear-gradient(180deg,#8a8eff,#6c70ff);box-shadow:inset 0 -3px #4549d6,inset 0 2px #ffffff59}.mine-cell.revealed{border:0;background:#f4f4ff;box-shadow:inset 0 2px 3px #23264d26}.mine-cell.n1{color:#4549d6}.mine-cell.n2{color:#12936b}.mine-cell.n3{color:#d81e3c}.mine-cell.n4{color:#6b2fb3}.mine-cell.n5{color:#b4441b}.mine-cell.n6{color:#0f7f86}.mine-cell.n7{color:#23264d}.mine-cell.n8{color:#6a6d93}.retention-status,.daily-status{color:var(--ink-dim)!important}.mah-tile:before{background:linear-gradient(135deg,#6c70ff,#3236b4 72%)}.dlg{color-scheme:light}.mine-board:focus-visible{box-shadow:0 6px #1f2178,var(--focus)}@media (prefers-reduced-motion: reduce){body:before,#veil.on .dlg{animation:none}.tb,.dlg .btn{transition:none}}:root{--dots-scene:none;--dots-phone-scene:var(--dots-scene);--navy:#102d69;--blue:#3979df;--blue-dark:#1747a8;--coral:#ef655f;--mint:#62cfb3;--yellow:#ffd34f;--paper-line:rgba(72,129,193,.12);--player-0:#3278e4;--player-0-fill:#83b7ff;--player-1:#ee625c;--player-1-fill:#ffaaa2;--player-2:#d79512;--player-2-fill:#ffd45d;--player-3:#269f86;--player-3-fill:#72dec2;--dot-rim:#0b2867;--dot-core:#1d438e;--marker-width:9;--claim-alpha:.42;--bar-h:0px;--sans:"Outfit",system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#bd7c37 var(--dots-scene) center/cover fixed no-repeat;color:var(--navy);font-family:var(--sans);font-weight:600}body:before,body:after{content:none!important}#bar{display:none!important}#table{position:fixed;inset:0;overflow:hidden;background:transparent}button{font-family:inherit}.dots-stage{position:absolute;inset:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:7px;padding:14px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.doodle-hud{z-index:30;width:min(1050px,calc(100vw - 24px));min-height:74px;margin:0 auto;display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(250px,1fr);align-items:center;gap:14px;padding:8px 11px 8px 18px;border:2px solid rgba(141,190,255,.76);border-radius:31px;color:#fff;background:linear-gradient(145deg,#16459af0,#112d6fe8);box-shadow:inset 0 1px #fff6,inset 0 -5px 14px #04184c47,0 6px #0a28628c,0 16px 34px #18355d4d;backdrop-filter:blur(14px) saturate(1.2)}.doodle-brand{display:flex;align-items:center;gap:11px;min-width:0}.doodle-brand>span:last-child{display:grid;line-height:1}.doodle-brand small{color:#9ef3dd;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.doodle-brand b{margin-top:4px;font-size:23px;font-weight:800;letter-spacing:-.025em;white-space:nowrap}.brand-mark{position:relative;display:block;width:42px;height:42px;flex:none}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#ffffffb3;border-radius:5px}.brand-mark:before{left:8px;right:8px;top:20px;height:3px}.brand-mark:after{top:8px;bottom:8px;left:20px;width:3px}.brand-mark i{position:absolute;width:13px;height:13px;border:2px solid rgba(255,255,255,.78);border-radius:50%;box-shadow:0 2px 3px #00000040;z-index:1}.brand-mark i:nth-child(1){left:1px;top:1px;background:var(--yellow)}.brand-mark i:nth-child(2){right:1px;top:1px;background:#d9f1ff}.brand-mark i:nth-child(3){left:1px;bottom:1px;background:var(--mint)}.brand-mark i:nth-child(4){right:1px;bottom:1px;background:#ff9e99}.doodle-stats{display:flex;align-items:stretch;height:52px;border-radius:20px;background:#09235f57;box-shadow:inset 0 1px 8px #04143c33}.doodle-stats div{min-width:94px;display:grid;place-items:center;padding:5px 17px;line-height:1;border-left:1px solid rgba(173,212,255,.46)}.doodle-stats div:first-child{border-left:0}.doodle-stats span{color:#9ef3dd;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.doodle-stats b{max-width:116px;overflow:hidden;text-overflow:ellipsis;margin-top:5px;color:#fff;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.doodle-actions{display:flex;justify-content:flex-end;gap:7px}.doodle-actions button{width:47px;height:47px;display:grid;place-items:center;border:2px solid rgba(134,184,255,.72);border-radius:50%;color:#fff;background:linear-gradient(#255fb7,#163c8c);box-shadow:inset 0 1px #ffffff57,0 3px #09265f,0 7px 12px #03113540;cursor:pointer;transition:transform .14s,filter .14s,opacity .14s}.doodle-actions svg{width:23px;height:23px}.doodle-actions button:hover:not(:disabled){filter:brightness(1.18);transform:translateY(-1px)}.doodle-actions button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffffff4d,0 0 #09265f}.doodle-actions button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.doodle-actions button:disabled{opacity:.35;filter:saturate(.35);cursor:default}.match-strip{width:min(820px,calc(100vw - 24px));min-height:31px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:13px;padding:3px 12px;border-radius:999px;color:#fff;background:#0c2a63d4;box-shadow:0 3px 10px #1a2d4e38;backdrop-filter:blur(8px)}.match-strip strong{max-width:42%;overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap}.turn-message{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:13px;font-weight:750;white-space:nowrap}.turn-swatch,.player-swatch{display:inline-block;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:var(--player-color);box-shadow:0 2px 3px #0c1f4947}.daily-chip{min-height:27px;padding:3px 11px;border:0;border-radius:999px;color:var(--navy);background:var(--yellow);box-shadow:0 2px #c78d12;font-size:12px;font-weight:800;cursor:pointer}.daily-chip[hidden]{display:none}.play-layout{min-height:0;display:grid;grid-template-columns:clamp(118px,13vw,172px) minmax(0,760px) clamp(118px,13vw,172px);grid-template-rows:minmax(0,1fr);align-items:center;justify-content:center;gap:clamp(9px,1.8vw,26px)}.scoreboard{display:contents}.score-card{position:relative;z-index:4;width:100%;min-width:0;min-height:218px;display:grid;grid-template-rows:auto 1fr;place-items:center;padding:12px 9px 15px;overflow:visible;border:1px solid rgba(154,122,78,.18);border-radius:5px 13px 7px 12px;color:var(--navy);background:linear-gradient(160deg,#fffef7f7,#f9f0dcf5);box-shadow:0 3px 1px #653d1a2e,0 14px 24px #5a3a1c38;clip-path:polygon(1% 2%,98% 0,100% 97%,94% 100%,67% 98%,45% 100%,2% 98%,0 66%)}.score-card.active{transform:translateY(-4px) rotate(-.5deg);box-shadow:0 4px 0 var(--player-color),0 18px 28px #50321947}.avatar-wrap{position:relative;width:min(112px,9vw);height:min(112px,9vw);min-width:66px;min-height:66px;display:grid;place-items:center;border:5px solid #fff;border-radius:50%;background:var(--player-fill);box-shadow:0 0 0 4px var(--player-color),0 7px 12px #1a2b4c40;overflow:hidden}.avatar-wrap img{width:100%;height:100%;object-fit:contain;display:block}.avatar-wrap .player-swatch{position:absolute;right:3px;bottom:2px;width:18px;height:18px}.score-copy{width:100%;display:grid;grid-template-columns:1fr auto;align-items:end;text-align:center}.score-copy small{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;color:var(--navy);font-size:17px;font-weight:800;white-space:nowrap}.score-copy span{align-self:center;color:#657394;font-size:12px;font-weight:700}.score-copy strong{font-size:42px;line-height:.95;font-weight:800;font-variant-numeric:tabular-nums}.paper-frame{--board-ratio:1/1;position:relative;grid-column:2;align-self:stretch;justify-self:center;height:min(100%,720px);max-width:100%;aspect-ratio:var(--board-ratio);overflow:hidden;border:1px solid rgba(132,106,69,.2);border-radius:8px 13px 10px 6px;background-color:#fffdf3c7;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--paper-line) 32px,var(--paper-line) 33px);box-shadow:0 4px 1px #5a351633,0 20px 38px #4f331b40,inset 0 0 0 4px #ffffff70,inset 0 0 24px #906b3a1a;clip-path:polygon(.6% 0,99.4% .4%,100% 22%,99.5% 46%,100% 71%,99.2% 100%,76% 99.4%,52% 100%,25% 99.3%,0 100%,.5% 76%,0 52%,.5% 26%)}.paper-frame:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 30% 12%,rgba(255,255,255,.45),transparent 40%),linear-gradient(100deg,rgba(93,58,24,.025),transparent 20%,rgba(255,255,255,.06) 62%,rgba(93,58,24,.03));mix-blend-mode:multiply}.paper-frame:after{content:"";position:absolute;inset:6px;z-index:5;border:1px solid rgba(59,101,158,.07);border-radius:5px;pointer-events:none}.dots-board{position:relative;z-index:3;display:block;width:100%;height:100%;overflow:visible;touch-action:none;color:var(--dot-core)}.dot-shadow{fill:#14214338}.dot-rim{fill:var(--dot-rim)}.dot{fill:var(--dot-core);stroke:#ffffff5c;stroke-width:1.5}.dot-shine{fill:#ffffffc2;pointer-events:none}.dot,.dot-rim,.dot-shadow{pointer-events:none}.board-hole{fill:#87684129;stroke:var(--yellow);stroke-width:4;stroke-dasharray:8 7;filter:drop-shadow(0 2px 2px rgba(70,42,19,.2))}.ink-shadow{stroke:#111c382e;stroke-width:calc(var(--marker-width) + 3px);stroke-linecap:round;transform:translateY(2px);pointer-events:none}.ink-line{stroke:var(--player-color);stroke-width:var(--marker-width);stroke-linecap:round;filter:url(#inkTexture) drop-shadow(0 1px 0 rgba(255,255,255,.38));pointer-events:none}.ink-line.fresh{stroke-dasharray:105;animation:draw-line .38s cubic-bezier(.25,.8,.35,1) both}.edge-target{stroke:transparent;stroke-width:38;stroke-linecap:round;cursor:pointer;outline:none}.edge-visual{stroke:transparent;stroke-width:var(--marker-width);stroke-linecap:round;pointer-events:none}.edge-target:hover+.edge-visual,.edge-target:focus-visible+.edge-visual{stroke:#3979df45}.edge-target:focus-visible+.edge-visual{stroke:var(--yellow);filter:drop-shadow(0 0 5px #d79012)}.edge-visual.hint{stroke:var(--yellow);stroke-width:11;stroke-dasharray:14 8;filter:drop-shadow(0 0 5px rgba(255,190,20,.8));animation:hint-pulse .75s ease-in-out infinite alternate}.dots-board.locked .edge-target{pointer-events:none;cursor:default}.claimed-box{filter:url(#inkTexture)}.claim-fill{fill:var(--player-fill);opacity:var(--claim-alpha);stroke:var(--player-color);stroke-width:3}.claim-scribble{fill:none;stroke:var(--player-color);stroke-width:5;stroke-dasharray:15 5 9 4;opacity:.2}.claimed-box text{fill:var(--player-color);font:800 31px var(--sans);paint-order:stroke;stroke:#ffffff73;stroke-width:2}.claimed-box.fresh{transform-box:fill-box;transform-origin:center;animation:claim-box .42s cubic-bezier(.2,.9,.25,1.25)}.drag-preview{display:none;stroke:var(--yellow);stroke-width:8;stroke-linecap:round;stroke-dasharray:10 7;filter:drop-shadow(0 0 5px #e19916);pointer-events:none}.drag-preview.on{display:block}.paper-note{position:absolute;z-index:6;left:18px;bottom:8px;color:#1b37698a;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.paper-corner{display:none}.player-0{--player-color:var(--player-0);--player-fill:var(--player-0-fill)}.player-1{--player-color:var(--player-1);--player-fill:var(--player-1-fill)}.player-2{--player-color:var(--player-2);--player-fill:var(--player-2-fill)}.player-3{--player-color:var(--player-3);--player-fill:var(--player-3-fill)}.paper-frame{align-self:center;width:min(100%,calc(100dvh - 154px),720px);height:auto;max-height:100%}body[data-pieces=pencils]{--paper-line:rgba(78,127,180,.18);--dot-rim:#2a315a;--dot-core:#454f80;--marker-width:7;--player-0:#2857b5;--player-0-fill:#6b9ee5;--player-1:#c84c4c;--player-1-fill:#e7928d;--claim-alpha:.34}body[data-pieces=pencils] .ink-line{stroke-linecap:square}body[data-pieces=pastels]{--dot-rim:#53609a;--dot-core:#7380ba;--marker-width:12;--player-0:#6996ed;--player-0-fill:#b4d3ff;--player-1:#e58288;--player-1-fill:#ffc2bf;--claim-alpha:.48}body[data-pieces=pastels] .ink-line{opacity:.88;filter:url(#inkTexture)}body[data-pieces=neon]{--dot-rim:#172359;--dot-core:#294594;--marker-width:8;--player-0:#2679ff;--player-0-fill:#79bcff;--player-1:#ff586f;--player-1-fill:#ff9ca9;--claim-alpha:.38}body[data-pieces=neon] .ink-line{filter:url(#inkTexture) drop-shadow(0 0 5px var(--player-color))}body[data-pieces=neon] .paper-frame{background-color:#f1f7ffd1;box-shadow:0 4px 1px #1a255533,0 20px 38px #18264e47,inset 0 0 0 4px #ffffff73}.settings-group{display:grid;gap:8px;margin:14px 0}.settings-label{color:var(--navy);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.look-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.look-picker button{min-width:0;min-height:82px;display:grid;grid-template-rows:50px auto;gap:5px;padding:5px;border:2px solid #d8d7e5;border-radius:14px;color:#33446f;background:#fff;box-shadow:0 3px #d8d7e5;font-size:11px;font-weight:750;cursor:pointer}.look-picker button.on{border-color:var(--blue);box-shadow:0 3px 0 var(--blue-dark);background:#eff5ff}.look-picker img{width:100%;height:50px;display:block;object-fit:cover;border-radius:9px}.style-swatch{position:relative;height:50px;display:block;overflow:hidden;border-radius:9px;background:repeating-linear-gradient(#fffdf5 0 11px,#d9e6f1 12px)}.style-swatch b{position:absolute;left:12%;right:12%;height:7px;border-radius:6px;background:#3979df;box-shadow:0 2px #1d438e}.style-swatch b:nth-child(1){top:9px}.style-swatch b:nth-child(2){top:23px;background:#ef655f}.style-swatch b:nth-child(3){top:37px;background:#62cfb3}.style-swatch.pencils b{height:5px;border-radius:1px}.style-swatch.pastels b{height:10px;opacity:.75}.style-swatch.neon{background:#eaf1ff}.style-swatch.neon b{box-shadow:0 0 6px currentColor}.dlg label:has(#optMusic){display:none!important}.game-options{display:grid;gap:11px;margin-top:10px}.game-options label{display:grid;gap:4px;color:var(--navy);font-weight:800}.game-options select,.opt select{width:100%;min-height:44px;padding:7px 10px;border:2px solid #d7d9e8;border-radius:13px;color:var(--navy);background:#fff;font:700 15px var(--sans)}.game-options label.muted{opacity:.45}.game-options label.muted select{pointer-events:none}.option-note,.stats-note{margin:0;color:#657394!important;font-size:14px!important}.daily-note{display:none;margin:0;padding:10px 12px;border:2px solid #efc331;border-radius:14px;background:#fff6cc;font-size:14px!important}.daily-note.visible{display:block}.final-scores{display:block;line-height:1.8}.chain-school{display:grid;gap:9px}.chain-school section{padding:10px 12px;border:2px solid #daddeb;border-radius:15px;background:#fff}.chain-school h3,.chain-school p{margin:0 0 6px}.puzzle-options{display:flex;flex-wrap:wrap;gap:7px}.puzzle-options .choice{min-height:42px}.puzzle-feedback{min-height:20px;color:#657394!important;font-size:13px!important}.chain-school section.solved{border-color:#5ac7ab;background:#e9fbf5}.challenge-link{display:grid;gap:5px;font-weight:800}.challenge-link input{width:100%;min-height:44px;padding:8px;border:2px solid #d7d9e8;border-radius:12px;color:var(--navy);background:#fff;font:600 13px var(--sans)}.journey-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.journey-tiles div{padding:11px 5px;border:2px solid #dce0ed;border-radius:14px;text-align:center;background:#fff}.journey-tiles b{display:block;color:var(--blue);font-size:25px}.journey-tiles span{font-size:11px;color:#657394}.journey-progress{display:flex;justify-content:space-between;padding:11px 13px;border-radius:13px;background:#edf5ff}#veil{padding:16px;background:#0c1e437a;backdrop-filter:blur(10px);overscroll-behavior:contain}#veil.on{display:flex;animation:veil-in .18s ease-out}#veil.on .dlg{animation:dialog-in .2s cubic-bezier(.2,.8,.3,1.08)}.dlg{width:min(520px,100%);max-height:calc(100dvh - 32px);padding:0 22px 20px;overflow:auto;overscroll-behavior:contain;border:2px solid rgba(255,255,255,.88);border-radius:26px;color:var(--navy);background:linear-gradient(150deg,#fffdf5fa,#f8eedbfa);box-shadow:0 7px #d4b987,0 28px 70px #10234966}.dlg.wide{width:min(660px,100%)}.dialog-head{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:38px 1fr 42px;align-items:center;gap:9px;margin:0 -8px 10px;padding:17px 5px 10px;background:linear-gradient(#fffdf5fa 72%,#fffdf500)}.dialog-head h2{margin:0;color:var(--navy);font:800 27px/1 var(--sans);letter-spacing:-.025em}.dialog-mark{position:relative;width:32px;height:32px}.dialog-mark:before,.dialog-mark:after{content:"";position:absolute;background:#8ca6d8}.dialog-mark:before{left:6px;right:6px;top:15px;height:2px}.dialog-mark:after{top:6px;bottom:6px;left:15px;width:2px}.dialog-mark i{position:absolute;width:9px;height:9px;border:1px solid #fff;border-radius:50%;z-index:1}.dialog-mark i:nth-child(1){left:1px;top:1px;background:var(--yellow)}.dialog-mark i:nth-child(2){right:1px;top:1px;background:#ccecff}.dialog-mark i:nth-child(3){left:1px;bottom:1px;background:var(--mint)}.dialog-mark i:nth-child(4){right:1px;bottom:1px;background:#ff9d98}.dialog-close{width:40px;height:40px;border:0;border-radius:50%;color:var(--navy);background:#fff;box-shadow:0 3px #d5d9e6;font-size:27px;line-height:1;cursor:pointer}.dialog-close:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.dlg p{font-size:15px}.dlg .row{gap:9px;margin-top:17px}.dlg .btn{min-height:46px;height:auto;padding:9px 18px;border:2px solid #d9dbe7;border-radius:14px;color:var(--navy);background:#fff;box-shadow:0 3px #d9dbe7;font-size:15px;font-weight:800}.dlg .btn.primary{border-color:var(--blue);color:#fff;background:var(--blue);box-shadow:0 3px 0 var(--blue-dark)}.dlg .btn:focus-visible,.dlg .choice:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.dlg .statgrid{gap:8px}.dlg .stat{border:2px solid #dce0ed;border-radius:14px;background:#fff}.dlg .stat b,.dlg .rules h3{color:var(--blue);font-family:var(--sans)}.dlg label.opt{color:var(--navy);border-color:#dde0e9}.dlg input.vol{accent-color:var(--blue)}#veil:has(.dots-menu-dialog){align-items:flex-start;padding-top:98px}.dots-menu-dialog{width:min(470px,calc(100vw - 24px));max-height:calc(100dvh - 115px)}.menu-intro{margin:-3px 0 10px!important;color:#657394!important;font-size:13px!important}.doodle-menu-grid{display:grid;gap:7px}.doodle-menu-grid>button{width:100%;min-height:57px;display:grid;grid-template-columns:35px 1fr 14px;align-items:center;gap:10px;padding:7px 12px;border:1px solid #d8dce9;border-radius:15px;color:var(--navy);background:#ffffffd1;box-shadow:0 2px #d8dce9;text-align:left;cursor:pointer}.doodle-menu-grid>button>svg{width:24px;height:24px;color:var(--blue)}.doodle-menu-grid span{display:grid}.doodle-menu-grid b{font-size:15px}.doodle-menu-grid small{color:#687694;font-size:12px}.doodle-menu-grid em{font-size:25px;font-style:normal;color:#8da0c5}.doodle-menu-grid>button:hover{border-color:#8eb3ef;background:#f5f9ff}#toast{bottom:18px;padding:9px 16px;border:1px solid rgba(255,255,255,.85);color:#fff;background:#112f6ae6;box-shadow:0 4px 14px #12295147;font-size:13px;backdrop-filter:blur(8px)}.celebration{position:absolute;inset:0;z-index:40;overflow:hidden;pointer-events:none}.confetti{position:absolute;left:var(--left);top:-24px;width:14px;height:14px;opacity:0;background:var(--piece);clip-path:polygon(50% 0,61% 35%,100% 38%,69% 59%,79% 100%,50% 73%,21% 100%,31% 59%,0 38%,39% 35%)}.confetti:nth-child(3n){width:9px;height:22px;border-radius:6px;clip-path:none}.confetti.blueberry{--piece:#4d8be8}.confetti.coral{--piece:#ff706a}.confetti.sunflower{--piece:#ffd34f}.confetti.mint{--piece:#62cfb3}.celebration.on .confetti{animation:confetti-fall 2.35s var(--delay) cubic-bezier(.2,.55,.45,1) forwards}@keyframes draw-line{0%{stroke-dashoffset:105}to{stroke-dashoffset:0}}@keyframes claim-box{0%{opacity:0;transform:scale(.45) rotate(-5deg)}to{opacity:1;transform:scale(1)}}@keyframes hint-pulse{to{stroke-width:14;opacity:.68}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px) rotate(0)}to{opacity:.9;transform:translate(var(--drift),calc(100vh + 50px)) rotate(var(--spin))}}@keyframes veil-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.96)}}@media (max-width:760px) and (min-height:520px){body{background-image:var(--dots-phone-scene);background-position:center;background-size:cover}.dots-stage{grid-template-rows:auto auto minmax(0,1fr);gap:5px;padding:7px 7px max(6px,env(safe-area-inset-bottom))}.doodle-hud{width:100%;min-height:102px;grid-template-columns:1fr auto;grid-template-rows:48px 39px;gap:3px 7px;padding:5px 7px;border-radius:22px}.doodle-brand{grid-column:1;grid-row:1}.brand-mark{width:34px;height:34px}.brand-mark i{width:11px;height:11px}.brand-mark:before{top:16px}.brand-mark:after{left:16px}.doodle-brand small{font-size:8px}.doodle-brand b{font-size:18px}.doodle-actions{grid-column:2;grid-row:1;gap:4px}.doodle-actions button{width:38px;height:38px}.doodle-actions svg{width:20px;height:20px}.doodle-stats{grid-column:1/-1;grid-row:2;width:100%;height:38px;justify-content:center}.doodle-stats div{flex:1;min-width:0;padding:3px 12px}.doodle-stats span{font-size:9px}.doodle-stats b{font-size:15px;margin-top:3px}.match-strip{width:100%;min-height:27px;padding:2px 7px;justify-content:space-between}.match-strip strong,.turn-message{font-size:12px}.daily-chip{min-height:25px}.play-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) 68px;gap:6px 7px;padding:0 5px}.paper-frame{grid-column:1/-1;grid-row:1;width:min(100%,calc(100dvh - 220px));height:auto;align-self:center}.score-card{min-height:64px;height:64px;grid-template-columns:54px 1fr;grid-template-rows:1fr;gap:6px;padding:5px 8px}.score-card:nth-child(1){grid-column:1;grid-row:2}.score-card:nth-child(2){grid-column:2;grid-row:2}.avatar-wrap{width:49px;height:49px;min-width:49px;min-height:49px;border-width:3px;box-shadow:0 0 0 2px var(--player-color),0 4px 8px #1a2b4c33}.avatar-wrap .player-swatch{width:13px;height:13px}.score-copy{grid-template-columns:1fr auto;text-align:left}.score-copy small{grid-column:1;font-size:13px}.score-copy span{grid-column:1;font-size:12px}.score-copy strong{grid-column:2;grid-row:1/3;font-size:30px}.score-card.active{transform:translateY(-2px)}.paper-note{font-size:10px}#veil:has(.dots-menu-dialog){align-items:flex-end;padding:0}.dots-menu-dialog{width:100%;max-height:min(82dvh,690px);border-radius:27px 27px 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom));animation:sheet-in .2s ease-out!important}.doodle-menu-grid{grid-template-columns:1fr}.doodle-menu-grid>button{min-height:55px}.dlg{max-height:calc(100dvh - 20px)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@media (max-height:519px){.dots-stage{grid-template-rows:44px minmax(0,1fr);gap:4px;padding:4px 7px}.doodle-hud{width:100%;min-height:44px;height:44px;grid-template-columns:minmax(140px,1fr) auto auto;grid-template-rows:1fr;gap:5px;padding:3px 6px;border-radius:18px}.doodle-brand{grid-column:1;grid-row:1}.brand-mark{width:30px;height:30px}.brand-mark i{width:9px;height:9px}.brand-mark:before{top:14px}.brand-mark:after{left:14px}.doodle-brand small{display:none}.doodle-brand b{font-size:16px}.doodle-stats{grid-column:2;grid-row:1;height:34px}.doodle-stats div{min-width:58px;padding:2px 7px}.doodle-stats span{font-size:7px}.doodle-stats b{font-size:12px;margin-top:2px}.doodle-actions{grid-column:3;grid-row:1;gap:3px}.doodle-actions button{width:34px;height:34px}.doodle-actions svg{width:18px;height:18px}.match-strip{display:none}.play-layout{grid-row:2;grid-template-columns:clamp(72px,13vw,112px) minmax(0,1fr) clamp(72px,13vw,112px);gap:6px}.paper-frame{grid-column:2;grid-row:1;height:min(100%,calc(100dvh - 54px));width:auto}.score-card{min-height:86px;height:auto;padding:5px;grid-template-rows:auto 1fr}.score-card:nth-child(1){grid-column:1;grid-row:1}.score-card:nth-child(2){grid-column:3;grid-row:1}.avatar-wrap{width:min(62px,8vw);height:min(62px,8vw);min-width:38px;min-height:38px;border-width:2px;box-shadow:0 0 0 2px var(--player-color),0 3px 7px #141e3c3d}.avatar-wrap .player-swatch{width:10px;height:10px}.score-copy small{font-size:12px}.score-copy span{display:none}.score-copy strong{font-size:25px}.paper-note{display:none}#toast{bottom:6px;padding:5px 10px;font-size:11px}#veil:has(.dots-menu-dialog){align-items:center;padding:8px}.dots-menu-dialog{width:min(520px,100%);max-height:calc(100dvh - 16px);border-radius:22px}.doodle-menu-grid{grid-template-columns:repeat(2,1fr);gap:5px}.doodle-menu-grid>button{min-height:49px}.doodle-menu-grid small{display:none}.dialog-head{padding-top:10px}.dlg{max-height:calc(100dvh - 16px)}}@media (max-width:400px) and (max-height:270px){.dots-stage{grid-template-rows:36px minmax(0,1fr);padding:3px 4px;gap:2px}.doodle-hud{height:36px;min-height:36px;grid-template-columns:96px 1fr auto;padding:2px 4px;border-width:1px;border-radius:13px}.brand-mark{width:25px;height:25px}.brand-mark i{width:8px;height:8px}.brand-mark:before{top:11px}.brand-mark:after{left:11px}.doodle-brand{gap:4px}.doodle-brand b{font-size:11px}.doodle-stats{height:29px}.doodle-stats div{min-width:38px;padding:1px 3px}.doodle-stats div:first-child{display:none}.doodle-stats span{font-size:6px}.doodle-stats b{font-size:10px}.doodle-actions button{width:28px;height:28px;border-width:1px}.doodle-actions svg{width:15px;height:15px}.doodle-actions button[data-action=restart],.doodle-actions button[data-action=new]{display:none}.play-layout{grid-template-columns:58px minmax(0,1fr) 58px;gap:3px}.paper-frame{height:min(100%,calc(100dvh - 43px))}.score-card{min-height:58px;height:68px;display:grid;grid-template-rows:34px 1fr;padding:3px}.avatar-wrap{width:31px;height:31px;min-width:31px;min-height:31px;border-width:1px;box-shadow:0 0 0 1px var(--player-color)}.avatar-wrap .player-swatch{display:none}.score-copy{display:grid;grid-template-columns:1fr;text-align:center}.score-copy small{font-size:10px}.score-copy strong{font-size:17px}.paper-frame:after{inset:2px}.edge-target{stroke-width:42}.doodle-menu-grid>button{min-height:42px;padding:3px 8px}.doodle-menu-grid b{font-size:12px}.doodle-menu-grid>button>svg{width:19px;height:19px}.dialog-head h2{font-size:20px}}@media (max-width:340px) and (max-height:230px){.doodle-brand b{font-size:10px}.play-layout{grid-template-columns:50px minmax(0,1fr) 50px}.score-card{height:60px}.score-copy small{display:none}.doodle-actions{gap:1px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.confetti{display:none}}.play-layout{position:relative}.scoreboard{position:absolute;inset:0;display:grid;grid-template-columns:clamp(118px,13vw,172px) minmax(0,760px) clamp(118px,13vw,172px);align-items:center;justify-content:center;gap:clamp(9px,1.8vw,26px);pointer-events:none}.score-card:nth-child(1){grid-column:1}.score-card:nth-child(2){grid-column:3}@media (max-width:760px) and (min-height:520px){.scoreboard{inset:auto 5px 0;height:68px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.score-card:nth-child(1){grid-column:1}.score-card:nth-child(2){grid-column:2}}@media (max-height:519px){.scoreboard{inset:0;grid-template-columns:clamp(72px,13vw,112px) minmax(0,1fr) clamp(72px,13vw,112px);gap:6px}.score-card:nth-child(1){grid-column:1}.score-card:nth-child(2){grid-column:3}}@media (max-width:400px) and (max-height:270px){.scoreboard{grid-template-columns:58px minmax(0,1fr) 58px;gap:3px}.score-copy small,.doodle-stats span{display:none}.doodle-stats b{margin:0;font-size:12px}.doodle-brand b{font-size:12px}}.doodle-brand small,.doodle-stats span,.score-copy span,.daily-chip,.paper-note{font-size:13px}.look-picker button,.journey-tiles span,.doodle-menu-grid small{font-size:12px}@media (max-width:760px) and (min-height:520px){.doodle-brand small,.doodle-stats span,.score-copy span,.daily-chip,.paper-note{font-size:12px}}@media (max-height:519px){.doodle-brand small,.doodle-stats span{display:none}.score-copy small{font-size:12px}}.paper-frame{width:min(100%,calc(100dvh - 142px),660px);height:auto;max-height:100%;align-self:start;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;clip-path:none}.paper-frame:before,.paper-frame:after{content:none}.dots-board{overflow:visible;filter:drop-shadow(0 2px 1px rgba(79,50,25,.12))}.dot-shadow{fill:#161f4342}.dot-rim{fill:#0b2867;stroke:#ffffff80;stroke-width:1}.dot{fill:#2455ad;stroke:#123879;stroke-width:1.4}.dot-glow{fill:#568fe86b;pointer-events:none}.dot-shine{fill:#ffffffe6}.ink-shadow{fill:none;stroke:#14204033;stroke-width:15px;stroke-linecap:round;stroke-linejoin:round;transform:translate(1px,2px)}.ink-line{fill:none;stroke-linejoin:round;stroke-width:11px;filter:url(#inkTexture) drop-shadow(0 1px 0 rgba(255,255,255,.3))}.ink-grain{fill:none;stroke:color-mix(in srgb,var(--player-color),white 24%);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:7 13 4 17;opacity:.5;pointer-events:none;filter:url(#inkTexture)}.ink-line.fresh{stroke-dasharray:100;animation:draw-line .44s cubic-bezier(.2,.75,.3,1) both}.claimed-box{filter:none}.claim-fill{fill:var(--player-fill);opacity:.22;stroke:none}.claim-scribble{fill:none;stroke:var(--player-color);stroke-width:7;stroke-linecap:round;opacity:.32;filter:url(#inkTexture)}.claimed-box text{font:800 38px/1 Comic Sans MS,Bradley Hand,cursive;fill:color-mix(in srgb,var(--player-color),#102d69 20%);stroke:#ffffff47;stroke-width:1.5;transform:rotate(-4deg);transform-box:fill-box;transform-origin:center}body[data-pieces=pencils] .ink-line{stroke-width:7px;stroke-linecap:round}body[data-pieces=pencils] .ink-shadow{stroke-width:10px}body[data-pieces=pastels] .ink-line{stroke-width:14px}body[data-pieces=pastels] .ink-shadow{stroke-width:18px}body[data-pieces=neon] .ink-line{stroke-width:10px}body[data-pieces=neon] .ink-shadow{stroke-width:14px}body[data-pieces=neon] .paper-frame{background:none;box-shadow:none}.dots-result-dialog{width:min(540px,100%)}.dots-result-card{display:grid;gap:11px}.dots-result-hero{display:flex;align-items:center;gap:15px;padding:13px 15px;border:1px solid #e9c255;border-radius:19px;background:linear-gradient(135deg,#fff5c9,#ffdf75);box-shadow:inset 0 1px #fffc,0 4px #b9811840}.dots-result-card.loss .dots-result-hero{border-color:#a9d3ca;background:linear-gradient(135deg,#eaf8f4,#ccebe4)}.dots-result-card.tie .dots-result-hero{border-color:#cfc3a4;background:linear-gradient(135deg,#f7f3e8,#e8dfc9)}.dots-result-hero img{width:76px;height:76px;flex:none;border:4px solid #fff;border-radius:50%;object-fit:contain;background:#b8d7ff;box-shadow:0 0 0 4px var(--blue),0 7px 15px #132b5433}.dots-result-card.loss .dots-result-hero img{box-shadow:0 0 0 4px var(--coral),0 7px 15px #132b5433}.dots-result-hero>div{display:grid;gap:2px;min-width:0}.result-stars{color:#d7940d;font-size:25px;letter-spacing:2px;line-height:1}.dots-result-hero b{overflow:hidden;text-overflow:ellipsis;font-size:27px;line-height:1.1;white-space:nowrap}.dots-result-hero small{color:#586682;font-size:13px}.dots-result-score{display:flex;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:6px 10px;border-radius:15px;background:#153a82;color:#fff;font-size:20px;box-shadow:inset 0 2px #ffffff24,0 3px #09265f}.dots-result-score span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dots-result-score strong{color:var(--yellow);font-size:26px}.dots-result-score i{color:#9fc4ff;font-style:normal}.dots-result-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.dots-result-chips span{display:grid;place-items:center;min-width:0;padding:7px 4px;border:1px solid #d9deec;border-radius:13px;background:#fff;box-shadow:0 2px #d9deec}.dots-result-chips b{color:var(--blue-dark);font-size:18px;font-variant-numeric:tabular-nums}.dots-result-chips small{color:#657394;font-size:11px;white-space:nowrap}.dots-result-notes{display:grid;gap:4px;margin:0;padding:0;list-style:none;color:#425274;font-size:13px;line-height:1.35}.dots-result-notes li{position:relative;padding-left:15px}.dots-result-notes li:before{content:"";position:absolute;left:2px;top:.52em;width:6px;height:6px;border-radius:50%;background:var(--coral)}.dots-result-dialog .row{position:sticky;bottom:-20px;z-index:6;display:grid;grid-template-columns:1fr 1fr;margin:13px -22px -20px!important;padding:12px 22px 18px;background:linear-gradient(#f9f1dee6,#f8eedb 35%);border-top:1px solid rgba(90,61,33,.12)}.dots-result-dialog .row .btn.primary{grid-column:1/-1;order:-1;min-height:52px;font-size:17px}@media (max-width:760px) and (min-height:520px){.dots-stage{padding:7px;align-content:start}.play-layout{grid-template-columns:1fr;grid-template-rows:auto 68px;align-content:start;gap:7px;padding:0 5px}.paper-frame{grid-column:1;grid-row:1;width:min(100%,calc(100vw - 24px));max-height:none;align-self:start}.scoreboard{position:static;grid-column:1;grid-row:2;width:100%;height:68px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;pointer-events:none}.score-card:nth-child(1){grid-column:1}.score-card:nth-child(2){grid-column:2}.dots-result-hero img{width:64px;height:64px}.dots-result-hero b{font-size:23px}}@media (max-height:519px){.paper-frame{height:min(100%,calc(100dvh - 52px));width:auto}.dots-result-dialog{padding-left:14px;padding-right:14px}.dots-result-card{gap:7px}.dots-result-hero{gap:10px;padding:7px 10px}.dots-result-hero img{width:48px;height:48px}.result-stars{font-size:18px}.dots-result-hero b{font-size:19px}.dots-result-hero small{font-size:12px}.dots-result-score{min-height:35px;font-size:15px}.dots-result-score strong{font-size:20px}.dots-result-chips span{padding:4px 2px}.dots-result-chips b{font-size:15px}.dots-result-notes{font-size:12px}.dots-result-dialog .row{display:flex;margin:8px -14px -20px!important;padding:7px 14px 10px}.dots-result-dialog .row .btn{flex:1}.dots-result-dialog .row .btn.primary{flex:1.5}}@media (max-width:400px) and (max-height:270px){.paper-frame{height:min(100%,calc(100dvh - 48px))}.dots-result-dialog .dialog-head{grid-template-columns:1fr 32px;padding:5px 3px;margin-bottom:3px}.dots-result-dialog .dialog-mark{display:none}.dots-result-dialog .dialog-close{grid-column:2;width:30px;height:30px}.dots-result-dialog .dialog-head h2{grid-column:1;font-size:15px;white-space:nowrap}.dots-result-card{gap:4px}.dots-result-hero{padding:4px 7px}.dots-result-hero img{width:34px;height:34px;border-width:2px}.result-stars{display:none}.dots-result-hero b{font-size:15px}.dots-result-hero small{font-size:10px}.dots-result-score{min-height:26px;padding:2px 6px;font-size:12px}.dots-result-score strong{font-size:15px}.dots-result-chips{gap:3px}.dots-result-chips span{padding:2px}.dots-result-chips b{font-size:12px}.dots-result-chips small{font-size:9px}.dots-result-notes{display:none}.dots-result-dialog .row{margin-top:4px!important;padding-top:4px}.dots-result-dialog .row .btn{min-height:35px;padding:3px 7px;font-size:11px}.dots-result-dialog .row .btn.primary{min-height:35px;font-size:12px}}@media (max-height:519px){.paper-frame{height:min(100%,calc(100dvh - 66px))!important;width:auto!important;max-width:100%;align-self:center!important}}.paper-frame{height:min(100%,720px)!important;width:auto!important;max-width:100%;max-height:100%;align-self:center!important;justify-self:center;padding:2%;border-radius:4px 7px 5px 3px;background-color:#fbf6e8!important;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(72,129,193,.16) 32px,rgba(72,129,193,.16) 33px)!important;box-shadow:0 2px 1px #5a351629,0 12px 26px #4f331b38!important}@media (max-width:760px) and (min-height:520px){.dots-stage{align-content:stretch}.dots-stage{grid-template-columns:minmax(0,1fr)}.play-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 68px;align-content:stretch}}@media (orientation:portrait){.paper-frame{height:auto!important;width:100%!important;aspect-ratio:var(--board-ratio)!important}}