.new-game-badge{display:inline-grid;place-items:center;padding:2px 5px;border:1px solid #ffd86a;border-radius:7px;background:linear-gradient(135deg,#e51631,#8c081c 50%,#d99d22);color:#fff2a3;font-size:7px!important;font-style:normal;font-weight:900;line-height:1;letter-spacing:.5px;box-shadow:0 0 10px #f12742,0 0 14px #e9b33d;animation:newBadgePulse 1.1s ease-in-out infinite}.game-dropdown summary .new-game-badge{margin-left:2px}.game-dropdown>div a .new-game-badge{float:right;margin-top:1px}.nav-new-link{display:inline-flex;align-items:center;gap:5px}.nav-new-link .new-game-badge{flex:0 0 auto}.mines-card,.blackjack-card,.bingo-card{position:relative;overflow:visible!important}.mines-card::after,.blackjack-card::after,.bingo-card::after{content:'NEW GAME';position:absolute;z-index:5;right:-7px;top:-8px;padding:6px 10px;border:1px solid #ffe181;border-radius:11px;background:linear-gradient(135deg,#e51936,#770713 52%,#daa326);color:#fff3a8;font-size:8px;font-weight:900;letter-spacing:1px;box-shadow:0 0 16px #f32040,0 0 22px #dca72e;animation:newBadgePulse 1.1s ease-in-out infinite}@keyframes newBadgePulse{0%,100%{transform:scale(1) rotate(-2deg);filter:brightness(1)}50%{transform:scale(1.14) rotate(2deg);filter:brightness(1.35)}}
.mine-reward-fly{position:fixed;z-index:2000;color:#ffe16d;font-family:"Black Han Sans";font-size:24px;font-weight:400;text-shadow:0 0 12px #f1b838,0 3px 5px #000;pointer-events:none;transform:translate(-50%,-50%);animation:rewardFly 1s ease-out forwards}@keyframes rewardFly{0%{opacity:0;transform:translate(-50%,-25%) scale(.7)}18%{opacity:1;transform:translate(-50%,-70%) scale(1.12)}100%{opacity:0;filter:blur(2px);transform:translate(-50%,-190%) scale(.9)}}
.bj-main{display:grid;grid-template-columns:minmax(540px,760px) 320px;gap:16px;max-width:1120px;margin:auto;padding:20px 24px 55px}.bj-table{position:relative;min-height:650px;overflow:hidden;border:8px solid #4a260d;border-radius:180px 180px 30px 30px;background:radial-gradient(ellipse at 50% 45%,#175f45,#073323 70%);box-shadow:inset 0 0 80px #0008,0 25px 60px #0009}.bj-table::before{content:'';position:absolute;inset:12px;border:1px solid #d5aa5545;border-radius:165px 165px 22px 22px}.bj-title{position:relative;text-align:center;padding-top:28px}.bj-title h1{margin:2px;color:#e8ca76;font-family:"Black Han Sans";font-size:42px;font-weight:400;letter-spacing:5px}.bj-seat{position:relative;z-index:2;text-align:center}.bj-seat small{color:#d9c48d;font-size:10px;font-weight:900;letter-spacing:2px}.bj-seat small b{display:inline-grid;place-items:center;min-width:30px;height:25px;margin-left:5px;border-radius:15px;background:#071b13;color:#ffe49b}.bj-hand{display:flex;justify-content:center;min-height:145px;margin-top:10px}.bj-card,.bj-placeholder{position:relative;display:block;width:90px;height:128px;margin-left:-20px;padding:9px;border:1px solid #ddd;border-radius:9px;background:#faf7ed;color:#16202a;font-style:normal;text-align:left;box-shadow:0 8px 16px #0008;animation:bjDeal .4s ease both}.bj-card:first-child,.bj-placeholder:first-child{margin-left:0}.bj-card b{display:block;font-size:20px}.bj-card em{font-size:20px;font-style:normal}.bj-card span{position:absolute;right:10px;bottom:7px;font-size:36px}.bj-card.red{color:#d52238}.bj-card.back,.bj-placeholder{display:grid;place-items:center;border:5px double #d5af50;background:repeating-linear-gradient(45deg,#17253b,#17253b 5px,#a21b30 6px,#a21b30 10px);color:#f7d774;font-size:29px}.bj-center{position:relative;margin:14px;text-align:center;color:#d2b76580;font-size:10px;font-weight:900;line-height:1.8;letter-spacing:3px}.bj-panel{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #d8ac4235;border-radius:22px;background:#110c08}.bj-panel small{display:block;margin-bottom:7px;color:#a99570;font-size:9px;font-weight:900}.bj-panel input{width:100%;padding:14px;border:1px solid #ffffff1a;border-radius:10px;background:#080605;color:#fff1c0;font-size:18px;font-weight:900}.bj-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.bj-quick button,.bj-actions button{padding:10px 3px;border:1px solid #ffffff18;border-radius:8px;background:#211a13;color:#d1bb88;font-weight:900}.bj-primary{height:58px;border:0;border-radius:13px;background:linear-gradient(145deg,#f9df86,#b97917);color:#1a0f04;font-size:15px;font-weight:900}.bj-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bj-actions button{height:75px;background:linear-gradient(145deg,#274f40,#11251e);color:#77eab9;font-size:16px}.bj-actions button:last-child{background:linear-gradient(145deg,#5d251d,#28100d);color:#ffad8e}.bj-actions button:disabled,.bj-primary:disabled{filter:grayscale(1);opacity:.35}.bj-panel p,.bj-panel details{color:#ad9b76;font-size:10px;line-height:1.6}.bj-panel p.bad{color:#ff6676}.bj-overlay{position:absolute;z-index:20;inset:0;display:grid;place-content:center;text-align:center;background:#020806e8;opacity:0;visibility:hidden;transition:.2s}.bj-overlay.show{opacity:1;visibility:visible}.bj-overlay strong{font-family:"궁서","Gungsuh",serif;font-size:80px;color:#ffd96e;text-shadow:0 0 25px #eeb83d}.bj-overlay.lose strong{color:#ff354c;text-shadow:0 0 25px #ff1735}.bj-overlay span{margin-top:14px;color:#f5e2af;font-size:15px;font-weight:900}@keyframes bjDeal{from{opacity:0;transform:translateY(-50px) rotate(8deg)}to{opacity:1;transform:none}}@media(max-width:900px){.bj-main{grid-template-columns:1fr}.bj-panel{max-width:700px;width:100%;margin:auto}}@media(max-width:560px){.bj-main{padding:10px 10px 70px}.bj-table{min-height:570px;border-width:5px}.bj-card,.bj-placeholder{width:72px;height:105px}.bj-title h1{font-size:31px}.bj-overlay strong{font-size:60px}}

/* Mobile navigation: fixed, fully tappable, dropdown opens above the bar. */
@media(max-width:620px){
  header nav{position:fixed!important;z-index:1200!important;left:0!important;right:0!important;bottom:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;height:60px!important;margin:0!important;overflow:visible!important;border-top:1px solid #e8ba5438!important;background:#0b0806f7!important;box-shadow:0 -8px 28px #0009!important;padding-bottom:env(safe-area-inset-bottom)}
  header nav>.game-dropdown{position:static!important;display:block!important;min-width:0!important}
  header nav>.game-dropdown>summary,header nav>a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:59px!important;padding:0 4px!important;border:0!important;font-size:10px!important;text-align:center!important;white-space:nowrap!important;touch-action:manipulation}
  header nav>.game-dropdown>summary{gap:3px!important;list-style:none!important}
  header nav>.game-dropdown>summary>span{display:none!important}
  header nav>.game-dropdown>summary .new-game-badge{position:absolute;top:4px;margin-left:44px;transform:scale(.8)}
  header nav>.game-dropdown>div{position:fixed!important;z-index:1300!important;left:8px!important;right:8px!important;top:auto!important;bottom:66px!important;width:auto!important;max-height:calc(100vh - 90px)!important;overflow-y:auto!important;padding:8px!important;border-radius:14px!important}
  header nav>.game-dropdown>div a{display:flex!important;justify-content:space-between!important;width:100%!important;height:auto!important;min-height:42px!important;padding:12px!important;text-align:left!important}
  header nav>a{position:relative!important;z-index:1!important;pointer-events:auto!important}
}

.global-back{position:fixed;z-index:1400;left:14px;top:88px;display:flex;align-items:center;gap:4px;padding:7px 11px;border:1px solid #e3b95766;border-radius:18px;background:#120c08df;color:#f1d27e;font-size:22px;line-height:1;box-shadow:0 6px 20px #0008;cursor:pointer}.global-back span{font-size:9px;font-weight:900}.seotda-card,.matgo-card{position:relative}.seotda-card::after,.matgo-card::after{content:'NEW';position:absolute;right:-6px;top:-7px;padding:6px 10px;border:1px solid #ffe181;border-radius:10px;background:linear-gradient(135deg,#e51936,#daa326);color:#fff5ac;font-size:8px;font-weight:900;animation:newBadgePulse 1.1s infinite}.hwatu-art{background-image:url('/static/images/hwatu-overview.svg');background-size:cover;background-position:center}.kcard-main{display:grid;grid-template-columns:minmax(500px,760px) 300px;gap:16px;max-width:1100px;margin:auto;padding:28px 24px 80px}.kcard-table{min-height:620px;padding:25px;text-align:center;border:8px solid #542b10;border-radius:120px 120px 25px 25px;background:radial-gradient(circle,#175c42,#072e20 70%)}.kcard-table h1{font-family:"Black Han Sans";font-size:38px;color:#f1d27c}.kcard-table>div{margin:25px}.kcard-hand{display:flex;justify-content:center;gap:10px;min-height:145px}.hwatu-card{display:inline-grid;place-items:end center;width:78px;height:128px;padding:6px;border:3px solid #e4202e;border-radius:6px;background-color:#fff;background-image:url('/static/images/hwatu-overview.svg');background-size:1200% 400%;color:#fff;font-style:normal;box-shadow:0 8px 16px #0008;cursor:pointer}.hwatu-card b{padding:2px 5px;border-radius:6px;background:#160705cc;font-size:8px}.month-1{background-position:0 0}.month-2{background-position:9.09% 0}.month-3{background-position:18.18% 0}.month-4{background-position:27.27% 0}.month-5{background-position:36.36% 0}.month-6{background-position:45.45% 0}.month-7{background-position:54.54% 0}.month-8{background-position:63.63% 0}.month-9{background-position:72.72% 0}.month-10{background-position:81.81% 0}.kcard-result{min-height:50px;color:#ffe185;font-family:"궁서";font-size:32px}.kcard-panel,.matgo-lobby{display:flex;flex-direction:column;gap:13px;padding:22px;border:1px solid #d8ac4235;border-radius:20px;background:#110c08}.kcard-panel input,.matgo-lobby input{width:100%;margin-top:8px;padding:13px;border:1px solid #ffffff18;border-radius:9px;background:#070503;color:#fff}.kcard-panel button,.matgo-primary{padding:15px;border:0;border-radius:10px;background:linear-gradient(145deg,#f5d77a,#b97917);font-weight:900}.matgo-main{max-width:1050px;margin:auto;padding:35px 24px 90px}.matgo-lobby{max-width:620px;margin:auto}.matgo-lobby h1{margin:0;font-family:"Black Han Sans";font-size:44px;color:#efd075}.matgo-channels{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.matgo-channels button,#practiceStart{padding:13px;border:1px solid #ffffff18;border-radius:9px;background:#21150e;color:#ceb980;font-weight:900}.matgo-channels button.active{border-color:#f0c659;background:#5c3e14;color:#ffe58e}#waitingBox{padding:16px;border-radius:10px;background:#070503;text-align:center}#waitingBox strong,#waitingBox button{display:block;width:100%;margin-top:8px}.matgo-board{padding:22px;border:7px solid #51280f;border-radius:90px 90px 20px 20px;background:radial-gradient(circle,#166044,#073522);text-align:center}.matgo-table,.matgo-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;min-height:145px;margin:20px}.matgo-hand.disabled{opacity:.55;pointer-events:none}.matgo-board .hwatu-card{width:60px;height:98px}.asset-credit{margin-top:18px;color:#756b5b;font-size:8px;text-align:center}.asset-credit a{color:#b69b5e}@media(max-width:800px){.kcard-main{grid-template-columns:1fr}.global-back{top:72px}.matgo-main{padding:20px 10px 80px}.matgo-board .hwatu-card{width:48px;height:78px}.matgo-table,.matgo-hand{margin:12px 2px}.kcard-table{min-height:540px}.kcard-main{padding:15px 10px 80px}}

/* Seotda suspense dealing and tightly overlapped chips */
.hwatu-back{display:grid;place-items:center;width:78px;height:128px;border:5px double #e7bd59;border-radius:7px;background:repeating-linear-gradient(45deg,#6d0c18 0 6px,#19080a 6px 12px);color:#f5d36d;font-size:25px;box-shadow:0 9px 18px #0009}.deal-pop{animation:sdCardOpen .48s cubic-bezier(.2,1.35,.4,1)}@keyframes sdCardOpen{from{opacity:0;transform:rotateY(90deg) translateY(-25px)}to{opacity:1;transform:none}}.sd-vs{color:#f0cd6c;font-size:24px}.sd-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sd-chips button{height:58px;padding:0!important;border:5px dashed #fff9!important;border-radius:50%!important;background:radial-gradient(circle,#24150b 40%,#d4483c 42% 66%,#32120d 68%)!important;color:#fff;font-size:9px}.sd-chips button:nth-child(2n){background:radial-gradient(circle,#24150b 40%,#5f58ce 42% 66%,#171334 68%)!important}.sd-chips button:nth-child(3n){background:radial-gradient(circle,#24150b 40%,#d1a22d 42% 66%,#34280b 68%)!important}.sd-stack-stage{min-height:150px;padding:12px;border-radius:14px;background:#070503;text-align:center}.sd-stack-stage>span{color:#88785d;font-size:8px}.sd-stack{position:relative;height:112px;margin-top:6px}.sd-stack>small{display:block;padding-top:45px;color:#5f5548;font-size:9px}.sd-stacked-chip{position:absolute;left:50%;top:calc(36px - min(var(--i),12)*3px);display:grid;place-items:center;width:82px;height:48px;border:5px dashed #fff9;border-radius:50%;background:radial-gradient(circle,#25150b 38%,#d4483c 40% 66%,#32120d 68%);color:#fff;font-size:9px;font-style:normal;font-weight:900;box-shadow:0 5px 0 #61140e,0 9px 14px #000b;transform:translateX(calc(-50% + (var(--i) % 3 - 1)*4px)) rotate(calc((var(--i) % 5 - 2)*2deg));z-index:calc(var(--i) + 1)}.sd-total{display:flex;justify-content:space-between;padding:13px;border-radius:9px;background:#070503}.sd-total strong{color:#f3ce68}.sd-undo{background:#28140f!important;color:#d98a72!important}.sd-bet-panel>button:last-of-type{font-size:15px}.sd-bet-panel button:disabled{filter:grayscale(1);opacity:.35}

/* Matgo piles, hidden opponent hand, event impacts and escalating GO badge */
.matgo-board .hwatu-card b{display:none!important}.hwatu-pile{display:inline-flex;margin:0 4px}.hwatu-pile .hwatu-card{margin-left:-34px;transform:rotate(calc((var(--pile,0))*1deg))}.hwatu-pile .hwatu-card:first-child{margin-left:0}.opponent-backs{display:flex;justify-content:center;min-height:58px;margin:8px}.mini-hwatu-back{display:grid;place-items:center;width:36px;height:55px;margin-left:-20px;border:2px solid #e6bd58;border-radius:4px;background:#71101c;color:#f1cd67;font-size:10px;font-style:normal;box-shadow:0 3px 8px #0009}.mini-hwatu-back:first-child{margin-left:0}.matgo-event{position:absolute;z-index:20;left:50%;top:42%;padding:14px 22px;border:2px solid #ffe393;border-radius:18px;background:#250806e8;color:#ffdc69;font-family:"Black Han Sans";font-size:34px;transform:translate(-50%,-50%);animation:matgoImpact 1.25s ease forwards}.matgo-event.sweat{color:#8de5ff;animation:matgoSweat 1.25s ease forwards}.matgo-event.joker{color:#ff71d7;box-shadow:0 0 35px #ff2ab4}.matgo-event.bomb{font-size:46px;color:#ff4b4b;box-shadow:0 0 45px #ff182c}.go-badge{position:absolute;z-index:10;right:22px;top:72px;color:#ffd768;font-family:"Black Han Sans";font-size:0;text-shadow:0 0 12px #e9a92c;transition:.25s}.go-badge.go-1{font-size:28px}.go-badge.go-2{font-size:39px;text-shadow:0 0 22px #ffbd2e}.go-badge.go-3{font-size:52px;color:#ff5e49;text-shadow:0 0 30px #ff2138;animation:goPulse .65s infinite}.matgo-board{position:relative}@keyframes matgoImpact{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2) rotate(-8deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(.9)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes matgoSweat{0%{opacity:0;transform:translate(-50%,-30%) rotate(-10deg)}30%{opacity:1;transform:translate(-50%,-50%) rotate(7deg)}100%{opacity:0;transform:translate(-50%,-90%)}}@keyframes goPulse{50%{transform:scale(1.2)}}
.volley-card .volley-art{background:radial-gradient(120% 100% at 30% 0,#1d3f68,#07111d)}
.volley-card .volley-art span{font-size:64px;filter:drop-shadow(0 6px 18px #ffd36a66)}
.oni-card .oni-art{background:radial-gradient(120% 100% at 30% 0,#123b5c,#05080f)}
.oni-card .oni-art span{font-size:64px;filter:drop-shadow(0 6px 18px #41d9ee66)}

/* 현재 접속자 수 배지. 좌상단 .global-back · 우상단 .mypage-alert 와 겹치지 않게 좌하단이다. */
.online-count{position:fixed;z-index:1300;left:14px;bottom:14px;display:flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid #7fd4a066;border-radius:18px;background:#08120cdf;color:#b9e8cd;font-size:10px;font-weight:900;box-shadow:0 6px 20px #0008;pointer-events:none}
.online-count i{width:7px;height:7px;border-radius:50%;background:#49d98a;box-shadow:0 0 8px #49d98a;animation:onlinePulse 2s ease-in-out infinite}
.online-count b{font-size:13px;color:#eafff2}
.online-count[hidden]{display:none}
@keyframes onlinePulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.online-count i{animation:none}}
@media(max-width:600px){.online-count{left:10px;bottom:10px;padding:5px 9px}}