@font-face{font-family:Gan;src:url(/assets/ganclm_bold-webfont-WRnyY0BV.woff) format("woff");font-weight:700;font-style:normal}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px 16px 48px;gap:36px}@media (max-width: 480px){.home{gap:24px;padding:24px 16px 40px}}.home__logo{text-align:center}@media (max-width: 480px){.home__logo img{width:80%}}.home__logo h1{font-family:Gan;font-size:clamp(3.2rem,8vw,5rem);color:#ff6b35;line-height:1;letter-spacing:-.01em;text-shadow:0 0 40px rgba(255,107,53,.4),0 4px 0 rgb(206,55.0693069307,0)}.home__logo p{color:#272727;margin-top:8px;font-size:clamp(.9rem,3vw,1.05rem)}.home__logo .pencil-icon{font-size:clamp(2rem,6vw,3rem);display:block;margin-bottom:8px;animation:wiggle 2.5s ease-in-out infinite}.home__identity{width:100%;max-width:560px;display:flex;flex-direction:column;gap:16px}.home__cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width:100%;max-width:720px}@media (max-width: 768px){.home__cards{flex-direction:column;align-items:stretch;gap:16px}}.home__card{background:#fffadd;border:1.5px solid rgba(237,87,0,.4);border-radius:32px;padding:28px 24px;flex:1;min-width:260px;max-width:340px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 40px #0000004d}@media (max-width: 768px){.home__card{max-width:100%;min-width:0;padding:22px 18px}.home__card:first-child{order:1}.home__card:last-child{order:0}}.home__card h2{font-family:Gan;font-size:1.5rem;color:#bc9a4c}.home__avatar-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.home__avatar{font-size:1.7rem;background:#d2b5f7;border:2px solid transparent;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}@media (max-width: 480px){.home__avatar{width:40px;height:40px;font-size:1.4rem}}.home__avatar--selected{border-color:#ff6b35;background:#ff6b3526;transform:scale(1.15)}.home__avatar:hover:not(.home__avatar--selected){transform:scale(1.1)}.home__settings{background:#cdcab6;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}.home__settings label{font-size:.85rem;color:#272727;display:block;margin-bottom:4px;font-weight:700}.home__settings select{background:#fffadd;border:1.5px solid rgba(237,87,0,.4);border-radius:8px;padding:8px 12px;color:#111;font-family:Heebo,sans-serif;font-size:.95rem;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}.home__settings select option{background:#fffadd}.home__error{color:red;font-weight:700;font-size:1rem;text-align:center;min-height:20px}.home__tv-toggle{display:flex;align-items:center;gap:14px;background:#cdcab6;border:1.5px solid rgba(237,87,0,.4);border-radius:14px;padding:12px 14px;cursor:pointer;transition:border-color .2s;-webkit-user-select:none;user-select:none}.home__tv-toggle:hover{border-color:#fff3}.home__tv-switch{width:44px;height:24px;border-radius:12px;background:#e3e1d4;position:relative;flex-shrink:0;transition:background .25s}.home__tv-switch--on{background:#ff6b35}.home__tv-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .25s}.home__tv-switch--on .home__tv-thumb{left:23px}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@font-face{font-family:Gan;src:url(/assets/ganclm_bold-webfont-WRnyY0BV.woff) format("woff");font-weight:700;font-style:normal}.lobby{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:32px 16px 48px;gap:24px}@media (max-width: 480px){.lobby{padding:20px 12px 36px;gap:18px}}.lobby__header{text-align:center;margin-top:8px}.lobby__header h2{font-family:Gan;font-size:clamp(1.6rem,5vw,2rem);color:#ff6b35}.lobby__header p{color:#272727;margin-top:4px;font-size:.95rem}.lobby__code-box{background:#fffadd;border:2px dashed rgba(255,107,53,.4);border-radius:32px;padding:20px 40px;text-align:center;cursor:pointer;transition:all .2s;width:100%;max-width:450px}.lobby__code-box :not(.code){font-weight:700}@media (max-width: 480px){.lobby__code-box{padding:16px 24px;border-radius:22px}}.lobby__code-box:hover{border-color:#ff6b35;background:#e3e1d4}.lobby__code-box .label{font-size:.75rem;color:#272727;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.lobby__code-box .code{font-family:Coiny;font-size:clamp(2.4rem,8vw,3.5rem);color:#bc9a4c;letter-spacing:.25em;text-align:center}.lobby__code-box .hint{font-size:.75rem;color:#272727;margin-top:4px}.lobby__code-box--copied .code{color:#d2b5f7}.lobby__players{background:#fffadd;border:1.5px solid rgba(237,87,0,.4);border-radius:32px;padding:20px;width:100%;max-width:560px}@media (max-width: 480px){.lobby__players{padding:16px;border-radius:22px}}.lobby__players h3{font-size:.8rem;color:#272727;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}.lobby__player-list{display:flex;flex-direction:column;gap:8px}.lobby__player{display:flex;align-items:center;gap:10px;background:#cdcab6;border-radius:14px;padding:9px 14px}.lobby__player .avatar{font-size:1.6rem;flex-shrink:0}.lobby__player .name{flex:1;font-weight:700;font-size:.95rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby__player .crown{font-size:1.5rem;flex-shrink:0;margin-top:-5px}.lobby__player .you-badge{font-size:.68rem;background:#ff6b35;color:#272727;border:1px solid rgba(255,107,53,.3);border-radius:999px;padding:2px 8px;flex-shrink:0}.lobby__actions{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px}.lobby__actions .btn{width:100%}.lobby__waiting{color:#272727;font-size:.9rem;text-align:center}.lobby-players .joined-lobby-player{background-color:#d2b5f7!important;box-shadow:#000 0 0 20px -15px}.tv-lobby-header{border-bottom:#ff6b35 2px dashed}.guesses{border-right:#ff6b35 2px dashed}.guesses .guess-message{background-color:#e3e1d4!important}.player-scores{border-left:#ff6b35 2px dashed}.player-scores .player-guesser,.player-scores .player-drawer{box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.player-scores .player-guesser{background-color:#f7edb5!important}.drawing-time-left{text-shadow:2px 2px #ff6b35,2px 2px 10px #111111}@font-face{font-family:Gan;src:url(/assets/ganclm_bold-webfont-WRnyY0BV.woff) format("woff");font-weight:700;font-style:normal}.game{display:grid;grid-template-columns:200px 1fr 240px;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}@media (max-width: 1024px) and (min-width: 769px){.game{grid-template-columns:1fr 220px;grid-template-rows:auto 1fr auto}.game .game__scoreboard{grid-column:1/-1;grid-row:3;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-left:none;border-top:1.5px solid rgba(237,87,0,.4);padding:10px 12px;gap:8px;max-height:90px}.game .game__canvas-area{grid-column:1;grid-row:2}.game .game__chat{grid-column:2;grid-row:2}}@media (max-width: 768px){.game{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.game .game__scoreboard{grid-column:1;grid-row:2;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-left:none;border-top:1.5px solid rgba(237,87,0,.4);border-bottom:1.5px solid rgba(237,87,0,.4);padding:8px 10px;gap:6px;max-height:76px}.game .game__scoreboard h3{display:none}.game .game__canvas-area{grid-column:1;grid-row:3}.game .game__chat{grid-column:1;grid-row:4;max-height:220px}}.game__topbar{grid-column:1/-1;grid-row:1;background:#fffadd;border-bottom:1.5px solid rgba(237,87,0,.4);display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:12px;z-index:10;min-height:52px}@media (max-width: 480px){.game__topbar{padding:6px 10px;gap:8px}}.game__round-info{font-size:.8rem;color:#272727;white-space:nowrap;flex-shrink:0}.game__round-info strong{color:#111}@media (max-width: 480px){.game__round-info{font-size:.72rem}}.game__word-display{flex:1;text-align:center;overflow:hidden}.game__word{font-family:Gan;font-size:clamp(1.1rem,3vw,1.8rem);color:#bc9a4c;letter-spacing:.1em;direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game__timer-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.game__timer{font-family:Gan;font-size:clamp(1.4rem,4vw,2rem);color:#111;min-width:44px;text-align:center;transition:color .3s}.game__timer--warning{color:#bc9a4c;animation:pulse .8s ease-in-out infinite}.game__timer--danger{color:#f7b5b5;animation:pulse .4s ease-in-out infinite}.game__scoreboard{grid-row:2;background:#cdcab6;border-left:1.5px solid rgba(237,87,0,.4);padding:14px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.game__scoreboard h3{font-size:.7rem;color:#272727;text-transform:uppercase;letter-spacing:.1em;padding:0 6px;margin-bottom:2px;flex-shrink:0}.game__score-item{display:flex;align-items:center;gap:8px;background:#fffadd;border-radius:14px;padding:8px 10px;border:1.5px solid transparent;transition:all .2s;flex-shrink:0}.game__score-item--drawing{border-color:#ff6b35;background:#ff6b3514}.game__score-item--guessed{border-color:#b5f7e0;background:#06d6a014}.game__score-item--disconnected{opacity:.45;filter:grayscale(.5)}.game__score-item .avatar{font-size:1.3rem}.game__score-item .info{flex:1;min-width:0}.game__score-item .info .name{font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.game__score-item .info .score{font-size:.75rem;color:#bc9a4c;font-weight:700}.game__score-item .badge{font-size:.9rem}@media (max-width: 1024px){.game__score-item{flex-direction:column;align-items:center;padding:6px 10px;border-radius:8px;min-width:60px;text-align:center}.game__score-item .info .name,.game__score-item .info .score{font-size:.7rem}}.game__canvas-area{grid-row:2;display:flex;flex-direction:column;background:#f7edb5;overflow:hidden;min-height:0}.game__canvas-wrap{flex:1;display:flex;background:#fff;position:relative;overflow:hidden;min-height:0}.game__canvas-wrap>div{flex:1}.game__toolbar{background:#fffadd;border-top:1.5px solid rgba(237,87,0,.4);padding:8px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}@media (max-width: 480px){.game__toolbar{padding:6px 8px;gap:6px}}.game__colors{display:flex;gap:5px;flex-wrap:wrap}.game__color-btn{width:24px;height:24px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .15s;flex-shrink:0}.game__color-btn--active{border-color:#fffc;transform:scale(1.25)}.game__color-btn:hover:not(.game__color-btn--active){transform:scale(1.15)}@media (max-width: 480px){.game__color-btn{width:20px;height:20px}}.game__separator{width:1px;height:24px;background:#ed570066;flex-shrink:0}.game__brush-sizes{display:flex;gap:6px;align-items:center}.game__brush-btn{background:#e3e1d4;border:2px solid transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:#111;flex-shrink:0}.game__brush-btn--active{border-color:#ff6b35;background:#ff6b3526}.game__brush-btn:hover:not(.game__brush-btn--active){background:#242233}.game__tool-btn{background:#e3e1d4;border:2px solid transparent;border-radius:8px;padding:5px 10px;cursor:pointer;color:#111;font-size:.82rem;font-family:Heebo,sans-serif;display:flex;align-items:center;gap:4px;transition:all .15s;white-space:nowrap}.game__tool-btn:hover{background:#242233}.game__tool-btn--active{border-color:#ff6b35;background:#ff6b3526;color:#ff6b35}.game__tool-btn--clear{color:#f7b5b5}.game__tool-btn--clear:hover{background:#ef476f26;border-color:#ef476f4d}.game__spectator-message{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#0f0e17d1;color:#272727;font-size:.85rem;padding:5px 14px;border-radius:999px;border:1px solid rgba(237,87,0,.4);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.game__chat{grid-row:2;background:#cdcab6;border-right:1.5px solid rgba(237,87,0,.4);display:flex;flex-direction:column;overflow:hidden;min-height:0}.game__chat h3{font-size:.7rem;color:#272727;text-transform:uppercase;letter-spacing:.1em;padding:12px 14px 8px;border-bottom:1px solid rgba(237,87,0,.4);flex-shrink:0}.game__messages{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:5px;min-height:0}.game__message{background:#fffadd;border-radius:8px;padding:5px 9px;font-size:.85rem;line-height:1.4;border:1px solid transparent}.game__message--correct{background:#06d6a01a;border-color:#06d6a040}.game__message--system{background:transparent;border:none;color:#272727;font-size:.78rem;text-align:center}.game__message .sender{font-weight:700;font-size:.74rem;color:#bc9a4c;display:block;margin-bottom:2px}.game__chat-input{padding:8px 10px;border-top:1px solid rgba(237,87,0,.4);display:flex;gap:6px;flex-shrink:0}.game__chat-input input{flex:1;min-width:0;background:#fffadd;border:1.5px solid rgba(237,87,0,.4);border-radius:8px;padding:7px 10px;color:#111;font-size:.88rem;font-family:Heebo,sans-serif;direction:rtl}.game__chat-input input::placeholder{color:#272727}.game__chat-input input:focus{border-color:#ff6b35;background:#e3e1d4;outline:none}.game__chat-input button{background:#ff6b35;border:none;border-radius:8px;padding:7px 12px;color:#fff;font-size:1rem;cursor:pointer;flex-shrink:0;transition:background .15s}.game__chat-input button:hover{background:#ff895e}.game__chat-input button:disabled{opacity:.4;cursor:not-allowed}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0e17d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.overlay__card{background:#fffadd;border:1.5px solid rgba(237,87,0,.4);border-radius:32px;padding:36px 40px;text-align:center;width:100%;max-width:420px;box-shadow:0 24px 80px #00000080;max-height:90vh;overflow-y:auto}@media (max-width: 480px){.overlay__card{padding:24px 20px;border-radius:22px}}.overlay__card .emoji{font-size:3rem;display:block;margin-bottom:12px}.overlay__card h2{font-family:Gan;font-size:clamp(1.4rem,5vw,2rem);color:#bc9a4c;margin-bottom:6px}.overlay__card .word{font-family:Gan;font-size:clamp(2rem,7vw,2.8rem);color:#ff6b35;margin:10px 0}.overlay__card .scores{margin-top:20px;display:flex;flex-direction:column;gap:8px;text-align:right}.overlay__card .score-row{display:flex;align-items:center;gap:10px;background:#cdcab6;border-radius:14px;padding:9px 12px}.overlay__card .score-row .rank{font-family:Gan;font-size:1.2rem;min-width:28px;color:#272727}.overlay__card .score-row .rank.gold{color:gold}.overlay__card .score-row .rank.silver{color:silver}.overlay__card .score-row .rank.bronze{color:#cd7f32}.overlay__card .score-row .pname{flex:1;font-weight:500;font-size:.95rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay__card .score-row .pscore{font-weight:700;color:#bc9a4c;font-size:.95rem}.overlay__card .next-info{margin-top:14px;color:#272727;font-size:.88rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@font-face{font-family:Gan;src:url(/assets/ganclm_bold-webfont-WRnyY0BV.woff) format("woff");font-weight:700;font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%;-webkit-text-size-adjust:100%}body{min-height:100%;width:100%;font-family:Heebo,sans-serif;background:#f7edb5;color:#111;direction:rtl;-webkit-font-smoothing:antialiased;background-image:linear-gradient(90deg,transparent 79px,#ff7878 79px,#ff7878 81px,transparent 81px),linear-gradient(#83a4ff 1px,transparent 1px)}@media (max-width: 480px){body{background-image:linear-gradient(90deg,transparent 35px,#ff7878 35px,#ff7878 37px,transparent 37px),linear-gradient(#83a4ff 1px,transparent 1px)}}body{background-size:100% 40px}#root{min-height:100vh;width:100%}button{font-family:Heebo,sans-serif;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:Heebo,sans-serif;outline:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:14px;font-size:1rem;font-weight:700;transition:all .18s ease;cursor:pointer;border:none;letter-spacing:.02em;white-space:nowrap}.btn--primary{background:#ff6b35;color:#fff;box-shadow:0 4px 24px #ff6b3559}.btn--primary:hover:not(:disabled){background:#ff8154;transform:translateY(-2px);box-shadow:0 8px 32px #ff6b3573}.btn--secondary{background:#fffadd;color:#111;border:1px solid rgba(237,87,0,.4)}.btn--secondary:hover:not(:disabled){background:#e3e1d4;transform:translateY(-2px)}.btn--success{background:#d2b5f7;color:#272727}.btn--success:hover:not(:disabled){background:#e3d1fa;transform:translateY(-2px)}.btn--ghost{background:transparent;color:#272727;border:1px solid rgba(237,87,0,.4)}.btn--ghost:hover:not(:disabled){color:#111;border-color:#fff3;background:#fffadd}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--lg{padding:16px 40px;font-size:1.15rem;border-radius:22px}@media (max-width: 480px){.btn--lg{padding:14px 24px;font-size:1rem}}.btn--sm{padding:8px 16px;font-size:.85rem;border-radius:8px}.btn--full{width:100%}.input{width:100%;background:#fffadd;border:1.5px solid rgba(237,87,0,.4);border-radius:14px;padding:12px 16px;font-size:1rem;color:#111;transition:border-color .18s;direction:rtl}.input::placeholder{color:#272727}.input:focus{border-color:#ff6b35;background:#e3e1d4}.input--lg{padding:16px 20px;font-size:1.1rem;border-radius:22px;text-align:center;letter-spacing:.05em}@media (max-width: 480px){.input--lg{padding:13px 16px;font-size:1rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#cdcab6}::-webkit-scrollbar-thumb{background:#e3e1d4;border-radius:3px}