.navbar[data-v-0c6a9c9b]{width:100%;min-height:64px;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));z-index:100;background:#141825;border-top:1px solid #1e2436;flex-shrink:0;display:flex;position:sticky;bottom:0}.nav-item[data-v-0c6a9c9b]{color:#6b7280;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0;transition:color .2s;display:flex}.nav-item.active[data-v-0c6a9c9b]{color:#f59e0b}.nav-icon[data-v-0c6a9c9b]{font-size:20px;line-height:1}.nav-label[data-v-0c6a9c9b]{font-size:11px;font-weight:500}.app-shell[data-v-4d14bd1a]{--shell-max-w:480px;width:100%;min-height:100dvh;max-width:var(--shell-max-w);background:#0a0e1a;flex-direction:column;margin:0 auto;display:flex;position:relative}@media (width>=768px){.app-shell[data-v-4d14bd1a]{--shell-max-w:640px;box-shadow:-1px 0 #1e2436,1px 0 #1e2436}}.app-main[data-v-4d14bd1a]{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:#e0e0e0;background:#0a0e1a;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#app{flex-direction:column;min-height:100dvh;display:flex}input,button,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0a0e1a}::-webkit-scrollbar-thumb{background:#374151;border-radius:2px}.page-shell{--page-gutter:clamp(16px, 4vw, 24px);--page-content-max:560px;--page-section-gap:clamp(12px, 3vw, 18px);--page-card-padding:clamp(14px, 3.8vw, 22px);--page-card-radius:clamp(14px, 3.8vw, 18px);--page-bottom-space:clamp(16px, 4vw, 28px);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow-y:auto}.page-header{width:100%;padding:max(16px, calc(12px + env(safe-area-inset-top,0px))) var(--page-gutter) 16px;background:#141825;border-bottom:1px solid #1e2436;flex-shrink:0}.page-header h1{width:100%;max-width:var(--page-content-max);color:#f59e0b;margin:0 auto;font-size:clamp(18px,4vw,22px);font-weight:700}.page-body{width:100%;max-width:var(--page-content-max);padding:var(--page-section-gap) var(--page-gutter) calc(var(--page-bottom-space) + env(safe-area-inset-bottom,0px));gap:var(--page-section-gap);flex-direction:column;flex:1;margin:0 auto;display:flex}.page-stack{flex-direction:column;gap:12px;display:flex}.page-card{border-radius:var(--page-card-radius);width:100%;padding:var(--page-card-padding);background:linear-gradient(135deg,#1e2436,#171d2e);border:1px solid #ffffff0f;position:relative;box-shadow:0 2px 12px #0003}.page-card.tight{padding:0}.page-section-title,.page-label{color:#9ca3af;font-size:13px;font-weight:600}.page-hint{color:#6b7280;font-size:12px}.page-message{text-align:center;color:#9ca3af;width:100%;padding:28px 16px}.page-btn-primary{color:#1a1a1a;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:14px 16px;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex}.page-btn-primary:disabled{opacity:.5;cursor:not-allowed}.page-btn-primary:active:not(:disabled){transform:scale(.98)}.page-btn-secondary{color:#e0e0e0;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:44px;padding:12px 16px;font-size:14px;transition:all .2s;display:inline-flex}.page-input{color:#e0e0e0;background:#1e2436;border:2px solid #374151;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .2s}.page-input:focus{border-color:#f59e0b}.page-input::placeholder{color:#ffffff40}@media (width>=768px){.page-shell{--page-gutter:24px;--page-content-max:600px;--page-section-gap:18px;--page-card-padding:20px;--page-bottom-space:24px}}.card-3d-wrapper{perspective:600px;cursor:default;flex-shrink:0;width:clamp(36px,10vw,56px);height:clamp(54px,15vw,84px);transition:transform .3s;animation:.3s ease-out both cardEnter}@keyframes cardEnter{0%{opacity:0;transform:translateY(-20px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.card-3d-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.face-down .card-3d-inner{transform:rotateY(180deg)}.card-face{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:clamp(3px,.8vw,5px);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 3px #0000004d,0 0 0 1px #0000001a,inset 0 1px #fffc}.card-back-face{background:repeating-linear-gradient(45deg,#1a237e,#1a237e 4px,#283593 4px 8px);border-radius:clamp(3px,.8vw,5px);position:absolute;inset:0;box-shadow:0 1px 3px #0000004d,0 0 0 1px #0003}.card-back-face:after{content:"♠";color:#fff3;border:1px solid #ffffff26;border-radius:2px;justify-content:center;align-items:center;font-size:clamp(10px,3vw,18px);display:flex;position:absolute;inset:4px}.card-corner-tl{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute;top:2px;left:3px}.card-corner-br{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute;bottom:2px;right:3px;transform:rotate(180deg)}.corner-rank{font-size:clamp(8px,2.2vw,12px);font-weight:800;line-height:1}.corner-suit{font-size:clamp(6px,1.6vw,9px);line-height:1}.red{color:#d32f2f}.black{color:#1a1a1a}.card-center{flex-wrap:wrap;place-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:20% 15%}.center-suit{text-align:center;width:50%;font-size:clamp(7px,2vw,11px);line-height:1}.layout-A .center-suit{width:100%;font-size:clamp(14px,4vw,22px)}.face-letter{opacity:.9;color:inherit;font-family:Georgia,Times New Roman,serif;font-size:clamp(14px,4vw,22px);font-weight:900;line-height:1}.face-suit{opacity:.7;font-size:clamp(6px,1.6vw,9px);position:absolute}.face-suit.tl{top:2px;left:3px}.face-suit.tr{top:2px;right:3px}.face-suit.bl{bottom:2px;left:3px}.face-suit.br{bottom:2px;right:3px}.layout-2 .center-suit:first-child{align-self:flex-start}.layout-2 .center-suit:nth-child(2){align-self:flex-end;transform:rotate(180deg)}.layout-3 .center-suit:first-child{align-self:flex-start}.layout-3 .center-suit:nth-child(2){align-self:center}.layout-3 .center-suit:nth-child(3){align-self:flex-end;transform:rotate(180deg)}.layout-4 .center-suit{align-self:flex-start}.layout-4 .center-suit:nth-child(3),.layout-4 .center-suit:nth-child(4){align-self:flex-end;transform:rotate(180deg)}.layout-5 .center-suit:first-child,.layout-5 .center-suit:nth-child(2){align-self:flex-start}.layout-5 .center-suit:nth-child(3){align-self:center;width:100%}.layout-5 .center-suit:nth-child(4),.layout-5 .center-suit:nth-child(5){align-self:flex-end;transform:rotate(180deg)}.layout-6 .center-suit:first-child,.layout-6 .center-suit:nth-child(2),.layout-6 .center-suit:nth-child(3){align-self:flex-start}.layout-6 .center-suit:nth-child(4),.layout-6 .center-suit:nth-child(5),.layout-6 .center-suit:nth-child(6){align-self:flex-end;transform:rotate(180deg)}.layout-7 .center-suit:first-child,.layout-7 .center-suit:nth-child(2),.layout-7 .center-suit:nth-child(3){align-self:flex-start}.layout-7 .center-suit:nth-child(4){align-self:center;width:100%;font-size:clamp(5px,1.4vw,8px)}.layout-7 .center-suit:nth-child(5),.layout-7 .center-suit:nth-child(6),.layout-7 .center-suit:nth-child(7){align-self:flex-end;transform:rotate(180deg)}.layout-8 .center-suit:first-child,.layout-8 .center-suit:nth-child(2),.layout-8 .center-suit:nth-child(3){align-self:flex-start}.layout-8 .center-suit:nth-child(4),.layout-8 .center-suit:nth-child(5){align-self:center}.layout-8 .center-suit:nth-child(6),.layout-8 .center-suit:nth-child(7),.layout-8 .center-suit:nth-child(8){align-self:flex-end;transform:rotate(180deg)}.layout-9 .center-suit:first-child,.layout-9 .center-suit:nth-child(2),.layout-9 .center-suit:nth-child(3){align-self:flex-start}.layout-9 .center-suit:nth-child(4),.layout-9 .center-suit:nth-child(5),.layout-9 .center-suit:nth-child(6){align-self:center}.layout-9 .center-suit:nth-child(7),.layout-9 .center-suit:nth-child(8),.layout-9 .center-suit:nth-child(9){align-self:flex-end;transform:rotate(180deg)}.layout-10 .center-suit:first-child,.layout-10 .center-suit:nth-child(2),.layout-10 .center-suit:nth-child(3),.layout-10 .center-suit:nth-child(4){align-self:flex-start}.layout-10 .center-suit:nth-child(5),.layout-10 .center-suit:nth-child(6){align-self:center}.layout-10 .center-suit:nth-child(7),.layout-10 .center-suit:nth-child(8),.layout-10 .center-suit:nth-child(9),.layout-10 .center-suit:nth-child(10){align-self:flex-end;transform:rotate(180deg)}.winning-card{animation:.6s ease-in-out infinite alternate winPulse}@keyframes winPulse{0%{filter:brightness()drop-shadow(0 0 #0000)}to{filter:brightness(1.15)drop-shadow(0 0 8px #ffd70099)}}.active-glow .card-face{box-shadow:0 0 12px #f59e0b66,0 0 24px #f59e0b33,0 1px 3px #0000004d}.peekable{cursor:grab}.peekable:hover{transform:translateY(-4px)}.peeking{cursor:grabbing;z-index:10}.peeked{opacity:.7}.dealing{animation:.4s ease-out both dealCard}@keyframes dealCard{0%{opacity:0;transform:translateY(-40px)rotate(-10deg)scale(.5)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}