:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#243451;background:#f8fbff;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #243451;--muted: #71809a;--panel: rgba(255, 255, 255, .92);--line: rgba(79, 100, 143, .14);--violet: #7660f5;--violet-dark: #5843d6;--blue: #4f87ff;--cyan: #20b9d2;--pink: #f56cab;--yellow: #ffcc5c;--green: #28ad7c;--green-dark: #17835d;--amber: #d98a22;--danger: #e94d69;--shadow: 0 18px 54px rgba(60, 79, 122, .12)}*{box-sizing:border-box}html{background:#f8fbff}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% -4%,rgba(122,98,247,.16),transparent 28rem),radial-gradient(circle at 100% 12%,rgba(69,210,228,.16),transparent 31rem),radial-gradient(circle at 78% 96%,rgba(245,108,171,.1),transparent 24rem),linear-gradient(180deg,#fbfdff,#f2f9ff 46%,#fff9fc)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid rgba(79,135,255,.34);outline-offset:3px}a{color:inherit}.app-shell{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;padding:max(14px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))}.ambient{position:fixed;z-index:-1;width:22rem;height:22rem;border-radius:999px;filter:blur(105px);opacity:.2;pointer-events:none;animation:drift 12s ease-in-out infinite alternate}.ambient--one{top:7%;left:-10rem;background:#a799ff}.ambient--two{right:-10rem;bottom:4%;background:#7de8f4;animation-delay:-4s}.topbar{width:min(1080px,100%);margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:950;letter-spacing:-.04em;font-size:1.08rem}.brand-mark{position:relative;width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#8c71ff,#55d6e8);box-shadow:0 8px 20px #5d69e033,inset 0 1px #ffffff7a}.brand-mark i{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fffc}.brand-mark i:nth-child(1){left:5px;bottom:5px}.brand-mark i:nth-child(2){left:12px;top:12px}.brand-mark i:nth-child(3){right:5px;top:5px}.brand-mark:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-left:2px solid rgba(255,255,255,.9);border-top:2px solid rgba(255,255,255,.9);transform:rotate(-45deg)}.game-pill,.count-badge{border:1px solid rgba(91,111,153,.14);background:#ffffffdb;color:#52617c;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:850;box-shadow:0 8px 24px #44578412;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.content-grid{width:min(1080px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.game-column,.side-column{min-width:0}.game-column{display:grid;gap:16px}.side-column{display:grid;gap:16px;align-content:start}.card{background:linear-gradient(180deg,#fffffff5,#fafdfff0);border:1px solid rgba(86,105,145,.12);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-profile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;background:linear-gradient(105deg,#faf8fffa,#f1fbfffa),#fff}.profile-copy{display:flex;align-items:center;min-width:0;gap:10px}.profile-icon{flex:0 0 auto;display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#f0ebff,#e4faff);box-shadow:inset 0 1px #ffffffe6;font-size:1.15rem}.profile-copy div{min-width:0}.profile-copy strong,.profile-copy span{display:block}.profile-copy strong{color:#34445f;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy span{margin-top:2px;color:var(--muted);font-size:.7rem;line-height:1.35}.profile-button,.profile-save,.profile-cancel{border:0;cursor:pointer;border-radius:11px;font-weight:850}.profile-button{flex:0 0 auto;padding:9px 11px;color:#5d4bd6;background:#7760f51a}.profile-editor{width:100%}.profile-editor label{display:block;margin-bottom:7px;color:#455571;font-size:.79rem;font-weight:850}.profile-editor label span{color:var(--muted);font-weight:650}.profile-editor-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.profile-editor input{min-width:0;border:1px solid rgba(82,101,143,.17);border-radius:12px;padding:10px 11px;color:var(--ink);background:#fffffff5}.profile-save{padding:0 12px;color:#fff;background:linear-gradient(135deg,#765df5,#4e88ff)}.profile-cancel{padding:0 10px;color:#6e7c94;background:#edf2fa}.game-card{padding:13px}.scorebar{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:8px;margin-bottom:13px}.scorebar>div{min-width:0}.scorebar-center{text-align:center}.score-box{text-align:right}.metric-label{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-size:.59rem;font-weight:950;margin-bottom:2px}.timer,.current-word{color:var(--ink);font-size:clamp(1.05rem,5vw,1.5rem);letter-spacing:-.04em}.current-word{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4a5a76}.timer--urgent{color:var(--danger);animation:urgent 1s ease-in-out infinite}.score{display:inline-block;color:#4d41bf;font-size:clamp(1.5rem,8vw,2.15rem);line-height:.95;letter-spacing:-.06em;font-weight:950}.score--pulse{animation:score-pop .33s cubic-bezier(.2,.8,.3,1);color:var(--green)}.score-words{display:block;margin-top:3px;color:var(--muted);font-size:.66rem;font-weight:750}.board-shell{position:relative;width:100%;max-width:590px;margin:0 auto;padding:8px 8px 13px;border-radius:27px;background:linear-gradient(145deg,#846fff30,#59d8ef38,#ff67a61a);border:1px solid rgba(85,105,151,.12);box-shadow:inset 0 1px #ffffffdb,0 15px 36px #475f911c;touch-action:none;user-select:none;-webkit-user-select:none;transition:box-shadow .18s ease,transform .18s ease,background .18s ease}.board{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;aspect-ratio:1}.trail{position:absolute;z-index:3;top:8px;right:8px;bottom:13px;left:8px;width:calc(100% - 16px);height:calc(100% - 21px);pointer-events:none;overflow:visible}.trail polyline{fill:none;stroke:#5443d5b0;stroke-width:3.25;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(84,67,213,.22));animation:trail-in .14s ease-out}.tile{position:relative;display:grid;place-items:center;min-width:0;padding:0;border:1px solid rgba(86,104,145,.15);border-radius:18px;color:#34405d;background:radial-gradient(circle at 26% 17%,rgba(255,255,255,.98),transparent 33%),linear-gradient(145deg,#fff,#f1f6ff 70%,#e8f0ff);box-shadow:0 6px #d9e2f1,0 11px 18px #40547f21,inset 0 1px #fffffff5,inset 0 -1px #677eaa14;cursor:pointer;touch-action:none;transform:translateY(0);transform-origin:center;transition:transform .11s ease,border-color .11s ease,background .11s ease,box-shadow .11s ease,color .11s ease}.tile:after{content:"";position:absolute;inset:8% 9% auto;height:26%;border-radius:999px;background:linear-gradient(180deg,#ffffffa3,#fff0);pointer-events:none}.tile:active{transform:translateY(2px) scale(.985);box-shadow:0 3px #d9e2f1,0 7px 12px #40547f1f,inset 0 1px #fffffff2}.tile--selected{z-index:4;transform:translateY(-5px) scale(1.055);color:#fff;border-color:#4f40cd9e;background:radial-gradient(circle at 27% 17%,rgba(255,255,255,.35),transparent 34%),linear-gradient(145deg,#8067ff,#577cf5 45%,#42c9df);box-shadow:0 9px #4f55b9,0 18px 28px #5052bc3d,inset 0 1px #ffffff6b,0 0 0 3px #7660f51a}.tile--selected .tile-letter{transform:scale(1.1);text-shadow:0 2px 8px rgba(45,49,125,.28)}.tile--correct-flash{z-index:5;animation:tile-correct .62s cubic-bezier(.2,.8,.2,1)}.tile--duplicate-flash{z-index:5;animation:tile-duplicate .5s cubic-bezier(.2,.8,.2,1)}.tile--invalid-flash{z-index:5;animation:tile-invalid .48s cubic-bezier(.2,.8,.2,1)}.tile-letter{position:relative;z-index:1;font-size:clamp(1.55rem,11vw,3.3rem);line-height:1;font-weight:950;letter-spacing:-.06em;transition:filter .18s ease,opacity .18s ease,transform .11s ease}.board-shell--ready .tile-letter{filter:blur(11px);opacity:.42;transform:scale(.93)}.tile-order{position:absolute;z-index:2;right:7px;top:6px;display:grid;place-items:center;width:19px;height:19px;border-radius:999px;font-size:.63rem;font-weight:950;background:#282b6580;color:#fff;box-shadow:inset 0 1px #ffffff42}.word-burst{position:absolute;z-index:7;left:50%;top:46%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;border-radius:999px;padding:10px 15px;color:#fff;font-size:clamp(.78rem,3.2vw,1rem);font-weight:950;letter-spacing:.01em;text-shadow:0 1px 3px rgba(0,0,0,.14);box-shadow:0 12px 30px #2a3d6138;animation:burst-in .65s cubic-bezier(.2,.9,.2,1) forwards}.word-burst--correct{background:linear-gradient(115deg,#1fa873,#34c89e)}.word-burst--duplicate{background:linear-gradient(115deg,#db8b27,#f0a747);animation-duration:.52s}.word-burst--invalid{background:linear-gradient(115deg,#e85b68,#d63e55);animation-duration:.48s}.board-start-overlay{position:absolute;z-index:8;top:8px;right:8px;bottom:13px;left:8px;display:grid;place-items:center;padding:14px;border-radius:20px;background:#f4f8ff54;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.start-bubble{width:min(330px,92%);padding:20px 18px;text-align:center;border:1px solid rgba(85,101,151,.13);border-radius:22px;background:#fffffff2;box-shadow:0 18px 55px #3848772e;animation:start-in .26s cubic-bezier(.2,.8,.2,1)}.start-emoji{display:block;margin-bottom:4px;font-size:1.7rem}.start-bubble h2{margin:0;color:var(--ink);font-size:1.2rem;letter-spacing:-.035em}.start-bubble p{margin:7px auto 14px;color:var(--muted);font-size:.78rem;line-height:1.45}.feedback{min-height:43px;display:grid;place-items:center;padding:10px 8px 2px;color:#667792;text-align:center;font-size:.84rem;font-weight:650}.primary-button,.secondary-button,.text-button,.link-button{border:0;cursor:pointer;font-weight:880}.primary-button{min-height:48px;padding:13px 16px;border-radius:14px;color:#fff;background:linear-gradient(100deg,#765df5,#4f87ff 49%,#2abed2);box-shadow:0 10px 24px #5256da36,inset 0 1px #ffffff40;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.primary-button:hover{transform:translateY(-1px);box-shadow:0 13px 30px #5256da45,inset 0 1px #ffffff40}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.primary-button--start,.primary-button--share{width:100%}.primary-button--share{margin-top:14px}.secondary-button{width:100%;min-height:46px;border-radius:14px;color:#4e5d79;background:#edf3ff;border:1px solid rgba(78,98,142,.12);margin-top:10px}.text-button{display:block;margin:4px auto 0;padding:8px 10px;color:#7787a1;background:transparent;font-size:.78rem}.link-button{width:100%;min-height:42px;margin-top:8px;border-radius:12px;color:#52627f;background:#f1f5fc;border:1px solid rgba(78,98,142,.1);font-size:.76rem}.microcopy{margin:8px 0 0;color:#8290a8;font-size:.7rem;line-height:1.45;text-align:center}.post-game-actions{display:grid;gap:8px;margin-top:6px}.post-game-actions .secondary-button{margin-top:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2,.rules-card h2{margin:2px 0 0;color:var(--ink);font-size:1rem;letter-spacing:-.02em}.eyebrow{color:var(--violet-dark);text-transform:uppercase;letter-spacing:.12em;font-size:.61rem;font-weight:950}.muted{color:var(--muted);font-size:.7rem}.player-trail{padding:14px}.player-list{display:grid;gap:8px}.player-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(76px,auto);align-items:center;gap:12px;padding:10px 11px;border:1px solid rgba(82,101,143,.1);border-radius:14px;background:#f6f9ffc7}.player-row--latest{border-color:#4a83ff33;background:linear-gradient(90deg,#ddf5ffc7,#f0ebffcc)}.player-main{min-width:0}.player-main strong,.player-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-main strong{color:#32415e;font-size:.84rem}.player-main span{margin-top:2px;color:var(--muted);font-size:.68rem}.player-right{min-width:76px;display:grid;justify-items:end;align-content:center;gap:5px}.player-score{color:#2f3e5c;font-size:1.04rem;line-height:1;font-weight:950;font-variant-numeric:tabular-nums}.latest-badge{position:static;white-space:nowrap;max-width:100%;font-size:.53rem;text-transform:uppercase;letter-spacing:.065em;font-weight:950;color:#236e89;background:#5ad4ec33;border:1px solid rgba(0,167,199,.14);border-radius:999px;padding:4px 6px}.words-card,.rules-card{padding:16px}.word-list{display:flex;flex-wrap:wrap;gap:8px;max-height:280px;overflow:auto;padding-right:2px}.word-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(78,98,142,.1);background:#f4f7ff;color:#40506d;border-radius:999px;padding:7px 9px 7px 11px;text-transform:uppercase;font-size:.73rem;font-weight:850;animation:chip-in .18s ease-out}.word-chip b{color:var(--green);font-size:.68rem}.empty-words{padding:24px 4px;text-align:center;color:#97a2b5;font-size:.8rem}.rules-card p{margin:12px 0 0;color:var(--muted);font-size:.76rem;line-height:1.55}.score-table{display:grid;grid-template-columns:1fr auto;gap:7px 12px;margin-top:14px;font-size:.78rem}.score-table span{color:#687995}.score-table b{color:#354664}.dialog-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#303a5657;backdrop-filter:blur(11px) saturate(.9);-webkit-backdrop-filter:blur(11px) saturate(.9);animation:fade-in .18s ease-out}.finish-dialog{width:min(440px,100%);max-height:min(800px,calc(100vh - 36px));overflow:auto;padding:24px 20px 18px;text-align:center;border-radius:27px;background:#fffffffb;border:1px solid rgba(82,101,143,.14);box-shadow:0 30px 95px #2e3b614d;animation:dialog-in .27s cubic-bezier(.2,.85,.2,1)}.finish-emoji{display:block;margin-bottom:4px;font-size:2.55rem;animation:emoji-pop .42s cubic-bezier(.2,.9,.2,1)}.finish-dialog h2{margin:5px 0 7px;color:var(--ink);font-size:1.58rem;letter-spacing:-.045em}.finish-dialog>p{margin:0 auto 15px;max-width:36ch;color:var(--muted);font-size:.85rem;line-height:1.5}.dialog-score-panel{display:grid;justify-items:center;gap:5px;margin:2px auto 12px;padding:15px 12px 13px;border-radius:19px;background:linear-gradient(110deg,#f3efff,#ebfaff);border:1px solid rgba(102,91,206,.08)}.score-tiles{display:flex;justify-content:center;gap:6px}.score-tile{display:grid;place-items:center;min-width:54px;height:61px;padding:0 10px;border:1px solid rgba(78,67,190,.22);border-radius:15px;color:#fff;background:radial-gradient(circle at 28% 17%,rgba(255,255,255,.34),transparent 34%),linear-gradient(145deg,#7f65fa,#526ff0 55%,#42bdd8);box-shadow:0 7px #4c53ac,0 14px 24px #4a47af36,inset 0 1px #ffffff57;font-size:2rem;line-height:1;font-weight:950;letter-spacing:-.06em;text-shadow:0 2px 5px rgba(36,40,103,.28)}.dialog-points-label{color:#4b43b2;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.dialog-word-count{color:#62748f;font-size:.82rem;font-weight:800}.dialog-profile-summary{display:flex;justify-content:center;align-items:center;gap:8px;min-height:35px;margin-top:8px;color:#74839a;font-size:.72rem}.dialog-profile-summary button{border:0;cursor:pointer;padding:5px 7px;border-radius:8px;color:#5b49d5;background:#f0edff;font-size:.7rem;font-weight:850}.share-status{margin:9px 0 0;color:var(--green-dark);text-align:center;font-size:.76rem;font-weight:750}.dialog-observe{margin-top:7px}footer{width:min(1080px,100%);margin:22px auto 0;display:flex;flex-direction:column;gap:5px;color:#8794aa;font-size:.68rem;line-height:1.45;text-align:center}footer span:first-child{color:#62728d;font-weight:850}@media (max-width: 420px){.app-shell{padding-left:10px;padding-right:10px}.card{border-radius:20px}.game-card{padding:10px}.board{gap:7px}.board-shell{padding:7px 7px 12px;border-radius:22px}.trail{top:7px;right:7px;bottom:12px;left:7px;width:calc(100% - 14px);height:calc(100% - 19px)}.tile{border-radius:15px;box-shadow:0 5px #d9e2f1,0 9px 15px #40547f1f,inset 0 1px #fffffff5}.tile--selected{box-shadow:0 7px #4f55b9,0 14px 24px #5052bc3b,inset 0 1px #ffffff6b,0 0 0 3px #7660f51a}.board-start-overlay{top:7px;right:7px;bottom:12px;left:7px;padding:12px}.start-bubble{padding:17px 14px}.player-row{gap:8px;grid-template-columns:minmax(0,1fr) minmax(70px,auto)}.latest-badge{font-size:.5rem}.player-profile{align-items:flex-start}.profile-copy span{display:none}.profile-editor-row{grid-template-columns:minmax(0,1fr) auto}.profile-cancel{grid-column:1 / -1;min-height:36px}.finish-dialog{padding-left:16px;padding-right:16px}.score-tile{min-width:49px;height:57px;font-size:1.85rem}}@media (min-width: 620px){.app-shell{padding-left:24px;padding-right:24px}.game-card{padding:20px}.post-game-actions{grid-template-columns:1fr 1fr}footer{flex-direction:row;justify-content:space-between;text-align:left}}@media (min-width: 900px){.topbar{margin-bottom:22px}.content-grid{grid-template-columns:minmax(0,700px) 1fr;align-items:start;gap:20px}.game-card{padding:22px}.side-column{position:sticky;top:18px}.player-trail{padding:16px}.board-shell{max-width:570px}}@keyframes score-pop{0%{transform:scale(1)}45%{transform:scale(1.34) rotate(-2deg)}to{transform:scale(1)}}@keyframes chip-in{0%{transform:translateY(5px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes trail-in{0%{stroke-dasharray:2 5;opacity:.45}to{stroke-dasharray:0;opacity:1}}@keyframes urgent{0%,to{opacity:1}50%{opacity:.55}}@keyframes drift{0%{transform:translate3d(-8px,-6px,0) scale(.95)}to{transform:translate3d(12px,10px,0) scale(1.08)}}@keyframes start-in{0%{transform:translateY(9px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes emoji-pop{0%{transform:scale(.6) rotate(-8deg);opacity:0}70%{transform:scale(1.12) rotate(3deg)}to{transform:scale(1);opacity:1}}@keyframes tile-correct{0%{transform:translateY(0) scale(1);color:#34405d;background:linear-gradient(145deg,#fff,#eef4ff);box-shadow:0 6px #d9e2f1,0 11px 18px #40547f21}35%{transform:translateY(-7px) scale(1.08);color:#fff;background:linear-gradient(145deg,#42c98e,#25a978);box-shadow:0 9px #168660,0 18px 27px #249a6c40}to{transform:translateY(0) scale(1);color:#34405d;background:linear-gradient(145deg,#fff,#eef4ff);box-shadow:0 6px #d9e2f1,0 11px 18px #40547f21}}@keyframes tile-duplicate{0%{transform:translateY(0) scale(1);color:#34405d;background:linear-gradient(145deg,#fff,#eef4ff)}40%{transform:translateY(-4px) scale(1.045);color:#fff;background:linear-gradient(145deg,#ffba4e,#e28724);box-shadow:0 8px #b06b1f,0 15px 25px #c1792538}to{transform:translateY(0) scale(1);color:#34405d;background:linear-gradient(145deg,#fff,#eef4ff)}}@keyframes tile-invalid{0%{transform:translateY(0) scale(1);color:#34405d;background:linear-gradient(145deg,#fff,#eef4ff)}38%{transform:translateY(-3px) scale(1.035);color:#fff;background:linear-gradient(145deg,#f06b76,#d63e55);box-shadow:0 8px #ad3043,0 15px 25px #be394e38}to{transform:translateY(0) scale(1);color:#34405d;background:linear-gradient(145deg,#fff,#eef4ff)}}@keyframes burst-in{0%{transform:translate(-50%,-35%) scale(.75);opacity:0}26%{transform:translate(-50%,-55%) scale(1.06);opacity:1}70%{transform:translate(-50%,-65%) scale(1);opacity:1}to{transform:translate(-50%,-88%) scale(.96);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}