.home-profile{position:relative;overflow:visible;min-height:145px;padding:26px 165px 22px 24px;border:1px solid #baa0674d;border-radius:5px;background:linear-gradient(110deg,#293428,#17231a 70%,#1c2b1e);box-shadow:inset 0 1px #f2d89d15,0 18px 40px #0005}.home-profile>div:not(#homeAvatarStage){position:relative;z-index:2}.home-profile b{font-size:23px!important;letter-spacing:-.8px}.home-profile #homeCharacter{display:none}#homeAvatarStage{position:absolute;right:0;bottom:0;width:164px;height:176px;z-index:1;pointer-events:none}.home-top{border-bottom:1px solid #ad956b1f}.home-center{width:100%;max-width:510px;margin:auto;padding:15px 20px}.crt-wrap{margin-top:18px;box-shadow:0 16px 0 -7px #3b2e1f,0 28px 0 -13px #a78d5b,0 40px 35px #0008}.home-bottom{padding-top:30px}.crt-footer{letter-spacing:2px;font-size:9px}.live-state{display:flex;gap:8px;align-items:center;font-size:11px;color:#9cac95;margin:3px 0 17px}.live-state>i{width:6px;height:6px;border-radius:50%;background:#b0bf77;box-shadow:0 0 9px #aec58033}.live-state #cancelMatch{margin-left:auto;min-height:30px;padding:6px}.live-game{background:linear-gradient(135deg,#27382a,#15251c);border:1px solid #a68c5144;border-radius:7px;padding:17px;margin:0 0 15px;box-shadow:inset 0 1px #c6b68e16,0 8px 20px #0002}.live-game>header{display:flex;gap:17px;align-items:center;margin-bottom:18px}.live-game h3{font-family:'Batang',serif;font-weight:700;font-size:27px;margin:2px 0;color:#dfd0ad;letter-spacing:-1px}.live-game header p{font-size:11px;color:#a4ad98;margin:0}.game-kind{font-size:8px;letter-spacing:1.8px;color:#9b996e}.hwatu-mark{position:relative;width:66px;height:70px;margin-left:4px}.hwatu-mark img{position:absolute;width:40px;height:62px;object-fit:contain;box-shadow:1px 3px 6px #0009;border-radius:3px}.hwatu-mark img:first-child{transform:rotate(-12deg);left:0;top:3px}.hwatu-mark img:last-child{transform:rotate(10deg);left:27px;top:3px}.seotda-modes{display:grid;gap:8px}.seotda-modes button{display:grid;grid-template-columns:1fr auto;text-align:left;gap:5px;align-items:center;padding:13px 14px;border:1px solid #9d9b6355;border-radius:4px;background:linear-gradient(100deg,#45523a,#293b28);color:#e4d8b7;min-height:65px}.seotda-modes button b{font-size:15px;font-weight:700}.seotda-modes button>span{border:1px solid #c1b98d55;border-radius:3px;padding:3px 8px;font-size:11px;color:#c7cea6}.seotda-modes button small{grid-column:1/-1;font-size:10px;color:#a7b296}.omok-main{background:linear-gradient(130deg,#252e2b,#17221d)}.omok-mark{width:65px;height:65px;position:relative;background:repeating-linear-gradient(0deg,transparent,transparent 14px,#a69f6b33 14px,#a69f6b33 15px),repeating-linear-gradient(90deg,transparent,transparent 14px,#a69f6b33 14px,#a69f6b33 15px)}.omok-mark i{position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#656960,#111811 70%);box-shadow:2px 3px 3px #0007}.omok-mark i:nth-child(1){top:6px;left:6px}.omok-mark i:nth-child(2){top:23px;left:25px;background:radial-gradient(circle at 30% 25%,#fffdec,#b3b9a8)}.omok-mark i:nth-child(3){top:42px;left:8px}.omok-live{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%;padding:16px;border:1px solid #8d987250;border-radius:4px;background:#354832;color:#e0dbbd;text-align:left}.omok-live b{font-size:15px}.omok-live span{font-size:10px;align-self:center;color:#bfcab0}.boss-live{display:flex;width:100%;gap:10px;align-items:center;margin-top:9px;padding:13px 14px;border:1px solid #7a806146;border-radius:4px;background:#1d2c22;color:#c9c8ac}.boss-live small{font-size:9px;color:#8f9d88;flex:1}.practice-drawer{background:#141d17;border:1px solid #77816236;border-radius:4px;margin-top:20px}.practice-drawer summary{display:flex;gap:10px;align-items:center;list-style:none;padding:14px;color:#aeb6a2;font-size:12px;cursor:pointer}.practice-drawer summary span{font-size:9px;color:#798773}.practice-drawer summary b{margin-left:auto}.practice-buttons{display:flex;gap:7px;padding:0 10px 12px;flex-wrap:wrap}.practice-buttons button{flex:1;white-space:nowrap;font-size:11px;border:1px solid #697c5e55;border-radius:3px;background:#253125;color:#c6cfb5;padding:9px 6px}.mode-note{text-align:center;font-size:9px;line-height:1.8;color:#6f7f69;margin:16px 0 20px}.emote-title{font-size:11px;color:#b2ad86;letter-spacing:.7px;margin:17px 0 9px}.dance-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dance-grid button{min-height:43px;padding:9px 8px;border:1px solid #9e996459;border-radius:4px;background:#2c3c2a;color:#d8d5b4;font-size:12px}.dance-grid button:last-child{grid-column:1/-1;background:#202b24;color:#9fa98e}.line-list{display:flex;flex-direction:column;gap:6px}.line-list button{display:flex;justify-content:space-between;gap:8px;align-items:center;text-align:left;border:1px solid #78856736;background:#202f23;color:#d3d8bf;border-radius:4px;padding:12px;font-size:12px}.line-list button small{font-size:8px;color:#85967d;flex-shrink:0}.compact-emotes{padding-top:8px}.compact-emotes button{font-size:11px;min-height:34px}.game-speech-layer{position:absolute;top:110px;left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 30px));display:flex;flex-direction:column;gap:7px;pointer-events:none;z-index:31;contain:layout}.game-speech{display:flex;align-items:center;gap:11px;max-width:100%;padding:12px 14px;border:1px solid #b7a871;border-left:3px solid #cabb83;border-radius:6px;background:#16251fee;box-shadow:0 5px 15px #0006;animation:speechEnter .16s ease-out;overflow:hidden}.game-speech.mine{border-left-color:#799b6d}.game-speech .speaker{color:#d5bd82;font-size:10px;font-weight:800;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:250px;margin-bottom:4px}.game-speech .speech-text{color:#eee8d7;font-size:14px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;white-space:normal;text-shadow:none}.game-speech .speech-copy{min-width:0}.game-speech .speech-avatar{flex:0 0 35px;width:35px;height:42px;border-radius:3px;object-fit:cover;border:1px solid #a28e5c44}.game-speech .speech-seat{font-size:9px;color:#7f967f;flex-shrink:0}@keyframes speechEnter{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}.turn-hud{border-bottom:1px solid #80936544;transition:background .15s}.turn-hud.is-mine{background:#3e4527;border-top:1px solid #c1b26b}.turn-hud.is-mine #turnOwner{color:#ffecaa;font-weight:900}.opponent.active-turn{outline:1px solid #d6bf71;outline-offset:3px;border-radius:4px;background:#97b15d14}.opponent.active-turn b:before{content:'▶ 차례 ';font-size:9px;color:#e9cc77}.own-hand.active-turn{filter:drop-shadow(0 0 5px #bcac5544)}.peel-card{position:relative;padding:0;margin:0;display:inline-block;background:none;border:0;min-height:0;touch-action:none;cursor:pointer;width:72px;aspect-ratio:12/19;flex-shrink:0;--peek:0}.peel-card>.peel-back,.peel-card>.peel-front{display:block;position:absolute;inset:0;pointer-events:none}.peel-card .hwatu-card{width:100%!important;height:100%!important;animation:none!important;transform:none!important;margin:0}.peel-card>.peel-front{clip-path:inset(calc((1 - var(--peek))*100%) 0 0 0);z-index:2;transition:clip-path .13s ease-out}.peel-card.is-held>.peel-front{transition:none}.peel-card.is-open>.peel-front{clip-path:inset(0)}.peel-card.is-held{filter:drop-shadow(0 2px 6px #0009)}.peel-card:focus-visible{outline:2px solid #e6cd89;outline-offset:3px}.opponent .hwatu-card{filter:drop-shadow(0 3px 3px #0005)}.shuffle-deck{top:29%;width:32px;height:51px;opacity:.9}.shuffle-deck img{width:32px;height:51px;animation:calmShuffle .12s ease-in-out 2 alternate}@keyframes calmShuffle{from{translate:-3px 0;rotate:-2deg}to{translate:3px 0;rotate:2deg}}.world-nameplate{width:max-content;max-width:190px;text-shadow:0 1px 2px #000;will-change:transform}.world-nameplate b{display:block;max-width:150px;margin:auto;overflow:hidden;text-overflow:ellipsis}.world-nameplate .speech{width:max-content;max-width:190px;min-width:45px;margin:0 auto 7px;padding:8px 11px;border:1px solid #b8a373;border-radius:6px;background:#ece7d7;box-shadow:0 3px 8px #0006;text-shadow:none;color:#17241b;font-size:12px;line-height:1.45;overflow-wrap:anywhere;word-break:keep-all;white-space:normal}.world-nameplate .speech[hidden]{display:none}.world-nameplate .title{font-size:9px;color:#c9b98a}#board2d{cursor:crosshair;touch-action:none}.own-hand:after{content:'한 장씩 터치 · 위로 살짝 드래그'}@media(max-height:740px){.live-game{padding:13px}.live-game>header{margin-bottom:12px}.seotda-modes button{min-height:57px;padding:10px 12px}.home-profile{min-height:126px;padding:18px 145px 18px 20px}#homeAvatarStage{width:140px;height:152px}.peel-card{width:57px}.game-speech-layer{top:99px}.game-speech{padding:9px 11px}.game-speech .speech-text{font-size:12px}}@media(min-width:800px){.peel-card{width:90px}}@media(prefers-reduced-motion:reduce){.game-speech{animation:none}.peel-card>.peel-front{transition:none}}
.beginner-tools{position:absolute;top:66px;right:12px;z-index:12;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:95%}.beginner-tools button{padding:7px 10px;border:1px solid #bba46a70;background:#142019;color:#efdfb9;border-radius:8px;font-size:12px;min-height:34px}.first-tip{background:#17271f;color:#f2e4be;padding:9px 12px;border:1px solid #9d8754;max-width:320px;font-size:12px;cursor:pointer}.rank-guide{max-height:62dvh;overflow:auto;line-height:1.65;padding-right:8px}.rank-guide li{padding:6px;border-bottom:1px solid #98865840}.rank-guide p{font-size:13px}.hand-help strong{font-size:26px;display:block}.hand-help b{display:inline-block;margin:12px 0;color:#e8c879}.hand-help small{opacity:.7}.music-panel{position:fixed;bottom:8px;left:8px;z-index:45;color:#ded2b5;background:#111a16eF;border:1px solid #9d875455;border-radius:8px;font-size:11px;padding:6px}.music-panel summary{cursor:pointer}.music-panel label{display:block;margin:8px 0}.music-panel select{max-width:160px;background:#18241d;color:#eee}.music-panel button{background:#24362b;color:#eee;padding:6px;border:0;border-radius:5px}@media(max-width:600px){.beginner-tools{top:58px;right:6px}.beginner-tools button{font-size:11px;padding:5px 8px}.music-panel{bottom:3px;padding:4px}.modal-pane{max-height:88dvh;overflow:auto}}
.modal-row{display:flex;align-items:center;gap:12px;min-width:0}.modal-row>div,.modal-row>b{min-width:0;flex:1;white-space:normal;overflow-wrap:anywhere}.modal-row b{line-height:1.45}.modal-row small{display:block;line-height:1.5;white-space:normal}.modal-row button{flex:0 0 auto;max-width:45%;white-space:normal}.toast{max-width:calc(100vw - 32px);white-space:normal;overflow-wrap:anywhere;line-height:1.5}.dramatic{overflow-wrap:anywhere;max-width:100%;font-size:clamp(22px,6vw,64px)}
#homeTitle[hidden]{display:none!important}.beginner-tools{position:relative;top:auto!important;right:auto!important;order:0;flex:0 0 auto;padding:5px 10px;background:#111d17}.beginner-tools .first-tip{position:absolute;top:100%;right:8px;z-index:15}.music-panel:not([open]){opacity:.8}
#vipBanner{position:absolute;z-index:35;top:76px;left:50%;transform:translate(-50%,-10px);width:max-content;max-width:calc(100% - 30px);display:flex;align-items:center;gap:12px;padding:12px 18px;color:#fff0c4;background:linear-gradient(110deg,#392a12f5,#17231df5);border:1px solid #d1ae60;border-radius:8px;box-shadow:0 5px 25px #0008;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#vipBanner.show{opacity:1;transform:translate(-50%,0)}#vipBanner b{color:#f3ca72;font-size:17px;letter-spacing:2px}#vipBanner span{min-width:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.line-list:empty,.emote-title:has(+.line-list:empty){display:none}
.table-v7{width:100%;height:100%;min-height:360px;display:flex;flex-direction:column;padding:5px 8px}.table-v7 .sd-table{position:relative;display:grid;grid-template-rows:minmax(98px,1fr) 64px minmax(160px,1.3fr);gap:8px;align-items:center;width:100%;height:100%;min-height:360px;margin:0;padding:16px 12px 10px;border:9px solid #36251a;border-radius:70px;background:radial-gradient(ellipse at center,#294b3a 0,#153428 65%,#10271e 100%);box-shadow:inset 0 0 0 2px #96784b,inset 0 0 44px #0007,0 4px 15px #0008}.table-v7 .opponents{position:static!important;display:flex;width:100%;justify-content:space-evenly;align-items:start;gap:8px;margin:0;transform:none}.table-v7 .opponent{flex:1;min-width:0;max-width:180px;padding:8px 4px;text-align:center;border:1px solid transparent;border-radius:12px;overflow:hidden}.table-v7 .opponent b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;margin-bottom:7px}.table-v7 .opponent small{display:block;font-size:11px;margin-top:7px;color:#d3d9cc}.table-v7 .sd-cards{display:flex;justify-content:center;gap:5px;margin:0}.table-v7 .opponent .hwatu-card{width:45px!important;height:71px!important}.table-v7[data-seats="2"] .opponent .hwatu-card{width:56px!important;height:89px!important}.table-v7 .opponent.active-turn,.table-v7 .my-seat.active-turn{outline:none!important;border-color:#d7bd73;background:radial-gradient(ellipse at top,#ddcb7430,transparent 85%);box-shadow:0 0 14px #d5c27b1a}.pot-center{text-align:center;line-height:1.35}.pot-center small{display:block;font-size:10px;color:#acbb9f;letter-spacing:1px}.pot-center strong{display:block;color:#f2dc9c;font-size:28px;font-variant-numeric:tabular-nums}.pot-center em{font-size:12px;font-style:normal;margin-left:4px}.my-seat{padding:9px 4px;border:1px solid transparent;border-radius:12px;min-width:0}.table-v7 .own-hand{padding:0;margin:0;min-height:0}.table-v7 .own-hand:after{display:none}.table-v7 .peel-card{width:68px;aspect-ratio:12/19;overflow:visible}.table-v7 .player-line{display:flex;justify-content:center;gap:12px;align-items:center;margin:9px 0 6px;font-size:12px}.player-line b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.player-line span{color:#f2d891}.table-numbers{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-size:10px;color:#9eb19e}.table-numbers b{display:block;color:#d7dfcf;margin-top:3px;font-size:11px;font-variant-numeric:tabular-nums}.play-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;flex-shrink:0;padding:8px 10px}.play-bottom button{min-width:0;min-height:48px;font-size:12px;padding:8px 4px;line-height:1.35}.play-bottom button:disabled{opacity:.34;cursor:default;filter:saturate(.25)}.beginner-tools{order:0;justify-content:center;padding:5px;max-width:100%;gap:6px}.beginner-tools button{min-height:32px}.peel-card.is-held{z-index:5;transform:translateY(-6px) scale(1.14);transform-origin:center bottom;transition:transform .16s ease}.peel-card.is-held .peel-back{transform:skewY(-2deg)}.peel-card.is-open{animation:quietReveal .18s ease-out}@keyframes quietReveal{from{filter:brightness(1.18)}to{filter:brightness(1)}}.table-v7 .result-summary{font-size:11px;padding:9px;margin-top:8px;flex-shrink:0}.play-status{font-size:11px;min-height:24px;padding:5px 12px}.play-content:has(.table-v7){display:flex;min-height:0;padding:0;overflow:auto}.turn-hud{flex-shrink:0}.game-speech-layer{top:90px;max-width:300px}.table-v7 .shuffle-deck{top:38%;width:25px;height:40px}@media(max-width:420px){.table-v7{padding:3px}.table-v7 .sd-table{border-width:6px;border-radius:45px;padding:12px 5px 8px;gap:5px;grid-template-rows:minmax(90px,1fr) 55px minmax(155px,1.2fr)}.table-v7 .opponents{gap:2px}.table-v7 .opponent .hwatu-card{width:35px!important;height:55px!important}.table-v7 .opponent b{font-size:11px}.table-v7 .opponent small{font-size:10px}.table-v7 .peel-card{width:64px}.table-numbers{gap:8px}.play-bottom button{font-size:11px;min-height:48px}.pot-center strong{font-size:25px}}@media(max-height:540px) and (min-width:600px){.table-v7{min-height:230px}.table-v7 .sd-table{min-height:230px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:6px;border-radius:40px;padding:8px}.table-v7 .opponents{grid-column:1;grid-row:1/3;flex-wrap:wrap}.table-v7 .pot-center{grid-column:2;grid-row:1}.table-v7 .my-seat{grid-column:2;grid-row:2;padding:3px}.table-v7 .peel-card{width:44px}.table-v7 .player-line{margin:3px;font-size:11px}.table-v7 .opponent .hwatu-card{width:31px!important;height:49px!important}.table-numbers{gap:6px;font-size:9px}.play-head{padding:4px 8px}.play-bottom{padding:4px 8px}.play-bottom button{min-height:36px}.beginner-tools{position:absolute;right:6px!important;top:3px!important;background:transparent}.beginner-tools button{font-size:10px;min-height:28px}.play-head #newRound{visibility:hidden}.play-status{display:none}}
.table-v7 .my-seat{width:min(100%,360px);justify-self:center}.table-v7 .table-numbers{justify-content:space-around}.table-v7 .table-numbers span{min-width:70px}.table-v7 .opponent .sd-cards{min-height:0}.table-v7 .opponents{align-self:start;margin-top:4px}.table-v7 .my-seat{align-self:end}.table-v7 .pot-center{align-self:center}.waiting-room .micro{display:none}
.peel-edge{position:absolute;right:0;bottom:0;width:calc(var(--peek)*50%);height:calc(var(--peek)*28%);z-index:4;pointer-events:none;clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#170e0b,#ead5a9 50%,#4e2d1e);opacity:.8}.is-open .peel-edge{display:none}.play-head small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-hud #turnOwner{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}#pointsChange{white-space:nowrap;font-size:10px;flex-shrink:0}
#vipBanner{position:fixed;width:max-content;max-width:min(600px,calc(100vw - 30px));top:max(74px,env(safe-area-inset-top));z-index:65} .table-v7 .opponent .sd-cards .hwatu-card{max-width:100%}