: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}*{box-sizing:border-box}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{--felt-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .24 0 0 0 0 .12 0 0 0 .55 -.18'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--leather-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='.055 .09' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .05 0 0 0 0 .02 1.6 0 0 0 -.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--leather-pores: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .85 0 0 0 0 .62 0 0 0 .5 -.22'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--leather-mottle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008 .022' numOctaves='4' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .62 0 0 0 0 .34 1.1 0 0 0 -.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--leather: #5c301c;--leather-dark: #3b1d10;--gilt: #d3a35c;--stitch: rgba(236, 191, 122, .82);--felt: #f6ecd3;--felt-shade: #e8d7b2;--point-blue: #1d58c8;--point-blue-dark: #123c97;--point-coral-dark: #cf4a39;--player-light: var(--piece-light, #fff7df);--player-dark: var(--piece-dark, #0757c9)}.game-layout{--side: clamp(156px, 13.5vw, 214px);position:absolute;inset:88px 0 0;display:grid;grid-template-columns:var(--side) minmax(0,1fr) var(--side);gap:clamp(8px,1.2vw,18px);padding:6px clamp(10px,1.6vw,24px) clamp(10px,2vh,22px)}.board-wrap{min-width:0;min-height:0;display:grid;place-items:center;perspective:1400px;container-type:size;filter:drop-shadow(0 22px 22px rgba(46,32,20,.3))}.seat{min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px}.seat-opp{justify-content:flex-start;padding-top:2%}.seat-you{justify-content:flex-end}.seat-you .move-card{margin-block:auto}.player-pill{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:7px 14px 7px 7px;border:1px solid rgba(255,255,255,.38);border-radius:22px;background:linear-gradient(145deg,#0f3758cc,#08243ebd);color:#fff;box-shadow:0 10px 24px #0a1e2d42,inset 0 1px #ffffff38;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);transition:box-shadow .25s,transform .25s}.player-pill.active{box-shadow:0 0 0 2px #ffd98f,0 0 22px #ffd98f73,0 10px 24px #0a1e2d42,inset 0 1px #ffffff38}.player-avatar{flex:none;width:clamp(44px,4vw,58px);height:clamp(44px,4vw,58px);overflow:hidden;border:2px solid #fff8e7;border-radius:50%;background:#c8e6ea;box-shadow:0 0 0 2px #e7b35fe6,0 4px 10px #0f28344d}.player-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 15%}.pill-body{flex:1;min-width:0;display:grid;gap:1px}.pill-body strong{font-size:18px;font-weight:750;line-height:1.1}.pill-status{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#cfe6ee;font-size:13px;font-weight:600;line-height:1.2}.pill-status:empty{display:none}.player-pill.active .pill-status{color:#ffe3a6}.pill-score{flex:none;display:grid;justify-items:center;gap:3px}.pill-score b{font-size:24px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.move-card{padding:9px 12px 10px;border:1px solid rgba(255,255,255,.34);border-radius:18px;background:linear-gradient(145deg,#0f3758bd,#08243ead);color:#fff;box-shadow:0 10px 22px #0a1e2d38,inset 0 1px #fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:#ffd98f;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.panel-sub{display:block;margin-top:1px;overflow:hidden;color:#b9d6e0;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.panel-title small{overflow:hidden;color:#b9d6e0;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;text-overflow:ellipsis;white-space:nowrap}.move-card ol{margin:6px 0 0;padding:0;list-style:none;font-size:14px;font-variant-numeric:tabular-nums}.move-card li{display:flex;align-items:center;gap:8px;min-height:26px;padding:2px 0;border-top:1px solid rgba(255,255,255,.1);color:#d4e8ef}.move-card li:first-child{border-top:0;color:#fff;font-weight:650}.move-card li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-card li.empty{min-height:0;color:#b9d6e0;font-style:italic;font-weight:500}.mini-checker{flex:none;display:inline-block;width:17px;aspect-ratio:1;border-radius:50%}.board{--bar-w: 7.2%;position:relative;width:min(100cqw,100cqh * 1.72);max-width:100%;aspect-ratio:1.72;container:board / inline-size;border-radius:clamp(9px,1.25cqw,20px);background:var(--leather-pores),var(--leather-grain),var(--leather-mottle),linear-gradient(180deg,#7b4428,var(--leather) 48%,#4c2614);box-shadow:inset 0 2px 1px #ffd6a061,inset 0 -3px 3px #0006,inset 0 0 0 1px #1e0c04b3,0 3px #3d1e10,0 6px #2b140a,0 9px 3px #140a0459,0 26px 40px #281a0e6b;transform:rotateX(1.4deg);transform-origin:center bottom;touch-action:none}.board:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgba(255,236,200,.14),transparent 34%,transparent 70%,rgba(0,0,0,.14))}.board:after{content:"";position:absolute;inset:1.15cqw;z-index:1;pointer-events:none;border:max(1.5px,.16cqw) dashed var(--stitch);border-radius:max(5px,.8cqw);opacity:.9}.case-well,.off-tray{position:absolute;width:6.3%;border-radius:max(4px,.5cqw);background:var(--leather-pores),var(--leather-grain),linear-gradient(90deg,#2c140a,#46220f 30% 70%,#2c140a);box-shadow:inset 0 3px 6px #0009,inset 0 -1px #ffd2962e,0 0 0 max(1px,.14cqw) #d3a35cb3,0 1px 0 max(2px,.25cqw) #3a1c0e}.case-well{z-index:2;left:2.35%;height:41%}.well-left-top{top:5%}.well-left-bottom{bottom:5%}.board-inlay{position:absolute;z-index:2;inset:5% 9.8%;overflow:hidden;border-radius:max(3px,.35cqw);background:var(--felt-noise),radial-gradient(ellipse at 50% 42%,#fffaf0,var(--felt) 55%,var(--felt-shade));box-shadow:0 0 0 max(1.5px,.2cqw) var(--gilt),0 0 0 max(3px,.42cqw) #2f170b,inset 0 0 2.4cqw #6e461e4d,inset 0 .4cqw .7cqw #3c220e59}.center-bar{position:absolute;z-index:4;top:0;bottom:0;left:calc(50% - var(--bar-w) / 2);width:var(--bar-w);pointer-events:none;background:var(--leather-pores),var(--leather-grain),var(--leather-mottle),linear-gradient(90deg,#3e1e0e,#6e3b20 22% 78%,#3e1e0e);box-shadow:-.35cqw 0 .6cqw #28140673,.35cqw 0 .6cqw #28140673,inset 0 0 0 max(1px,.12cqw) #d3a35ca6}.center-bar:before{content:"";position:absolute;inset:0 16%;border-inline:max(1.5px,.15cqw) dashed var(--stitch);opacity:.8}.point{--slot: calc((100% - var(--bar-w)) / 12);position:absolute;z-index:5;width:var(--slot);height:47%;padding:0;overflow:visible;border:0;background:transparent;cursor:default;container-type:size;touch-action:none}.point.top{top:0}.point.bottom{bottom:0}.point:before{content:"";position:absolute;inset:0 5%;filter:drop-shadow(0 1px 1px rgba(80,45,20,.3));transition:filter .16s,transform .16s}.point.top:before{clip-path:polygon(0 0,100% 0,50% 94%);transform-origin:top}.point.bottom:before{clip-path:polygon(50% 6%,100% 100%,0 100%);transform-origin:bottom}.point-light:before{background:var(--felt-noise),linear-gradient(90deg,var(--point-blue-dark),var(--point-blue) 30%,#3a76e0 50%,var(--point-blue) 70%,var(--point-blue-dark))}.point-dark:before{background:var(--felt-noise),linear-gradient(90deg,var(--point-coral-dark),var(--point-coral, #ef6d5d) 30%,#f68e79 50%,var(--point-coral, #ef6d5d) 70%,var(--point-coral-dark))}.point.top:after,.point.bottom:after{pointer-events:none}.point-number{position:absolute;left:50%;z-index:2;transform:translate(-50%);color:#7a5634;font:700 12px/1 var(--sans);text-shadow:0 1px rgba(255,255,255,.7);pointer-events:none}.top .point-number{top:4px}.bottom .point-number{bottom:4px}.checkers{position:absolute;inset:0;pointer-events:none}.checker{--checker-size: min(86cqw, 18cqh, 52px);--step: max(0px, min(calc(var(--checker-size) * .9), calc((100cqh - 20px - var(--checker-size)) / 4)));--offset: 0px;position:absolute;z-index:calc(10 + var(--i));left:50%;width:var(--checker-size);aspect-ratio:1;padding:0;border:0;border-radius:50%;transform:translate(-50%);pointer-events:auto;cursor:grab;touch-action:none;transition:filter .18s,transform .18s}.checker:nth-child(2){--offset: var(--step)}.checker:nth-child(3){--offset: calc(var(--step) * 2)}.checker:nth-child(4){--offset: calc(var(--step) * 3)}.checker:nth-child(5){--offset: calc(var(--step) * 4)}.top .checker{top:calc(19px + var(--offset))}.bottom .checker{bottom:calc(19px + var(--offset))}.checker.white,.drag-ghost.white,.mini-checker.ivory{background:radial-gradient(circle at 50% 50%,transparent 0 55%,rgba(150,118,70,.32) 57% 60%,transparent 62%),radial-gradient(ellipse at 36% 28%,#fffffff2 0 10%,#fff0 38%),radial-gradient(circle at 50% 46%,var(--player-light) 0 58%,#eadcb9 76%,#cdb68a 92%,#b89e70 100%);box-shadow:inset 0 1.5px 1px #ffffffe6,inset 0 -2px 3px #82623759,0 2px #c2a979,0 3px #9f8659,0 5px 7px #2d1c0c6b}.checker.black,.drag-ghost.black,.mini-checker.ebony{background:radial-gradient(circle at 50% 50%,transparent 0 55%,rgba(0,18,70,.38) 57% 60%,transparent 62%),radial-gradient(ellipse at 36% 27%,#bedcffe6 0 9%,#78aaff00 40%),radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--player-dark) 82%,white) 0 30%,var(--player-dark) 62%,var(--piece-dark-edge, #0b3d96) 88%,#071f55 100%);box-shadow:inset 0 1.5px 1px #aacdffb3,inset 0 -2px 3px #000a3273,0 2px 0 var(--piece-dark-edge, #0b3d96),0 3px #06205a,0 5px 7px #0a142d73}.mini-checker.ivory,.mini-checker.ebony{box-shadow:0 1px #00000059,0 2px 3px #0000004d}.checker.counted:before{content:attr(data-count);position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);min-width:22px;height:22px;padding:0 5px;border:2px solid #fff;border-radius:12px;background:var(--aegean-coral, #ef6d5d);color:#fff;font:800 13px/18px var(--sans);box-shadow:0 2px #a9463e}.point.source-legal .checker:last-child,.bar-slot.source-legal .checker:last-child{filter:drop-shadow(0 0 5px #ffe49d) drop-shadow(0 0 2px #fff6d6)}.point.selected .checker:last-child,.bar-slot.selected .checker:last-child{transform:translate(-50%) translateY(-3px) scale(1.08);filter:drop-shadow(0 0 9px #ffe49d) drop-shadow(0 0 3px #fff)}.point.target-legal:before{filter:brightness(1.12) drop-shadow(0 0 7px #ffe49d)}.point.target-legal:after,.off-tray.target-legal:after{content:"";position:absolute;z-index:30;left:50%;top:50%;width:clamp(14px,2.2cqw,28px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #fff3b9;border-radius:50%;background:#f7c25773;box-shadow:0 0 0 3px #086596bf,0 0 18px #fff3b9;animation:targetPulse 1.15s ease-in-out infinite;pointer-events:none}.point.drag-over:before{filter:brightness(1.12) drop-shadow(0 0 11px #ffe49d)}.off-tray.drag-over{box-shadow:inset 0 3px 6px #0009,0 0 0 3px #ffe49d,0 0 16px #ffe49d}.hint-source .checker:last-child{animation:hintPulse .75s ease-in-out infinite alternate}.hint-target:after{content:"";position:absolute;z-index:35;inset:4%;border:3px dashed #2fd0a8;border-radius:12px;pointer-events:none;animation:hintPulse .75s ease-in-out infinite alternate}.bar-slot{position:absolute;z-index:12;left:47.1%;width:5.8%;height:42%;padding:0;border:0;background:transparent;container-type:size;touch-action:none}.bar-black{top:6%}.bar-white{bottom:6%}.bar-slot .checker{--checker-size: min(92cqw, 22cqh, 50px);--step: max(0px, min(calc(var(--checker-size) * .85), calc((100cqh - var(--checker-size)) / 3)))}.bar-black .checker{top:var(--offset)}.bar-white .checker{bottom:var(--offset)}.off-tray{z-index:10;right:2.35%;height:41%;padding:0;border:0;color:#ffe19a;cursor:default}.off-tray:before{content:"";position:absolute;inset:-6px -3px}.off-black{top:5%}.off-white{bottom:5%}.off-tray>span{position:absolute;left:50%;z-index:3;transform:translate(-50%);color:#ffe19a;font:800 clamp(12px,1.5cqw,18px)/1 var(--sans);text-shadow:0 1px 2px #1c0d05}.off-black>span{bottom:5%}.off-white>span{top:5%}.borne{position:absolute;left:11%;width:78%;height:4.4%;border-radius:3px/50%}.off-black .borne{top:calc(3% + var(--i) * 5.2%)}.off-white .borne{bottom:calc(3% + var(--i) * 5.2%)}.borne.white{background:linear-gradient(180deg,#fffdf6,var(--player-light) 45%,#c9b386);box-shadow:0 1px 1px #00000073}.borne.black{background:linear-gradient(180deg,#5c94f0,var(--player-dark) 45%,#0a2f7a);box-shadow:0 1px 1px #00000080}.hinge{position:absolute;z-index:11;left:calc(50% - 1.1cqw);width:2.2cqw;height:8%;border-radius:max(2px,.3cqw);background:linear-gradient(90deg,#6a3f18,#e8bf6d 35%,#fff0b8,#c9963f 65%,#6a3f18);box-shadow:0 1px #3d2108,0 2px 4px #00000073,inset 0 0 0 1px #502d0a80;pointer-events:none}.hinge:after{content:"";position:absolute;inset:0 44%;background:#502d0a80}.hinge-a{top:16%}.hinge-b{bottom:16%}.clasp{position:absolute;z-index:3;left:calc(50% - 2cqw);bottom:-.6cqw;width:4cqw;height:1.6cqw;border-radius:0 0 .5cqw .5cqw;background:linear-gradient(180deg,#e8bf6d,#a87430);box-shadow:0 1px 2px #00000080;pointer-events:none}.cube{position:absolute;z-index:20;left:5.5%;top:50%;width:4.4cqw;aspect-ratio:1;padding:0;display:grid;place-items:center;border:0;border-radius:18%;transform:translate(-50%,-50%) rotate(-4deg);cursor:default;background:var(--leather-pores),linear-gradient(145deg,#f6cf8c,#d99d50 55%,#b6782f);color:#3a2210;font:800 2.1cqw/1 var(--sans);box-shadow:inset 1.5px 1.5px 1px #fff4d2cc,inset -2px -2px 3px #64370f73,0 2px #8a5a24,0 3px #6b4316,0 6px 8px #140a0280;transition:top .45s cubic-bezier(.3,.8,.3,1),transform .2s}.cube:after{content:"";position:absolute;inset:13%;border:max(1px,.1cqw) solid rgba(90,50,15,.35);border-radius:14%}.cube.owned-black{top:19%}.cube.owned-white{top:81%}.cube.offerable{cursor:pointer;animation:cubeGlow 1.8s ease-in-out infinite}.cube.offerable:hover{transform:translate(-50%,-50%) rotate(0) scale(1.08)}.dice-stage{position:absolute;z-index:30;top:5%;bottom:5%;display:grid;place-items:center;pointer-events:none}.dice-stage.side-white{left:52.9%;right:9.8%}.dice-stage.side-black{left:9.8%;right:52.9%}.dice-stage.side-open{left:9.8%;right:9.8%}.dice-cluster{display:grid;justify-items:center;gap:1.2cqw;pointer-events:none}.dice-row{position:relative;display:flex;align-items:center;gap:2cqw}.dice-row:empty{display:none}.side-open .dice-row{flex-direction:row-reverse;gap:37cqw}.die{--rest: -8deg;position:relative;display:grid;width:max(30px,6cqw);height:max(30px,6cqw);padding:0;border:0;transform:rotate(var(--rest));cursor:pointer;pointer-events:auto;border-radius:22%;background:radial-gradient(ellipse at 30% 22%,#fffffff2 0 14%,#fff0 46%),linear-gradient(150deg,#fffcf2,#fbf0d6 48%,#efdcb4);box-shadow:inset 1.5px 1.5px 1px #fff,inset -2px -3px 5px #aa803c52,inset 0 0 0 1px #d6b47880,0 2px #e0c99a,0 4px #b9975e,0 9px 10px #3c240a61}.die:nth-child(2){--rest: 11deg;top:.5cqw}.die i{position:absolute;width:20%;height:20%;border-radius:50%}.die i:nth-child(1){left:16%;top:16%}.die i:nth-child(2){left:40%;top:16%}.die i:nth-child(3){left:64%;top:16%}.die i:nth-child(4){left:16%;top:40%}.die i:nth-child(5){left:40%;top:40%}.die i:nth-child(6){left:64%;top:40%}.die i:nth-child(7){left:16%;top:64%}.die i:nth-child(8){left:40%;top:64%}.die i:nth-child(9){left:64%;top:64%}.die i.on{background:radial-gradient(circle at 40% 35%,#3a3a3a,#050505 72%);box-shadow:inset 0 1px 1.5px #000c,0 .6px #fffffff2}.die.die-black{background:radial-gradient(ellipse at 30% 22%,#96c3ffbf 0 12%,#78aaff00 46%),linear-gradient(150deg,#2f6fe0,#1146b8 50%,#0a2f86);box-shadow:inset 1.5px 1.5px 1px #aacdffbf,inset -2px -3px 5px #000c3280,inset 0 0 0 1px #0a287899,0 2px #0b3488,0 4px #061f5a,0 9px 10px #08102873}.die.die-black i.on{background:radial-gradient(circle at 42% 38%,#fff,#e6eefb 70%);box-shadow:inset 0 -1px 1px #00144673,0 0 1px #000a2899}.die.tumbling{animation:tumble .78s cubic-bezier(.22,.7,.3,1) both}.die.tumbling:nth-child(2){animation-name:tumble2;animation-duration:.84s}.die.used{opacity:.5}.double-badge{align-self:center;padding:2px 9px;border-radius:999px;background:#f3c461;color:#3e2b18;box-shadow:0 2px #a87735;font-size:13px;font-weight:800;white-space:nowrap}.board-actions{display:flex;gap:8px;pointer-events:auto}.board-actions:not(:has(.action:not([hidden]))){display:none}.action{min-height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.55);border-radius:999px;color:#fff;font:800 16px/1 var(--sans);letter-spacing:.01em;cursor:pointer;transition:transform .12s,filter .12s}.action[hidden]{display:none}.action svg{width:20px;height:20px}.action.primary{background:linear-gradient(180deg,#f6886f,#e2604a);box-shadow:0 3px #a9402f,0 10px 18px #501e0c61,inset 0 1px #ffffff73}.action.done{background:linear-gradient(180deg,#1a86c4,#0a679e);box-shadow:0 3px #064b74,0 10px 18px #0a283c61,inset 0 1px #fff6}.action:hover{filter:brightness(1.06)}.action:active{transform:translateY(2px)}.action.primary:not([hidden]){animation:rollInvite 2.2s ease-in-out infinite}.action:focus-visible,.cube:focus-visible,.die:focus-visible,.checker:focus-visible,.point:focus-visible,.bar-slot:focus-visible,.off-tray:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--aegean-coral, #ef6d5d)}.drag-ghost{display:none;position:fixed;z-index:1000;left:-24px;top:-24px;width:48px;aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:.95}.drag-ghost.on{display:block}.move-float{position:fixed;z-index:1001;margin:0;pointer-events:none;transition:none}@keyframes tumble{0%{transform:translate(-160%,-90%) rotate(-260deg) scale(.7);opacity:0}12%{opacity:1}55%{transform:translate(14%,6%) rotate(calc(var(--rest) + 30deg)) scale(1.06)}75%{transform:translate(-4%,-6%) rotate(calc(var(--rest) - 8deg)) scale(1)}to{transform:rotate(var(--rest))}}@keyframes tumble2{0%{transform:translate(150%,-110%) rotate(280deg) scale(.7);opacity:0}12%{opacity:1}58%{transform:translate(-12%,8%) rotate(calc(var(--rest) - 26deg)) scale(1.06)}78%{transform:translate(4%,-5%) rotate(calc(var(--rest) + 6deg))}to{transform:rotate(var(--rest))}}@keyframes targetPulse{50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}}@keyframes hintPulse{to{filter:drop-shadow(0 0 11px #2fd0a8) brightness(1.12)}}@keyframes cubeGlow{50%{box-shadow:inset 1.5px 1.5px 1px #fff4d2cc,inset -2px -2px 3px #64370f73,0 2px #8a5a24,0 3px #6b4316,0 0 0 3px #ffe49dd9,0 0 16px #ffe49dcc}}@keyframes rollInvite{50%{transform:translateY(-2px);filter:brightness(1.07)}}@keyframes celebrate{0%,to{filter:none}40%{filter:brightness(1.1) drop-shadow(0 0 20px #ffd98f)}}.board.celebrate{animation:celebrate .65s ease-in-out}:root{--aegean-ink:#173a4e;--aegean-blue:#08699a;--aegean-deep:#063d5c;--aegean-glass:rgba(5,61,91,.88);--aegean-cream:#fff8e8;--aegean-coral:#ef6d5d;--aegean-gold:#efbf61;--aegean-line:#d7c7a7;--board-frame:#5b2f20;--board-frame-light:#9a6244;--board-press:#3b1d16;--board-well:#fff3d8;--player-light:var(--piece-light,#fff7df);--player-dark:var(--piece-dark,#0757c9);--pop-shadow:rgba(26,31,31,.38);--sans:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:var(--sans)}html,body{width:100%;height:100%;overflow:hidden}body[data-backgammon-theme]{margin:0;color:#fff;font:500 16px/1.35 var(--sans);background:#83b7cc}body[data-backgammon-theme]:before{content:"";position:fixed;inset:0;z-index:-2;background:var(--bg-scene) center/cover no-repeat;animation:none!important;transform:none!important}body[data-backgammon-theme]:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(4,38,59,.15),transparent 20%,transparent 78%,rgba(40,27,18,.12))}body[data-backgammon-theme] #bar{display:none!important}body[data-backgammon-theme] #table{inset:0;min-width:320px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.aegean-hud{position:absolute;z-index:70;top:max(13px,env(safe-area-inset-top));left:50%;width:min(980px,calc(100% - 32px));min-height:66px;transform:translate(-50%);display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(245px,1fr);align-items:center;gap:14px;padding:8px 10px 8px 15px;border:1px solid rgba(255,255,255,.42);border-radius:23px;background:linear-gradient(105deg,#074c6de8,#053858d1);box-shadow:0 13px 36px #0d263052,inset 0 1px #ffffff57;backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18)}.aegean-brand{display:flex;align-items:center;gap:10px;min-width:0;font-size:24px;font-weight:780;letter-spacing:-.025em;text-shadow:0 2px 9px rgba(0,31,49,.32)}.brand-mark{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:14px;color:#094b72;background:linear-gradient(145deg,#fff9e8,#eed8ad);box-shadow:0 4px #c28d50,inset 0 1px #fff}.brand-mark svg{width:24px;height:24px}.aegean-stats{display:flex;gap:7px}.aegean-stat{min-width:104px;min-height:47px;padding:5px 11px;display:grid;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:#fffae9db;color:var(--aegean-ink);font-variant-numeric:tabular-nums;box-shadow:inset 0 1px #ffffffb3}.aegean-stat span{font-size:12px;line-height:1;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#53707d}.aegean-stat b{margin-top:3px;font-size:17px;line-height:1;font-weight:800;white-space:nowrap}.aegean-actions{justify-self:end;display:flex;gap:6px}.aegean-button{position:relative;width:42px;height:42px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.29);border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:transform .16s ease,background .16s ease,opacity .16s ease}.aegean-button svg{width:20px;height:20px}.aegean-button:hover:not(:disabled){transform:translateY(-2px);background:#ffffff3d}.aegean-button:active:not(:disabled){transform:scale(.94)}.aegean-button:disabled{opacity:.34;cursor:default}.aegean-button:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--aegean-coral)}.aegean-button:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px);width:max-content;padding:6px 9px;border-radius:8px;background:#132f3cf5;color:#fff;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.15s}.aegean-button:hover:not(:disabled):after,.aegean-button:focus-visible:after{opacity:1;transform:translate(-50%)}.setup-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:2px solid var(--dlg-line);color:var(--dlg-ink);font-size:16px;font-weight:800}.setup-field select{min-width:180px;padding:8px 10px;border:2px solid var(--dlg-line);border-radius:12px;background:var(--dlg-field);color:var(--dlg-ink);font:800 15px var(--sans)}.setup-field input{width:21px;height:21px;accent-color:var(--dlg-accent)}.daily-card{display:grid;gap:3px;margin:12px 0 8px;padding:12px 14px;border:2px solid #c9ccff;border-radius:18px;background:var(--dlg-tint);color:var(--dlg-ink);box-shadow:0 3px 0 var(--dlg-line)}.daily-card b{color:var(--dlg-accent)}.daily-card span{color:var(--dlg-muted);font-size:14px}.daily-card strong{color:var(--dlg-accent);font-variant-numeric:tabular-nums}.stats-scroll{overflow-x:auto;margin:12px 0}.stats-table{width:100%;border-collapse:collapse;color:var(--dlg-ink);font-size:14px;font-variant-numeric:tabular-nums}.stats-table th,.stats-table td{padding:8px 7px;border-bottom:2px solid var(--dlg-line);text-align:center;white-space:nowrap}.stats-table th:first-child{text-align:left}.stats-table thead th{color:var(--dlg-accent);font-size:13px;text-transform:uppercase}.stats-note{color:var(--dlg-muted)!important;font-size:14px!important}.review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 18px}.review-summary div{display:grid;gap:2px;padding:12px 8px;border:2px solid var(--dlg-line);border-radius:16px;background:var(--dlg-field);box-shadow:0 3px 0 var(--dlg-line);text-align:center}.review-summary b{color:var(--dlg-accent);font:900 22px var(--serif)}.review-summary span,.review-list span{color:var(--dlg-muted);font-size:13px}.review-list{display:grid;gap:8px;padding-left:24px}.review-list li{padding:8px 10px;border-bottom:2px solid var(--dlg-line)}.review-list b,.review-list span{display:block}.review-note{color:var(--dlg-muted)!important;font-size:13px!important}.dice-stats{display:grid;gap:8px;margin:14px 0}.dice-stats div{display:grid;grid-template-columns:24px 1fr 30px;align-items:center;gap:8px;color:var(--dlg-ink);font-variant-numeric:tabular-nums}.dice-stats span{display:grid;place-items:center;width:24px;aspect-ratio:1;border:2px solid var(--dlg-line);border-radius:8px;background:var(--dlg-field);font-weight:900}.dice-stats i{height:10px;overflow:hidden;border-radius:6px;background:var(--dlg-line)}.dice-stats i:after{content:"";display:block;width:var(--p);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dlg-accent),#6c70ff)}.dice-stats b{text-align:right}#veil{background:#0623318a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#veil.on .dlg{animation:aegeanDialog .2s cubic-bezier(.2,.8,.2,1)}.dlg{width:min(560px,calc(100vw - 28px));max-height:min(780px,calc(100dvh - 32px));overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 21px;border:1px solid rgba(255,255,255,.8);border-radius:26px;background:linear-gradient(145deg,#fffaf0,#f7ecd4);color:var(--aegean-ink);box-shadow:0 7px #c89a5f,0 28px 65px #132b3361;font-family:var(--sans)}.dlg.wide{width:min(760px,calc(100vw - 28px))}.dialog-header{position:sticky;z-index:4;top:-20px;display:grid;grid-template-columns:43px 1fr 44px;align-items:center;gap:10px;margin:-20px -22px 14px;padding:16px 17px 12px;background:linear-gradient(180deg,#fffaf0 80%,#fffaf000)}.dialog-header h2{margin:0!important;color:var(--aegean-ink)!important;font:800 clamp(23px,4vw,30px)/1.05 var(--sans)!important;letter-spacing:-.025em}.dialog-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#e4f1f0;color:var(--aegean-blue);box-shadow:inset 0 0 0 1px #bed8d6}.dialog-icon svg{width:22px;height:22px}.dialog-close{width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid #d9c7a7;border-radius:50%;background:#fffdf8;color:var(--aegean-ink);cursor:pointer}.dialog-close svg{width:18px}.dialog-close:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--aegean-coral)}.dlg p,.dlg .rules p,.dlg .rules li{font-size:15px}.dlg .btn{border-color:#d7c4a4;background:#fffdf8;color:var(--aegean-ink);box-shadow:0 3px #d7c4a4;font-family:var(--sans)}.dlg .btn.primary{background:var(--aegean-blue);border-color:var(--aegean-blue);box-shadow:0 4px 0 var(--aegean-deep);color:#fff}.dlg .btn.primary:hover{background:#087daf}.dlg .choice,.dlg .stat,.dlg .ach{border-color:#dcc9a8;background:#fffdf8;box-shadow:0 2px #dcc9a8}.dlg .choice.on{border-color:var(--aegean-blue);background:#e8f5f2;box-shadow:0 3px 0 var(--aegean-deep)}.dlg h3,.dlg .rules h3,.stats-table thead th{color:var(--aegean-blue)}.aegean-menu-dialog{width:min(500px,calc(100vw - 28px))}.menu-intro{margin-top:-4px!important;color:#607783!important}.aegean-menu-grid{display:grid;gap:7px}.aegean-menu-item{min-height:55px;padding:7px 10px;display:grid;grid-template-columns:39px 1fr 16px;align-items:center;gap:10px;border:1px solid #dcc9a8;border-radius:15px;background:#ffffffbd;color:var(--aegean-ink);text-align:left;cursor:pointer}.aegean-menu-item>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e4f1f0;color:var(--aegean-blue)}.aegean-menu-item svg{width:20px;height:20px}.aegean-menu-item span{display:grid}.aegean-menu-item b{font:750 15px var(--sans)}.aegean-menu-item small{color:#68808a;font:600 12px var(--sans)}.aegean-menu-item em{font-size:25px;font-style:normal;color:#80989f}.aegean-menu-item:hover{border-color:#7eaaa9;background:#fff}.aegean-menu-item:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--aegean-coral)}.settings-group{margin:14px 0}.settings-label{display:block;margin-bottom:7px;color:var(--aegean-ink);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.look-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.look-picker button{min-width:0;padding:5px;border:2px solid transparent;border-radius:13px;background:#fffdf8;color:var(--aegean-ink);cursor:pointer}.look-picker button.on{border-color:var(--aegean-blue);box-shadow:0 0 0 2px #08699a29}.look-picker img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.look-picker button>span{display:block;margin-top:5px;overflow:hidden;font:700 11px var(--sans);text-overflow:ellipsis;white-space:nowrap}.piece-picker button>i{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:linear-gradient(115deg,var(--preview-point) 0 22%,#fff1d3 22% 78%,#0a65a6 78%)}.piece-picker button>i b{position:absolute;top:50%;width:34%;aspect-ratio:1;border:2px solid #fff;border-radius:50%;transform:translateY(-50%);box-shadow:0 3px 5px #38281f55}.piece-picker button>i b:first-child{left:13%;background:var(--preview-light)}.piece-picker button>i b:last-child{right:13%;background:var(--preview-dark)}.toggle-list{display:grid}.dlg label.opt{padding:10px 2px;border-color:#deccb0}.dlg label.opt>span{display:grid}.dlg label.opt small{color:#72858b;font-size:12px;font-weight:600}.settings-note{color:#70838a!important;font-size:13px!important}.goal-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:9px 0}.goal-tile,.goal-progress{padding:11px;border:1px solid #dac7a7;border-radius:14px;background:#fffdf8}.goal-tile{display:grid;gap:3px;text-align:center}.goal-tile b{color:#d49b32;letter-spacing:.04em}.goal-progress{display:flex;justify-content:space-between;margin-top:8px}.aegean-celebration{position:fixed;z-index:160;inset:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 52%,#ffeea82e,#0530464d);backdrop-filter:blur(2px);cursor:pointer;transition:opacity .2s}.aegean-celebration.leaving{opacity:0}.celebration-sun{position:absolute;width:min(68vw,680px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff7c4aa,rgba(255,214,95,.18) 44%,transparent 70%);animation:sunRise 1.5s ease-out}.celebration-copy{z-index:3;min-width:min(390px,calc(100vw - 40px));padding:23px 30px;display:grid;place-items:center;border:1px solid #fff9;border-radius:25px;background:linear-gradient(145deg,#065b7ef2,#053854f0);box-shadow:0 18px 50px #15343f66;color:#fff;text-align:center;animation:victoryPop .55s cubic-bezier(.2,.9,.2,1)}.celebration-copy span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#fff3d5;color:#075b88}.celebration-copy svg{width:29px}.celebration-copy b{margin-top:10px;font-size:30px}.celebration-copy small{margin-top:3px;color:#d5ecf1}.celebration-petal{position:absolute;left:var(--x);top:-8%;width:13px;height:20px;border-radius:90% 12%;background:#f15d78;animation:petalFall 1.7s var(--delay) cubic-bezier(.35,.15,.65,.9) both}.celebration-petal.p1{background:#ffd06c}.celebration-petal.p2{background:#fff4d7}@keyframes aegeanDialog{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes sunRise{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes victoryPop{0%{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:none}}@keyframes petalFall{0%{transform:translate3d(0,-5vh,0) rotate(0);opacity:0}12%{opacity:1}to{transform:translate3d(var(--drift),112vh,0) rotate(var(--spin));opacity:.9}}.daily-card{border:1px solid #bcd9dc;border-radius:16px;background:#e8f4f2;box-shadow:none}.daily-card b,.daily-card strong{color:var(--aegean-blue)}.daily-card span{color:#4f6b75}.setup-field{border-bottom:1px solid #e3d4b8;color:var(--aegean-ink)}.setup-field select{min-height:44px;border:1px solid #d7c4a4;border-radius:12px;background:#fffdf8;color:var(--aegean-ink);font:700 15px var(--sans)}.setup-field input{accent-color:var(--aegean-blue)}@media (max-width: 980px){.aegean-hud{grid-template-columns:auto 1fr auto}.aegean-brand>span:last-child{display:none}.aegean-stats{justify-self:center}.aegean-stat{min-width:88px}}@media (min-width: 700px) and (max-width: 980px){.aegean-brand>span:last-child{display:block}.game-layout{--side: 158px}.player-avatar{width:46px;height:46px}}@media (max-width: 680px) and (orientation: portrait){body[data-backgammon-theme]:before{background-image:var(--phone-scene);background-position:center;background-size:cover}.aegean-hud{top:max(7px,env(safe-area-inset-top));width:calc(100% - 12px);min-height:104px;grid-template-columns:1fr auto;grid-template-rows:44px 45px;gap:4px 5px;padding:6px 7px;border-radius:19px}.aegean-brand{font-size:17px;gap:6px}.aegean-brand>span:last-child{display:block}.brand-mark{width:33px;height:33px;border-radius:10px}.brand-mark svg{width:19px}.aegean-stats{grid-column:1 / -1;grid-row:2;width:100%;gap:4px}.aegean-stat{flex:1;min-width:0;min-height:41px;padding:4px 7px;border-radius:12px}.aegean-stat span{font-size:11px}.aegean-stat b{font-size:15px}.aegean-actions{grid-column:2;grid-row:1;gap:2px}.aegean-button{width:36px;height:36px}.aegean-button svg{width:18px;height:18px}.game-layout{inset:118px 0 0;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding:2px 8px max(8px,env(safe-area-inset-bottom))}.seat{flex-direction:row;align-items:center;gap:8px;padding:0}.seat-opp{justify-content:flex-start}.seat-you{justify-content:space-between}.seat-you .move-card{flex:1;margin:0}.player-pill{flex:none;max-width:62%;gap:7px;padding:4px 10px 4px 4px;border-radius:18px}.player-avatar{width:38px;height:38px}.pill-body strong{font-size:15px}.pill-status{-webkit-line-clamp:1;font-size:12px}.pill-score{display:flex;align-items:center;gap:5px}.pill-score b{font-size:19px}.mini-checker{width:15px}.move-card{min-width:0;padding:6px 10px;border-radius:14px}.move-card .panel-title,.move-card .panel-sub{display:none}.move-card ol{margin:0;font-size:13px}.move-card li{min-height:22px}.move-card li:nth-child(n+2){display:none}.board-wrap{position:relative;display:block}.board{position:absolute;left:50%;top:50%;width:min(100cqh,100cqw * 1.72);max-width:none;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}.board.celebrate{animation-name:celebratePortrait}.point-number{transform:translate(-50%) rotate(-90deg)}.checker.counted:before{transform:translate(-50%,-50%) rotate(-90deg)}.off-tray>span,#cubeValue,.dice-cluster{rotate:-90deg}.side-open .dice-row{flex-direction:column-reverse}.checker{--checker-size: min(84cqw, 20cqh, 46px);--step: max(0px, min(calc(var(--checker-size) * .9), calc((100cqh - 24px - var(--checker-size)) / 4)))}.top .checker{top:calc(24px + var(--offset))}.bottom .checker{bottom:calc(24px + var(--offset))}.die{width:max(34px,6cqw);height:max(34px,6cqw)}.action{min-height:42px;padding:0 16px;font-size:15px}#veil{align-items:flex-end;padding:0}.dlg{width:100%;max-width:none;max-height:min(82dvh,730px);border-radius:25px 25px 0 0;padding:18px 17px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 35px #0d28324d}.dialog-header{top:-18px;margin:-18px -17px 12px;padding:14px 14px 10px}.dialog-close{width:44px;height:44px}.look-picker{grid-template-columns:repeat(2,1fr)}.setup-field select{min-width:150px}}@keyframes celebratePortrait{0%,to{filter:none}40%{filter:brightness(1.1) drop-shadow(0 0 20px #ffd98f)}}@media (max-height: 520px) and (orientation: landscape){.aegean-hud{top:5px;width:min(920px,calc(100% - 12px));min-height:48px;grid-template-columns:auto 1fr auto;gap:8px;padding:4px 7px;border-radius:17px}.aegean-brand{font-size:18px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-mark svg{width:19px}.aegean-brand>span:last-child{display:none}.aegean-stats{gap:4px}.aegean-stat{min-width:0;min-height:38px;padding:3px 10px;display:flex;gap:6px;border-radius:11px}.aegean-stat span{font-size:12px}.aegean-stat b{margin:0;font-size:15px}.aegean-actions{gap:3px}.aegean-button{width:38px;height:38px}.aegean-button svg{width:18px}.game-layout{--side: 148px;inset:58px 0 0;gap:6px;padding:3px 8px 6px}.seat{gap:6px}.seat-opp{padding-top:0}.player-pill{gap:6px;padding:4px 8px 4px 4px;border-radius:16px}.player-avatar{width:34px;height:34px}.pill-body strong{font-size:14px}.pill-status{font-size:12px}.pill-score b{font-size:17px}.mini-checker{width:14px}.move-card{padding:6px 9px;border-radius:13px}.panel-title{font-size:12px}.panel-sub{display:none}.move-card ol{margin-top:3px;font-size:12px}.move-card li{min-height:20px;gap:6px}.move-card li:nth-child(n+4){display:none}.point-number{font-size:12px}.top .point-number{top:2px}.bottom .point-number{bottom:2px}.top .checker{top:calc(16px + var(--offset))}.bottom .checker{bottom:calc(16px + var(--offset))}.checker{--step: max(0px, min(calc(var(--checker-size) * .9), calc((100cqh - 17px - var(--checker-size)) / 4)))}.action{min-height:36px;padding:0 14px;font-size:14px}.action svg{width:17px;height:17px}}@media (max-height: 270px) and (orientation: landscape){.aegean-hud{top:3px;min-height:34px;padding:2px 5px;border-radius:12px}.brand-mark{width:28px;height:28px;border-radius:8px}.aegean-brand{font-size:0}.aegean-stats{justify-self:stretch;gap:2px}.aegean-stat{min-height:28px;padding:2px 6px;border-radius:8px}.aegean-stat span{display:none}.aegean-stat b{font-size:12px}.aegean-actions{gap:2px}.aegean-button{width:28px;height:28px}.aegean-button svg{width:15px;height:15px}.hud-restart,.hud-new{display:none}.game-layout{inset:39px 0 0;grid-template-columns:1fr;padding:2px 5px 6px}.seat,.point-number{display:none}.top .checker{top:calc(3px + var(--offset))}.bottom .checker{bottom:calc(3px + var(--offset))}.checker{--step: max(0px, min(calc(var(--checker-size) * .9), calc((100cqh - 4px - var(--checker-size)) / 4)))}.die{width:max(22px,5.6cqw);height:max(22px,5.6cqw)}.action{min-height:26px;padding:0 10px;gap:4px;font-size:12px;border-radius:999px}.action svg{width:13px;height:13px}.double-badge{font-size:11px;padding:1px 6px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dlg input.vol,.dlg input[type=checkbox]{accent-color:var(--aegean-blue)}#toast{box-sizing:border-box;width:max-content;padding:8px 16px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#fffaeee6;color:var(--aegean-ink);box-shadow:0 10px 26px #0d26304d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:700 15px/1.25 var(--sans);text-align:center}.dlg .stat b{color:var(--aegean-blue)}.dlg .stat span{color:#5e747c}@media (max-height: 520px){#toast{padding:5px 12px;font-size:13px}}@media (max-height: 270px){#toast{padding:4px 10px;font-size:12px}}.result-dlg{width:min(580px,calc(100vw - 28px));padding-top:18px}.result-dlg .dialog-header{display:none}.result-hero{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"portrait copy" "score score";align-items:center;gap:12px 16px;padding:14px;border-radius:20px;background:linear-gradient(135deg,#0a5f8e,#073f63);color:#fff;box-shadow:inset 0 1px #ffffff40}.result-dlg.is-loss .result-hero{background:linear-gradient(135deg,#3a5a6c,#253c4a)}.result-portrait{grid-area:portrait;position:relative;width:96px;padding-top:18px}.result-portrait img{display:block;width:96px;height:96px;object-fit:cover;object-position:50% 15%;border:3px solid #fff8e7;border-radius:50%;background:#c8e6ea;box-shadow:0 0 0 3px #e7b35f,0 8px 16px #00141e59}.result-stars{position:absolute;top:0;left:50%;z-index:2;display:flex;gap:1px;transform:translate(-50%);font-size:22px;line-height:1}.result-stars i{font-style:normal;color:#ffffff47;text-shadow:0 1px 2px rgba(0,0,0,.3)}.result-stars i:nth-child(2){margin-top:-6px;font-size:26px}.result-stars i.on{color:#ffd166;text-shadow:0 0 10px rgba(255,209,102,.7),0 1px 1px #a8741a}.result-copy{grid-area:copy;min-width:0}.result-copy small{color:#ffd98f;font-size:12px;font-weight:800;letter-spacing:.12em}.result-copy .result-title{margin:2px 0 4px!important;color:#fff!important;font:800 clamp(24px,4.4vw,32px)/1.05 var(--sans)!important;letter-spacing:-.02em}.result-copy p{margin:0!important;color:#d6ecf3!important;font-size:15px!important;font-weight:600}.result-score{grid-area:score;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;border-radius:14px;background:#ffffff1f;font-size:16px;font-weight:700}.result-score span{display:flex;align-items:center;gap:8px}.result-score b{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.result-score em{color:#ffd98f;font-style:normal;font-size:22px}.result-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 2px}.result-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 11px 4px 8px;border:1px solid #dcc9a8;border-radius:999px;background:#fffdf8;color:var(--aegean-ink);font-size:14px}.result-chip svg{width:17px;height:17px;color:var(--aegean-blue)}.result-chip b{font-weight:700;white-space:nowrap}.result-dlg .result-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 4px}.result-dlg .result-tiles .stat{padding:8px}.result-dlg .result-tiles .stat b{font-size:24px}.result-links{display:flex;gap:14px;justify-content:center;margin-top:6px}.result-link{min-height:44px;padding:0 6px;border:0;background:none;color:var(--aegean-blue);font:700 15px var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.result-dlg .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.result-dlg .row .btn{min-height:48px;margin:0;font-size:16px}@media (max-width: 480px){.result-hero{grid-template-columns:1fr;grid-template-areas:"portrait" "copy" "score";justify-items:center;text-align:center}.result-portrait{width:84px}.result-portrait img{width:84px;height:84px}.result-chips{justify-content:center}}@media (max-height: 520px) and (orientation: landscape){.result-hero{grid-template-columns:auto 1fr auto;grid-template-areas:"portrait copy score";padding:10px 12px}.result-portrait{width:64px;padding-top:14px}.result-portrait img{width:64px;height:64px}.result-stars{font-size:16px}.result-stars i:nth-child(2){font-size:19px}.result-score{flex-direction:column;align-items:stretch;gap:0;padding:6px 10px;font-size:14px}.result-score em{display:none}.result-score span{justify-content:space-between}.result-score span:last-child{flex-direction:row-reverse}.result-score b{font-size:22px}.result-copy .result-title{font-size:22px!important}.result-copy p{font-size:13px!important}.result-dlg .result-tiles{margin:6px 0 0}.result-dlg .result-tiles .stat{padding:4px}.result-dlg .result-tiles .stat b{font-size:18px}}@media (max-height: 270px) and (orientation: landscape){.result-dlg{padding:10px 12px 12px;max-height:calc(100dvh - 12px)}.result-hero{gap:6px 10px;padding:8px}.result-portrait{width:48px;padding-top:10px}.result-portrait img{width:48px;height:48px;border-width:2px}.result-stars{font-size:12px}.result-stars i:nth-child(2){font-size:14px}.result-copy small{font-size:12px}.result-copy .result-title{font-size:17px!important}.result-copy p{font-size:12px!important}.result-score b{font-size:18px}.result-score{font-size:12px}.result-chip{min-height:26px;font-size:12px}.result-chip svg{width:14px;height:14px}.result-dlg .row .btn{min-height:44px;font-size:14px}.result-dlg .row{position:sticky;bottom:-12px;z-index:3;margin:8px -12px -12px;padding:8px 12px 10px;background:linear-gradient(180deg,#faf1de00,#f8eed8 30%)}.result-dlg .result-tiles .stat span{font-size:12px}}@media (max-width: 680px) and (orientation: portrait){.result-dlg{width:100%}}