:root{--felt-1:#2f7d4f;--felt-2:#1c5a37;--felt-3:#123f28;--felt-glow:#ffffff12;--felt-texture:none;--bar:#0e3220;--bar-hover:#133d29;--bar-line:transparent;--ink:#f4f1e8;--ink-soft:#f4f1e8cc;--ink-faint:#f4f1e899;--tool-hover:#ffffff1a;--tool-active:#ffffff2e;--slot-border:#ffffff29;--slot-bg:#0000001a;--slot-ink:#ffffff38;--gold:#f2c94c;--gold-glow:#f2c94c99;--on-gold:#3a2c00;--overlay:#0a1e14eb;--overlay-ink:#f4f1e8;--overlay-btn:#ffffff26;--paper:#fffdf8;--card-shadow:0 1px 2px #00000059;--card-back:repeating-linear-gradient(45deg, #ffffff1a 0 2px, transparent 2px 9px), repeating-linear-gradient(-45deg, #ffffff1a 0 2px, transparent 2px 9px), linear-gradient(160deg, #2b52ad, #19337a);--card-back-frame:#c9a646;--dlg-bg:#fffdf8;--text-dark:#1d2a22;--muted:#6b6658;--tile:#f3eee3;--tile-hover:#ebe4d4;--font-display:Georgia, "Times New Roman", serif;--font-display-weight:700;--font-display-spacing:.5px;--c-spades:#1b1b1b;--c-clubs:#1b1b1b;--c-hearts:#c8102e;--c-diamonds:#c8102e;--cw:100px;--ch:140px;--flip-ms:.26s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--felt-3);color:var(--ink);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}#app{grid-template:"logo nav status tools""board board board board"1fr/auto auto 1fr auto;height:100svh;display:grid}#app>.logo,.site-nav,.menu-btn,.status,.toolbar{background:var(--bar);box-shadow:inset 0 -1px 0 var(--bar-line);align-items:center;display:flex}#app>.logo{color:var(--ink);grid-area:logo;padding:0 14px 0 18px}.site-nav{grid-area:nav;padding:0 8px}#app .site-nav a{color:var(--ink)}.menu-btn{color:var(--ink);font:700 15px var(--font-ui);cursor:pointer;border:0;grid-area:nav;gap:7px;margin:0;padding:0 14px;display:none}.menu-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:22px;height:22px}.menu-btn:hover{background:var(--bar-hover)}.mode-tag{background:var(--gold);color:var(--on-gold);white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:13px;font-weight:800}.status{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink-soft);grid-area:status;justify-content:flex-end;gap:16px;padding:0 12px;font-size:15px;font-weight:500}.status b{color:var(--ink);font-weight:700}.toolbar{grid-area:tools;gap:2px;padding:4px 8px}.toolbar button{min-width:70px;color:var(--ink);font:600 13px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;display:flex}.toolbar button:hover{background:var(--tool-hover)}.toolbar button:active{background:var(--tool-active)}.toolbar svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}@media (width>=1620px){.toolbar [data-action=daily]{display:none}}@media (width<=1619px){.site-nav{display:none}.menu-btn{display:flex}}@media (width<=700px){#app{grid-template:"logo status nav""board board board"1fr"tools tools tools"/auto 1fr auto}#app>.logo{gap:7px;padding:10px 4px 10px 12px;font-size:20px}#app>.logo .emblem{width:25px;height:25px}.status{gap:10px;padding:0 6px;font-size:14px}.menu-btn{justify-content:center;min-width:48px;padding:0 12px 0 8px}.menu-btn span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.toolbar{padding:4px 4px calc(4px + env(safe-area-inset-bottom));justify-content:space-around}.toolbar button{white-space:nowrap;flex:auto;min-width:0;padding:6px 3px;font-size:12px}}@media (width<=420px){.status:has(.mode-tag:not([hidden])) .label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (orientation:landscape) and (height<=500px){#app>.logo{padding:0 6px 0 12px}#app>.logo span,.menu-btn span,.toolbar button span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#app>.logo .emblem{width:26px;height:26px}.menu-btn{padding:0 10px}.status{gap:12px;font-size:14px}.toolbar{padding:2px 6px;padding-right:calc(6px + env(safe-area-inset-right))}.toolbar button{min-width:44px;padding:8px 6px}.toolbar svg{width:22px;height:22px}}@media (width<=359px){.toolbar button{font-size:10.5px}#app>.logo span{font-size:18px}}#board{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--felt-texture), radial-gradient(ellipse at 50% 30%, var(--felt-glow), transparent 60%), radial-gradient(ellipse at 50% 40%, var(--felt-1), var(--felt-2) 60%, var(--felt-3));grid-area:board;position:relative;overflow:hidden}.four-color{--c-diamonds:#1d5fc4;--c-clubs:#1e7a35}.slot{width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .07);border:2px solid var(--slot-border);background:var(--slot-bg);color:var(--slot-ink);font:700 calc(var(--cw) * .38) / 1 var(--font-display);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.slot-stock{cursor:pointer;font-family:system-ui,sans-serif}.slot.hint{animation:.7s ease-in-out 2 pulse}.card{width:var(--cw);height:var(--ch);will-change:transform;cursor:default;position:absolute;top:0;left:0}.card.up{cursor:grab}.card.dragging{cursor:grabbing}.card-lift{width:100%;height:100%;perspective:calc(var(--cw) * 6);transition:transform .12s ease-out}.card.dragging .card-lift{transform:scale(1.05)translateY(-2px)}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--flip-ms) ease-in-out;position:relative}.still .card-inner{transition:none}.card.up .card-inner{transform:rotateY(180deg)}.card-face{border-radius:calc(var(--cw) * .07);backface-visibility:hidden;box-shadow:var(--card-shadow);transition:box-shadow .12s ease-out;position:absolute;inset:0}.card.dragging .card-face{box-shadow:0 14px 28px #0006}.card-front{background:var(--paper);box-shadow:var(--card-shadow), inset 0 0 0 1px #00000014;overflow:hidden;transform:rotateY(180deg)}.card-back{background:var(--card-back);box-shadow:inset 0 0 0 calc(var(--cw) * .05) var(--paper), inset 0 0 0 calc(var(--cw) * .065) var(--card-back-frame), var(--card-shadow)}.card.hint .card-face{animation:.7s ease-in-out 2 pulse}@keyframes pulse{50%{box-shadow:0 0 0 3px var(--gold), 0 0 22px 6px var(--gold-glow)}}.face-svg{width:100%;height:100%;display:block}.face-svg use,.face-svg text,.face-svg path,.face-svg circle{fill:currentColor}.face-svg .frame{fill:none;stroke:#2b2b2b;stroke-width:.7px}.face-svg .plate{fill:var(--paper)}.face-svg image{mix-blend-mode:multiply}.face-svg .ornament{fill:none;stroke:currentColor;stroke-width:1.4px}.face-svg .ornament.thin{stroke-width:.6px}.ink-spades{color:var(--c-spades)}.ink-hearts{color:var(--c-hearts)}.ink-diamonds{color:var(--c-diamonds)}.ink-clubs{color:var(--c-clubs)}.rank{font:700 28px Times New Roman,Times,Liberation Serif,Noto Serif,serif}.rank-big{letter-spacing:-1px;font:700 44px Times New Roman,Times,Liberation Serif,Noto Serif,serif}.drop-glow{width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .07);box-shadow:0 0 0 3px var(--gold), 0 0 20px 5px var(--gold-glow);pointer-events:none;opacity:0;z-index:1900;transition:opacity .1s;position:absolute;top:0;left:0}.drop-glow.show{opacity:1}.auto-finish{z-index:3000;background:var(--gold);color:var(--on-gold);cursor:pointer;border:0;border-radius:999px;padding:14px 24px;font:700 17px system-ui,sans-serif;animation:.3s ease-out rise;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000059}.banner{z-index:3000;background:var(--overlay);width:max-content;max-width:calc(100% - 24px);color:var(--overlay-ink);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:16px;animation:.3s ease-out rise;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000059}.banner-offer{border-top:1px solid var(--overlay-btn);flex-wrap:wrap;flex-basis:100%;justify-content:center;align-items:center;gap:10px;padding-top:10px;display:flex}.banner .banner-offer button{background:var(--gold);color:var(--on-gold)}.banner button{background:var(--overlay-btn);color:var(--overlay-ink);cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font:600 15px system-ui,sans-serif}[hidden]{display:none!important}.rules-link{color:var(--ink-soft);white-space:nowrap;padding:12px 14px;font-size:14px;text-decoration:none;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.rules-link:hover{color:var(--ink)}.toast{z-index:3000;text-align:center;background:var(--overlay);width:max-content;max-width:calc(100% - 24px);color:var(--overlay-ink);opacity:0;pointer-events:none;border-radius:10px;padding:10px 16px;font-size:16px;transition:opacity .2s,transform .2s;position:absolute;top:14px;left:50%;transform:translate(-50%,-10px)}.toast.show{opacity:1;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}.confetti{pointer-events:none;z-index:5000;width:100%;height:100%;position:fixed;inset:0}.dlg{border:1px solid var(--line);background:var(--dlg-bg);width:min(92vw,440px);max-height:calc(100svh - 32px);color:var(--text-dark);border-radius:14px;padding:0 22px 22px;font-size:17px;box-shadow:0 24px 60px #00000073}.dlg::backdrop{background:#06140d8c}.dlg h2{background:var(--panel-head);border-bottom:1px solid var(--line);font:650 22px/1.2 var(--font-head);margin:0 -22px 16px;padding:16px 22px 14px}.dlg h2 small{font:600 14px var(--font-ui);color:var(--muted);margin-top:4px;display:block}.dlg .win-title{text-align:center;background:0 0;border:0;margin:0 0 18px;padding:0;font-size:26px}.win-art{mix-blend-mode:multiply;width:180px;height:auto;margin:22px auto 6px;display:block}.menu-links{gap:20px;margin:4px 0 0;font-size:15px;font-weight:600;display:flex}.menu-links a{color:var(--page-link)}.dlg-text{margin:0 0 12px;line-height:1.45}.dlg-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.setting{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 0;display:flex}.setting>div{flex:140px}.setting small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.switch{width:22px;height:22px;accent-color:var(--btn);cursor:pointer;flex-shrink:0}.stats-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.stats-table th,.stats-table td{border-bottom:1px solid var(--line);text-align:right;padding:9px 4px}.stats-table tbody th{text-align:left;font-weight:500}.win-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.win-stats dt{color:var(--muted);font-size:14px}.win-stats dd{font:650 28px var(--font-head);font-variant-numeric:tabular-nums;margin:4px 0 0}.win-stats>div{background:var(--tile);border-radius:10px;padding:10px 4px}.daily-stats{grid-template-columns:repeat(4,1fr);margin-top:16px}.daily-stats dt{font-size:12px}.game-list{margin:0;padding:0;list-style:none}.game-list a{border:1px solid var(--line);background:var(--tile);color:var(--text-dark);border-radius:10px;margin-bottom:8px;padding:12px 14px;text-decoration:none;display:block}.game-list a:hover{background:var(--tile-hover)}.game-list b{font:650 18px var(--font-head)}.game-list a[aria-current]{border-color:var(--btn);box-shadow:inset 0 0 0 1px var(--btn)}.game-list small{color:var(--muted);margin-top:2px;font-size:14px;display:block}.dlg .stats-tabs{margin-bottom:8px}.dlg .stats-tabs button{flex:1}:root{--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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-light: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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root,:root[data-theme=klassisk]{--felt-1:#2e7a4c;--felt-2:#1b5534;--felt-3:#0f3822;--felt-glow:#fffadc14;--felt-texture:var(--noise);--bar:#0c2b1c;--bar-hover:#123a27;--bar-line:#f2c94c47;--card-back:#7a1a2c url(/bilder/kortbaksida.webp) center / 100% 100%;--card-back-frame:#fffdf8;--font-display:"Fraunces Variable", Georgia, serif;--font-display-weight:650;--font-display-spacing:.2px;--page-display:"Fraunces Variable", Georgia, serif}:root[data-theme=nordisk]{--felt-1:#f1ece2;--felt-2:#e7e0d2;--felt-3:#d9d0be;--felt-glow:#ffffffb3;--felt-texture:var(--noise-light);--bar:#fbf9f4;--bar-hover:#f0ece3;--bar-line:#e2dacb;--ink:#2b2d29;--ink-soft:#2b2d29b8;--ink-faint:#2b2d2980;--tool-hover:#0000000d;--tool-active:#00000017;--slot-border:#5042282e;--slot-bg:#ffffff59;--slot-ink:#50422840;--gold:#d19a3d;--gold-glow:#d19a3d8c;--on-gold:#2b1d05;--overlay:#2b2d29f0;--paper:#fffefb;--card-shadow:0 1px 2px #3c2d1438, 0 3px 8px #3c2d141a;--card-back:radial-gradient(circle, #ffffff47 1.2px, transparent 1.6px) 0 0 / 7px 7px, linear-gradient(160deg, #6f8a93, #4c6670);--card-back-frame:#dfe7e9;--dlg-bg:#fffefb;--text-dark:#2b2d29;--muted:#7a776e;--line:#e2dacb;--seg-bg:#f1ede5;--btn:#46644f;--btn2:#ece7dd;--btn2-ink:#2b2d29;--tile:#f5f2eb;--tile-hover:#ece7dd;--font-display:"Manrope Variable", system-ui, sans-serif;--font-display-weight:800;--font-display-spacing:-.4px;--page-bg:#fbf9f4;--page-ink:#2b2d29;--page-lead:#55574f;--page-link:#46644f;--page-muted:#6e6a60;--footer-bg:#ebe5d9;--footer-ink:#2b2d29;--footer-accent:#6b5a2e;--bar-ink:#2b2d29;--panel:#fffefb;--panel-head:#f1ede5;--day:#f5f2eb;--track:#ece7dd;--btn-edge:#334b3a;--focus:#46644f;--page-display:"Manrope Variable", system-ui, sans-serif}:root[data-theme=kvall]{--felt-1:#233440;--felt-2:#182631;--felt-3:#0e1820;--felt-glow:#ffdcaa0d;--felt-texture:var(--noise);--bar:#0a1218;--bar-hover:#121d26;--bar-line:#e0a45840;--ink:#e9e3d7;--ink-soft:#e9e3d7bf;--ink-faint:#e9e3d780;--slot-border:#e9e3d71f;--slot-bg:#0000002e;--slot-ink:#e9e3d729;--gold:#e3a65a;--gold-glow:#e3a65a80;--on-gold:#2a1806;--overlay:#080e13f0;--paper:#f5f0e6;--card-shadow:0 1px 3px #0000008c;--card-back:repeating-linear-gradient(60deg, #e3a65a2e 0 1px, transparent 1px 8px), repeating-linear-gradient(-60deg, #e3a65a2e 0 1px, transparent 1px 8px), linear-gradient(160deg, #24344f, #131d30);--card-back-frame:#c9924a;--dlg-bg:#18222c;--text-dark:#e9e3d7;--muted:#9ba5ae;--line:#26323e;--seg-bg:#0f171e;--seg-on:#2b3946;--btn:#e3a65a;--btn-ink:#2a1806;--btn2:#26323e;--btn2-ink:#e9e3d7;--tile:#1f2b36;--tile-hover:#26343f;--font-display:"Fraunces Variable", Georgia, serif;--font-display-weight:600;--font-display-spacing:.3px;--page-bg:#111a22;--page-ink:#d8d2c6;--page-lead:#a9b2ba;--page-link:#e3a65a;--page-muted:#8d969e;--page-kbd:#1f2b36;--page-kbd-line:#33414e;--footer-bg:#0a1218;--footer-ink:#d8d2c6;--bar-ink:#e9e3d7;--page-pattern:none;--panel:#18222c;--panel-head:#121b23;--day:#1f2b36;--track:#26323e;--won-bg:#3a2e14;--won-ink:#f2d58c;--wine:#e88a95;--btn-edge:#a8772f;--focus:#e3a65a;--panel-shadow:0 10px 24px -16px #000c;--page-display:"Fraunces Variable", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}