:root{font-family:Arial,'Noto Sans KR',sans-serif;color:#ecede5;background:#0c1816;--gold:#e5c386;--muted:#94aa9a}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,a{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button{border:1px solid #ffffff25;border-radius:10px;padding:12px 17px;color:inherit;background:#20382d;cursor:pointer}button:hover{filter:brightness(1.15)}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}header{max-width:1200px;padding:20px 25px;margin:auto;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700}.brand span{font-size:8px;letter-spacing:2px;margin-left:14px;color:var(--gold);font-weight:400}nav{display:flex;align-items:center;gap:7px;font-size:12px}nav button{padding:9px 12px;background:transparent}nav a{padding:10px}main{max-width:1100px;margin:auto;padding:30px 24px}#entry{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;padding:35px 0}.hero{padding:32px 0}.eyebrow{font-size:9px;color:var(--gold);letter-spacing:2px}h1{font-size:39px;letter-spacing:-1.5px;line-height:1.4;font-weight:600;margin:20px 0}.hero p{font-size:15px;line-height:1.9;color:var(--muted)}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.hero-tags span{font-size:10px;border:1px solid #79917b44;border-radius:20px;padding:7px 11px;color:#b1c1b0}.entry-panel{background:linear-gradient(135deg,#213a2f,#16291f);border:1px solid #68745c66;border-radius:22px;padding:30px;box-shadow:0 20px 50px #0003}.entry-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}#account{font-size:10px;color:var(--muted)}label{display:block;font-size:12px;color:#bccbbd;margin-bottom:9px}input:not([type=checkbox]):not([type=range]){display:block;border:1px solid #879b7c55;background:#0c2017;color:#ecf1e7;padding:14px;border-radius:9px;width:100%;font-size:16px}#nickname{margin-bottom:15px}.primary{background:var(--gold);color:#19291e;border:0;font-weight:700}#create{width:100%;padding:16px}#join-code{font-size:24px;letter-spacing:4px;font-variant-numeric:tabular-nums}.join-row{display:flex;gap:9px}.join-row input{min-width:0}.join-row button{white-space:nowrap}.divider{display:flex;align-items:center;gap:12px;font-size:10px;color:#91a58e;margin:23px 0}.divider:before,.divider:after{content:'';height:1px;background:#ffffff18;flex:1}.entry-note{font-size:10px;line-height:1.7;color:#92a891;margin-top:18px}.login{display:block;text-align:center;background:#f6f6f0;color:#23372c;border-radius:8px;padding:12px;margin:9px 0;font-size:13px}.login.kakao{background:#fee500}#login-options p{font-size:11px;line-height:1.7}#entry-error,#game-error{color:#efb0a0;font-size:12px;line-height:1.7}.how-row{grid-column:1/-1;display:flex;gap:55px;padding-top:12px;color:#c8ad78;font-size:11px}.how-row b{color:#a2b4a2;margin-left:12px;font-weight:400}.room-bar{display:flex;justify-content:space-between;align-items:center}.room-bar>div:first-child{display:grid;gap:7px}#room-code{font-size:26px;letter-spacing:5px;color:var(--gold)}.room-bar button{font-size:11px;margin-left:5px}.connection{display:flex;justify-content:space-between;font-size:10px;color:#8abfa0;margin:19px 0}#room-info{color:var(--muted)}.offline{color:#efb0a0}.arena{position:relative;height:560px}.felt{position:absolute;inset:52px 20px 28px;border-radius:220px;background:radial-gradient(ellipse at center,#25684f,#103c2e);border:9px solid #3b5140;box-shadow:0 0 0 2px #ad8f4e44,inset 0 0 65px #0006,0 20px 60px #0005}.felt:after{content:'';position:absolute;inset:13px;border:1px solid #bba96c33;border-radius:200px}.seat{position:absolute;width:225px;border:1px solid #6c836466;background:linear-gradient(135deg,#233d2e,#13271d);border-radius:14px;padding:11px;z-index:2;box-shadow:0 8px 20px #0004;transition:opacity .2s}.seat-0{left:0;top:137px}.seat-1{left:18%;top:0}.seat-2{right:18%;top:0}.seat-3{right:0;top:137px}.seat-4{right:0;top:281px}.seat-head{display:flex;align-items:center;gap:7px}.avatar{border-radius:50%;display:grid;place-items:center;width:30px;height:30px;font-size:22px;color:#243b2a;background:#c8ae79;flex-shrink:0}.tone-1{background:#b5aed8}.tone-2{background:#8bb7ba}.tone-3{background:#cc9e9d}.tone-4{background:#c0c68c}.seat-head b{font-size:12px;display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-head div>span{font-size:10px;color:#d4c69a;display:block;margin-top:4px}.seat-head em{font-size:9px;font-style:normal;margin-left:auto;max-width:58px;color:#b6c7ac}.mini-cards{display:flex;justify-content:center;gap:2px;margin-top:9px;min-height:47px}.card{display:inline-flex;position:relative;flex-shrink:0;flex-direction:column;align-items:flex-start;background:#f8f4e9;color:#243c31;border:1px solid #ffffff88;border-radius:6px;width:60px;height:88px;padding:6px;box-shadow:0 4px 8px #0004}.card b{font:bold 22px Georgia}.card i{font-size:30px;line-height:31px;font-style:normal;align-self:center}.card small{font-size:8px;position:absolute;bottom:4px;right:4px;color:#81947f}.card.red{color:#bb504c}.card.back{display:grid;place-items:center;color:#d6ba7e;font-size:24px;border:2px solid #c5a366;background:repeating-linear-gradient(45deg,#2d5943 0 4px,#3c6a51 4px 5px)}.mini-cards .card{width:26px;height:46px;padding:3px}.mini-cards .card b{font-size:13px}.mini-cards .card i{font-size:17px;line-height:17px}.mini-cards .card small{display:none}.mini-cards .card.back{font-size:14px}.empty-hand{font-size:10px;color:#8ca08a;align-self:center;line-height:1.8}.empty-seat{height:106px;background:#193b2a70;border:1px dashed #8fa77e55;box-shadow:none;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px;color:#88a385}.empty-seat>span{font-size:23px}.empty-seat small{font-size:10px}.folded{opacity:.42}.active{outline:2px solid var(--gold);box-shadow:0 0 23px #e7c67a35}.winner{outline:2px solid #e9ca75}.remove-ai{position:absolute;top:-9px;right:-7px;width:23px;height:23px;border-radius:50%;padding:0;background:#654034;font-size:15px}.center{position:absolute;top:186px;left:26%;right:26%;text-align:center}#phase{font-size:9px;letter-spacing:1.5px;color:#c6b77e}.pot{font-size:36px;margin:11px 0 8px;font-variant-numeric:tabular-nums}.pot i{font-style:normal;font-size:25px;color:var(--gold)}.pot b{font-weight:500}#message{font-size:12px;line-height:1.7;color:#e3e4ca;min-height:40px}#countdown{display:inline-block;margin-top:8px;border:1px solid #ffffff22;color:#c3d2b9;border-radius:20px;padding:4px 10px;font-size:10px;font-variant-numeric:tabular-nums}#countdown:empty{display:none}#countdown.urgent{color:#ffb0a0;border-color:#e7785b}.you{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:510px;min-height:130px;border:1px solid #73906466;border-radius:17px;padding:13px 18px;background:#142e21ed;z-index:3}.player-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:11px}.player-head b{color:var(--gold);font-size:12px}.player-head span{color:#adc4aa}.cards{display:flex;justify-content:center;gap:6px;min-height:88px}.cards button:hover{transform:translateY(-8px)}#my-rank{font-size:10px;color:#cab581;display:block;text-align:center;margin-top:7px}.action-panel{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 20px;background:#182c22;border:1px solid #ffffff14;border-radius:14px;margin-top:17px}.bank{display:grid;gap:6px;min-width:85px}.bank small{font-size:10px;color:#91aa91}.bank b{font-size:28px;color:var(--gold)}.actions-right{flex:1;max-width:650px}#actions{display:flex;justify-content:flex-end;gap:8px}#actions button{min-width:93px;padding:14px 16px;font-size:13px}.danger{background:#452e28;color:#f1beb0}.waiting{font-size:12px;color:#b6bca1;line-height:1.6}.room-tools{display:flex;align-items:center;gap:8px;margin:14px 0}.room-tools>span{font-size:10px;color:#92a48c;flex:1}.room-tools button{font-size:11px;padding:10px 13px}.is-ready{color:#d6d5a5;border-color:#c2c189}#raise-box:not([hidden]){display:flex;align-items:center;gap:10px;margin-bottom:13px}#raise-box label{font-size:10px;white-space:nowrap;margin:0}#raise-amount{flex:1;min-width:50px;accent-color:var(--gold)}#raise-value{font-size:14px;color:var(--gold);min-width:35px;text-align:right}.history{border-top:1px solid #ffffff12;margin-top:20px;padding:16px 2px;font-size:11px;color:#94aa91}.history summary{cursor:pointer}.history li{margin:8px 0}footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#809781;padding:28px 0 6px}dialog{background:#1b3327;border:1px solid #9f8d5d;border-radius:19px;color:#e7ecdf;width:92%;max-width:560px;padding:25px;font-size:13px;line-height:1.9}dialog::backdrop{background:#000b}dialog li{margin-bottom:10px}dialog label{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:13px}dialog input{accent-color:var(--gold)}dialog input[type=range]{flex:1}#sound-status{font-size:11px;color:#c6bf98}#celebration{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:6}#celebration i{position:absolute;top:-20px;width:7px;height:12px;background:hsl(calc(var(--n)*37),70%,65%);animation:confetti 2.5s calc(var(--n)*.025s) ease-in both}.dealing .card{animation:deal .35s calc(var(--i)*.06s) ease-out both}@keyframes deal{from{transform:translateY(-35px) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}@keyframes confetti{to{transform:translateY(650px) rotate(620deg)}}
@media(max-width:850px){.seat{width:190px}.seat-1{left:15%}.seat-2{right:15%}.mini-cards .card{width:22px}.center{left:28%;right:28%}#entry{gap:22px}h1{font-size:32px}.entry-panel{padding:23px}}
@media(max-width:600px){header{padding:13px 12px}.brand{font-size:18px;gap:5px}.brand span{display:none}nav{gap:3px;font-size:10px}nav button{font-size:10px;padding:9px}nav a{padding:8px}main{padding:20px 10px}.hero{padding:10px 7px}h1{font-size:29px;margin:13px 0}.hero p{font-size:12px}.hero-tags{margin-top:15px}.hero-tags span{font-size:9px;padding:6px 9px}#entry{display:block;padding:0}.entry-panel{margin-top:20px;padding:22px}.entry-top{margin-bottom:20px}.how-row{justify-content:space-between;gap:5px;font-size:10px;margin-top:22px}.how-row b{margin-left:5px}.room-bar{padding:0 4px}#room-code{font-size:23px;letter-spacing:4px}.room-bar button{font-size:10px;padding:10px}.connection{margin:15px 4px}.arena{height:510px}.felt{inset:35px 3px 20px;border-radius:100px;border-width:5px}.seat{width:47%;padding:8px;border-radius:11px}.seat-0{left:0;top:108px}.seat-1{left:0;top:0}.seat-2{right:0;top:0}.seat-3{right:0;top:108px}.seat-4{right:0;top:290px}.seat-head{gap:5px}.avatar{width:25px;height:25px;font-size:18px}.seat-head b{font-size:10px;max-width:77px}.seat-head div>span{font-size:9px}.seat-head em{font-size:8px;max-width:41px}.mini-cards{gap:2px;min-height:36px;margin-top:8px}.mini-cards .card{width:calc((100% - 12px)/7);max-width:23px;height:36px;padding:2px}.mini-cards .card b{font-size:11px}.mini-cards .card i{font-size:14px;line-height:14px}.mini-cards .card.back{font-size:12px}.empty-seat{height:93px}.center{top:211px;left:5%;right:5%}#phase{font-size:8px}.pot{font-size:25px;margin:5px 0}.pot i{font-size:20px}#message{font-size:10px;min-height:17px;padding:0 12px}#countdown{font-size:9px;padding:2px 7px;margin-top:4px}.you{width:100%;min-height:118px;padding:10px 8px}.player-head{margin-bottom:8px}.player-head b{font-size:11px}.cards{gap:5px;min-height:73px}.cards .card{width:calc((100% - 30px)/7);max-width:51px;height:73px;padding:4px}.card b{font-size:18px}.card i{font-size:24px;line-height:27px}.card small{font-size:6px}.action-panel{padding:13px 9px;gap:8px;margin-top:13px}.bank{min-width:60px}.bank b{font-size:22px}.bank small{font-size:9px}#actions{gap:4px}#actions button{min-width:0;flex:1;font-size:10px;padding:13px 5px;white-space:nowrap}.waiting{font-size:10px}#raise-box label{display:none}#raise-value{font-size:12px}.room-tools{gap:5px;flex-wrap:wrap}.room-tools>span{font-size:8px;min-width:105px}.room-tools button{font-size:10px;padding:10px}.empty-hand{font-size:9px}footer{font-size:9px;flex-wrap:wrap}.eyebrow{font-size:8px}.remove-ai{right:-3px;top:-6px}.history{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}