@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;font-weight:700;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn:active{transform:translateY(3px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-sm{padding:10px 16px;font-size:14px}.btn-md{padding:14px 20px;font-size:15px}.btn-lg{padding:18px 24px;font-size:16px}.btn-full{width:100%}.btn-icon{display:flex;align-items:center;flex-shrink:0}.btn-green{background:#4caf50;color:#fff;border:none;box-shadow:0 4px #388e3c}.btn-green:hover{background:#388e3c}.btn-green:active{box-shadow:0 1px #388e3c}.btn-primary{background:#1a1a1a;color:#fff;border:none;box-shadow:0 4px #000}.btn-primary:hover{background:#333}.btn-primary:active{box-shadow:0 1px #000}.btn-secondary{background:#fff;color:#1a1a1a;border:2px solid #e0e0e0;box-shadow:0 4px silver}.btn-secondary:hover{background:#f8f9fa}.btn-secondary:active{box-shadow:0 1px silver}.btn-google{background:#fff;color:#1a1a1a;border:2px solid #d0d0d0;box-shadow:0 4px #b0b0b0}.btn-google:hover{background:#f8f9fa}.btn-google:active{box-shadow:0 1px #b0b0b0}.btn-kakao{background:#fee500;color:#000;border:2px solid #C9B800;box-shadow:0 4px #a89800}.btn-kakao:hover{background:#fff033}.btn-kakao:active{box-shadow:0 1px #a89800}.btn-naver{background:#03c75a;color:#fff;border:2px solid #029645;box-shadow:0 4px #017835}.btn-naver:hover{background:#04d862}.btn-naver:active{box-shadow:0 1px #017835}.btn-join{background:#fde047;color:#5d4037;border:2px solid rgba(93,64,55,.5);box-shadow:0 4px #d4b42e;border-radius:15px}.btn-join:hover{background:#fee76a}.btn-join:active{box-shadow:0 2px #d4b42e}.game-title{display:flex;flex-direction:column;align-items:center;margin:0}.game-title-main{font-family:Pretendard Variable,Pretendard,sans-serif;font-weight:900;color:#f5b041;line-height:1.2;letter-spacing:-1px;text-shadow:-2px -2px 0 #8B5A2B,2px -2px 0 #8B5A2B,-2px 2px 0 #8B5A2B,2px 2px 0 #8B5A2B,0 3px 0 #7D4E24,0 4px 0 #6F4420,0 5px 0 #61391C,0 6px 0 #533018,0 7px 4px rgba(0,0,0,.3)}.game-title-sub{font-family:Pretendard Variable,Pretendard,sans-serif;font-weight:700;color:#fff;letter-spacing:1px;margin-bottom:4px;text-shadow:-1px -1px 0 #8B5A2B,1px -1px 0 #8B5A2B,-1px 1px 0 #8B5A2B,1px 1px 0 #8B5A2B,0 2px 0 #7D4E24,0 3px 0 #6F4420,0 4px 2px rgba(0,0,0,.2)}.game-title-sm .game-title-main{font-size:28px}.game-title-sm .game-title-sub{font-size:14px}.game-title-md .game-title-main{font-size:42px}.game-title-md .game-title-sub{font-size:22px}.game-title-lg .game-title-main{font-size:56px}.game-title-lg .game-title-sub{font-size:28px}.auth-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:url(/assets/background-C1U_ywnn.jpg) center center / cover no-repeat;padding:0;font-family:Happiness Sans,-apple-system,BlinkMacSystemFont,sans-serif}.auth-content{width:100%;max-width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff59;border-radius:0;padding:40px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(min-width:768px){.auth-container{padding:24px 20px}.auth-content{max-width:400px;min-height:auto;border-radius:24px;padding:40px 24px;background:#ffffff59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 20px 25px -5px #0000000d}}@media(min-width:1200px){.auth-content{max-width:440px;padding:64px 56px;background:#ffffff59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.room-item{background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.08);border-radius:0;padding:16px 0;margin-bottom:0;box-shadow:none}.room-item:last-child{border-bottom:none}.room-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.room-item-title{font-size:17px;font-weight:700;color:#333;line-height:1.2}.room-item-count{display:flex;align-items:baseline;font-weight:700;color:#333}.room-item-current{font-size:16px}.room-item-separator{font-size:12px;margin:0 2px;color:#999}.room-item-max{font-size:12px;color:#999}.room-item-body{display:flex;justify-content:space-between;align-items:flex-end}.room-item-info{flex:1}.room-item-host{font-size:13px;color:#666;font-weight:500}.room-item-description{font-size:12px;color:#999;margin-top:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.room-item-action{flex-shrink:0;margin-left:10px}.stat-card{background:#fff;border:2px solid #d0d0d0;box-shadow:0 3px #b0b0b0;border-radius:16px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-icon-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:2px}.stat-icon-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1))}.stat-value{font-family:Happiness Sans,sans-serif;font-size:18px;font-weight:700;color:#1a1a1a;line-height:1.2}.stat-label{font-family:Happiness Sans,sans-serif;font-size:11px;color:#666;font-weight:400;margin-top:1px}.ranking-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f5f5f5cc;border-radius:12px;flex-shrink:0}.rank-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;font-family:Happiness Sans,sans-serif}.rank-1{background-color:#ffc107;box-shadow:0 2px 4px #ffc10766}.rank-2{background-color:#cfd8dc;color:#546e7a}.rank-3{background-color:#cd7f32}.rank-4,.rank-5,.rank-6{background-color:#90a4ae}.player-name{flex:1;font-size:14px;font-weight:700;color:#333;font-family:Happiness Sans,sans-serif}.player-score{font-size:14px;font-weight:700;color:#666;font-family:Happiness Sans,sans-serif}.footer-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#fff;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:100;border-top:1px solid rgba(0,0,0,.1)}.footer-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;border-radius:12px;min-width:64px}.footer-nav-item:hover{background:#4caf501a}.footer-nav-item:active{transform:scale(.95)}.footer-nav-item.active{background:#4caf5026}.footer-nav-item.active .footer-nav-icon{transform:scale(1.1)}.footer-nav-item.active .footer-nav-label{color:#4caf50;font-weight:700}.footer-nav-icon{width:28px;height:28px;object-fit:contain;transition:transform .2s ease}.footer-nav-label{font-size:11px;font-weight:600;color:#666;transition:color .2s ease;white-space:nowrap}.toggle-wrapper{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;transition:all .2s ease}.toggle-wrapper:hover{border-color:silver}.toggle-label{font-family:Happiness Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;color:#333;display:flex;align-items:center}.toggle-label.has-custom-icon:before{content:none!important}.custom-toggle-icon{width:30px;height:30px;margin-right:6px;object-fit:contain}.toggle-common .toggle-label:before{content:"🌐 "}.toggle-thief .toggle-label:before{content:"🦹 "}.toggle-thief{border-color:#ffcdd2;background:#fff5f5}.toggle-police .toggle-label:before{content:"👮 "}.toggle-police{border-color:#bbdefb;background:#f5f9ff}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:28px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#4caf50,#66bb6a)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-disabled{opacity:.5;pointer-events:none}.toggle-disabled .toggle-slider{cursor:not-allowed}.dashboard-body{width:100%;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;padding:25px}.dashboard-card{background:#fff;border:2px solid #d0d0d0;box-shadow:0 4px #b0b0b0;border-radius:20px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;transition:all .15s ease;flex-shrink:0}.winner-section{padding:12px 16px;text-align:center;flex-shrink:0}.victory-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:100;border-radius:inherit;pointer-events:none;overflow:hidden}.victory-overlay-image{width:80%;max-width:500px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15))}.fade-in{animation:fadeInBg 1s ease-out forwards}.fade-in .victory-overlay-image{animation:fadeInImg 1s cubic-bezier(.34,1.56,.64,1) forwards}.fade-out{animation:fadeOutBg 1s ease-in forwards}.fade-out .victory-overlay-image{animation:fadeOutImg 1s ease-in forwards}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}@keyframes fadeOutBg{0%{opacity:1}to{opacity:0}}@keyframes fadeInImg{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutImg{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex-shrink:0}.ranking-section{background:#fff;border:2px solid #d0d0d0;box-shadow:0 4px #b0b0b0;border-radius:24px;align-items:stretch;padding:16px 20px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.section-title{text-align:center;font-family:Happiness Sans Title,sans-serif;font-size:16px;font-weight:700;margin:0 0 12px;color:#1a1a1a;flex-shrink:0}.ranking-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#d0d0d0 transparent}.ranking-list::-webkit-scrollbar{width:4px}.ranking-list::-webkit-scrollbar-track{background:transparent}.ranking-list::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:4px}.action-section{margin-top:12px;width:100%;flex-shrink:0}.btn-home{background-color:#333;color:#fff;font-weight:700;box-shadow:0 4px #1a1a1a;transition:all .1s;font-family:Happiness Sans,sans-serif}.btn-home:active{box-shadow:0 0 #1a1a1a;transform:translateY(4px)}@font-face{font-family:HappinessSans;src:url(../assets/fonts/Happiness-Sans-Bold.ttf) format("truetype");font-weight:700;font-style:normal}:root{--jn-font: "HappinessSans", sans-serif;--jn-border-color: #5D4037;--jn-main-green: #7CB342;--jn-green-light: #9CCC65;--jn-green-gradient: #4CAF50;--jn-bg-soft: rgba(255, 255, 255, .3)}*{font-family:var(--jn-font);box-sizing:border-box;margin:0;padding:0}.container-content{position:relative;overflow:hidden}.container-wrapper{background:#fff}.search-header-bg{position:absolute;top:0;left:0;right:0;height:74px;background:#fff;z-index:25;opacity:0;transition:opacity .3s ease;pointer-events:none}.search-header-bg.visible{opacity:1}.search-overlay{position:absolute;top:16px;left:16px;right:16px;z-index:30}.jnaver-input{background:#fff;border:none;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 12px #00000026}.search-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.jnaver-input input{border:none!important;background:transparent!important;outline:none!important;width:100%;font-size:15px;font-weight:600;color:#333;font-family:var(--jn-font)}.jnaver-input input::placeholder{color:#0006}.map-section{position:relative;flex:1;min-height:0}.map-area{width:100%;height:100%;background:#e8f4f8;border:none;border-radius:0}.hot-rooms-chips{position:absolute;top:80px;left:16px;right:16px;display:flex;align-items:center;gap:8px;z-index:10;overflow-x:auto;padding:6px 4px}.hot-rooms-chips::-webkit-scrollbar{display:none}.hot-chip{background:#fff;border:none;height:36px;padding:0 14px;border-radius:20px;font-size:13px;font-weight:600;color:#689f38;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #00000080;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1}.hot-chip span{display:flex;align-items:center;margin-top:-px}.hot-chip:hover{background:#f1f8e9}.hot-chip.active{background:var(--jn-green-gradient);color:#fff}.hot-chip-icon{width:16px;height:16px;object-fit:contain}.hot-chip-count{font-size:11px;font-weight:700;color:#fff;background:var(--jn-green-gradient);padding:4px 10px 6px;border-radius:10px;line-height:1;display:flex;align-items:center;justify-content:center;margin-top:2px}.hot-chip.active .hot-chip-count{background:#fff;color:#727272}.my-location-btn{position:absolute;right:16px;width:48px;height:48px;background:var(--jn-green-gradient);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #4caf5066;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:15;font-size:22px;color:#fff;font-weight:700}.my-location-btn:hover{transform:scale(1.1);box-shadow:0 4px 14px #4caf5080}.my-location-btn:active{transform:scale(.95)}.bottom-sheet{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -4px 20px #0000001a;transition:height .3s cubic-bezier(.4,0,.2,1),border-radius .3s ease,box-shadow .3s ease;z-index:20;display:flex;flex-direction:column;cursor:grab}.bottom-sheet:active{cursor:grabbing}.bottom-sheet.dragging{transition:none;cursor:grabbing}.bottom-sheet.fullscreen{box-shadow:none;border-radius:0}.bottom-sheet-handle{padding:12px 0 8px;display:flex;justify-content:center;flex-shrink:0}.handle-bar{width:40px;height:4px;background:#d0d0d0;border-radius:2px;transition:opacity .3s ease}.bottom-sheet.fullscreen .handle-bar{opacity:0}.bottom-sheet-content{padding:0 16px 80px;flex:1;min-height:0}.bottom-sheet-content.scrollable{overflow-y:auto}.bottom-sheet-content.no-scroll{overflow:hidden}.container-wrapper{background:url(/assets/background-C1U_ywnn.jpg) no-repeat center center/cover;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;overflow:hidden}.container-content{background:var(--jn-bg-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;max-width:450px;height:100%;display:flex;flex-direction:column;position:relative;box-shadow:0 0 30px #00000026}.game-title{padding:40px 0 20px}.page-header{position:relative;display:flex;align-items:center;justify-content:center;padding:0 20px;flex-shrink:0}.back-btn{position:absolute;left:20px;width:44px;height:44px;border:2px solid #d0d0d0;background:#fff;border-radius:12px;font-size:24px;font-weight:600;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding-bottom:8px;transition:all .2s ease;box-shadow:0 2px #b0b0b0}.back-btn:hover{color:#333;border-color:#bbb}.back-btn:active{box-shadow:0 0 #b0b0b0;transform:translateY(2px)}.form-item{background:#fff;border:2px solid #d0d0d0;box-shadow:0 4px #b0b0b0;border-radius:16px;padding:16px 20px;scroll-margin-top:16px}.next-field-btn{display:block;width:100%;margin-top:12px;padding:12px;background:#4caf50;color:#fff;border:none;border-radius:12px;font-family:Happiness Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.next-field-btn:hover{background:#43a047}.next-field-btn:active{transform:translateY(2px)}.form-hint{font-size:13px;color:#888;margin-bottom:12px;font-family:Happiness Sans,sans-serif}.location-picker{margin-top:8px}.location-map{width:100%;height:250px;border-radius:12px;border:2px solid #e0e0e0;overflow:hidden}.location-selected{margin-top:8px;font-size:14px;color:#4caf50;font-weight:600;text-align:center;font-family:Happiness Sans,sans-serif}.location-hint{margin-top:8px;font-size:13px;color:#888;text-align:center;font-family:Happiness Sans,sans-serif}.jail-picker{margin-top:8px}.jail-map{width:100%;height:220px;border-radius:12px;border:2px solid #e0e0e0;overflow:hidden}.range-selector{margin-top:16px}.range-label{font-size:13px;font-weight:600;color:#666;font-family:Happiness Sans,sans-serif}.range-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.range-value{font-size:16px;font-weight:700;color:#4caf50;font-family:Happiness Sans,sans-serif}.range-slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#4CAF50 0%,#4CAF50 var(--progress, 50%),#e0e0e0 var(--progress, 50%),#e0e0e0 100%);border-radius:4px;outline:none;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#fff;border:3px solid #4CAF50;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #00000026;transition:transform .2s ease}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-slider::-moz-range-thumb{width:24px;height:24px;background:#fff;border:3px solid #4CAF50;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #00000026}.range-marks{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#999;font-family:Happiness Sans,sans-serif}.section-title{text-align:center;font-family:Happiness Sans Title,sans-serif;font-size:16px;font-weight:700;margin:0 0 16px;color:#1a1a1a}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-input{width:100%;max-width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:12px;font-family:Happiness Sans,sans-serif;font-size:16px;color:#333;background:#fafafa;transition:all .2s ease;box-sizing:border-box;-webkit-appearance:none;appearance:none}.form-input:focus{outline:none;border-color:#4caf50;background:#fff;box-shadow:0 0 0 3px #4caf501a}.form-input::placeholder{color:#aaa}.input-hint{margin-top:8px;font-size:13px;color:#e53935;font-family:Happiness Sans,sans-serif}.form-input[type=time]{min-height:48px;text-align:center}.form-input[type=time]::-webkit-datetime-edit{padding:0}.form-input[type=time]::-webkit-datetime-edit-fields-wrapper{padding:0}.form-textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:12px;font-family:Happiness Sans,sans-serif;font-size:15px;color:#333;background:#fafafa;resize:none;transition:all .2s ease;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:#4caf50;background:#fff;box-shadow:0 0 0 3px #4caf501a}.radio-group{display:flex;gap:12px}.radio-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:12px;background:#fafafa;cursor:pointer;font-family:Happiness Sans,sans-serif;font-size:14px;font-weight:600;color:#666;transition:all .2s ease}.radio-option input{display:none}.radio-option.selected{border-color:#4caf50;background:#e8f5e9;color:#2e7d32}.radio-icon{font-size:16px}.radio-icon-img{width:20px;height:20px;object-fit:contain;filter:grayscale(100%) opacity(.5);transition:filter .2s ease}.radio-option.selected .radio-icon-img{filter:grayscale(0%) opacity(1)}.player-counter{display:flex;align-items:center;justify-content:center;gap:16px}.counter-btn{width:44px;height:44px;border:2px solid #e0e0e0;border-radius:12px;background:#fafafa;font-size:24px;font-weight:600;color:#333;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.counter-btn:hover:not(:disabled){border-color:#4caf50;background:#e8f5e9;color:#2e7d32}.counter-btn:disabled{opacity:.4;cursor:not-allowed}.counter-value{font-family:Happiness Sans,sans-serif;font-size:20px;font-weight:700;color:#333;min-width:60px;text-align:center}.item-group{margin-bottom:16px}.item-group-label{font-family:Happiness Sans,sans-serif;font-size:12px;font-weight:600;color:#999;margin:0 0 8px 4px;text-transform:uppercase;letter-spacing:.5px}.action-section{padding-top:8px;flex-shrink:0}.button-row{display:flex;gap:12px}.button-row .btn-back,.button-row .btn-cancel{flex:1}.button-row .btn-create{flex:2}.btn-next{background:#4caf50;color:#fff;font-weight:700;box-shadow:0 4px #388e3c;font-family:Happiness Sans,sans-serif}.btn-next:active{box-shadow:0 0 #388e3c;transform:translateY(4px)}.btn-back{background:#e0e0e0;color:#666;font-weight:700;box-shadow:0 4px #bdbdbd;font-family:Happiness Sans,sans-serif}.btn-back:active{box-shadow:0 0 #bdbdbd;transform:translateY(4px)}.btn-create{background:#4caf50;color:#fff;font-weight:700;box-shadow:0 4px #388e3c;font-family:Happiness Sans,sans-serif}.btn-cancel{background:#ffd2d2;color:#e53935;font-weight:700;border:2px solid #ffb5bc;font-family:Happiness Sans,sans-serif}.btn-cancel:hover{background:#ffb5bc;border-color:#ffb5bc}.btn-cancel:active{transform:translateY(2px)}.form-section::-webkit-scrollbar{width:4px}.form-section::-webkit-scrollbar-track{background:transparent}.form-section::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:4px}.create-room-body::-webkit-scrollbar{width:4px}.create-room-body::-webkit-scrollbar-track{background:transparent}.create-room-body::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:4px}.button-row .btn-next{flex:2}.calendar{background:#fafafa;border:2px solid #e0e0e0;border-radius:16px;padding:16px;margin-top:4px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calendar-nav{width:36px;height:36px;border:none;background:#e0e0e0;border-radius:50%;font-size:20px;font-weight:600;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.calendar-nav:hover{background:#4caf50;color:#fff}.calendar-title{font-family:Happiness Sans,sans-serif;font-size:16px;font-weight:700;color:#333}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.calendar-weekday{text-align:center;font-family:Happiness Sans,sans-serif;font-size:12px;font-weight:600;color:#999;padding:4px 0}.calendar-weekday:first-child{color:#e53935}.calendar-weekday:last-child{color:#1e88e5}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;font-family:Happiness Sans,sans-serif;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s ease}.calendar-day:hover:not(.empty):not(.past):not(.selected){background:#e8f5e9;color:#2e7d32}.calendar-day.empty{cursor:default}.calendar-day.past{color:#ccc;cursor:not-allowed}.calendar-day.today{font-weight:700;color:#4caf50;border:2px solid #4CAF50}.calendar-day.selected{background:#4caf50;color:#fff;font-weight:700}.selected-date-text{margin-top:12px;text-align:center;font-family:Happiness Sans,sans-serif;font-size:14px;color:#666}.selected-date-text strong{color:#2e7d32}@font-face{font-family:Happiness Sans;src:url(/assets/Happiness-Sans-Regular-CdBm_cTf.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Happiness Sans;src:url(/assets/Happiness-Sans-Bold-BGN-W1G7.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Happiness Sans Title;src:url(/assets/Happiness-Sans-Title-D-5Q2Tgv.ttf) format("truetype");font-weight:700;font-style:normal}html,body,#root{width:100%;height:100%;min-height:100vh;min-height:100dvh;overscroll-behavior:none}html{position:fixed;overflow:hidden}body{font-family:Happiness Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:transparent;color:#1a1a1a;touch-action:pan-x pan-y;overflow:auto;position:fixed;width:100%;height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}.login-header{text-align:center;margin-bottom:48px}.login-subtitle{font-size:18px;color:#666;margin:0}.characters-section{display:flex;justify-content:center;align-items:flex-end;gap:150px;margin-bottom:-10px;position:relative;z-index:1}.character{width:80px;height:auto;object-fit:contain}.character.police{transform:scaleX(1)}.character.thief{transform:scaleX(-1)}.social-login-section{width:100%;display:flex;flex-direction:column;gap:16px;position:relative;z-index:2}.login-terms{margin-top:40px;font-size:12px;color:#999;text-align:center;line-height:1.6}.login-terms a{color:#666;text-decoration:underline;text-underline-offset:2px}.login-terms a:hover{color:#1a1a1a}@media(min-width:768px){.login-header{margin-bottom:40px}}.terms-header{margin-bottom:24px;text-align:center}.terms-content-box{width:100%;height:400px;background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;overflow-y:auto;box-shadow:inset 0 2px 4px #0000000d}.terms-text{font-size:14px;line-height:1.6;color:#333}.terms-text h3{font-size:16px;font-weight:700;margin-bottom:8px;margin-top:16px;color:#1a1a1a}.terms-text h3:first-child{margin-top:0}.terms-footer{width:100%}.lobby-page .container-content{background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lobby-body{padding-top:10px}.lobby-header{position:relative;padding:16px 20px 0}.lobby-header .game-title{text-align:center}.lobby-page .back-button{position:absolute;left:20px;top:38%;padding:10px 16px;border-radius:8px;z-index:1}.lobby-page .back-button .btn-icon{margin:0}.lobby-page .back-button .btn-icon img{width:18px;height:18px}.lobby-section-label{display:block;font-family:Happiness Sans,sans-serif;font-size:13px;font-weight:600;color:#666;margin-bottom:8px;display:flex;align-items:center;gap:8px}.count-badge{font-size:13px;color:#888;font-weight:600}.lobby-time-display{background:#f8f9fa;padding:12px;border-radius:12px;border:1px solid #eee}.lobby-time-display strong{font-size:16px;color:#2e7d32}.game-location-display{margin-top:8px}.lobby-map{width:100%;height:350px;border-radius:12px;border:2px solid #e0e0e0;overflow:hidden}.participant-list{display:flex;flex-direction:column;gap:4px}.participant-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f3f5}.participant-item:last-child{border-bottom:none}.player-info{display:flex;align-items:center;gap:6px;padding-left:15px}.player-name{font-weight:700;color:#495057;font-size:15px}.host-crown-img{width:30px;height:auto;display:block;transform:translate(-4px,-2px)}.player-actions{display:flex;align-items:center;gap:8px}.role-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:800;min-width:44px;text-align:center}.role-badge.police{background:#e7f5ff;color:#339af0}.role-badge.thief{background:#fff5f5;color:#ff6b6b}.role-select{padding:4px 8px;border:1px solid #dee2e6;border-radius:8px;font-size:13px;font-weight:600;color:#495057;background:#fff;cursor:pointer;outline:none}.show-more-btn{width:100%;padding:12px;background:#f8f9fa;border:none;border-top:1px solid #f1f3f5;color:#888;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Happiness Sans,sans-serif;border-bottom-left-radius:14px;border-bottom-right-radius:14px}.show-more-btn:hover{color:#1a1a1a;background:#f1f3f5}.show-more-btn:active{background:#e9ecef}.settings-table{display:flex;flex-direction:column;background:#fafafa;border-radius:12px;border:1px solid #eee;overflow:hidden}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #f1f3f5}.setting-row:last-child{border-bottom:none}.setting-label{font-size:13px;font-weight:600;color:#666}.setting-value{font-size:14px;font-weight:700;color:#333}.item-group{margin-bottom:20px}.item-group:last-child{margin-bottom:0}.item-group-label{font-family:Happiness Sans,sans-serif;font-size:12px;font-weight:700;color:#999;margin:0 0 10px 4px;text-transform:uppercase;letter-spacing:.5px;display:block}.item-group .toggle-wrapper{margin-bottom:8px}.item-group .toggle-wrapper:last-child{margin-bottom:0}.create-room-body{width:100%;flex:1;min-height:0;padding:0 20px 20px;overflow-y:auto;scroll-behavior:smooth}.sequential-form{display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.form-item{background:#fff;border:2px solid #d0d0d0;box-shadow:0 4px #b0b0b0;border-radius:16px;padding:16px 20px}.form-label{display:block;font-family:Happiness Sans,sans-serif;font-size:13px;font-weight:600;color:#666;margin-bottom:8px}.fade-in{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-section{padding-top:8px}.btn-create{background:#4caf50;color:#fff;font-weight:700;box-shadow:0 4px #388e3c;font-family:Happiness Sans,sans-serif;height:52px;border-radius:12px;border:none;cursor:pointer;font-size:16px}.btn-create:active{box-shadow:0 0 #388e3c;transform:translateY(4px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:20px}.home-container h1{font-size:48px;margin-bottom:16px}.home-container p{font-size:18px;opacity:.9}