.phone-shell{min-height:100vh;display:flex;flex-direction:column;padding:60px 16px 24px;max-width:520px;margin:0 auto;position:relative}.player-badge{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;height:44px;z-index:30;background:#0e0826eb;border-bottom:1px solid rgba(255,245,225,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.player-badge-inner{height:100%;display:flex;align-items:center;gap:10px;padding:0 16px}.player-badge .piece-img{width:28px;height:28px;object-fit:contain;display:block}.player-badge .piece-emoji{font-size:1.4rem;line-height:1}.player-badge .badge-name{font-family:var(--serif);font-size:.95rem;color:var(--cream);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-badge .badge-score{font-family:var(--display);font-weight:700;font-size:.95rem;color:var(--gold-soft);letter-spacing:.04em}.player-badge .badge-leave{margin-left:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:1px solid rgba(255,245,225,.2);color:#fff5e1b8;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.player-badge .badge-leave svg{width:18px;height:18px;display:block}.player-badge .badge-leave:hover{background:#c56d522e;border-color:var(--coral);color:var(--coral)}.phone-header{position:sticky;top:44px;z-index:10;margin:-16px -16px 18px;padding:16px 18px;background:linear-gradient(180deg,var(--twilight-soft) 0%,var(--twilight) 70%,rgba(24,16,51,.92) 100%);border-bottom:1px solid rgba(255,245,225,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.phone-header .eyebrow{font-family:var(--serif);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);font-weight:500;margin-bottom:4px}.phone-header .word{font-family:var(--serif);font-size:1.8rem;font-weight:600;color:var(--cream);line-height:1.1}.phone-header .word-help{font-size:.85rem;color:var(--cream-dim);margin-top:4px}.phone-header .timer{position:absolute;top:12px;right:14px;padding:6px 12px;background:#0e08268c;border:1px solid rgba(215,192,149,.35);font-family:var(--display);font-weight:700;font-size:1.2rem;color:var(--gold-soft);font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:56px;text-align:center}.phone-header .timer.urgent{color:var(--coral);border-color:#c56d52a6;background:#c56d522e}.phone-header .timer .timer-suffix{font-family:var(--serif);font-weight:500;font-size:.8rem;opacity:.7;margin-left:2px}.phone-logo{display:block;margin:8px auto 24px;max-width:200px;width:60%}.phone-h1{font-family:var(--serif);font-size:2rem;font-weight:600;color:var(--cream);text-align:center;margin-bottom:8px}.phone-sub{text-align:center;color:var(--cream-dim);margin-bottom:24px;font-size:1rem;line-height:1.5}.phone-stack>*+*{margin-top:14px}.phone-stack-lg>*+*{margin-top:24px}.phone-status{text-align:center;padding:40px 12px;color:var(--cream-dim);font-size:1.05rem;line-height:1.55}.phone-status .spinner{margin:0 auto 16px}.phone-status strong{color:var(--gold);font-size:inherit;font-weight:700}.phone-reveal-build{margin-top:18px;padding:36px 20px;border:1px solid rgba(215,192,149,.22);background:#140c328c;border-radius:8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;animation:lp-fade-in .25s ease}.phone-reveal-build.is-real{border-color:#7bd9b88c;background:linear-gradient(135deg,#7bd9b829,#0e0826a6);box-shadow:0 0 24px #7bd9b82e}.phone-reveal-build-label{font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:.04em;color:var(--cream);animation:lp-pulse 1.4s ease-in-out infinite}.phone-reveal-build.is-real .phone-reveal-build-label{color:var(--mint)}.phone-reveal-build-dots{display:flex;gap:10px}.phone-reveal-build-dots span{width:10px;height:10px;border-radius:50%;background:#d7c095d9;animation:phone-reveal-build-dot 1s ease-in-out infinite}.phone-reveal-build-dots span:nth-child(2){animation-delay:.18s}.phone-reveal-build-dots span:nth-child(3){animation-delay:.36s}.phone-reveal-build.is-real .phone-reveal-build-dots span{background:var(--mint)}@keyframes phone-reveal-build-dot{0%,to{transform:translateY(0) scale(1);opacity:.55}50%{transform:translateY(-5px) scale(1.15);opacity:1}}.piece-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.piece-tile{background:radial-gradient(ellipse 80% 70% at 50% 30%,rgba(140,90,220,.18) 0%,transparent 70%),#fff5e10a;border:2px solid var(--rule);border-radius:var(--radius);padding:14px 8px 10px;text-align:center;transition:all .15s;cursor:pointer;position:relative;overflow:hidden}.piece-tile-art{height:110px;display:flex;align-items:flex-end;justify-content:center}.piece-tile .label{font-family:var(--serif);font-size:.88rem;margin-top:8px;letter-spacing:.04em}.piece-tile.selected{border-color:var(--gold-soft);background:#d7c09524;box-shadow:0 0 0 3px #d7c09538,0 8px 24px #00000024}.piece-tile.disabled{opacity:.3;cursor:not-allowed;filter:grayscale(50%)}.word-choice{display:block;width:100%;text-align:left;background:#fff5e10d;border:2px solid var(--rule);border-radius:var(--radius);padding:16px 18px;color:var(--cream);transition:all .15s}.word-choice:hover,.word-choice.selected{border-color:#d7c09538;background:#d7c0951a}.word-choice .w{font-family:var(--display);font-size:1.3rem;font-weight:700;color:var(--cream);margin-bottom:6px}.word-choice .d{font-size:.92rem;color:var(--cream-dim);line-height:1.5}.vote-choice{display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;background:#fff5e10d;border:2px solid var(--rule);border-radius:var(--radius);padding:16px 18px;color:var(--cream);transition:all .15s}.vote-choice:hover:not(:disabled),.vote-choice.selected{border-color:#d7c09538;background:#d7c0951a}.vote-choice:disabled{opacity:.45;cursor:not-allowed}.vote-choice .letter{font-family:var(--display);font-size:1.4rem;font-weight:700;background:var(--gold-soft);color:var(--twilight-deep);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vote-choice .text{font-size:1rem;line-height:1.55;padding-top:6px}.phone-counter{font-size:.78rem;color:var(--cream-fade);text-align:right;margin-top:6px}.error{color:var(--coral);font-size:.9rem;margin-top:8px;min-height:18px}.score-row{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fff5e10a;border:1px solid var(--rule);border-radius:var(--radius)}.score-row .emoji{font-size:1.6rem}.score-row .name{flex:1;font-family:var(--serif);font-size:1.05rem}.score-row .delta{color:var(--gold);font-family:var(--serif);font-weight:600}.score-row .total{color:var(--cream-dim);margin-left:10px}