@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&family=Plus+Jakarta+Sans:wght@400;500;700;800&family=Noto+Sans+KR:wght@400;500;700;900&display=swap";:root{--bg-casino-dark:#07080a;--board-felt-green:radial-gradient(ellipse at 50% 45%, #185a3a 0%, #0e3d26 55%, #051c11 100%);--wood-bezel:linear-gradient(135deg, #422513 0%, #2b180d 50%, #150903 100%);--gold-metallic:linear-gradient(135deg, #ffea9f 0%, #d4af37 50%, #8c6710 100%);--color-gold:gold;--color-gold-bright:#ffe600;--color-gold-glow:#ffd70080;--font-display:"Outfit", "Noto Sans KR", sans-serif;--font-body:"Plus Jakarta Sans", "Noto Sans KR", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{background-color:var(--bg-casino-dark);color:#f8f9fa;width:100%;height:100vh;max-height:100vh;font-family:var(--font-body);overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.items-center{align-items:center}.items-start{align-items:flex-start}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.shrink-0{flex-shrink:0}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-base{font-size:16px;line-height:24px}.text-lg{font-size:18px;line-height:28px}.text-xl{font-size:20px;line-height:28px}.text-2xl{font-size:24px;line-height:32px}.text-3xl{font-size:30px;line-height:36px}.text-4xl{font-size:36px;line-height:40px}.text-5xl{font-size:48px;line-height:1}.text-7xl{font-size:72px;line-height:1}.text-8xl{font-size:96px;line-height:1}.text-9xl{font-size:128px;line-height:1}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-neutral-100{color:#f5f5f5}.text-neutral-200{color:#e5e5e5}.text-neutral-300{color:#d4d4d4}.text-neutral-400{color:#a3a3a3}.text-neutral-500{color:#737373}.text-neutral-600{color:#525252}.text-yellow-300{color:#fde047}.text-yellow-400{color:#facc15}.text-yellow-500{color:#eab308}.text-amber-200{color:#fde68a}.text-amber-300{color:#fcd34d}.text-amber-400{color:#fbbf24}.text-rose-300{color:#fda4af}.text-rose-400{color:#fb7185}.text-rose-500{color:#f43f5e}.text-red-500{color:#ef4444}.text-emerald-300{color:#6ee7b7}.text-emerald-400{color:#34d399}.text-emerald-500{color:#10b981}.text-cyan-300{color:#67e8f9}.text-cyan-400{color:#22d3ee}.text-pink-500{color:#ec4899}.text-white{color:#fff}.text-black{color:#000}.bg-neutral-900{background-color:#171717}.bg-neutral-950{background-color:#0a0a0a}.bg-amber-950{background-color:#451a03}.bg-emerald-950{background-color:#022c22}.bg-rose-950{background-color:#4c0519}.bg-cyan-950{background-color:#083344}.bg-black{background-color:#000}.bg-amber-950\/80{background-color:#451a03cc}.bg-amber-950\/90{background-color:#451a03e6}.bg-neutral-900\/40{background-color:#17171766}.bg-neutral-950\/40{background-color:#0a0a0a66}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/85{background-color:#000000d9}.bg-black\/90{background-color:#000000e6}.rounded{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.border{border-style:solid;border-width:1px}.border-2{border-style:solid;border-width:2px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-t{border-top-style:solid;border-top-width:1px}.border-l{border-left-style:solid;border-left-width:1px}.border-neutral-700{border-color:#404040}.border-neutral-800{border-color:#262626}.border-neutral-900{border-color:#171717}.border-yellow-500{border-color:#eab308}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/40{border-color:#f59e0b66}.border-yellow-500\/30{border-color:#eab3084d}.border-yellow-500\/40{border-color:#eab30866}.border-cyan-500\/30{border-color:#06b6d44d}.border-rose-500{border-color:#f43f5e}.border-rose-500\/50{border-color:#f43f5e80}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-500\/50{border-color:#10b98180}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.p-1{padding:4px}.p-1\.5{padding:6px}.p-2{padding:8px}.p-2\.5{padding:10px}.p-3{padding:12px}.p-3\.5{padding:14px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.px-1{padding-left:4px;padding-right:4px}.px-1\.5{padding-left:6px;padding-right:6px}.px-2{padding-left:8px;padding-right:8px}.px-2\.5{padding-left:10px;padding-right:10px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.px-8{padding-left:32px;padding-right:32px}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-1\.5{padding-top:6px;padding-bottom:6px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.gap-0\.5{gap:2px}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-2\.5{gap:10px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mt-0\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-1\.5{margin-top:6px}.mt-2{margin-top:8px}.mx-auto{margin-left:auto;margin-right:auto}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-5xl{max-width:1024px}@media (width>=640px){.sm\:inline{display:inline!important}.sm\:flex{display:flex!important}}.hangame-logo-img{border-radius:6px;object-fit:contain!important;flex-shrink:0!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important}.hangame-navbar{z-index:30;background:linear-gradient(#1b1c23 0%,#101115 100%);border-bottom:1.5px solid #e5b85a59;justify-content:space-between;align-items:center;height:44px;padding:0 12px;display:flex;box-shadow:0 4px 15px #000000b3}.hangame-app-container{background:#090a0d;grid-template-rows:44px 1fr;width:100vw;height:100vh;max-height:100vh;display:grid;overflow:hidden}.hangame-lobby-container{flex-direction:column;gap:8px;width:100%;max-width:1100px;height:100%;margin:0 auto;padding:8px 12px;display:flex;overflow:hidden}.tazza-lobby-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:4px;display:grid;overflow-y:auto}.lobby-filter-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;height:28px;padding:3px 10px;font-size:11px;font-weight:700;display:flex}.hangame-table-container{background:radial-gradient(circle at 50% 30%,#151720 0%,#060709 100%);grid-template-rows:1.15fr 1.7fr 1.35fr;gap:6px;height:calc(100vh - 44px);max-height:calc(100vh - 44px);padding:6px 10px;display:grid;overflow:hidden}.hangame-tier-panel{background:linear-gradient(#191b24f5 0%,#0d0e14fa 100%);border:1px solid #e5b85a47;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;display:flex;overflow:hidden;box-shadow:0 4px 18px #0009}.hangame-center-felt{background:var(--board-felt-green);border:3px solid #dfac42;border-radius:14px;justify-content:space-between;align-items:center;padding:8px 14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #000000e6,0 10px 35px #000000bf}.hangame-center-felt:before{content:"";opacity:.15;pointer-events:none;background-image:radial-gradient(#fff 1px,#0000 0);background-size:6px 6px;width:100%;height:100%;position:absolute;top:0;left:0}.hwatu-pro-card{aspect-ratio:100/155;background:#fffcf5;border:1.8px solid #b91c1c;border-radius:6px;transition:transform .16s cubic-bezier(.175,.885,.32,1.275),box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 14px #000000a6,0 1px 3px #0006}.hwatu-pro-card.size-sm{width:clamp(28px,3.5vw,42px);height:calc(1.55*clamp(28px,3.5vw,42px))}.hwatu-pro-card.size-md{width:clamp(40px,4.8vw,58px);height:calc(1.55*clamp(40px,4.8vw,58px))}.hwatu-pro-card.size-lg{width:clamp(50px,6.2vw,76px);height:calc(1.55*clamp(50px,6.2vw,76px))}.hwatu-pro-card.size-xl{width:clamp(58px,7.2vw,88px);height:calc(1.55*clamp(58px,7.2vw,88px))}.hwatu-pro-card:hover{z-index:25;transform:translateY(-10px)scale(1.1);box-shadow:0 12px 28px #000000d9,0 0 16px #ffd700b3}.hwatu-pro-card.selected-pro{z-index:35!important;border-color:gold!important;transform:translateY(-16px)scale(1.14)!important;box-shadow:0 0 24px gold,0 12px 30px #000000f2!important}.hwatu-pro-card.match-highlight-pro{animation:1.1s ease-in-out infinite goldMatchPulse;border-color:gold!important}@keyframes goldMatchPulse{0%,to{transform:scale(1);box-shadow:0 0 8px gold,inset 0 0 4px gold}50%{transform:scale(1.06);box-shadow:0 0 24px gold,0 0 36px gold,inset 0 0 8px gold}}.hwatu-card-front-frame{width:100%;height:100%;display:flex;position:relative}.hwatu-svg{width:100%;height:100%;display:block}.card-top-index{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:2px;left:2px;right:2px}.hwatu-back-surface{width:100%;height:100%;display:flex}.hwatu-back-frame{width:100%;height:100%}.hangame-eaten-rack{background:#0000008c;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:3px;min-height:64px;padding:3px 5px;display:grid}.eaten-category-slot{background:#ffffff0a;border:1px solid #ffffff12;border-radius:5px;flex-direction:column;justify-content:space-between;padding:2px 3px;display:flex;overflow:hidden}.eaten-category-header{justify-content:space-between;align-items:center;margin-bottom:2px;font-size:9.5px;font-weight:900;line-height:1;display:flex}.eaten-overlap-cards{align-items:center;gap:clamp(-20px,-2.4vw,-12px);display:flex}.hangame-scoreboard-led{background:linear-gradient(#180909 0%,#0b0303 100%);border:1.5px solid #ef444480;border-radius:8px;flex-direction:column;align-items:center;min-width:74px;padding:3px 8px;display:flex;box-shadow:0 0 15px #ef444440}.hangame-scoreboard-led.player-led{background:linear-gradient(#091710 0%,#040c08 100%);border-color:#10b98180;box-shadow:0 0 15px #10b98140}.btn-3d{font-family:var(--font-display);color:#fff;cursor:pointer;text-shadow:0 1px 2px #0009;white-space:nowrap;background:linear-gradient(#dc2626 0%,#991b1b 100%);border:1px solid #7f0000;border-bottom:3px solid #5f0000;border-radius:6px;padding:5px 12px;font-weight:800;transition:transform .12s,filter .12s;box-shadow:0 3px 8px #00000080}.btn-3d:hover{filter:brightness(1.12);transform:translateY(-2px)}.btn-3d:active{border-bottom:1px solid #5f0000;transform:translateY(2px)}.btn-3d-gold{color:#111;text-shadow:0 1px 1px #fff6;background:linear-gradient(gold 0%,#ca8a04 100%);border:1px solid #a16207;border-bottom:3px solid #713f12}.turn-active-glow{box-shadow:0 0 20px #ffd70073,inset 0 0 12px #ffd70033;border-color:gold!important}.avatar-circle{border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;display:flex}.indicator-light{border-radius:50%;width:8px;min-width:8px;height:8px;min-height:8px}.progress-container{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill-cyan{background:#0ff;height:100%}.progress-fill-yellow{background:gold;height:100%}.hwatu-card-empty{color:#777;border:1.5px dashed #fff3;border-radius:5px;justify-content:center;align-items:center;width:42px;height:65px;font-size:9px;display:flex}.ticker-container{background:#0a0b0fe6;border:1px solid #e5b85a4d;border-radius:5px;align-items:center;gap:5px;width:100%;padding:2px 6px;display:flex}.ticker-label{color:gold;white-space:nowrap;background:#e5b85a26;border:1px solid #e5b85a66;border-radius:3px;padding:1px 3px;font-size:8px;font-weight:900}.ticker-track{flex:1;height:14px;position:relative;overflow:hidden}.ticker-text{color:#fff;white-space:nowrap;font-size:10px;font-weight:700;position:absolute;top:0;left:0}.glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12141cd9;border:1px solid #e5b85a33;border-radius:10px}@keyframes screenShake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}}.apply-shake{animation:.5s ease-in-out infinite screenShake}@media (width<=767px){.hangame-tier-panel{flex-direction:column;align-items:stretch;gap:4px;padding:3px 6px}.hangame-table-container{grid-template-rows:auto 1fr auto;gap:4px;padding:4px 6px}.hangame-center-felt{padding:4px 8px}.tazza-lobby-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}}