.room.game-lobby{width:min(100%,640px);padding-bottom:max(28px,env(safe-area-inset-bottom))}.lobby-game-grid{grid-template-rows:repeat(3,100px);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.lobby-game-tile{text-align:center;color:#f6f1e4;touch-action:manipulation;background:#ffffff04;border:1px solid #d9c39326;border-radius:12px;flex-direction:column;align-items:center;min-width:0;padding:10px 2px 6px;text-decoration:none;transition:background .18s,transform .18s,border-color .18s;display:flex}.lobby-game-tile:hover{background:#ffffff09;border-color:#d9c39380;transform:translateY(-3px)}.lobby-game-tile:active{transform:scale(.98)}.lobby-game-tile.has-saved-game{background:#e8c2770a;border-color:#d6ba7280}.lobby-game-tile h3{white-space:nowrap;letter-spacing:-.02em;margin:7px 0 0;font-size:12px;font-weight:700;line-height:1.4}.lobby-game-detail{color:#b8c9b5;justify-content:center;align-items:center;gap:3px;min-height:18px;font-size:11px;line-height:1.5;display:none}.lobby-game-detail.resume{color:#f0cf8e;min-height:14px;font-size:9px;font-weight:700;display:flex}.lobby-game-icon{border:1px solid #ffffff26;border-radius:13px;flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:0 7px 15px #00120d35,inset 0 1px #ffffff20}.lobby-game-icon>span:not(.lobby-resume-dot){position:absolute;transform:scale(.5)}.lobby-game-icon img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.lobby-resume-dot{background:#f2c77e;border:3px solid #214135;border-radius:50%;width:15px;height:15px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 1px #f2c77e50}.icon-omok{background:linear-gradient(140deg,#ebca92,#ae7f46)}.icon-janggi{background:linear-gradient(140deg,#829e87,#3b6652)}.lobby-janggi-pieces{width:86px;height:80px;position:relative}.lobby-janggi-pieces .janggi-piece{filter:drop-shadow(0 4px 2px #14332660);width:49px;height:49px;font-size:31px;position:absolute}.lobby-janggi-pieces .han{top:0;right:0;transform:rotate(12deg)}.lobby-janggi-pieces .cho{bottom:0;left:0;transform:rotate(-10deg)}.icon-matgo{background:linear-gradient(140deg,#ba7360,#7c3932)}.lobby-hwatu{width:80px;height:78px;position:relative}.lobby-hwatu img{filter:drop-shadow(0 3px 2px #43181160);width:42px;height:68px;position:absolute;top:4px}.lobby-hwatu img:first-child{left:4px;transform:rotate(-14deg)}.lobby-hwatu img:last-child{right:4px;transform:rotate(12deg)}.icon-poker{background:linear-gradient(140deg,#716789,#39344f)}.lobby-poker-pieces{width:82px;height:82px;position:relative}.lobby-playing-card{color:#222a2d;filter:drop-shadow(0 3px 2px #211a3860);width:46px;height:67px;position:absolute;top:4px;left:12px;transform:rotate(-14deg)}.lobby-playing-card>img{width:100%;height:100%;position:absolute}.lobby-playing-card>b{font-family:Georgia,serif;font-size:19px;line-height:1;position:absolute;top:5px;left:8px}.lobby-playing-card>span{font-size:29px;line-height:1;position:absolute;top:22px;left:11px}.lobby-poker-pieces .lobby-chips{filter:drop-shadow(0 3px 2px #211a3860);width:63px;height:42px;position:absolute;bottom:0;right:-1px}.icon-yut{background:linear-gradient(140deg,#d6c69c,#978851)}.lobby-yut-sticks{justify-content:center;align-items:center;gap:1px;width:78px;height:82px;display:flex;transform:rotate(-15deg)}.lobby-yut-sticks img{filter:drop-shadow(0 2px 2px #51452150);width:19px;height:76px}.lobby-yut-sticks img:nth-child(2n){transform:translateY(6px)rotate(7deg)}.icon-othello{background:linear-gradient(140deg,#5e9678,#245340)}.lobby-othello-board{border:3px solid #b19566;border-radius:6px;grid-template-columns:repeat(4,1fr);width:76px;height:76px;display:grid;overflow:hidden;transform:rotate(-6deg);box-shadow:0 3px 4px #12312450}.lobby-othello-board>span{background:#2c7356;border:.5px solid #123e3270;place-items:center;display:grid}.lobby-othello-board img{width:100%;height:100%}.icon-yacht{background:linear-gradient(140deg,#dcaa67,#a06a36)}.lobby-dice{width:86px;height:82px;position:relative}.lobby-dice img{filter:drop-shadow(0 3px 2px #58381e50);width:57px;height:57px;position:absolute}.lobby-dice img:first-child{top:1px;left:-1px;transform:rotate(-14deg)}.lobby-dice img:last-child{bottom:0;right:-1px;transform:rotate(14deg)}.icon-battleship{background:linear-gradient(140deg,#568aa3,#224c67)}.lobby-sea{background-image:linear-gradient(90deg,#c1e0e51c 1px,#0000 1px),linear-gradient(#c1e0e51c 1px,#0000 1px);background-size:19px 19px;border-radius:10px;width:80px;height:76px;position:relative}.lobby-sea .lobby-ship{filter:drop-shadow(0 3px 2px #072c4670);width:86px;height:30px;position:absolute;top:23px;left:-2px;transform:rotate(-25deg)}.lobby-sea .lobby-target{width:34px;height:34px;position:absolute;bottom:0;right:0}.game-lobby>footer{color:#aabbab;margin-top:24px;font-size:11px;line-height:1.7}@media (prefers-reduced-motion:reduce){.lobby-game-tile{transition:none}.lobby-game-tile:hover,.lobby-game-tile:active{transform:none}}@media (max-width:480px){.room.game-lobby{padding-left:12px;padding-right:12px}.lobby-game-grid{grid-template-rows:repeat(3,88px);gap:5px}.lobby-game-tile{padding:8px 1px 4px}.lobby-game-icon{border-radius:11px;width:42px;height:42px}.lobby-game-icon>span:not(.lobby-resume-dot){transform:scale(.44)}.lobby-game-tile h3{margin-top:6px;font-size:10px}.lobby-game-detail.resume{font-size:8px}.lobby-game-detail.resume svg{width:10px;height:10px}.lobby-resume-dot{border-width:2px;width:12px;height:12px}}.lobby-recent{border-bottom:1px solid #d9c39326;margin-bottom:22px;padding-bottom:20px}.lobby-recent h2{color:#d6c7a5;letter-spacing:.02em;margin:0 0 10px;font-size:12px;font-weight:600}.lobby-recent-grid{grid-template-rows:100px}@media (max-width:480px){.lobby-recent{margin-bottom:16px;padding-bottom:16px}.lobby-recent-grid{grid-template-rows:88px}}.lobby-new-art{place-items:center;width:80px;height:80px;display:grid}.lobby-new-art img{width:76px;height:76px}.icon-baduk{background:linear-gradient(140deg,#d8b477,#897048)}.icon-hoola{background:linear-gradient(140deg,#659781,#244c3b)}.icon-blackjack{background:linear-gradient(140deg,#ae6770,#632e40)}.lobby-game-icon>span.lobby-lock{transform:none}.lobby-lock{color:#f3d38f;background:#2e3029;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 0 0 2px #0e2a22}.lobby-relock{color:#d8c9a3;background:0 0;border:1px solid #d9c59b55;border-radius:9px;align-items:center;gap:5px;margin:10px auto 0;padding:7px 12px;font-size:12px;display:inline-flex}footer .lobby-relock{display:flex}.lobby-section{border-top:1px solid #d9c39326;margin-top:22px;padding-top:18px}.lobby-section h2{color:#d6c7a5;letter-spacing:.02em;margin:0 0 10px;font-size:12px;font-weight:600}@media (max-width:480px){.lobby-section{margin-top:16px;padding-top:14px}}.lobby-key-notice{color:#4a3d12;background:#fff8e3;border:1px solid #e9cf86;border-radius:14px;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;display:flex}.lobby-key-notice svg{color:#b58712;flex-shrink:0}.lobby-key-notice p{flex:1;margin:0;font-size:13px;line-height:1.45}.lobby-key-notice button{color:#f3d38f;cursor:pointer;background:#2e3029;border:0;border-radius:10px;flex-shrink:0;min-height:36px;padding:0 12px;font-size:13px;font-weight:700}.lobby-key-notice.asked{animation:.4s lobby-key-nudge}.lobby-game-tile.needs-key .lobby-game-icon{filter:saturate(.55)}.lobby-lock.lobby-key{color:#fff;background:#b58712}@keyframes lobby-key-nudge{25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.lobby-key-notice.asked{animation:none}}
