@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box}body{color:#202922;letter-spacing:-.35px;background:#f7f8f5;margin:0;font-family:Noto Sans KR,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;transition:background .18s,transform .18s}button:disabled{cursor:not-allowed;opacity:.5}button:hover:not(:disabled){filter:brightness(.97)}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #8bad60}a{color:inherit;text-decoration:none}.shell{max-width:1160px;margin:auto;padding:0 40px}header{border-bottom:1px solid #e2e6dd;justify-content:space-between;align-items:center;height:92px;display:flex}.brand{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-icon{color:#e2f0b5;text-align:center;background:#254332;border-radius:10px;width:34px;height:34px;font-size:28px;line-height:30px}.brand-label{letter-spacing:1.5px;color:#899080;border-left:1px solid #d8dfd3;margin-left:4px;padding-left:14px;font-size:10px}.text-button{color:#667060;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:10px 0;font-size:12px;display:flex}.hero{text-align:center;padding:57px 0 36px}.eyebrow{color:#5d7653;letter-spacing:2px;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.eyebrow>span,.online-dot{background:#84a563;border-radius:100%;width:6px;height:6px;display:inline-block}h1{letter-spacing:-2.8px;margin:18px 0;font-size:48px;line-height:1.35}h1 em{color:#6b855a;font-style:normal}.hero>p{color:#82897d;margin:18px 0;font-size:14px;line-height:1.9}.hero-notes{color:#6b7565;justify-content:center;gap:24px;margin:26px 0 8px;font-size:11px;display:flex}.hero-notes span{align-items:center;gap:6px;display:flex}.home-grid{grid-template-columns:1fr 1fr;gap:22px;max-width:920px;margin:auto;display:grid}.panel{background:#fff;border:1px solid #e0e6da;border-radius:20px;padding:32px;box-shadow:0 5px 18px #243d2110}.section-label{letter-spacing:1.5px;color:#7a8871;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.section-label>span{align-items:center;gap:6px;display:flex}h2{letter-spacing:-1px;margin:17px 0 5px;font-size:23px;line-height:1.5}h3{margin:25px 0 9px;font-size:17px}.muted{color:#7d8676;margin:5px 0 22px;font-size:12px;line-height:1.7}.tabs{background:#f1f3ed;border-radius:10px;margin:26px 0;padding:5px;display:flex}.tabs button{color:#7c8576;background:0 0;border:0;border-radius:7px;width:50%;padding:10px;font-size:12px;font-weight:600}.tabs .selected{color:#304d35;background:#fff;box-shadow:0 2px 5px #243d2112}label{margin:20px 0 10px;font-size:12px;font-weight:600;display:block}input,select{color:#263627;background:#fafbf8;border:1px solid #dde4d5;border-radius:9px;outline:none;width:100%;margin-top:9px;padding:14px;display:block}input:focus,select:focus{border-color:#7b9960;box-shadow:0 0 0 3px #eaf1df}input::placeholder{color:#929d86;font-weight:400}.primary{color:#fff;background:#2e4c37;border:1px solid #2e4c37;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:15px 19px;font-size:13px;font-weight:600;display:flex}.wide{justify-content:space-between;width:100%;margin-top:20px}.small-note{color:#7d8871;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:10px;display:flex}.example{background:#eaf0df;border:1px solid #dce5ce;border-radius:20px;padding:32px;position:relative;overflow:hidden}.example h2{margin-top:18px;font-size:26px;line-height:1.4}.word-scene{height:212px;margin-top:12px;position:relative}.sample-card{text-align:center;background:#fffef9;border:1px solid #e6e7d5;border-radius:13px;width:146px;height:174px;padding:15px;position:absolute;box-shadow:0 10px 20px #45602b20}.sample-card span{color:#6a795e;font-size:10px}.sample-card strong{font-size:24px;display:block}.sample-card small{letter-spacing:1.2px;color:#8c987f;margin-top:12px;font-size:7px;display:block}.food{margin:9px 0 4px;font-size:34px}.first{top:12px;left:22px;transform:rotate(-10deg)}.second{background:#f7f3df;top:26px;right:17px;transform:rotate(10deg)}.versus{color:#eff5d9;text-align:center;background:#344d30;border-radius:50%;width:34px;height:34px;font-size:18px;line-height:34px;position:absolute;top:84px;left:calc(50% - 17px);box-shadow:0 0 0 5px #eaf0df}.example>p{text-align:center;color:#6c7d5e;margin:8px 0;font-size:12px;line-height:1.9}.example>p strong{color:#435738;font-weight:600}.example-caption{text-align:center;color:#7c8c6a;margin-top:14px;font-size:9px;display:block}.steps{justify-content:space-between;gap:30px;max-width:880px;margin:35px auto 52px;display:flex}.steps>div{gap:13px;display:flex}.steps>div>span{color:#8b9b78;padding-top:4px;font-size:11px;font-weight:700}.steps p{color:#78866c;margin:0;font-size:10px;line-height:1.9}.steps strong{color:#53634a;margin-bottom:3px;font-size:12px;display:block}footer{color:#869378;border-top:1px solid #e1e6dc;justify-content:space-between;align-items:center;padding:25px 0 30px;font-size:10px;display:flex}footer .brand{color:#6f7c64;font-size:13px}footer>span:last-child{letter-spacing:1.5px;font-size:8px}.game-wrap{padding:40px 0 60px}.room-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.room-top .eyebrow{justify-content:flex-start}.room-top h1{letter-spacing:-1.8px;font-size:34px}.room-code{color:#45603b;background:#eaf0df;border:1px solid #dbe5ce;border-radius:12px;padding:13px 20px}.room-code small{text-align:left;font-size:10px;display:block}.room-code strong{letter-spacing:3px;align-items:center;gap:16px;font-size:24px;display:flex}.play-grid{grid-template-columns:minmax(0,1fr) 300px;gap:22px;display:grid}.players{align-self:start}.players h2{font-size:19px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{color:#77856b;background:#f9faf6;border:1px solid #dce3d4;border-radius:8px;padding:10px 16px}.chips button.active{color:#365127;background:#e9f0df;border-color:#8ba575}.setting-row{justify-content:space-between;align-items:center;gap:16px;margin:26px 0;display:flex}.setting-row strong{font-size:13px}.setting-row p{color:#88937c;margin:5px 0;font-size:11px}.switch{background:#c7cebf;border:0;border-radius:20px;flex-shrink:0;width:40px;height:24px;padding:3px;display:flex}.switch i{background:#fff;border-radius:100%;width:18px;height:18px}.switch.on{background:#577a44;justify-content:flex-end}.info-box{color:#71825f;background:#f5f7ef;border-radius:10px;padding:17px;font-size:12px;line-height:1.8}.player-list{margin-top:20px}.player{border-bottom:1px solid #edf0e8;align-items:center;gap:11px;padding:13px 0;display:flex}.avatar{color:#78885b;background:#e8efd9;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.a1{color:#a08053;background:#f3e5d4}.a2{color:#6b879e;background:#dfe9f0}.a3{color:#956f92;background:#eee1ee}.player>div{flex:1;min-width:0}.player strong{overflow-wrap:anywhere;font-size:12px;display:block}.player small{color:#839373;font-size:9px}.player>div>span{color:#859175;margin-top:3px;font-size:10px;display:block}.player>svg{color:#a1ae89;flex-shrink:0}.player>b{color:#6a8054;font-size:11px}.icon-button{color:#91a080;background:0 0;border:0;padding:5px}.tip{color:#91a47c;margin-top:30px}.tip p{font-size:12px;line-height:1.9}.tip strong{color:#5c7549;font-weight:500}.players>.text-button{width:100%;margin-top:24px}.waiting{text-align:center;color:#6e805b;background:#f2f6ea;border-radius:9px;padding:16px;font-size:12px;line-height:1.6}.secret{color:#698650;background:repeating-linear-gradient(45deg,#f2f6eb,#f2f6eb 8px,#eff4e7 8px 16px);border:1px dashed #bacba8;border-radius:14px;flex-direction:column;align-items:center;gap:13px;width:100%;min-height:195px;margin:24px 0 5px;padding:27px;display:flex}.secret strong{font-size:21px}.secret span{align-items:center;gap:7px;font-size:10px;display:flex}.secret.revealed{background:#eaf1df}.secret.revealed strong{color:#304c28;font-size:38px}.secret small{font-size:11px}.discussion-heading{justify-content:space-between;align-items:baseline;display:flex}.discussion-heading>span{color:#879675;font-size:10px}.hints{border:1px solid #e9eee1;border-radius:10px;max-height:260px;padding:12px 16px;overflow-y:auto}.hints>div{border-bottom:1px solid #eff2ea;padding:10px 0}.hints b{color:#7b8f65;font-size:10px}.hints p{overflow-wrap:anywhere;margin:5px 0;font-size:13px}.hints .empty{text-align:center;color:#8a9b79;padding:20px;font-size:12px;line-height:1.9}.hint-form{gap:8px;margin-top:12px;display:flex}.hint-form input{min-width:0;margin:0;font-size:12px}.outline{color:#4f6c3a;background:#fff;border:1px solid #bacbad;border-radius:9px;align-items:center;padding:13px;display:flex}.vote-grid{grid-template-columns:1fr 1fr;gap:9px;margin:22px 0;display:grid}.vote-grid button{color:#67804f;overflow-wrap:anywhere;background:#f9fbf5;border:1px solid #dce5d2;border-radius:9px;justify-content:space-between;padding:14px;display:flex}.vote-grid .chosen{background:#e1edcf;border-color:#7d9c5d}.result-title{text-align:center}.result-title p{color:#7e906b;font-size:12px}.result-title h2{font-size:32px}.result-icon{text-align:center;color:#82a459;font-size:72px}.reveal-words{grid-template-columns:1fr 1fr;gap:14px;margin:30px 0;display:grid}.reveal-words>div{text-align:center;background:#edf3e5;border-radius:12px;padding:24px 12px}.reveal-words>div:last-child{background:#f4efdf}.reveal-words small{color:#75865c;font-size:11px;display:block}.reveal-words strong{margin-top:10px;font-size:26px;display:block}.liar-answer{text-align:center;color:#738660;padding:10px;font-size:13px}.code-input{text-transform:uppercase;letter-spacing:5px}.error{color:#9c4a30;z-index:30;background:#fff0e8;border:1px solid #eacbb9;border-radius:10px;align-items:center;gap:20px;max-width:90vw;padding:14px 18px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0001}.error button{color:inherit;background:0 0;border:0}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#19271666;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:500px;max-width:100%;max-height:90vh;position:relative;overflow:auto}.modal .eyebrow{justify-content:flex-start}.close{position:absolute;top:20px;right:20px}.modal ol{padding-left:22px}.modal li{color:#55703e;padding:10px 0 6px;font-size:13px}.modal li p{color:#7b8b6c;margin:5px 0;font-size:12px;line-height:1.8}@media (max-width:760px){.shell{padding:0 20px}header{height:73px}.brand{font-size:18px}.brand-label{display:none}.hero{padding:38px 0 25px}h1{letter-spacing:-1.8px;font-size:36px}.hero>p{font-size:12px}.hero-notes{gap:14px;font-size:10px}.home-grid{grid-template-columns:1fr;max-width:460px}.panel,.example{padding:25px}.example{padding-bottom:26px}.word-scene{max-width:340px;margin:15px auto}.steps{flex-direction:column;gap:18px;margin:28px 8px 35px}.steps p{font-size:11px}.steps strong{font-size:13px}footer>span:last-child{display:none}footer>span:nth-child(2){font-size:9px}.play-grid{grid-template-columns:1fr}.game-wrap{padding-top:25px}.room-top{align-items:flex-start;gap:10px}.room-top h1{letter-spacing:-1.3px;font-size:25px}.room-top .eyebrow{letter-spacing:1px;font-size:8px}.room-code{padding:10px}.room-code strong{letter-spacing:1.5px;gap:8px;font-size:17px}.room-code small{font-size:8px}.players .tip{display:none}.players{padding:22px}.player-list{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.chips{gap:6px}.chips button{padding:9px 13px}.setting-row strong{font-size:12px}.modal{padding:28px}.hints{max-height:220px}}.admin-note{color:#79537a;background:#f5eef6;border-radius:8px;padding:12px;font-size:12px}.admin-badge{color:#36572e;font-weight:700}@media (max-width:760px){footer{flex-wrap:wrap;gap:14px}footer>span:last-child{letter-spacing:0;width:100%;font-size:11px;display:block}}.secret .word-definition{color:#526746;word-break:keep-all;overflow-wrap:anywhere;text-align:center;max-width:36em;font-size:12px;font-weight:400;line-height:1.85;display:block}.secret.revealed strong{overflow-wrap:anywhere;max-width:100%}@media (max-width:760px){.secret .word-definition{font-size:12px}.secret.revealed strong{font-size:32px}}.privacy-page{max-width:760px;margin:40px auto;padding:36px;line-height:1.9}.privacy-page h1{letter-spacing:-1px;font-size:30px}.privacy-page h2{margin-top:30px;font-size:20px}.privacy-page a{color:#365638;text-decoration:underline}.privacy-page p{color:#64725a}@media (max-width:760px){.privacy-page{margin:20px;padding:24px}.privacy-page h1{font-size:25px}}
