:root{--bg-dark-casino:#080a0f;--board-felt-green:#08381e;--board-felt-emerald:#0c4d29;--gold-primary:#dfad32;--gold-light:#ffe680;--gold-dark:#aa7c11;--gold-border:#9b7216;--wood-dark:#1b1008;--red-matgo:#d32f2f;--blue-matgo:#1976d2}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark-casino);color:#f3f4f6;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,sans-serif;overflow-x:hidden}.global-header{z-index:50;background:linear-gradient(90deg,#1c202d 0%,#10131d 50%,#1c202d 100%);border-bottom:1.5px solid #dfad3273;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 clamp(8px,2vw,16px);display:flex;box-shadow:0 4px 15px #000000b3}.brand-logo-btn{cursor:pointer;color:inherit;background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;display:flex}.brand-icon-box{color:#111;background:linear-gradient(135deg,gold 0%,#d32f2f 100%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:flex;box-shadow:0 2px 6px #00000080}.brand-title-text{white-space:nowrap;background:linear-gradient(90deg,#ffe680,#dfad32,#ffeb99);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(12px,2vw,15px);font-weight:900}.brand-badge-pill{color:#ffb3b3;white-space:nowrap;background:#3b0d11;border:1px solid #ff4d4d;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:9px;font-weight:800}.header-user-stats{flex-shrink:0;align-items:center;gap:clamp(4px,1.5vw,8px);display:flex}.money-badge-pill{color:gold;cursor:pointer;white-space:nowrap;background:#000000a6;border:1px solid #ffd70073;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:3px clamp(6px,1vw,10px);font-size:clamp(10px,1.6vw,12px);font-weight:900;display:flex}.profile-pill-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#1e2230;border:1px solid #4a5568;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:3px clamp(6px,1vw,8px);font-size:clamp(10px,1.6vw,12px);font-weight:700;display:flex}.portrait-rotate-tip{color:#fff;text-align:center;z-index:40;background:linear-gradient(90deg,#b45309 0%,#d97706 100%);border-bottom:1px solid #fef08a;padding:4px 8px;font-size:11px;font-weight:800;animation:2s ease-in-out infinite pulseRotate;display:none}@media (orientation:portrait) and (width<=768px){.portrait-rotate-tip{justify-content:center;align-items:center;gap:6px;display:flex}}@keyframes pulseRotate{0%,to{opacity:1}50%{opacity:.85}}.lobby-main-wrap{flex-direction:column;flex:1;gap:clamp(14px,2.5vw,24px);width:100%;max-width:1400px;margin:0 auto;padding:clamp(12px,2.5vw,24px) clamp(8px,2vw,20px);display:flex;overflow-y:auto}.lobby-hero-banner{background:linear-gradient(135deg,#2b1704 0%,#121624 50%,#20080d 100%);border:2px solid #dfad32;border-radius:16px;flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px;padding:clamp(14px,2.5vw,24px);display:flex;box-shadow:0 15px 35px #000c,inset 0 0 30px #dfad3226}@media (width<=768px){.lobby-hero-banner{flex-direction:column;align-items:flex-start}}.hero-tag{color:#ff99a8;white-space:nowrap;background:#dc143c40;border:1px solid #f34;border-radius:20px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:900;display:inline-flex}.hero-title{word-break:keep-all;background:linear-gradient(90deg,#ffe680,#dfad32,#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:clamp(16px,3vw,24px);font-weight:900}.hero-desc{color:#cbd5e0;word-break:keep-all;font-size:clamp(11px,1.8vw,13px);line-height:1.4}.hero-btn-group{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title{color:gold;white-space:nowrap;align-items:center;gap:6px;font-size:clamp(14px,2.2vw,18px);font-weight:900;display:flex}.section-subtitle{color:#a0aec0;white-space:nowrap;font-size:11px}.channels-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(240px,45vw,300px),1fr));gap:clamp(10px,1.8vw,16px);display:grid}.arena-card{cursor:pointer;border:1.5px solid;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:150px;padding:clamp(12px,2vw,18px);transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 10px 25px #000000b3}.arena-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #000000e6,0 0 20px #ffd7004d}.arena-card.rookie{background:linear-gradient(145deg,#092c18 0%,#06170d 100%);border-color:#2e7d32}.arena-card.veteran{background:linear-gradient(145deg,#3d2406 0%,#1a0f02 100%);border-color:#dfad32}.arena-card.highroller{background:linear-gradient(145deg,#420a10 0%,#1f0407 100%);border-color:#d32f2f}.arena-card.legend{background:linear-gradient(145deg,#2d0b3f 0%,#15031f 100%);border-color:#9c27b0}.arena-card.locked{opacity:.55;filter:grayscale(.8);cursor:not-allowed}.arena-top-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.arena-badge{color:gold;background:#0009;border:1px solid #ffd70059;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:900}.arena-stake{color:#e2e8f0;font-size:11px;font-weight:700}.arena-stake-val{color:gold;font-weight:900}.arena-name{color:#fff;margin-bottom:3px;font-size:clamp(15px,2.2vw,18px);font-weight:900}.arena-desc{color:#cbd5e0;margin-bottom:10px;font-size:11px;line-height:1.3}.arena-footer{color:#a0aec0;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding-top:8px;font-size:10.5px;display:flex}.arena-action-text{color:gold;align-items:center;gap:3px;font-weight:900;display:flex}.tazza-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(120px,28vw,170px),1fr));gap:clamp(8px,1.5vw,12px);display:grid}.tazza-card{text-align:center;cursor:pointer;background:linear-gradient(#181d2c 0%,#0d101a 100%);border:1.5px solid #2d3748;border-radius:12px;flex-direction:column;align-items:center;padding:10px 6px;transition:all .2s;display:flex}.tazza-card:hover{border-color:gold;transform:translateY(-4px);box-shadow:0 10px 20px #000c,0 0 12px #ffd7004d}.tazza-avatar-circle{background:#111420;border:2px solid #ffd70080;border-radius:50%;justify-content:center;align-items:center;width:clamp(38px,6vw,50px);height:clamp(38px,6vw,50px);margin-bottom:6px;font-size:clamp(18px,3.5vw,24px);display:flex;box-shadow:0 4px 10px #00000080}.tazza-name{color:#fff;white-space:nowrap;margin-bottom:2px;font-size:clamp(11px,1.8vw,13px);font-weight:900}.tazza-title{color:#dfad32;white-space:nowrap;margin-bottom:6px;font-size:clamp(9px,1.5vw,11px);font-weight:700}.tazza-challenge-btn{color:#e2e8f0;white-space:nowrap;background:#1a202c;border:1px solid #4a5568;border-radius:4px;padding:2px 10px;font-size:10px;font-weight:800}.hangame-table-container{box-sizing:border-box;flex-direction:column;gap:3px;width:100%;max-width:1500px;height:calc(100dvh - 44px);max-height:calc(100dvh - 44px);margin:0 auto;padding:3px 6px;display:flex;overflow:hidden}.hangame-opp-dashboard{background:linear-gradient(#181b28 0%,#0e111a 100%);border:1.5px solid #dfad3259;border-radius:10px;flex-direction:column;flex:0 0 27%;justify-content:space-between;min-height:0;padding:4px 8px;display:flex;overflow:hidden;box-shadow:inset 0 0 20px #000c,0 4px 15px #0009}.hangame-center-felt{background:url(/assets/casino_felt_table.jpg) center center / cover no-repeat, var(--board-felt-green);border:2px solid #dfad32;border-radius:12px;flex:0 0 46%;justify-content:space-between;align-items:center;min-height:0;padding:6px 10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #000000e6,0 8px 30px #000000bf}.hangame-player-dashboard{background:linear-gradient(#0e111a 0%,#181b28 100%);border:1.5px solid #dfad3273;border-radius:10px;flex-direction:column;flex:0 0 27%;justify-content:space-between;min-height:0;padding:4px 8px;display:flex;overflow:hidden;box-shadow:inset 0 0 25px #000c,0 -4px 15px #0009}.card-stack-row{flex-wrap:nowrap;justify-content:flex-end;align-items:center;display:flex;overflow:visible}@media (width<=600px){.card-stack-row .hwatu-pro-card+.hwatu-pro-card{margin-left:-14px}}@media (width>=601px) and (width<=900px){.card-stack-row .hwatu-pro-card+.hwatu-pro-card{margin-left:-8px}}@media (width>=901px){.card-stack-row .hwatu-pro-card+.hwatu-pro-card{margin-left:4px}}.side-status-board{z-index:10;background:#0c0f18f2;border:1.5px solid #dfad32;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:clamp(90px,14vw,125px);padding:4px 6px;display:flex;box-shadow:0 6px 20px #000000e6}.multiplier-badge-large{color:#1a0800;white-space:nowrap;background:linear-gradient(gold 0%,#f80 100%);border:1px solid #fff;border-radius:5px;padding:2px 6px;font-size:clamp(10px,1.5vw,12px);font-weight:900;box-shadow:0 2px 6px #f809}.game-ticker-box{color:#ffea79;text-align:center;word-break:keep-all;background:#000000d9;border:1px solid #ffd70059;border-radius:5px;max-width:clamp(90px,15vw,130px);padding:3px 5px;font-size:clamp(8.5px,1.3vw,10.5px);font-weight:700;line-height:1.25}.floor-grid-wrap{flex:1;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(4,auto);place-content:center;gap:clamp(4px,1vw,8px);max-width:820px;height:100%;margin:0 auto;padding:0 clamp(4px,1.2vw,10px);display:grid;overflow:hidden}.captured-row-wrap{scrollbar-width:none;background:#00000073;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;display:flex;overflow-x:auto}.captured-row-wrap::-webkit-scrollbar{display:none}.captured-label{color:#dfad32;white-space:nowrap;flex-shrink:0;font-size:clamp(9px,1.3vw,11px);font-weight:800}.dashboard-user-bar{justify-content:space-between;align-items:center;gap:6px;display:flex}.user-profile-left{flex-shrink:0;align-items:center;gap:clamp(4px,1vw,8px);display:flex}.user-avatar-box{background:#111420;border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(28px,4.5vw,38px);height:clamp(28px,4.5vw,38px);font-size:clamp(14px,2.2vw,18px);display:flex}.user-avatar-box.opp{border-color:#d32f2f}.user-avatar-box.player{border-color:#dfad32}.user-meta-name{color:#fff;white-space:nowrap;align-items:center;gap:3px;font-size:clamp(10px,1.5vw,12px);font-weight:900;display:flex}.user-meta-title{color:#dfad32;white-space:nowrap;background:#00000080;border:1px solid #ffd7004d;border-radius:3px;padding:1px 3px;font-size:8.5px;font-weight:700}.user-meta-money{color:#cbd5e0;white-space:nowrap;font-size:clamp(9px,1.3vw,10.5px);font-weight:700}.score-led-box{text-align:right;background:#000000d9;border:1px solid #ffd70066;border-radius:6px;flex-shrink:0;padding:2px clamp(4px,1vw,8px)}.score-led-title{color:#a0aec0;white-space:nowrap;font-size:8.5px;font-weight:800}.score-led-val{color:gold;white-space:nowrap;font-family:monospace;font-size:clamp(11px,1.8vw,15px);font-weight:900}.btn-3d{cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #0009;white-space:nowrap;word-break:keep-all;border:none;border-radius:6px;outline:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;transition:all .12s;display:inline-flex}.btn-3d:active{transform:translateY(2px)}.btn-3d-gold{color:#211200;background:linear-gradient(#ffe680 0%,#dfad32 60%,#aa7c11 100%);border:1px solid #fff5cc;box-shadow:0 3px #6b4d08,0 5px 10px #00000080}.btn-3d-gold:active{box-shadow:0 1px #6b4d08,0 2px 4px #00000080}.btn-3d-red{color:#fff;background:linear-gradient(#ff5252 0%,#d32f2f 60%,#880e4f 100%);border:1px solid #ff8a80;box-shadow:0 3px #4a0404,0 5px 10px #00000080}.btn-3d-red:active{box-shadow:0 1px #4a0404,0 2px 4px #00000080}.hwatu-pro-card{aspect-ratio:100/155;-webkit-user-select:none;user-select:none;cursor:pointer;background:#111;border-radius:4px;flex-shrink:0;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s,margin .15s;position:relative;box-shadow:0 3px 8px #000000b3,0 1px 2px #000000e6}.hwatu-pro-card.size-sm{width:clamp(24px,3.8vw,38px)}.hwatu-pro-card.size-md{width:clamp(34px,5.2vw,54px)}.hwatu-pro-card.size-lg{width:clamp(46px,6.8vw,70px)}@media (width>=1200px){.hwatu-pro-card.size-sm{width:40px}.hwatu-pro-card.size-md{width:56px}.hwatu-pro-card.size-lg{width:72px}}@media (height<=500px){.hwatu-pro-card.size-sm{width:22px}.hwatu-pro-card.size-md{width:32px}.hwatu-pro-card.size-lg{width:42px}}.hwatu-pro-card:hover{z-index:30;transform:translateY(-8px)scale(1.12);box-shadow:0 8px 16px #000000f2,0 0 14px #ffd700cc}.hwatu-pro-card.selected-pro{z-index:40;border:1.5px solid #fff;transform:translateY(-12px)scale(1.15);box-shadow:0 0 18px gold,0 8px 16px #000000e6}.hwatu-pro-card.match-highlight-pro{z-index:15;animation:1.2s ease-in-out infinite goldMatchPulse}@keyframes goldMatchPulse{0%,to{transform:scale(1);box-shadow:0 0 5px gold,0 3px 8px #000000b3}50%{transform:scale(1.05);box-shadow:0 0 18px #ffe680,0 5px 14px #000000e6}}.hwatu-card-front-frame,.hwatu-back-surface{border-radius:4px;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.hwatu-real-img{object-fit:cover;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:contrast(1.06)brightness(1.02);display:block}.hwatu-sheen-overlay{pointer-events:none;background:linear-gradient(135deg,#ffffff59 0%,#ffffff0f 35%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:clamp(8px,3vw,16px);display:flex;position:fixed;inset:0}.gold-bevel-modal{background:linear-gradient(#181c2b 0%,#0d0f17 100%);border:2px solid #dfad32;border-radius:14px;flex-direction:column;width:100%;max-width:520px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000f2,0 0 30px #dfad324d}.gold-modal-header{background:linear-gradient(90deg,#2a1f0a 0%,#151824 50%,#2a1f0a 100%);border-bottom:1.5px solid #dfad3280;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.modal-tabs-bar{background:#090c14;border-bottom:1px solid #2d3748;flex-shrink:0;display:flex}.modal-tab-btn{color:#a0aec0;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 4px;font-size:clamp(10px,2vw,12px);font-weight:800}.modal-tab-btn.active{color:gold;background:#ffd70014;border-bottom-color:gold}.modal-body{flex-direction:column;gap:12px;padding:clamp(12px,2.5vw,18px);display:flex;overflow-y:auto}