.site-nav{display:flex;align-items:center;gap:20px;padding:0 32px;height:52px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#060f0ce0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-bottom:20px;position:relative;z-index:100;transition:background .2s ease,border-color .2s ease}.nav-brand{display:inline-flex;align-items:center;gap:9px;font-family:Syne,system-ui,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.02em;color:#eee8dceb;text-decoration:none;margin-right:12px}.nav-brand .nav-brand__icon{flex-shrink:0}.nav-brand .nav-brand__accent{color:#10b7a6}.nav-links{display:flex;flex:1;align-items:center;align-self:stretch;gap:20px;list-style:none;margin:0;padding:0}.nav-links a{font-size:13px;font-weight:500;letter-spacing:.03em;color:#eee8dc75;text-decoration:none;transition:color .15s ease}.nav-links a:hover{color:#eee8dceb}.nav-item--has-dropdown{position:relative;list-style:none;align-self:stretch;display:flex;align-items:center}.nav-dropdown-btn{display:flex;align-items:center;gap:5px;appearance:none;background:none;border:none;padding:0;cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:500;letter-spacing:.03em;color:#eee8dc75;transition:color .15s ease;white-space:nowrap}.nav-dropdown-btn:hover{color:#eee8dceb}.nav-dropdown-btn.active{color:#10b7a6}.nav-chevron{transition:transform .2s ease;flex-shrink:0;margin-top:1px}.nav-item--has-dropdown:hover>.nav-dropdown-btn .nav-chevron,.nav-item--has-dropdown.open>.nav-dropdown-btn .nav-chevron{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;list-style:none;margin:0;padding:6px 0;min-width:220px;background:#060f0cfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:13px;z-index:200;box-shadow:0 12px 40px #0000008c,0 2px 8px #0000004d}.nav-dropdown li a{display:block;padding:10px 20px;font-size:13px;font-weight:500;letter-spacing:.03em;color:#eee8dc75;text-decoration:none;transition:color .12s ease,background .12s ease;white-space:nowrap}.nav-dropdown li a:hover{color:#eee8dceb;background:#ffffff12}.nav-dropdown li a.active{color:#10b7a6}.nav-dropdown li:nth-child(3){border-top:1px solid rgba(255,255,255,.07);margin-top:4px;padding-top:4px}.nav-dropdown li:nth-child(8){border-top:1px solid rgba(255,255,255,.07);margin-top:4px;padding-top:4px}.nav-dropdown li:nth-child(8) a{color:#c9a84cbf;font-size:12px;letter-spacing:.05em}.nav-dropdown li:nth-child(8) a:hover{color:#c9a84c;background:#c9a84c12;border-color:#c9a84c80}.nav-item--has-dropdown:hover>.nav-dropdown,.nav-item--has-dropdown.open>.nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0);transition:opacity .15s ease,transform .15s ease,visibility 0s}:root{font-family:DM Sans,system-ui,sans-serif;color:#eee8dceb;background:#060f0c;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:hidden}body{margin:0;min-height:100vh;display:grid;place-items:start center;padding:32px;transition:background-color .25s ease,color .25s ease;background:radial-gradient(ellipse 1000px 560px at 10% -8%,rgba(11,107,99,.25),transparent 60%),radial-gradient(ellipse 700px 380px at 90% -5%,rgba(16,183,166,.1),transparent 58%),radial-gradient(ellipse 900px 700px at 50% 108%,rgba(0,0,0,.55),transparent 58%),#060f0c;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;mix-blend-mode:overlay;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0px,rgba(255,255,255,.018) 1px,transparent 1px,transparent 5px),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0px,rgba(255,255,255,.018) 1px,transparent 1px,transparent 5px)}body:after{content:"";position:fixed;inset:-15%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 50% 42% at 28% 22%,rgba(11,107,99,.16),transparent 65%),radial-gradient(ellipse 38% 32% at 70% 74%,rgba(16,183,166,.08),transparent 62%);animation:bgDrift 38s ease-in-out infinite;will-change:transform}@keyframes bgDrift{0%,to{transform:translate(0)}28%{transform:translate(-3%,2.5%)}58%{transform:translate(2.5%,-2%)}82%{transform:translate(-1%,3%)}}#app{width:min(1100px,100%);padding:0 0 48px}.container{padding:48px 32px;text-align:center;border-radius:18px;background:#ffffff0c;border:1px solid rgba(255,255,255,.07);box-shadow:0 40px 100px #000000ad,0 1px #ffffff0d inset;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}h1{margin:0 0 6px;font-family:Syne,system-ui,sans-serif;font-size:44px;font-weight:800;letter-spacing:-.025em;line-height:1.06;color:#eee8dceb}.subtitle{margin:6px 0 0;color:#eee8dc75;font-size:13px;letter-spacing:.01em}.beta-note{display:inline-block;margin-top:12px;padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#10b7a6b8;border:1px solid rgba(16,183,166,.18);background:#10b7a60f}.variant-selector{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:20px}.variant-btn{appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 14px;font:500 11px/1 DM Sans,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:#ffffff08;color:#eee8dc75;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background .15s ease}.variant-btn:hover{color:#eee8dceb;border-color:#10b7a659;background:#ffffff0e}.variant-btn:focus-visible{outline:2px solid rgba(16,183,166,.55);outline-offset:2px}.variant-btn.active{color:#10b7a6;border-color:#10b7a67a;background:#10b7a61a;box-shadow:0 0 0 1px #10b7a61f inset}.controls{display:flex;justify-content:center;gap:12px;margin:32px 0 20px;flex-wrap:wrap;align-items:center}.controls #clearBtn{appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:10px 20px;font:500 12px/1 DM Sans,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;background:#ffffff09;color:#eee8dceb;cursor:pointer;transition:transform .14s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.controls #clearBtn:hover{border-color:#10b7a68c;background:#fff1;transform:translateY(-1px);box-shadow:0 8px 22px #0006}.controls #clearBtn:active{transform:translateY(0);filter:brightness(.95)}.controls #clearBtn:focus-visible{outline:2px solid rgba(16,183,166,.55);outline-offset:2px}.controls #randomBtn{appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:10px 20px;font:500 12px/1 DM Sans,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;background:#ffffff09;color:#eee8dceb;cursor:pointer;transition:transform .14s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;border-color:#10b7a666;background:linear-gradient(140deg,#10b7a638,#0b6b6326);box-shadow:0 6px 20px #00000061,0 0 0 1px #10b7a61a inset}.controls #randomBtn:hover{border-color:#10b7a68c;background:#fff1;transform:translateY(-1px);box-shadow:0 8px 22px #0006}.controls #randomBtn:active{transform:translateY(0);filter:brightness(.95)}.controls #randomBtn:focus-visible{outline:2px solid rgba(16,183,166,.55);outline-offset:2px}.controls #randomBtn:hover{border-color:#13cbb9a6;background:linear-gradient(140deg,#13cbb945,#0b6b632b);box-shadow:0 8px 26px #00000070,0 0 0 1px #10b7a626 inset}.options{display:flex;justify-content:center}.options__label{display:inline-flex;align-items:center;gap:8px;color:#eee8dc75;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.options__select{-webkit-appearance:none;appearance:none;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#eee8dceb;border-radius:999px;padding:9px 32px 9px 14px;font:500 12px/1 DM Sans,system-ui,sans-serif;letter-spacing:.05em;min-width:72px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,rgba(238,232,220,.46) 50%),linear-gradient(135deg,rgba(238,232,220,.46) 50%,transparent 50%);background-position:calc(100% - 13px) 50%,calc(100% - 8px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:border-color .18s ease,background .18s ease}.options__select:hover{border-color:#10b7a680;background-color:#fff1}.options__select:focus-visible{outline:2px solid rgba(16,183,166,.55);outline-offset:2px}.options__select option{background:#0d1c18;color:#eee8dceb}.section-divider{display:block;width:100%;height:1px;border:none;margin:32px 0 20px;background:#ffffff12}.status{margin-top:12px;min-height:20px;color:#eee8dc75;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.result{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;margin-top:12px;min-height:30px}.result-hand{font-family:Syne,system-ui,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.01em;color:#eee8dceb}.result-meta{color:#eee8dc75;font-size:12px;letter-spacing:.04em}.result-meta:before{content:"/";margin:0 10px;opacity:.3}.result-ev{font-family:DM Mono,Courier New,monospace;font-size:13px;font-weight:500;color:#10b7a6;animation:evGlow 3s ease-in-out infinite}.result-ev:before{content:"/";margin:0 10px;opacity:.3;font-family:DM Sans,system-ui,sans-serif;color:#eee8dc75}@keyframes evGlow{0%,to{opacity:.85}50%{opacity:1;text-shadow:0 0 22px rgba(16,183,166,.42)}}.loading{display:inline-block;font-family:DM Mono,Courier New,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;animation:subtlePulse 1.5s ease-in-out infinite}@keyframes subtlePulse{0%,to{opacity:.28}50%{opacity:.88}}.play-hint{margin-top:12px;color:#eee8dc75;font-size:14px;line-height:1.5;min-height:22px}.play-hint b{font-weight:600;color:#eee8dceb}.current-hand{display:grid;grid-template-columns:repeat(5,76px);gap:14px;width:fit-content;margin:20px auto}.chip{position:relative;width:76px;height:106px;background:#f9f6ef;border:1px solid rgba(0,0,0,.09);border-radius:9px;overflow:hidden;-webkit-user-select:none;user-select:none;flex-shrink:0;box-shadow:0 2px 4px #0000002e,0 8px 20px #0000007a,0 22px 52px #00000047;transition:transform .18s ease,box-shadow .2s ease}.chip.suit-h .chip__rank,.chip.suit-d .chip__rank,.chip.suit-h .chip__center,.chip.suit-d .chip__center{color:#c0282e}.chip.suit-c .chip__rank,.chip.suit-s .chip__rank,.chip.suit-c .chip__center,.chip.suit-s .chip__center{color:#16201d}.chip__tl{position:absolute;top:6px;left:8px;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1;pointer-events:none}.chip__rank{font-family:Oswald,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:1;letter-spacing:0}.chip__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);font-size:30px;line-height:1;pointer-events:none}.badge{position:absolute;bottom:0;left:0;right:0;height:22px;display:flex;align-items:center;justify-content:center;background:#16a34a;color:#fff;font-family:DM Sans,system-ui,sans-serif;font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-radius:0 0 9px 9px}.chip.hold{box-shadow:0 2px 4px #0000002e,0 8px 20px #0000007a,0 22px 52px #00000047,0 0 0 2px #16a34a,0 0 20px #16a34a73}.current-hand .chip--empty{position:relative;width:76px;height:106px;border-radius:9px;background:#0003;border:1.5px dashed rgba(255,255,255,.08);box-shadow:none}@keyframes dealPop{0%{transform:translateY(12px) scale(.93);opacity:0}62%{transform:translateY(-3px) scale(1.03);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.chip.deal{animation:dealPop .21s cubic-bezier(.34,1.56,.64,1)}.deck-grid{display:flex;flex-direction:column;gap:7px;margin-top:20px}.deck-suit{display:flex;gap:6px}.card{appearance:none;border:1px solid rgba(255,255,255,.07);border-radius:5px;padding:14px 0 12px;flex:1;background:#ffffff08;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:transform .12s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.card:hover{border-color:#10b7a67a;background:#fff1;transform:translateY(-2px);box-shadow:0 6px 16px #00000052}.card:active{transform:translateY(0)}.card:focus-visible{outline:2px solid rgba(16,183,166,.55);outline-offset:2px}.card__rank{font-family:Oswald,system-ui,sans-serif;font-size:24px;font-weight:600;letter-spacing:0;line-height:1}.card__suit-sym{font-size:32px;line-height:1;opacity:.55}.card.selected{border-color:#10b7a6ad;background:#10b7a621;box-shadow:0 6px 20px #0000005c,0 0 0 1px #10b7a61f}.card.suit-h,.card.suit-d{color:#c0282ee6}.card.suit-c,.card.suit-s{color:#eee8dceb}.card.selected.suit-h,.card.selected.suit-d{color:#da4c51}@media(max-width:768px){.deck-grid{flex-direction:row;align-items:stretch;gap:5px;max-width:100%}.deck-suit{flex:1;min-width:0;flex-direction:column;gap:4px}.card{flex:none;width:100%;padding:10px 0 9px}.card__rank{font-size:20px}.card__suit-sym{font-size:26px}}.recent-hands{max-width:min(1100px,100%);margin:32px auto 0;padding:0 32px}.recent-hands__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}.recent-hands__title{font-family:Syne,system-ui,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.01em;color:#eee8dceb;margin:0}.recent-hands__link{font-size:12px;font-weight:500;letter-spacing:.04em;color:#10b7a6;text-decoration:none;transition:opacity .15s ease}.recent-hands__link:hover{opacity:.75}.recent-hands__list{display:flex;flex-direction:column;gap:2px}.rh-empty{font-size:13px;color:#eee8dc75;margin:12px 0 0;text-align:center}.rh-row{display:flex;align-items:center;gap:20px;padding:10px 14px;border-radius:9px;background:#ffffff05;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.rh-row:hover{background:#ffffff0a;border-color:#ffffff12}.rh-datetime{font-size:12px;color:#eee8dc75;white-space:nowrap;min-width:90px}.rh-time{opacity:.65}.rh-cards{display:flex;gap:4px;flex:1}.rh-card{font-family:Syne,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:-.01em;color:#eee8dceb}.rh-card.rh-card--red{color:#c0282e}.rh-type{font-size:13px;color:#eee8dceb;min-width:130px}.rh-meta{font-size:12px;color:#eee8dc75;min-width:60px}.rh-ev{font-family:DM Mono,Courier New,monospace;font-size:12px;color:#10b7a6;min-width:58px}.rh-optimal{font-size:13px;color:#16a34a}@media(max-width:760px){.recent-hands{padding:0 20px}.rh-row{gap:12px;padding:8px 10px;flex-wrap:wrap}.rh-datetime,.rh-type{min-width:unset}.rh-meta,.rh-ev{display:none}}@media(max-width:560px){.recent-hands{padding:0 12px}}.nav-hamburger{display:none;appearance:none;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:9px;width:36px;height:36px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 9px;cursor:pointer;flex-shrink:0;transition:border-color .15s ease,background .15s ease}.nav-hamburger span{display:block;width:100%;height:1.5px;background:#eee8dc75;border-radius:1px;transition:transform .22s ease,opacity .15s ease,background .15s ease}.nav-hamburger:hover{border-color:#10b7a673;background:#ffffff0a}.nav-hamburger:hover span{background:#eee8dceb}.nav-hamburger.nav-hamburger--open{border-color:#10b7a673}.nav-hamburger.nav-hamburger--open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-hamburger.nav-hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.nav-hamburger--open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-hamburger.nav-hamburger--open span{background:#10b7a6}.mobile-nav{display:none;position:fixed;top:76px;left:20px;right:20px;z-index:1000;overflow:hidden;max-height:0;opacity:0;background:#060f0c;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:0 20px;transition:max-height .32s cubic-bezier(.22,1,.36,1),opacity .22s ease}.mobile-nav.mobile-nav--open{max-height:90vh;opacity:1;padding:12px 20px 20px;overflow-y:auto}.mobile-nav__links{list-style:none;margin:0;padding:0}.mobile-nav__links li{list-style:none}.mobile-nav__links a{display:block;padding:14px 12px;font-size:15px;font-weight:500;letter-spacing:.02em;color:#eee8dc75;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07);transition:color .12s ease}.mobile-nav__links a:hover,.mobile-nav__links a:active{color:#eee8dceb}.mobile-nav__links a.active{color:#10b7a6}.mobile-nav__links li:last-child a{border-bottom:none}.mobile-nav__cta{display:block;margin-top:20px;padding:13px 20px;background:#10b7a61f;border:1px solid rgba(16,183,166,.35);border-radius:9px;color:#10b7a6;font:700 12px/1 DM Sans,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:center;text-decoration:none;transition:background .15s ease,border-color .15s ease}.mobile-nav__cta:hover{background:#10b7a633;border-color:#10b7a68c}@media(max-width:980px){#app{width:100%}.container{padding:32px 20px}}@media(max-width:760px){.site-nav{padding:0 20px;gap:12px}body{padding:20px}h1{font-size:34px}.current-hand{grid-template-columns:repeat(5,62px);gap:10px}.chip,.current-hand .chip--empty{width:62px;height:87px}.chip__rank{font-size:13px}.chip__center{font-size:25px}}@media(max-width:640px){.nav-hamburger{display:flex}.nav-links,.nav-cta{display:none}.mobile-nav{display:block}.site-nav{position:fixed;top:20px;left:20px;right:20px;z-index:1001;padding:0 20px;gap:12px;margin-bottom:0}body{padding-top:92px}.nav-hamburger{order:1}.nav-brand{position:absolute;left:50%;transform:translate(-50%);margin:0}.lang-selector{order:3;margin-left:auto}.theme-toggle{order:4}}@media(max-width:560px){body{padding:76px 12px 12px}.site-nav{top:12px;left:12px;right:12px;padding:0 12px;gap:12px}h1{font-size:28px;letter-spacing:-.01em}.variant-btn{font-size:10px;padding:6px 11px}.container{padding:20px 12px}.current-hand{grid-template-columns:repeat(5,54px);gap:7px}.chip,.current-hand .chip--empty{width:54px;height:75px}.chip__tl{top:4px;left:5px}.chip__rank{font-size:12px}.chip__center{font-size:22px}.badge{font-size:7px;height:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9000;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.toast{position:relative;width:min(360px,calc(100vw - 40px));background:#081410f7;border-top:1px solid rgba(255,255,255,.09);border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);border-left:3px solid #10b7a6;border-radius:13px;box-shadow:0 8px 32px #000000a6,0 2px 8px #00000059,0 0 0 1px #10b7a60d inset;padding:16px 16px 14px 18px;pointer-events:auto;opacity:0;transform:translate(calc(100% + 28px));transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1)}.toast.toast--visible{opacity:1;transform:translate(0)}.toast.toast--dismissing{opacity:0;transform:translate(calc(100% + 28px));transition:opacity .22s ease-in,transform .22s ease-in}.toast__top{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.toast__msg{flex:1;margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:13px;line-height:1.55;color:#eee8dceb}.toast__close{appearance:none;background:none;border:none;padding:0 2px;cursor:pointer;color:#eee8dc75;font-size:18px;line-height:1;flex-shrink:0;margin-top:-1px;transition:color .14s ease}.toast__close:hover{color:#eee8dceb}.toast__close:focus-visible{outline:2px solid rgba(16,183,166,.55);outline-offset:2px}.toast__actions{display:flex;align-items:center;gap:12px}.toast__cta{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid rgba(16,183,166,.45);border-radius:9px;background:#10b7a61f;color:#10b7a6;font:600 11px/1 DM Sans,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.toast__cta:hover{background:#10b7a633;border-color:#10b7a6a6}.toast__cta:focus-visible{outline:2px solid rgba(16,183,166,.55);outline-offset:2px}.toast__dismiss-later{appearance:none;background:none;border:none;padding:6px 8px;color:#eee8dc75;font:400 11px/1 DM Sans,system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;transition:color .14s ease}.toast__dismiss-later:hover{color:#eee8dceb}.toast__dismiss-later:focus-visible{outline:2px solid rgba(16,183,166,.55);outline-offset:2px}.toast__progress{position:absolute;bottom:0;left:3px;right:0;height:2px;border-radius:0 0 13px 13px;background:#ffffff0d;overflow:hidden}.toast__progress-bar{height:100%;width:100%;background:#10b7a67a;transform-origin:left;transform:scaleX(0)}@keyframes toastCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast--visible .toast__progress-bar{animation:toastCountdown 12s linear forwards}@media(max-width:520px){.toast-container{bottom:0;right:0;left:0;align-items:stretch;padding:0}.toast{width:100%;max-width:100%;border-radius:13px 13px 0 0;border-top:3px solid #10b7a6;border-left:1px solid rgba(255,255,255,.09);transform:translateY(calc(100% + 4px))}.toast.toast--visible{transform:translateY(0)}.toast.toast--dismissing{transform:translateY(calc(100% + 4px))}.toast .toast__progress{top:0;bottom:unset;left:0;border-radius:13px 13px 0 0}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:8500;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 32px;background:#081410fa;border-top:2px solid rgba(16,183,166,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -4px 24px #0006;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,1,.36,1)}.cookie-banner.cookie-banner--visible{transform:translateY(0)}.cookie-banner.cookie-banner--hiding{transform:translateY(100%);transition:transform .22s ease-in}.cookie-banner__text{margin:0;font-size:13px;line-height:1.5;color:#eee8dceb}.cookie-banner__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.cookie-banner__accept{appearance:none;display:inline-flex;align-items:center;padding:8px 18px;border:1px solid #10b7a6;border-radius:9px;background:#10b7a6;color:#060f0c;font:700 11px/1 DM Sans,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .15s ease,transform .1s ease}.cookie-banner__accept:hover{background:#13ddc8;transform:translateY(-1px)}.cookie-banner__accept:focus-visible{outline:2px solid rgba(16,183,166,.55);outline-offset:2px}.cookie-banner__decline{appearance:none;background:none;border:none;padding:6px 8px;color:#eee8dc75;font:400 11px/1 DM Sans,system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:color .14s ease}.cookie-banner__decline:hover{color:#eee8dceb}.cookie-banner__decline:focus-visible{outline:2px solid rgba(16,183,166,.55);outline-offset:2px}@media(max-width:560px){.cookie-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 20px}}.lang-selector{position:relative;flex-shrink:0}.lang-selector__btn{appearance:none;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:9px;height:32px;padding:0 8px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#eee8dc75;white-space:nowrap;flex-shrink:0;transition:color .15s ease,border-color .15s ease,background .15s ease}.lang-selector__btn:hover{color:#eee8dceb;border-color:#10b7a666;background:#ffffff0e}.lang-selector__chevron{transition:transform .15s ease}.lang-selector.open .lang-selector__chevron{transform:rotate(180deg)}.lang-selector__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:140px;background:#0a1c16f7;border:1px solid rgba(255,255,255,.12);border-radius:9px;box-shadow:0 10px 36px #00000059;list-style:none;margin:0;padding:4px 0;z-index:200;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility 0s .15s}.lang-selector__dropdown li{list-style:none}.lang-selector__dropdown button{appearance:none;background:transparent;border:none;width:100%;display:flex;align-items:center;gap:10px;padding:7px 14px;cursor:pointer;color:#eee8dc75;transition:color .12s ease,background .12s ease}.lang-selector__dropdown button:hover{color:#eee8dceb;background:#ffffff0d}.lang-selector__dropdown button.active{color:#10b7a6}.lang-selector.open .lang-selector__dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .15s ease,transform .15s ease,visibility 0s}.lang-selector__btn .fi{width:20px;height:15px;border-radius:2px;flex-shrink:0}.lang-selector__opt-flag{width:18px;height:14px;border-radius:2px;flex-shrink:0}.lang-selector__opt-name{font-size:12px;font-weight:400}.theme-toggle{appearance:none;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:9px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#eee8dc75;flex-shrink:0;transition:color .15s ease,border-color .15s ease,background .15s ease}.theme-toggle:hover{color:#eee8dceb;border-color:#10b7a666;background:#ffffff0e}.theme-toggle:focus-visible{outline:2px solid #10b7a6;outline-offset:2px}.theme-toggle .theme-toggle__moon{display:none}.theme-toggle svg{display:block}body.light-mode .theme-toggle .theme-toggle__sun{display:none}body.light-mode .theme-toggle .theme-toggle__moon{display:block}html,.mobile-nav{scrollbar-width:thin;scrollbar-color:rgba(16,183,166,.28) transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#10b7a647;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#10b7a680}body.light-mode{scrollbar-color:rgba(12,158,142,.35) transparent}body.light-mode ::-webkit-scrollbar-thumb{background:#0c9e8e59}body.light-mode ::-webkit-scrollbar-thumb:hover{background:#0c9e8e8c}body.light-mode{color:#08160fe6}body.light-mode:before{opacity:.012;mix-blend-mode:multiply}body.light-mode .site-nav{background:#e8f1ecf0;border-color:#00000014}body.light-mode .nav-brand{color:#08160fe6}body.light-mode .nav-brand .nav-brand__accent{color:#0c9e8e}body.light-mode .nav-links a{color:#08160f75}body.light-mode .nav-links a:hover{color:#08160fe6}body.light-mode .nav-links a.active{color:#0c9e8e}body.light-mode .nav-dropdown-btn{color:#08160f75}body.light-mode .nav-dropdown-btn:hover{color:#08160fe6}body.light-mode .nav-dropdown-btn.active{color:#0c9e8e}body.light-mode .nav-dropdown{background:#ebf4effa;border-color:#00000024;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f}body.light-mode .nav-dropdown li a{color:#08160f75}body.light-mode .nav-dropdown li a:hover{color:#08160fe6;background:#0000000d}body.light-mode .nav-dropdown li a.active{color:#0c9e8e}body.light-mode .nav-dropdown li:nth-child(3){border-color:#00000014}body.light-mode .nav-dropdown li:nth-child(8){border-color:#00000014}body.light-mode .nav-dropdown li:nth-child(8) a{color:#a07314cc}body.light-mode .nav-dropdown li:nth-child(8) a:hover{color:#8c640a;background:#a0731412}body.light-mode .nav-cta{color:#0c9e8e!important;border-color:#0c9e8e4d}body.light-mode .nav-cta:hover{border-color:#0c9e8e8c!important;background:#0c9e8e14}body.light-mode .lang-selector__btn{color:#08160f75;border-color:#00000024}body.light-mode .lang-selector__btn:hover{color:#08160fe6;border-color:#0c9e8e59;background:#0000000a}body.light-mode .lang-selector__dropdown{background:#e8f1ecf7;border-color:#00000024;box-shadow:0 10px 36px #0000001a}body.light-mode .lang-selector__dropdown button{color:#08160f75}body.light-mode .lang-selector__dropdown button:hover{color:#08160fe6;background:#00000009}body.light-mode .lang-selector__dropdown button.active{color:#0c9e8e}body.light-mode .theme-toggle{color:#08160f75;border-color:#00000024}body.light-mode .theme-toggle:hover{color:#08160fe6;border-color:#0c9e8e59;background:#0000000a}body.light-mode .site-footer{border-color:#00000014}body.light-mode .site-footer p{color:#08160f75}body.light-mode .site-footer nav a{color:#08160f75}body.light-mode .site-footer nav a:hover{color:#08160fe6}body.light-mode .nav-hamburger{border-color:#00000024}body.light-mode .nav-hamburger span{background:#08160f75}body.light-mode .nav-hamburger:hover{border-color:#0c9e8e66;background:#0000000a}body.light-mode .nav-hamburger:hover span{background:#08160fe6}body.light-mode .nav-hamburger.nav-hamburger--open{border-color:#0c9e8e66}body.light-mode .nav-hamburger.nav-hamburger--open span{background:#0c9e8e}body.light-mode .mobile-nav{background:#eff4f1;border-color:#00000024}body.light-mode .mobile-nav__links a{color:#08160f75;border-color:#00000014}body.light-mode .mobile-nav__links a:hover,body.light-mode .mobile-nav__links a:active{color:#08160fe6}body.light-mode .mobile-nav__links a.active{color:#0c9e8e}body.light-mode .mobile-nav__cta{color:#0c9e8e;border-color:#0c9e8e4d;background:#0c9e8e14}body.light-mode .mobile-nav__cta:hover{background:#0c9e8e26;border-color:#0c9e8e80}body.light-mode{background:radial-gradient(ellipse 1000px 560px at 10% -8%,rgba(11,107,99,.07),transparent 60%),radial-gradient(ellipse 700px 380px at 90% -5%,rgba(16,183,166,.04),transparent 58%),#eff4f1}body.light-mode h1{color:#08160fe6}body.light-mode .subtitle{color:#08160f75}body.light-mode .beta-note{color:#0c9e8ec7;border-color:#0c9e8e33;background:#0c9e8e0f}body.light-mode .variant-btn{background:#00000008;border-color:#00000024;color:#08160f75}body.light-mode .variant-btn:hover{background:#0000000f;border-color:#0c9e8e59;color:#08160fe6}body.light-mode .variant-btn.active{color:#0c9e8e;border-color:#0c9e8e7a;background:#0c9e8e14;box-shadow:0 0 0 1px #0c9e8e1a inset}body.light-mode .container{background:#fff;border-color:#00000014;box-shadow:0 8px 40px #00000017}body.light-mode #clearBtn{background:#00000008;border-color:#00000024;color:#08160fe6}body.light-mode #clearBtn:hover{background:#0001;border-color:#0c9e8e73}body.light-mode #randomBtn{border-color:#0c9e8e66;color:#08160fe6;background:linear-gradient(140deg,#0c9e8e24,#0b6b6317)}body.light-mode #randomBtn:hover{border-color:#0c9e8ea6;background:linear-gradient(140deg,#0c9e8e33,#0b6b6321)}body.light-mode .options__label{color:#08160f75}body.light-mode .options__select{background-color:#00000008;border-color:#00000024;color:#08160fe6}body.light-mode .options__select option{background:#e6eeea;color:#08160fe6}body.light-mode .section-divider{background:#00000014}body.light-mode .status{color:#08160f75}body.light-mode .result-hand{color:#08160fe6}body.light-mode .result-meta{color:#08160f75}body.light-mode .result-ev{color:#0c9e8e}body.light-mode .play-hint{color:#08160f75}body.light-mode .play-hint b{color:#08160fe6}body.light-mode .card{background:#00000008;border-color:#00000014;color:#08160fe6}body.light-mode .card:hover{background:#0001;border-color:#0c9e8e6b}body.light-mode .card.selected{background:#0c9e8e1c;border-color:#0c9e8e94}body.light-mode .card.suit-h,body.light-mode .card.suit-d{color:#c0282e}body.light-mode .card.suit-c,body.light-mode .card.suit-s{color:#16201d}body.light-mode .card.selected.suit-h,body.light-mode .card.selected.suit-d{color:#a72328}body.light-mode .chip{box-shadow:0 2px 4px #0000001a,0 6px 16px #00000024}body.light-mode .current-hand .chip--empty{background:#0000000d;border-color:#0000001f}body.light-mode .recent-hands__header{border-color:#00000014}body.light-mode .recent-hands__title{color:#08160fe6}body.light-mode .recent-hands__link{color:#0c9e8e}body.light-mode .rh-row{background:#00000005}body.light-mode .rh-row:hover{background:#0000000b;border-color:#00000014}body.light-mode .rh-datetime{color:#08160f75}body.light-mode .rh-card,body.light-mode .rh-type{color:#08160fe6}body.light-mode .rh-meta{color:#08160f75}body.light-mode .rh-ev{color:#0c9e8e}body.light-mode .toast{background:#f0f8f5fa;border-top:1px solid rgba(0,0,0,.09);border-right:1px solid rgba(0,0,0,.09);border-bottom:1px solid rgba(0,0,0,.09);border-left:3px solid #0c9e8e;box-shadow:0 8px 32px #0000001c,0 2px 8px #00000012}body.light-mode .toast__msg{color:#08160fe6}body.light-mode .toast__close{color:#08160f75}body.light-mode .toast__close:hover{color:#08160fe6}body.light-mode .toast__dismiss-later{color:#08160f75}body.light-mode .toast__dismiss-later:hover{color:#08160fe6}body.light-mode .toast__cta{color:#0c9e8e;border-color:#0c9e8e66;background:#0c9e8e1a}body.light-mode .toast__cta:hover{background:#0c9e8e2e;border-color:#0c9e8e99}body.light-mode .toast__progress-bar{background:#0c9e8e6b}@media(max-width:520px){body.light-mode .toast{border-top:3px solid #0c9e8e;border-left:1px solid rgba(0,0,0,.09)}}body.light-mode .cookie-banner{background:#f0f8f5fa;border-top:2px solid rgba(12,158,142,.5);box-shadow:0 -4px 24px #0000001a}body.light-mode .cookie-banner__text{color:#08160fe6}body.light-mode .cookie-banner__decline{color:#08160f75}body.light-mode .cookie-banner__decline:hover{color:#08160fe6}body.light-mode .cookie-banner__accept{color:#eff4f1;border-color:#0c9e8e;background:#0c9e8e}body.light-mode .cookie-banner__accept:hover{background:#0a8274;transform:translateY(-1px)}@media(max-width:1024px){.nav-item--desktop-only{display:none}}.container{position:relative}.qm-toggle{position:absolute;top:20px;right:20px;z-index:10}@media(max-width:1024px){.qm-toggle{display:none}}.qm-toggle__label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.qm-toggle__checkbox{position:absolute;opacity:0;width:0;height:0}.qm-toggle__track{position:relative;width:36px;height:20px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;flex-shrink:0;transition:background .18s ease,border-color .18s ease}.qm-toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#eee8dc75;transition:transform .18s ease,background .18s ease}.qm-toggle__checkbox:checked+.qm-toggle__track{background:#10b7a638;border-color:#10b7a680}.qm-toggle__checkbox:checked+.qm-toggle__track:after{transform:translate(16px);background:#10b7a6}.qm-toggle__text{font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#eee8dc75;transition:color .15s ease;white-space:nowrap}.qm-toggle__info{position:relative;font-size:14px;color:#eee8dc75;cursor:help;line-height:1}.qm-toggle__info:hover,.qm-toggle__info:focus-visible{color:#eee8dceb}.qm-toggle__info:focus-visible{outline:2px solid rgba(16,183,166,.55);outline-offset:2px;border-radius:2px}.qm-toggle__tooltip{position:absolute;bottom:calc(100% + 8px);right:0;width:230px;padding:9px 12px;border-radius:9px;background:#060f0cf7;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 28px #0000008c;font-family:DM Sans,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:1.45;color:#eee8dceb;text-transform:none;letter-spacing:0;white-space:normal;text-align:left;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;z-index:400}.qm-toggle__info:hover .qm-toggle__tooltip,.qm-toggle__info:focus-visible .qm-toggle__tooltip{opacity:1;transform:translateY(0)}body.light-mode .qm-toggle__tooltip{background:#f0f4f1fa;border-color:#0000001a;color:#08160fe6}.qm-area{display:none;flex-direction:column;align-items:center;gap:12px;margin:20px auto}@media(max-width:1024px){.qm-area{display:none!important}}.quick-mode .qm-area{display:flex}.quick-mode #currentHand,.quick-mode .deck-grid,.quick-mode .section-divider,.quick-mode #randomBtn{display:none}.qm-slots{display:flex;gap:14px}.qm-slot{position:relative;width:76px;height:106px;border-radius:9px;border:1.5px dashed rgba(255,255,255,.1);background:#00000038;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.qm-slot--next{border-color:#fff3;background:#ffffff06}.qm-slot--filled,.qm-slot--rank-only{cursor:pointer}.qm-slot--rank-only{border-style:solid;border-color:#ffffff1f;background:#ffffff0a}.qm-slot--rank-only .qm-slot__rank{color:#eee8dceb}.qm-slot--active{border:1.5px solid #c9a84c;background:#c9a84c0f;box-shadow:0 0 0 1px #c9a84c4d,0 0 20px #c9a84c33}.qm-slot--filled{border-style:solid;background:#f9f6ef;border-color:#00000012;box-shadow:0 2px 4px #00000029,0 8px 20px #0006;animation:qmSlotPop .2s cubic-bezier(.34,1.56,.64,1)}.qm-slot--red .qm-slot__rank,.qm-slot--red .qm-slot__suit{color:#c0282e}.qm-slot--black .qm-slot__rank,.qm-slot--black .qm-slot__suit{color:#16201d}.qm-slot--error{border-color:#c8001e;box-shadow:0 0 0 2px #c8001e66,0 0 18px #c8001e40;animation:qmErrorFlash .6s ease}@keyframes qmSlotPop{0%{transform:scale(.88) translateY(6px);opacity:0}65%{transform:scale(1.04) translateY(-2px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes qmErrorFlash{0%,to{background:#00000038}35%{background:#c8001e24}}.qm-slot__rank{font-family:Oswald,system-ui,sans-serif;font-size:22px;font-weight:600;line-height:1;letter-spacing:0}.qm-slot__suit{font-size:26px;line-height:1}.qm-slot__suit--pending{font-family:DM Sans,system-ui,sans-serif;font-size:20px;color:#eee8dc75;opacity:.4}.qm-error-msg{min-height:16px;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#c8001e;text-align:center}.qm-suit-picker{display:flex;gap:6px;opacity:0;transform:translateY(-5px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.qm-suit-picker.qm-suit-picker--visible{opacity:1;transform:translateY(0);pointer-events:auto}.qm-suit-btn{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:56px;height:56px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#ffffff08;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.qm-suit-btn:hover{border-color:#10b7a680;background:#ffffff12;transform:translateY(-2px)}.qm-suit-btn:focus-visible{outline:2px solid rgba(16,183,166,.55);outline-offset:2px}.qm-suit-btn--h .qm-suit-sym,.qm-suit-btn--d .qm-suit-sym{color:#c0282ee6}.qm-suit-btn--c .qm-suit-sym,.qm-suit-btn--s .qm-suit-sym{color:#eee8dceb}.qm-suit-sym{font-size:22px;line-height:1}.qm-suit-key{font-family:DM Mono,Courier New,monospace;font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#eee8dc75}body.light-mode .qm-slot{border-color:#00000021;background:#0000000a}body.light-mode .qm-slot--next{border-color:#0000002e;background:#00000008}body.light-mode .qm-slot--filled{background:#f9f6ef;border-color:#0000001a}body.light-mode .qm-slot--active{background:#c9a84c12}body.light-mode .qm-suit-btn{background:#00000008;border-color:#00000024}body.light-mode .qm-suit-btn:hover{background:#00000012}