:root{--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--bg: #F4F1FF;--card: #FFFFFF;--line: #E6E1FA;--ink: #1F2340;--ink-soft: #565C80;--muted: #9AA0BD;--primary: #6C4DFF;--primary-hover: #5A3BF0;--primary-soft: #ECE7FF;--sun: #FFC93C;--sun-soft: #FFF4D1;--team-a: #FF5D73;--team-a-soft: #FFE5EA;--team-a-ink: #D93A55;--team-b: #3A86FF;--team-b-soft: #E2EDFF;--team-b-ink: #2563D9;--ffa: #6C4DFF;--ffa-soft: #ECE7FF;--good: #22C55E;--bad: #FF4D6D;--radius: 22px;--shadow: 0 10px 30px rgba(31, 35, 64, .08);--shadow-lift: 0 16px 40px rgba(31, 35, 64, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:radial-gradient(900px 500px at 8% -10%,#FFE3EC 0%,transparent 60%),radial-gradient(800px 500px at 100% 0%,#DDEBFF 0%,transparent 55%),radial-gradient(900px 600px at 50% 110%,#DDF8EA 0%,transparent 60%),var(--bg);background-attachment:fixed;color:var(--ink);min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display)}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.avatar{display:block;flex-shrink:0;overflow:visible}.wordmark{display:inline-block;height:1.1em;width:auto;vertical-align:middle;overflow:visible}.tug-visual-root{width:100%;max-width:760px;margin:0 auto;filter:drop-shadow(0 18px 30px rgba(31,35,64,.18))}.tug-svg{width:100%;overflow:visible;display:block}.tug-label{font-family:var(--font-display, "Fredoka", sans-serif);font-size:15px;font-weight:600;letter-spacing:.5px}.tug-score{font-family:var(--font-display, "Fredoka", sans-serif);font-size:28px;font-weight:700;fill:#1f2340}.tug-cheer{font-size:22px;fill:#ffc93c;animation:cheer-pop .8s ease-in-out infinite alternate}@keyframes cheer-pop{0%{opacity:.6}to{opacity:1}}.tug-cloud{animation:cloud-drift 18s ease-in-out infinite alternate}@keyframes cloud-drift{0%{transform:translate(-12px)}to{transform:translate(16px)}}.tug-rope{animation:rope-jolt .35s ease-out}@keyframes rope-jolt{0%{transform:translateY(0)}30%{transform:translateY(-4px)}60%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes bounce-strain{0%{transform:translateY(0) scaleX(1)}20%{transform:translateY(-3px) scaleX(.98)}40%{transform:translateY(-1px) scaleX(1.01)}60%{transform:translateY(-4px) scaleX(.97)}80%{transform:translateY(-2px) scaleX(1)}to{transform:translateY(0) scaleX(1)}}@keyframes bounce-win{0%{transform:translateY(0) scaleY(1)}30%{transform:translateY(-8px) scaleY(1.04)}55%{transform:translateY(-3px) scaleY(.99)}80%{transform:translateY(-6px) scaleY(1.02)}to{transform:translateY(0) scaleY(1)}}@keyframes bounce-drag{0%{transform:translate(0) translateY(0)}15%{transform:translate(3px) translateY(-1px)}35%{transform:translate(-2px) translateY(-2px)}55%{transform:translate(4px) translateY(0)}75%{transform:translate(-3px) translateY(-1px)}to{transform:translate(0) translateY(0)}}.figure{transform-box:fill-box;transform-origin:bottom center}.figure.bounce-strain{animation:bounce-strain .6s ease-in-out infinite}.figure.bounce-win{animation:bounce-win .5s ease-in-out infinite}.figure.bounce-drag{animation:bounce-drag .3s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.figure,.tug-cloud,.tug-rope,.tug-cheer{animation:none!important}}.tv-root{min-height:100vh;display:flex;flex-direction:column;color:var(--ink)}.tv-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 40px}.tv-logo{background:none;border:none;font-size:2.2rem;padding:0}.tv-room-code{font-family:var(--font-display);font-size:1.1rem;color:var(--ink-soft);background:var(--card);padding:8px 18px;border-radius:999px;box-shadow:var(--shadow)}.tv-room-code strong{color:var(--ink);font-size:1.35rem;letter-spacing:3px;margin-left:6px}.tv-timer{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--ink);background:var(--card);padding:4px 22px;border-radius:999px;box-shadow:var(--shadow);min-width:130px;text-align:center;transition:color .3s,background .3s}.tv-timer.danger{color:#fff;background:var(--bad);animation:pulse .8s ease-in-out infinite}.end-game-btn{padding:10px 18px;font-size:.95rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.tv-center{flex:1;display:flex;align-items:center;justify-content:center}.error-msg{background:var(--team-a-soft);border-radius:14px;padding:12px 16px;color:var(--team-a-ink);font-weight:700;font-size:.95rem}.primary-btn{padding:16px 44px;background:var(--primary);border:none;border-radius:999px;color:#fff;font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:.5px;box-shadow:0 8px 0 var(--primary-hover),var(--shadow);transition:transform .15s,box-shadow .15s,background .2s;align-self:center}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 0 var(--primary-hover),var(--shadow-lift)}.primary-btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 3px 0 var(--primary-hover),var(--shadow)}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.secondary-btn{padding:14px 32px;background:var(--card);border:2px solid var(--line);border-radius:999px;color:var(--ink);font-family:var(--font-display);font-size:1.1rem;font-weight:600;box-shadow:var(--shadow);transition:transform .15s,border-color .2s}.secondary-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--primary)}.secondary-btn:disabled{opacity:.45;cursor:not-allowed}.tv-home{flex:1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(420px,.85fr);align-items:center;gap:48px;padding:16px 56px 48px}.home-hero{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:1040px;justify-self:center;align-self:start;text-align:center}.home-hero .tug-visual-root{max-width:none}.hero-title{font-size:clamp(3.5rem,7vw,6rem);line-height:1}.hero-tagline{font-family:var(--font-display);font-size:1.8rem;font-weight:600}.hero-sub{color:var(--ink-soft);font-size:1.15rem;margin-bottom:28px}.setup-card{background:var(--card);border-radius:28px;padding:36px 40px;display:flex;flex-direction:column;gap:26px;box-shadow:var(--shadow-lift)}.setup-card h2{font-size:1.8rem;font-weight:600}.setup-section{display:flex;flex-direction:column;gap:12px}.setup-section label{font-size:.85rem;font-weight:800;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}.setup-section label strong{color:var(--ink)}.mode-buttons{display:flex;gap:10px}.mode-btn{flex:1;padding:14px 6px;background:var(--bg);border:2px solid transparent;border-radius:18px;color:var(--ink);font-family:var(--font-display);font-size:1.05rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .15s,border-color .2s,background .2s}.mode-btn:hover{transform:translateY(-2px);border-color:var(--line)}.mode-btn.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.mode-sub{white-space:nowrap;font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--muted)}.mode-btn.active .mode-sub{color:var(--primary);opacity:.8}.ffa-hint{background:var(--sun-soft);border-radius:16px;padding:14px 18px;font-size:.95rem;color:var(--ink-soft);display:flex;align-items:center;gap:10px}.ffa-hint-icon{font-size:1.3rem;flex-shrink:0}.timer-slider{width:100%;accent-color:var(--primary);height:6px;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;color:var(--muted)}.tv-lobby{flex:1;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:32px 40px;padding:24px 48px 40px;align-items:center}.lobby-qr{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--card);border-radius:28px;padding:28px;box-shadow:var(--shadow-lift);transition:padding .4s ease}.lobby-qr.qr-shrunk{padding:18px}.qr-label{font-family:var(--font-display);font-size:1.4rem;font-weight:600}.qr-box{padding:12px;background:#fff;border:4px solid var(--sun);border-radius:20px}.qr-url{font-size:.75rem;color:var(--muted);word-break:break-all;text-align:center;max-width:240px}.qr-mini{display:flex;flex-direction:column;align-items:center;gap:8px}.qr-mini-label{font-size:.8rem;font-weight:800;color:var(--ink-soft)}.lobby-teams{grid-column:2;grid-row:1;display:flex;align-items:stretch;justify-content:center;gap:0}.team-col{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:24px;border-radius:28px;min-height:260px;background:var(--card);box-shadow:var(--shadow);border-top:10px solid transparent}.team-col.team-a{border-top-color:var(--team-a)}.team-col.team-b{border-top-color:var(--team-b)}.team-col-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:6px}.team-a .team-col-title{color:var(--team-a)}.team-b .team-col-title{color:var(--team-b)}.no-players{color:var(--muted);font-weight:700;text-align:center;margin-top:24px}.lobby-player{display:flex;align-items:center;gap:14px;background:var(--bg);border:2px solid transparent;border-radius:18px;padding:8px 16px;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--ink);width:100%;text-align:left;animation:pop-in .45s cubic-bezier(.34,1.56,.64,1) both}.team-a .lobby-player{background:var(--team-a-soft)}.team-b .lobby-player{background:var(--team-b-soft)}.lobby-player-swap{cursor:pointer;border-style:dashed;border-color:var(--line)}.lobby-player-swap:hover,.lobby-player-swap:focus-visible{border-color:var(--ink-soft);outline:none}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.cpu-bot-badge{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;border:2px dashed var(--line);border-radius:18px}.cpu-label{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--team-b)}.cpu-sub{font-size:.85rem;color:var(--muted);text-align:center}.lobby-divider{align-self:center;margin:0 -18px;z-index:1;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--sun);color:var(--ink);font-family:var(--font-display);font-size:1.3rem;font-weight:700;box-shadow:var(--shadow-lift)}.lobby-actions{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:center;gap:12px}.lobby-count{font-family:var(--font-display);font-size:1.15rem;color:var(--ink-soft)}.leader-hint{background:var(--sun-soft);border-radius:999px;padding:8px 18px;font-weight:800;color:var(--ink)}.hint{color:var(--muted);font-weight:700;font-size:.95rem}.ffa-lobby-col{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:18px;background:var(--card);border-radius:28px;padding:28px;box-shadow:var(--shadow);border-top:10px solid var(--ffa);min-height:260px}.ffa-lobby-title{font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:12px}.ffa-badge{background:var(--ffa-soft);color:var(--ffa);border-radius:999px;padding:4px 12px;font-size:.85rem;letter-spacing:1px}.ffa-lobby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;width:100%}.ffa-lobby-player{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--ffa-soft);border-radius:20px;padding:14px 10px 12px;animation:pop-in .45s cubic-bezier(.34,1.56,.64,1) both}.ffa-lobby-name{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.tv-playing{flex:1;display:flex;align-items:stretch;overflow:hidden}.playing-layout{flex:1;display:grid;grid-template-columns:1.1fr 1fr;gap:0}.playing-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px 24px 32px 48px}.playing-right{display:flex;align-items:center;justify-content:center;padding:24px 48px 32px 24px}.tv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px;background:var(--card);border-radius:32px;box-shadow:var(--shadow-lift)}.tv-cell{width:min(9vw,112px);height:min(9vw,112px);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:min(4.2vw,3.4rem);font-weight:700;background:var(--sun-soft);border-radius:22px;color:var(--ink);box-shadow:inset 0 -6px #e8a31740;-webkit-user-select:none;user-select:none;animation:tile-in .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes tile-in{0%{transform:scale(.4) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.words-ticker{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;min-height:44px}.word-chip{padding:6px 16px;border-radius:999px;font-family:var(--font-display);font-size:1.05rem;font-weight:600;animation:chipIn .35s cubic-bezier(.34,1.56,.64,1)}.chip-who{opacity:.7;font-size:.85em}@keyframes chipIn{0%{opacity:0;transform:scale(.5) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ffa-leaderboard{display:flex;flex-direction:column;gap:12px;width:100%;max-width:640px;height:100%}.ffa-lb-title{font-family:var(--font-display);font-size:1.6rem;font-weight:600;text-align:center}.ffa-lb-empty{color:var(--muted);font-weight:700;text-align:center;margin-top:1rem}.ffa-lb-rows{display:flex;flex-direction:column;gap:8px;flex:1}.ffa-lb-row{display:grid;grid-template-columns:40px minmax(0,1.4fr) 1fr 52px 40px;align-items:center;gap:10px;background:var(--card);border-radius:20px;padding:8px 14px;box-shadow:var(--shadow);transition:transform .3s}.ffa-lb-leader{background:var(--sun-soft);transform:scale(1.02)}.ffa-lb-rank{font-size:1.4rem;text-align:center}.ffa-lb-name{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.15rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ffa-lb-bar-wrap{height:10px;background:var(--bg);border-radius:999px;overflow:hidden}.ffa-lb-bar{height:100%;background:linear-gradient(90deg,var(--primary),#A98BFF);border-radius:999px;transition:width .5s ease;min-width:4px}.ffa-lb-score{font-family:var(--font-display);font-size:1.4rem;font-weight:700;text-align:right}.ffa-lb-words{font-size:.8rem;font-weight:700;color:var(--muted);text-align:right}.ffa-ticker{margin-top:auto}.tv-finished{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px 40px 40px}.winner-banner{font-family:var(--font-display);font-size:4rem;font-weight:700;color:var(--ink);background:var(--sun);padding:8px 40px;border-radius:999px;box-shadow:0 8px #e8a317,var(--shadow-lift);animation:winnerPop .6s cubic-bezier(.34,1.56,.64,1)}.winner-banner.tie{background:var(--card);box-shadow:var(--shadow-lift)}@keyframes winnerPop{0%{transform:scale(.4) rotate(-6deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.final-scores{display:flex;gap:32px}.final-score-box{background:var(--card);border-radius:28px;padding:24px 32px;min-width:280px;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:var(--shadow);border:4px solid transparent}.winner-glow{border-color:var(--sun);box-shadow:var(--shadow-lift)}.fs-label{font-family:var(--font-display);font-size:1.3rem;font-weight:600}.fs-score{font-family:var(--font-display);font-size:3.2rem;font-weight:700;line-height:1}.fs-words{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}.fs-word{padding:4px 12px;border-radius:999px;font-size:.9rem;font-weight:700}.fs-more{font-size:.85rem;font-weight:700;color:var(--muted);padding:4px 8px}.ffa-final-board{display:flex;flex-direction:column;gap:10px;width:100%;max-width:900px}.ffa-final-row{display:grid;grid-template-columns:48px minmax(0,1.2fr) 70px 90px minmax(0,1.4fr);align-items:center;gap:14px;background:var(--card);border-radius:22px;padding:10px 20px;box-shadow:var(--shadow)}.ffa-winner-row{background:var(--sun-soft);border:3px solid var(--sun)}.ffa-final-rank{font-size:1.8rem;text-align:center}.ffa-final-name{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:1.35rem;font-weight:600}.ffa-final-score{font-family:var(--font-display);font-size:1.8rem;font-weight:700;text-align:right}.ffa-final-words{font-size:.9rem;font-weight:700;color:var(--muted);text-align:center}.ffa-final-chips{display:flex;flex-wrap:wrap;gap:5px}.ffa-word-chip{background:var(--ffa-soft);color:var(--ffa);border-radius:999px;padding:3px 10px;font-size:.82rem;font-weight:700}.finished-actions{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.is-offline{opacity:.5;filter:grayscale(1)}.reconnecting-tag{margin-left:8px;font-family:var(--font-body);font-size:.65em;font-weight:800;text-transform:uppercase;color:var(--ink-soft)}.offline-players{display:flex;flex-wrap:wrap;gap:8px}.offline-player{background:var(--card);border-radius:999px;padding:4px 14px;font-weight:700}@media (max-width: 1100px){.tv-home,.tv-lobby{grid-template-columns:1fr;padding:16px 24px 32px}.lobby-qr,.lobby-teams,.ffa-lobby-col,.lobby-actions{grid-column:1;grid-row:auto}.playing-layout{grid-template-columns:1fr}.playing-left,.playing-right{padding:16px 24px}.tv-cell{width:18vw;height:18vw;font-size:9vw}}@media (prefers-reduced-motion: reduce){.lobby-player,.ffa-lobby-player,.tv-cell,.word-chip,.winner-banner,.tv-timer.danger{animation:none!important}}.music-toggle{font-family:var(--font-display);font-size:.95rem;color:var(--ink-soft);background:var(--card);border:none;padding:8px 16px;border-radius:999px;box-shadow:var(--shadow);cursor:pointer}.music-toggle.off{color:var(--muted)}.music-toggle:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.phone-root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;color:var(--ink);overflow:hidden}.phone-center{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 16px}.team-a-color{color:var(--team-a)}.team-b-color{color:var(--team-b)}.join-card{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:360px;background:var(--card);border-radius:28px;padding:28px 22px;box-shadow:var(--shadow-lift);text-align:center}.join-logo{font-size:3.5rem}.buddy-parade{display:flex;justify-content:center;gap:4px}.parade-buddy{animation:hop 1.6s ease-in-out infinite}@keyframes hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.join-room{font-weight:700;color:var(--ink-soft)}.join-room span{color:var(--ink);font-family:var(--font-display);letter-spacing:3px}.join-input{width:100%;padding:16px 20px;background:var(--bg);border:3px solid transparent;border-radius:18px;color:var(--ink);font-family:var(--font-display);font-size:1.3rem;font-weight:600;text-align:center;outline:none;transition:border-color .2s}.join-input:focus{border-color:var(--primary)}.join-input::placeholder{color:var(--muted)}.join-error{color:var(--team-a-ink);background:var(--team-a-soft);border-radius:12px;padding:8px 12px;font-weight:700;font-size:.9rem;width:100%}.join-btn,.start-btn{width:100%;padding:16px;background:var(--primary);border:none;border-radius:999px;color:#fff;font-family:var(--font-display);font-size:1.3rem;font-weight:600;box-shadow:0 6px 0 var(--primary-hover);transition:transform .1s,box-shadow .1s}.join-btn:active:not(:disabled),.start-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 var(--primary-hover)}.join-btn:disabled,.start-btn:disabled{opacity:.45;cursor:not-allowed}.connecting-msg{font-size:.85rem;font-weight:700;color:var(--muted)}.lobby-card{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;text-align:center}.me-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--card);border-radius:28px;padding:22px 18px 18px;box-shadow:var(--shadow-lift);border-top:10px solid var(--ffa)}.me-card-a{border-top-color:var(--team-a)}.me-card-b{border-top-color:var(--team-b)}.me-avatar-big{animation:hop 2s ease-in-out infinite}.me-hello{font-family:var(--font-display);font-size:1.4rem;font-weight:500}.me-hello strong{font-weight:700}.side-chip{border-radius:999px;padding:4px 14px;font-size:.85rem;font-weight:800}.side-chip-a{background:var(--team-a-soft);color:var(--team-a-ink)}.side-chip-b{background:var(--team-b-soft);color:var(--team-b-ink)}.side-chip-ffa{background:var(--ffa-soft);color:var(--ffa)}.leader-panel{width:100%;display:flex;flex-direction:column;gap:8px;background:var(--sun-soft);border:3px solid var(--sun);border-radius:24px;padding:16px}.leader-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.leader-sub{font-size:.9rem;font-weight:700;color:var(--ink-soft);margin-bottom:4px}.lobby-waiting{font-weight:700;color:var(--ink-soft);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.lobby-lists{display:flex;gap:10px;width:100%}.lobby-list{flex:1;display:flex;flex-direction:column;gap:6px;background:var(--card);border-radius:20px;padding:12px;box-shadow:var(--shadow);min-width:0}.lobby-list-title{font-family:var(--font-display);font-weight:600;margin-bottom:2px}.lobby-list-a .lobby-list-title{color:var(--team-a)}.lobby-list-b .lobby-list-title{color:var(--team-b)}.lobby-list-ffa .lobby-list-title{color:var(--ffa)}.lobby-card>.lobby-list-ffa{width:100%}.lobby-name{display:flex;align-items:center;gap:8px;font-weight:700;text-align:left;min-width:0}.lobby-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-tag{margin-left:6px;font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--primary)}.leave-btn{padding:8px 18px;background:transparent;border:2px solid var(--line);border-radius:999px;color:var(--ink-soft);font-weight:800;font-size:.85rem}.phone-playing{--trace: var(--ffa);--trace-soft: var(--ffa-soft);flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 14px 20px;overflow:hidden}.phone-playing.side-a{--trace: var(--team-a);--trace-soft: var(--team-a-soft)}.phone-playing.side-b{--trace: var(--team-b);--trace-soft: var(--team-b-soft)}.play-topbar{display:flex;align-items:center;gap:10px;width:100%;max-width:400px;background:var(--card);border-radius:999px;padding:6px 16px 6px 8px;box-shadow:var(--shadow)}.play-score{flex:1;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.score-sep{color:var(--muted);font-size:1rem}.play-timer{font-family:var(--font-display);font-size:1.4rem;font-weight:700;transition:color .3s}.play-timer.danger{color:var(--bad);animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.word-display{width:100%;max-width:400px;min-height:52px;background:var(--card);border-radius:18px;display:flex;align-items:center;justify-content:center;padding:8px 16px;box-shadow:var(--shadow)}.word-text{font-family:var(--font-display);font-size:1.7rem;font-weight:700;letter-spacing:3px;color:var(--trace)}.word-placeholder{font-size:.9rem;font-weight:700;color:var(--muted)}.feedback-flash{position:fixed;top:46%;left:50%;transform:translate(-50%,-50%);padding:14px 30px;border-radius:999px;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;pointer-events:none;box-shadow:var(--shadow-lift);animation:flashIn .25s cubic-bezier(.34,1.56,.64,1),flashOut .3s ease-in 1.3s forwards;z-index:100}.feedback-flash.accepted{background:var(--good)}.feedback-flash.rejected{background:var(--bad)}@keyframes flashIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes flashOut{0%{opacity:1}to{opacity:0}}.phone-grid-wrap{position:relative;width:100%;max-width:400px;padding:10px;background:var(--card);border-radius:26px;box-shadow:var(--shadow-lift);touch-action:none;user-select:none;-webkit-user-select:none}@keyframes spin-out-cw{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(45deg) scale(.72);opacity:.25}to{transform:rotate(0) scale(1);opacity:1}}@keyframes spin-out-ccw{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(-45deg) scale(.72);opacity:.25}to{transform:rotate(0) scale(1);opacity:1}}.rotating-cw{animation:spin-out-cw .6s ease-in-out}.rotating-ccw{animation:spin-out-ccw .6s ease-in-out}.phone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;touch-action:none;user-select:none;-webkit-user-select:none}.swipe-svg{position:absolute;top:10px;right:10px;bottom:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);pointer-events:none;overflow:visible}.trace-line{stroke:var(--trace);opacity:.45}.trace-pending{opacity:.25}.trace-dot{fill:var(--trace);opacity:.35}.trace-end{opacity:.6}.phone-cell{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;font-weight:700;background:var(--sun-soft);border:none;border-radius:18px;color:var(--ink);box-shadow:inset 0 -5px #e8a31740;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .1s,transform .1s,color .1s;text-transform:uppercase}.phone-cell:active{transform:scale(.93)}.phone-cell.selected{background:var(--trace-soft);color:var(--trace);box-shadow:inset 0 0 0 3px var(--trace);transform:scale(.96)}.phone-cell.last-sel{background:var(--trace);color:#fff;box-shadow:0 6px 16px #1f234033;transform:scale(1.04)}.cell-order{position:absolute;top:4px;right:7px;font-family:var(--font-body);font-size:.6rem;font-weight:800;opacity:.8}.rotate-controls{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;max-width:400px}.rotate-btn{width:56px;height:56px;display:grid;place-items:center;background:var(--card);border:none;border-radius:50%;box-shadow:var(--shadow);transition:transform .1s}.rotate-btn:active{transform:scale(.9) rotate(-20deg)}.rotate-icon{font-size:1.6rem;line-height:1;color:var(--primary)}.my-words{width:100%;max-width:400px}.my-words-label,.finish-my-label{font-size:.8rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.my-words-list,.finish-my-words{display:flex;flex-wrap:wrap;gap:6px}.finish-my-words{justify-content:center}.my-word-chip{padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:800;animation:chipIn .3s cubic-bezier(.34,1.56,.64,1)}.chip-a{background:var(--team-a-soft);color:var(--team-a-ink)}.chip-b{background:var(--team-b-soft);color:var(--team-b-ink)}.chip-ffa{background:var(--ffa-soft);color:var(--ffa)}@keyframes chipIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ffa-top-score{display:flex;align-items:baseline;gap:8px}.ffa-rank-badge{color:var(--ffa)}.ffa-pts{font-size:1.1rem}.ffa-of{font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--muted)}.finish-card{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;background:var(--card);border-radius:28px;padding:24px 18px;box-shadow:var(--shadow-lift);text-align:center}.finish-result{font-family:var(--font-display);font-size:2rem;font-weight:700;animation:flashIn .5s cubic-bezier(.34,1.56,.64,1);transform:none}.finish-result.tie{color:var(--ink-soft)}.finish-scores{display:flex;gap:28px;font-weight:800}.finish-score-item{display:flex;flex-direction:column;align-items:center;gap:2px}.finish-pts{font-family:var(--font-display);font-size:2.2rem;font-weight:700}.no-words{color:var(--muted);font-weight:700}.ffa-finish-rank{display:flex;align-items:center;justify-content:center;gap:12px}.ffa-finish-medal{font-size:2.6rem}.ffa-finish-pts{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--ffa)}.ffa-finish-board{width:100%;display:flex;flex-direction:column;gap:6px}.ffa-finish-row{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:16px;background:var(--bg)}.ffa-finish-me{background:var(--sun-soft);box-shadow:inset 0 0 0 2px var(--sun)}.ffa-finish-pos{font-weight:800;color:var(--muted);min-width:28px}.ffa-finish-name{flex:1;font-weight:800;text-align:left}.ffa-finish-score{font-family:var(--font-display);font-size:1.1rem;font-weight:700}@media (prefers-reduced-motion: reduce){.parade-buddy,.me-avatar-big,.lobby-waiting,.play-timer.danger,.my-word-chip{animation:none!important}}