body:before{content:"";filter:blur(15px)brightness(.4);z-index:-1;background-image:url(/covers/telefono-cortado.jpg);background-position:50%;background-size:cover;position:fixed;inset:0}body{color:#eee;background-color:#111;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:system-ui,sans-serif;display:flex;overflow-x:hidden}#app{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:1000px;padding:52px 10px 16px;display:flex}@media (width>=1150px){#app{padding-top:16px}}.countdown{text-align:center;color:#fff;text-shadow:0 4px 10px #000c;font-size:clamp(3rem,12vw,6rem);font-weight:700}.countdown--pop{animation:.45s ease-out countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.6)}60%{opacity:1;transform:scale(.95)}to{transform:scale(1)}}.phase-container{box-sizing:border-box;background:#141414bf;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:15px;width:100%;padding:20px;display:flex;box-shadow:0 8px 32px #00000080}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.top-bar h2{color:#fff;margin:0;font-size:clamp(1.2rem,3vw,1.5rem)}.timer-container{background:#222;border:2px solid #555;border-radius:15px;width:200px;height:30px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #00000080}.timer-bar{background:linear-gradient(90deg,#007bff,#0fc);width:100%;position:absolute;top:0;bottom:0;left:0}.timer-bar--low{background:#f33}.timer-text{color:#fff;text-shadow:1px 1px 2px #000;z-index:2;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;position:absolute;inset:0}.hangman-hint{color:#fc0;text-shadow:0 2px 4px #00000080;flex-wrap:wrap;justify-content:center;gap:8px 22px;max-width:100%;font-family:monospace;font-size:clamp(1.2rem,4.5vw,1.9rem);font-weight:700;display:flex}.hint-word{gap:4px;display:flex}.hint-char{justify-content:center;align-items:flex-end;min-width:.9em;height:1.25em;display:inline-flex}.hint-char--blank{border-bottom:3px solid #fc0}.text-input{color:#fff;text-align:center;box-sizing:border-box;background:#00000080;border:2px solid #555;border-radius:8px;width:100%;max-width:600px;padding:15px;font-size:1.2rem}.workspace{flex-direction:row;justify-content:center;align-items:flex-start;gap:20px;width:100%;display:flex}.toolbox{background:#00000080;border:1px solid #444;border-radius:8px;flex:none;grid-template-columns:repeat(2,45px);align-content:start;gap:8px;padding:10px;display:grid}.toolbox-divider{background:#555;grid-column:1/-1;align-self:center;width:100%;height:1px}@media (width<=768px){.workspace{flex-direction:column;align-items:center}.toolbox{box-sizing:border-box;flex-wrap:wrap;justify-content:center;width:100%;display:flex}.tool-btn{flex:auto}}.tool-btn{color:#fff;cursor:pointer;background:#333;border:2px solid #444;border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;padding:0;transition:all .2s;display:flex}.tool-btn:hover{background:#444;border-color:#666}@media (width<=768px){.tool-btn{width:40px;height:40px}.toolbox .toolbox-divider{width:1px;height:28px;margin:0 2px}}.tool-btn.active{background:#007bff;border-color:#0056b3}.tool-icon{width:24px;height:24px}.thickness-circle{background:#aaa;border-radius:50%;transition:background .2s}.tool-btn:hover .thickness-circle{background:#ddd}.tool-btn.active .thickness-circle{background:#fff}.clear-btn{background:#a33;border-color:#822;margin-top:auto}.clear-btn:hover{background:#c44}.canvas-container{aspect-ratio:8/5;background-color:#fff;border:4px solid #444;border-radius:8px;flex:1 1 0;min-width:0;max-width:min(800px,max(320px,160vh - 688px));overflow:hidden;box-shadow:0 4px 20px #00000080}@media (width<=768px){.canvas-container{flex:none;width:100%;max-width:100%}}.drawing-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.palette{background:#00000080;border:1px solid #444;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 20px;display:flex}.color-btn{cursor:pointer;border:2px solid #555;border-radius:50%;width:32px;height:32px;padding:0;transition:transform .1s}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border:3px solid #fff;box-shadow:0 0 10px #fffc}.action-button{cursor:pointer;color:#fff;background-color:#007bff;border:none;border-radius:8px;padding:15px 40px;font-size:1.2rem;font-weight:700;transition:background .2s}.action-button:hover{background-color:#0056b3}.action-button:disabled{color:#9aa;cursor:default;background-color:#3a4a5c}.text-input:disabled{opacity:.6}.tc-stage{gap:12px}.tc-body{flex-direction:column;align-items:center;gap:15px;width:100%;display:flex}.tc-prompt{text-align:center;color:#fff;margin:0;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700}.tc-prompt__phrase{color:#fc0}.tc-banner{color:#ddd;text-align:center;box-sizing:border-box;background:#ffffff14;border:1px solid #777;border-radius:8px;width:100%;padding:8px 12px;font-weight:700}.tc-banner[hidden]{display:none}.tc-note{color:#bbb;text-align:center;margin:0;font-size:.95rem}.tc-quote{color:#fc0;text-align:center;margin:0;font-size:1.3rem;font-style:italic}.tc-message{text-align:center}.tc-roster{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.tc-player{background:#00000073;border:1px solid #444;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:.85rem;display:flex}.tc-player--done{background:#2e9e5b33;border-color:#2e9e5b}.tc-player--off{opacity:.45}.tc-player--me .tc-player__name{color:#0fc;font-weight:700}.tc-player__pts{color:#fc0;font-variant-numeric:tabular-nums}.tc-guess-image,.tc-sent-drawing{aspect-ratio:8/5;object-fit:contain;background:#fff;border:4px solid #444;border-radius:8px;width:100%;max-width:520px;display:block;box-shadow:0 4px 20px #00000080}.tc-feedback{color:#f88;text-align:center;min-height:1.2em;font-weight:700}.tc-feedback--close{color:#fc0}.tc-feedback--shake{animation:.3s tc-shake}@keyframes tc-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.tc-gallery{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;max-height:60vh;padding:4px;display:flex;overflow-y:auto}.tc-chain{box-sizing:border-box;width:260px;max-width:100%;animation:.4s ease-out both tc-card-in;animation-delay:calc(var(--i,0) * .25s);background:#00000080;border:1px solid #444;border-radius:10px;flex-direction:column;align-items:center;gap:6px;margin:0;padding:12px;display:flex}@keyframes tc-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tc-chain__phrase{color:#fc0;text-align:center;font-weight:700}.tc-chain__img{aspect-ratio:8/5;object-fit:contain;background:#fff;border-radius:6px;width:100%}.tc-chain__meta{color:#999;text-align:center;font-size:.8rem}.tc-chain__outcome{color:#ddd;text-align:center;font-size:.9rem}.tc-chain__outcome--ok{color:#6ee7a0;font-weight:700}