@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,800;1,800&display=swap";:root{color:#182b24;font-synthesis:none;text-rendering:optimizelegibility;--ink:#172d25;--paper:#f5f0df;--cream:#fffaf0;--red:#bd3337;--green:#136c51;--navy:#173c54;--line:#172d2524;background:#d9e9df;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e6ae3d}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}.game-shell{background:radial-gradient(circle at 50% 0,#ffffffb8,#0000 32%),linear-gradient(135deg,#136c510b 25%,#0000 25%) 0 0/28px 28px,#dcece2;min-height:100vh;position:relative;overflow:hidden}.game-shell:before{content:"";pointer-events:none;z-index:10;border:1px solid #172d2529;position:fixed;inset:14px}.board-frame{pointer-events:none;opacity:.26;grid-template-columns:repeat(8,1fr);display:grid;position:fixed;inset:14px}.board-frame span{border-right:1px solid var(--ink);letter-spacing:.12em;place-items:center;height:32px;font-size:7px;font-weight:800;display:grid}.board-frame span:first-child{border-left:1px solid var(--ink)}.topbar{z-index:3;justify-content:space-between;align-items:center;max-width:1180px;height:92px;margin:auto;padding:0 24px;display:flex;position:relative}.logo{align-items:center;gap:11px;display:flex}.logo-mark{width:42px;height:42px;color:var(--paper);background:var(--red);border:2px solid var(--cream);outline:1px solid var(--red);place-items:center;display:grid;transform:rotate(-3deg);box-shadow:3px 3px #172d2529}.logo strong,.logo small{display:block}.logo strong{letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:18px}.logo small{color:#527066;text-transform:uppercase;letter-spacing:.16em;margin-top:1px;font-size:8px;font-weight:700}.history-trigger{border:1px solid var(--line);height:40px;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;background:#fffaf08c;border-radius:4px;align-items:center;gap:7px;padding:0 12px 0 14px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.history-trigger:hover{background:var(--cream);transform:translateY(-1px)}.history-trigger span{min-width:21px;height:21px;color:var(--cream);background:var(--red);border-radius:50%;place-items:center;padding:0 5px;font-size:9px;display:grid}.hero{z-index:2;grid-template-columns:1fr 420px;align-items:center;gap:75px;max-width:1100px;min-height:460px;margin:26px auto 52px;padding:30px 48px;display:grid;position:relative}.hero:before{content:"";pointer-events:none;border:1px solid #172d2514;border-radius:50%;width:580px;height:580px;position:absolute;top:-40px;right:-175px;box-shadow:inset 0 0 0 45px #ffffff14,inset 0 0 0 46px #172d250d}.overline{color:var(--red);text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.hero h1{max-width:520px;color:var(--ink);letter-spacing:-.055em;margin:14px 0 18px;font-family:Playfair Display,serif;font-size:clamp(48px,6.4vw,82px);line-height:.96}.hero h1 em{color:var(--red);font-weight:800}.hero-copy>p{color:#536d63;max-width:440px;font-size:13px;line-height:1.65}.bank-status{background:#ffffff59;border:1px solid #136c512e;align-items:center;gap:9px;width:max-content;margin-top:30px;padding:10px 15px 10px 11px;display:flex}.status-light{background:#2ea675;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 4px #2ea6751f}.bank-status strong,.bank-status small{display:block}.bank-status strong{text-transform:uppercase;letter-spacing:.09em;font-size:9px}.bank-status small{color:#789086;margin-top:2px;font-size:8px}.card-stage{perspective:1100px;place-items:center;min-height:440px;display:grid;position:relative}.card-placeholder,.result-card{aspect-ratio:.72;width:min(100%,350px)}.card-placeholder{border:2px solid var(--ink);color:var(--paper);background:var(--green);box-shadow:10px 12px 0 #172d2521, inset 0 0 0 7px var(--green), inset 0 0 0 9px #f5f0dfa6;place-content:center;justify-items:center;gap:12px;display:grid;position:relative;transform:rotate(3deg)}.card-placeholder:before,.card-placeholder:after{content:"";border:2px solid #f5f0dfb3;width:16px;height:16px;position:absolute;transform:rotate(45deg)}.card-placeholder:before{top:19px;left:19px}.card-placeholder:after{bottom:19px;right:19px}.placeholder-seal{border:1px solid #f5f0df80;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.card-placeholder strong{color:var(--paper);text-align:center;font-family:Playfair Display,serif;font-size:25px;line-height:1.1}.card-placeholder span{text-transform:uppercase;letter-spacing:.2em;opacity:.65;font-size:8px;font-weight:700}.result-card{border:2px solid var(--ink);background:var(--paper);transform-style:preserve-3d;animation:.72s cubic-bezier(.2,.8,.2,1) both cardReveal;position:relative;box-shadow:12px 14px #172d2524}.result-card.chance{transform:rotate(2deg)}.result-card.chest{transform:rotate(-2deg)}.result-card-inner{border:1px solid var(--ink);text-align:center;flex-direction:column;padding:18px 20px;display:flex;position:absolute;inset:8px}.card-topline,.card-footer{color:#6c7e76;text-transform:uppercase;letter-spacing:.16em;justify-content:space-between;align-items:center;gap:12px;font-size:7px;font-weight:800;display:flex}.card-topline{border-bottom:1px solid var(--line);padding-bottom:10px}.card-symbol{width:96px;height:96px;color:var(--red);box-shadow:inset 0 0 0 6px var(--paper), inset 0 0 0 7px currentColor;border:2px solid;border-radius:50%;place-items:center;margin:25px auto 24px;font-family:Playfair Display,serif;font-size:69px;line-height:1;display:grid}.chest .card-symbol{color:var(--navy)}.category{color:var(--red);text-transform:uppercase;letter-spacing:.18em;font-size:7px;font-weight:800}.chest .category{color:var(--navy)}.result-card h2{letter-spacing:-.025em;margin:7px 0 10px;font-family:Playfair Display,serif;font-size:25px;line-height:1.05}.result-card p{color:#3e554b;margin:0;font-size:15px;font-weight:600;line-height:1.5}.card-footer{border-top:1px solid var(--line);margin-top:auto;padding-top:10px}.card-footer span:first-child{align-items:center;gap:4px;display:flex}.drawing{animation:.43s ease-in-out both cardShuffle}.deck-section,.recent-section{z-index:2;max-width:1100px;margin:0 auto 55px;padding:0 48px;position:relative}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:5px 0 0;font-family:Playfair Display,serif;font-size:31px}.draw-count{color:#667e73;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}.deck-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.deck-button{border:2px solid var(--ink);min-height:220px;color:var(--paper);text-align:left;grid-template-rows:1fr auto;grid-template-columns:90px 1fr;gap:8px 22px;padding:25px 27px;transition:transform .22s,box-shadow .22s;display:grid;position:relative}.deck-button:hover:not(:disabled){transform:translateY(-5px)rotate(-.4deg);box-shadow:8px 10px #172d2524}.deck-button:active:not(:disabled){transform:translateY(1px)}.deck-button:disabled{cursor:wait;opacity:.75}.chance-deck{background:var(--red)}.chest-deck{background:var(--navy)}.deck-stack{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);pointer-events:none;position:absolute;inset:5px -6px -7px 6px}.deck-art{border:1px solid #f5f0dfa6;align-self:center;place-items:center;width:82px;height:110px;font-family:Playfair Display,serif;font-size:73px;display:grid;box-shadow:inset 0 0 0 5px,inset 0 0 0 6px #f5f0dfa6}.deck-content{align-self:center}.deck-content small,.deck-content strong,.deck-content span{display:block}.deck-content small{text-transform:uppercase;letter-spacing:.18em;opacity:.67;font-size:8px;font-weight:800}.deck-content strong{color:var(--paper);letter-spacing:-.04em;margin:3px 0 7px;font-family:Playfair Display,serif;font-size:clamp(27px,3vw,38px);line-height:.98}.deck-content span{opacity:.68;font-size:9px}.deck-meta{text-transform:uppercase;letter-spacing:.13em;border-top:1px solid #f5f0df47;grid-column:1/-1;justify-content:space-between;padding-top:13px;font-size:8px;font-weight:800;display:flex}.arrow{align-items:center;gap:5px;display:flex}.arrow svg{transform:rotate(-90deg)}.progress{background:#0000002e;height:4px;position:absolute;bottom:0;left:0;right:0}.progress i{background:#e8b946;height:100%;transition:width .4s;display:block}.text-button{color:var(--red);text-transform:uppercase;letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.recent-list{border-top:1px solid var(--line)}.recent-item{border:0;border-bottom:1px solid var(--line);width:100%;min-height:72px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:41px 1fr auto;align-items:center;gap:13px;padding:11px 4px;transition:all .16s;display:grid}.recent-item:hover{background:#fffaf06b;padding-left:10px}.recent-icon,.drawer-number{width:37px;height:37px;color:var(--paper);place-items:center;font-family:Playfair Display,serif;font-size:24px;display:grid}.recent-icon.chance,.drawer-number.chance{background:var(--red)}.recent-icon.chest,.drawer-number.chest{background:var(--navy)}.recent-copy{min-width:0}.recent-copy strong,.recent-copy small{display:block}.recent-copy strong{font-family:Playfair Display,serif;font-size:14px}.recent-copy small{color:#758a81;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.recent-time{color:#7c9087;text-transform:uppercase;letter-spacing:.1em;font-size:8px}.empty-history{color:#789087;border:1px dashed #172d2540;justify-content:center;align-items:center;gap:12px;min-height:100px;display:flex}.empty-history strong,.empty-history small{display:block}.empty-history strong{color:#536e63;font-size:11px}.empty-history small{margin-top:2px;font-size:9px}footer{z-index:2;border-top:1px solid var(--line);color:#789087;text-transform:uppercase;letter-spacing:.15em;justify-content:space-between;max-width:1004px;margin:0 auto;padding:22px 0 38px;font-size:7px;font-weight:800;display:flex;position:relative}.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d201973;justify-content:flex-end;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}.history-drawer{background:var(--paper);border-left:2px solid var(--ink);flex-direction:column;width:min(100%,460px);height:100%;padding:25px;animation:.32s cubic-bezier(.2,.8,.2,1) both slideIn;display:flex;box-shadow:-20px 0 60px #172d2526}.drawer-header{justify-content:space-between;align-items:start;padding-bottom:18px;display:flex}.drawer-header h2{margin:5px 0 0;font-family:Playfair Display,serif;font-size:30px}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:0 0;place-items:center;display:grid}.filter-row{background:#e4dfcf;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.filter-row button{color:#6b7c74;text-transform:capitalize;background:0 0;border:0;height:33px;font-size:9px;font-weight:800}.filter-row button.active{color:var(--ink);background:var(--paper);box-shadow:0 2px 6px #172d251a}.drawer-list{border-top:1px solid var(--line);min-height:0;margin:15px 0;overflow-y:auto}.drawer-item{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;grid-template-columns:38px 1fr;gap:12px;padding:14px 2px;display:grid}.drawer-item:hover{background:#fff6}.drawer-item small,.drawer-item strong,.drawer-item p{display:block}.drawer-item small{color:var(--red);text-transform:uppercase;letter-spacing:.11em;font-size:7px;font-weight:800}.drawer-item strong{margin-top:3px;font-family:Playfair Display,serif;font-size:14px}.drawer-item p{color:#74877f;margin:3px 0 0;font-size:8px;line-height:1.45}.drawer-empty{color:#809288;text-align:center;padding:45px 10px;font-size:10px}.reset-button{height:43px;color:var(--red);text-transform:uppercase;letter-spacing:.1em;background:#bd33370a;border:1px solid #bd333740;flex:none;justify-content:center;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}@keyframes cardReveal{0%{opacity:0;transform:translateY(40px)rotateY(90deg)scale(.88)}70%{transform:translateY(-8px)rotateY(-5deg)scale(1.02)}to{opacity:1;transform:translateY(0)rotateY(0)scale(1)}}@keyframes cardShuffle{0%,to{transform:translate(0)rotate(3deg)}33%{transform:translate(-14px)rotate(-2deg)}66%{transform:translate(14px)rotate(5deg)}}@keyframes pulse{50%{box-shadow:0 0 0 7px #2ea6750d}}@keyframes fadeIn{0%{opacity:0}}@keyframes slideIn{0%{transform:translate(100%)}}@media (width<=850px){body{height:100dvh;overflow:hidden}.game-shell{height:100dvh;min-height:0;overflow:hidden}.game-shell:before,.board-frame{inset:7px}.topbar{height:62px;padding:0 18px}.logo-mark{width:36px;height:36px}.logo strong{font-size:16px}.logo small{display:none}.history-trigger{justify-content:center;width:38px;height:38px;padding:0;font-size:0}.history-trigger span{margin:-28px -30px 0 0;position:absolute}.hero{text-align:center;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:4px;height:calc(100dvh - 188px);min-height:0;margin:0 auto;padding:2px 18px 6px}.hero:before,.hero-copy>p,.bank-status{display:none}.overline{justify-content:center}.hero h1{margin:4px 0 0;font-size:34px;line-height:.95}.card-stage{height:100%;min-height:0}.card-placeholder,.result-card{width:auto;max-width:82vw;height:min(45dvh,350px)}.result-card-inner{padding:11px 13px;inset:6px}.card-symbol{width:66px;height:66px;box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 5px currentColor;margin:11px auto 10px;font-size:47px}.card-symbol svg{width:34px;height:34px}.result-card h2{margin:5px 0 7px;font-size:21px}.result-card p{font-size:16px;line-height:1.38}.card-footer{padding-top:7px}.deck-section{height:126px;margin:0;padding:8px 14px 13px}.deck-section .section-heading{display:none}.deck-grid{grid-template-columns:1fr 1fr;gap:9px;height:100%}.deck-button{grid-template-rows:1fr auto;grid-template-columns:40px 1fr;gap:4px 8px;height:100%;min-height:0;padding:11px 10px}.deck-stack{inset:3px -3px -4px 3px}.deck-art{width:38px;height:54px;font-size:35px;box-shadow:inset 0 0 0 3px,inset 0 0 0 4px #f5f0dfa6}.deck-art svg{width:28px;height:28px}.deck-content small,.deck-content span{display:none}.deck-content strong{margin:0;font-size:19px;line-height:1}.deck-meta{border:0;grid-column:2;padding:0;font-size:7px}.deck-meta>span:first-child{display:none}.progress{height:3px}.recent-section,footer{display:none}}@media (width<=480px){.history-drawer{padding:18px}}@media (width<=850px) and (height<=700px){.hero{height:calc(100dvh - 170px)}.hero .overline{display:none}.hero h1{font-size:27px}.card-placeholder,.result-card{height:min(43dvh,285px)}.card-symbol{width:54px;height:54px;margin:7px auto;font-size:39px}.result-card h2{font-size:18px}.result-card p{font-size:14px}.card-footer{font-size:6px}.deck-section{height:108px;padding-top:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}