.ngau-screen{color:#f5f1e8;z-index:0;--hand-card-w:clamp(50px,15vw,66px);--hand-gap:clamp(.5rem,2.2vw,.65rem);background:radial-gradient(circle at 12% 8%,#ffffff14,#0000 45%),radial-gradient(circle at 85% 20%,#ffd6a514,#0000 50%),linear-gradient(#1b1b1f 0%,#141416 100%);flex-direction:column;gap:clamp(.75rem,2.8vw,1.5rem);min-height:100dvh;padding:clamp(.75rem,3vw,1.5rem) clamp(.75rem,4vw,1.5rem) clamp(1rem,4vw,2rem);transition:background .4s,color .4s;display:flex;position:relative;overflow:hidden}.ngau-screen:before{content:"";background:inherit;z-index:-1;pointer-events:none;position:fixed;inset:0}.ngau-screen.cny-red{background:radial-gradient(circle at 12% 8%,#ffffff14,#0000 45%),radial-gradient(circle at 85% 20%,#ffd6a51f,#0000 50%),linear-gradient(#7a0b0b 0%,#3b0505 100%)}.ngau-screen.cny-red .ngau-drawer{background:#6e0c0cfa}.ngau-topbar{grid-template-columns:56px 1fr 56px;align-items:center;gap:.5rem;display:grid}.ngau-menu{color:#f5f1e8;letter-spacing:.12em;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:auto;height:auto;padding:clamp(.4rem,1.8vw,.6rem);font-size:.85rem;display:inline-flex}.ngau-title{text-align:center;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.9rem,3.2vw,1.1rem)}.ngau-status{text-align:center;opacity:.9;font-size:clamp(.8rem,3vw,.95rem);line-height:1.3}.ngau-hint-banner{z-index:40;color:#111827;letter-spacing:.01em;opacity:0;pointer-events:none;background:#f5f5f5f5;border:1px solid #0000001f;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;max-width:min(280px,80vw);padding:.6rem .9rem;font-size:clamp(.8rem,3vw,.95rem);transition:transform .25s,opacity .25s;display:flex;position:fixed;top:clamp(.75rem,3vw,1.25rem);right:clamp(.75rem,4vw,1.5rem);transform:translateY(-120%);box-shadow:0 8px 18px #0003}.ngau-hint-banner.open{opacity:1;pointer-events:auto;transform:translateY(0)}.ngau-hint-close{color:#111827;cursor:pointer;background:0 0;border:none;font-size:1.1rem;line-height:1}.ngau-status strong{margin-bottom:.35rem;font-size:clamp(1rem,4vw,1.2rem);display:block}.ngau-card-grid{--row-gap:clamp(.5rem,2.2vw,.75rem);--card-zone-gap:clamp(.5rem,2.2vh,1.25rem);width:calc(3*var(--hand-card-w) + 2*var(--row-gap));max-width:100%;margin:var(--card-zone-gap)auto;flex-direction:column;align-items:center;gap:clamp(.5rem,2.2vw,.75rem);display:flex}.ngau-card-row{gap:var(--row-gap);justify-content:center;display:flex}.ngau-slot{width:var(--slot-w,var(--hand-card-w));aspect-ratio:5/7;background:#ffffff05;border:1px solid #ffffff4d;border-radius:clamp(10px,3vw,12px);flex-direction:column;justify-content:center;align-items:center;gap:.2rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff0a}.ngau-card-row:first-child .ngau-slot{--slot-w:calc((3*var(--hand-card-w) + var(--row-gap))/2)}.ngau-card-row:first-child .ngau-rank{font-size:clamp(1.4rem,5.4vw,1.75rem)}.ngau-card-row:first-child .ngau-suit{font-size:clamp(1.3rem,5vw,1.6rem)}.ngau-slot.filled{background:#ffffff14;box-shadow:0 6px 16px #00000059}.ngau-slot.swipe-remove,.ngau-hand-card.swipe-remove,.ngau-hand-card-ghost.swipe-remove{animation:.22s forwards ngauSwipeRemove}@keyframes ngauSwipeRemove{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)scale(.98)}}.ngau-hand{width:calc(5*var(--hand-card-w) + 4*var(--hand-gap));max-width:100%;margin:0 auto;margin-top:var(--card-zone-gap);flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,2.2vw,.65rem);display:flex}.ngau-bottom{flex-direction:column;align-items:center;gap:clamp(.5rem,2vw,.75rem);margin-top:0;margin-bottom:clamp(4rem,5vw,2rem);display:flex}.ngau-hand-card{width:var(--hand-card-w);cursor:pointer;touch-action:pan-y;background:#ffffff14;border:1px solid #ffffff2e;border-radius:clamp(12px,3.5vw,14px);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;height:clamp(72px,20vw,92px);transition:transform .2s,border .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 6px 16px #00000059}.ngau-hand-card-ghost{pointer-events:none;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex;position:absolute;inset:0}.ngau-hand-card.empty{cursor:default;background:#ffffff05;border:1px solid #ffffff4d;box-shadow:inset 0 0 0 1px #ffffff0a}.ngau-rank{color:#f5f1e8;font-size:clamp(1rem,4.2vw,1.25rem);font-weight:700}.ngau-rank.red{color:#ef4444}.ngau-suit{opacity:.9;font-size:clamp(.95rem,3.8vw,1.2rem)}.ngau-suit.red{color:#ef4444}.ngau-panel{width:calc(5*var(--hand-card-w) + 4*var(--hand-gap));background:#ffffff14;border-radius:clamp(16px,4vw,20px);flex-direction:column;gap:clamp(.5rem,2.2vw,.75rem);max-width:100%;margin:0 auto;padding:clamp(.6rem,2.8vw,1rem);display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.ngau-keypad{--key-size:clamp(38px,10vw,44px);--key-height:clamp(38px,10vw,44px);grid-template-columns:repeat(5,max-content);justify-content:center;justify-items:center;gap:clamp(.45rem,2vw,.6rem);width:100%;display:grid}.ngau-ad-placeholder{color:#f5f1e8cc;text-align:center;letter-spacing:.02em;background:#ffffff0a;border:1px dashed #ffffff40;border-radius:14px;place-items:center;min-height:72px;margin-top:.75rem;font-size:.85rem;display:grid}.ngau-key{color:#111827;background:#e5e7eb;border:none;border-radius:clamp(10px,3vw,12px);width:clamp(38px,10vw,44px);height:clamp(38px,10vw,44px);font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 12px #00000040}.ngau-key:active{transform:translateY(2px);box-shadow:0 3px 6px #00000040}.ngau-key.selected{color:#f9fafb;background:#111827}.ngau-key-row-center{grid-area:3/1/auto/span 3;justify-content:center;align-items:center;gap:clamp(.45rem,2vw,.6rem);width:100%;display:flex}.ngau-key-gap{grid-area:3/4;width:clamp(38px,10vw,44px);height:clamp(38px,10vw,44px)}.ngau-key-trash{grid-area:3/5;justify-self:center}.ngau-key-trigger{border:none;border-radius:12px;font-size:1rem;font-weight:700}.ngau-trash{width:var(--key-size,44px);height:var(--key-height,44px);color:#fca5a5;background:#3f1d1d;border:none;border-radius:clamp(10px,3vw,12px);justify-content:center;align-items:center;font-size:1.1rem;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 6px 12px #00000040}.ngau-trash:active{background:#4b2121;transform:translateY(2px);box-shadow:0 3px 6px #00000040}.ngau-confetti-canvas{pointer-events:none;z-index:35;position:fixed;inset:0}.ngau-overlay{opacity:0;pointer-events:none;z-index:40;background:#0000008c;transition:opacity .35s;position:fixed;inset:0}.ngau-overlay.open{opacity:1;pointer-events:auto}.ngau-ad-overlay{opacity:0;pointer-events:none;z-index:60;background:#0009;transition:opacity .25s;position:fixed;inset:0}.ngau-ad-overlay.open{opacity:1;pointer-events:auto}.ngau-ad-modal{opacity:0;pointer-events:none;z-index:70;background:#16161afa;border-radius:18px;width:min(320px,88vw);padding:1rem;transition:opacity .25s,transform .25s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.98);box-shadow:0 20px 50px #00000073}.ngau-modal-scroll{scrollbar-width:thin;scrollbar-color:#f5f1e880 transparent;max-height:min(520px,80vh);overflow:auto}.ngau-modal-scroll::-webkit-scrollbar{width:8px}.ngau-modal-scroll::-webkit-scrollbar-track{background:0 0}.ngau-modal-scroll::-webkit-scrollbar-thumb{background-color:#f5f1e873;background-clip:content-box;border:2px solid #0000;border-radius:999px}.ngau-ad-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.ngau-ad-modal-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.ngau-ad-modal-header h2{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1rem}.ngau-ad-modal-close{color:#f5f1e8;cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1}.ngau-ad-slot{color:#f5f1e8cc;text-align:center;background:#ffffff0a;border:1px dashed #fff3;border-radius:14px;place-items:center;min-height:180px;font-size:.85rem;display:grid}.ngau-tutorial-list{color:#f5f1e8d9;gap:.4rem;margin:0 0 .75rem 1.1rem;padding:0;font-size:.9rem;display:grid}.ngau-inline-icon{vertical-align:middle;align-items:center;margin-left:.35rem;display:inline-flex}.ngau-tutorial-title{letter-spacing:.04em;text-transform:uppercase;color:#f5f1e8e6;margin:0 0 .4rem;font-size:.9rem;font-weight:700}.ngau-tutorial-block{margin-bottom:.75rem}.ngau-tutorial-links{gap:.4rem;display:grid}.ngau-tutorial-links a{color:#f5f1e8;text-underline-offset:4px;font-size:.9rem;text-decoration:underline}.ngau-tutorial-links a:hover{color:#f97316}.ngau-drawer{z-index:50;background:#16161afa;flex-direction:column;gap:clamp(1rem,4vw,1.5rem);width:70vw;height:100dvh;padding:clamp(1rem,4vw,1.5rem);transition:transform .35s cubic-bezier(.22,.75,.2,1),background .35s,box-shadow .35s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:12px 0 30px #00000059}.ngau-drawer-footer{flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.ngau-footer-link{color:#f5f1e88c;font-size:.85rem;text-decoration:none}.ngau-footer-link:hover{color:#f5f1e8cc;text-underline-offset:3px;text-decoration:underline}.ngau-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ngau-footer-row .ngau-footer-link:last-child{text-align:right;margin:0}.ngau-drawer.open{transform:translate(0)}.ngau-drawer-header{justify-content:space-between;align-items:center;display:flex}.ngau-drawer-header h2{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(1rem,4vw,1.2rem)}.ngau-drawer-close{color:#f5f1e8;cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1}.ngau-toggle{justify-content:space-between;align-items:center;gap:1rem;font-size:clamp(.9rem,3.2vw,1rem);display:flex}.ngau-toggle select{color:#f5f1e8;background:#ffffff14;border:1px solid #fff3;border-radius:10px;padding:.35rem .6rem;font-size:.9rem}.ngau-toggle select option{color:#f5f1e8;background:#111113}.ngau-divider{background:#ffffff1f;border:none;height:1px;margin:.5rem 0}.ngau-luck-link{color:#f5f1e8;text-underline-offset:4px;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.95rem;text-decoration:underline;display:block}.ngau-luck-link:hover{color:#f97316}.ngau-section h3{letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin:0;font-size:clamp(.85rem,3vw,.95rem)}.ngau-section>.ngau-toggle,.ngau-section .ngau-luck-link{margin-top:.75rem}.ngau-section-items{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.ngau-toggle input{opacity:0;width:0;height:0;position:absolute}.ngau-toggle-slider{background:#fff3;border-radius:999px;width:46px;height:26px;transition:background .2s;position:relative}.ngau-toggle-slider:after{content:"";background:#f5f1e8;border-radius:999px;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.ngau-toggle input:checked+.ngau-toggle-slider{background:#f97316}.ngau-toggle input:checked+.ngau-toggle-slider:after{transform:translate(20px)}@media (min-width:640px){.ngau-screen{max-width:420px;margin:0 auto}.ngau-drawer{width:min(320px,42vw);padding:1rem}.ngau-drawer-header h2{font-size:1rem}.ngau-toggle{font-size:.95rem}}