:root{--nav-height: 56px}@media (max-width: 600px){:root{--nav-height: 48px}}.wordweave-main{flex:1;display:flex;flex-direction:column;align-items:center;height:calc(100dvh - var(--nav-height));max-height:calc(100dvh - var(--nav-height));padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-2-5);max-width:480px;margin:0 auto;width:100%;box-sizing:border-box;overflow:hidden}@media (max-width: 600px){.wordweave-main{padding:var(--space-2) var(--space-3) var(--space-3);gap:var(--space-2)}}.wordweave-header{width:100%;display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.wordweave-header-row{display:flex;align-items:center;justify-content:space-between}.wordweave-title-info{display:flex;flex-direction:column}.wordweave-title{font-family:var(--font-display);font-size:clamp(var(--text-lg),4vw,var(--text-2xl));font-weight:900;margin:0;color:var(--color-text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wordweave-seed-display{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:1px}.wordweave-stats{display:flex;gap:var(--space-3)}.wordweave-stat-box{display:flex;flex-direction:column;align-items:flex-end}.wordweave-stat-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.wordweave-stat-value{font-family:var(--font-display);font-size:clamp(var(--text-sm),3vw,var(--text-lg));font-weight:800;color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.4)}.wordweave-board-container{width:100%;max-width:min(400px,48vh);aspect-ratio:1;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-2);box-shadow:0 10px 30px -5px #000c,inset 0 1px #ffffff0d;container-type:inline-size;flex-shrink:1;min-height:0}.wordweave-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:4px;width:100%;height:100%}.wordweave-cell{position:relative;display:flex;align-items:center;justify-content:center;background:#1e293b80;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.03);-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease}.wordweave-cell--empty[data-type=start]{background:#f59e0b0d;border-color:#f59e0b40;color:#f59e0b;text-shadow:0 0 6px rgba(245,158,11,.4)}.wordweave-cell--empty[data-type=cherry]{background:#ef44440f!important;border-color:#ef444440!important;box-shadow:inset 0 0 8px #ef44440d}.wordweave-cell--empty[data-type=lemon]{background:#eab3080f!important;border-color:#eab30840!important;box-shadow:inset 0 0 8px #eab3080d}.wordweave-cell--empty[data-type=grape]{background:#a855f70f!important;border-color:#a855f740!important;box-shadow:inset 0 0 8px #a855f70d}.wordweave-cell--empty[data-type=orange]{background:#f973160f!important;border-color:#f9731640!important;box-shadow:inset 0 0 8px #f973160d}.wordweave-cell--empty[data-type=watermelon]{background:#10b9810f!important;border-color:#10b98140!important;box-shadow:inset 0 0 8px #10b9810d}.wordweave-cell-label{font-family:var(--font-display);font-size:clamp(10px,4cqw,16px);font-weight:900;text-align:center;pointer-events:none;opacity:.95}.wordweave-cell--drag-over{background:#38bdf826!important;border-color:#38bdf8!important;box-shadow:0 0 8px #38bdf84d}.wordweave-tile{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;background:#1e293bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(56,189,248,.4);border-radius:var(--radius-md);box-shadow:0 4px 10px #0006,inset 0 1px #ffffff1a;color:#f8fafc;font-weight:800;font-size:clamp(12px,4.2cqw,18px);cursor:grab;-webkit-user-select:none;user-select:none;text-shadow:0 0 6px rgba(56,189,248,.5);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) ease,opacity var(--duration-fast) ease}.wordweave-tile__points{position:absolute;bottom:2px;right:4px;font-size:clamp(6px,1.8cqw,9px);font-weight:800;color:#38bdf8cc;line-height:1}.wordweave-tile:hover:not(.wordweave-tile--locked){transform:scale(1.06);box-shadow:0 6px 14px #38bdf840;border-color:#38bdf8}.wordweave-tile:active:not(.wordweave-tile--locked){cursor:grabbing}.wordweave-tile--locked{background:#0f172af2;border-color:#8b5cf699;color:#e2e8f0;text-shadow:0 0 8px rgba(139,92,246,.5);box-shadow:0 2px 6px #0000004d;cursor:default}.wordweave-tile--locked .wordweave-tile__points{color:#8b5cf6cc}.wordweave-tile--pending{border-color:#38bdf8;box-shadow:0 0 10px #38bdf866;animation:pending-pulse 2s infinite ease-in-out}@keyframes pending-pulse{0%,to{border-color:#38bdf899}50%{border-color:#818cf8}}.wordweave-tile--hidden{opacity:0!important;pointer-events:none!important;transform:scale(.6)!important;box-shadow:none!important}.wordweave-tile--selected{transform:translateY(-8px) scale(1.05)!important;box-shadow:0 10px 16px #38bdf899!important;border-color:#38bdf8!important;z-index:10}.wordweave-tile--dragging{opacity:0!important;pointer-events:none!important}@keyframes tile-arrive{0%{transform:translateY(40px) scale(0) rotateX(-75deg) rotateY(15deg);opacity:0;filter:brightness(2) blur(1px);box-shadow:0 0 #38bdf800}70%{transform:translateY(-6px) scale(1.05) rotateX(10deg);filter:brightness(1.2);box-shadow:0 10px 20px #38bdf866}to{transform:translateY(0) scale(1) rotateX(0);opacity:1;filter:brightness(1) blur(0);box-shadow:0 4px 10px #0006,inset 0 1px #ffffff1a}}.tile-arrive{animation:tile-arrive .48s cubic-bezier(.34,1.56,.64,1) both}.wordweave-rack-container{width:100%;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-2) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-1-5);box-shadow:0 4px 12px #0006;flex-shrink:0}.wordweave-rack-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);font-weight:700}.wordweave-rack{display:flex;gap:var(--space-1-5);justify-content:center;width:100%;max-width:380px;perspective:1000px;transform-style:preserve-3d}.wordweave-rack-slot{aspect-ratio:1;flex:1;background:#1e293b4d;border:2px dashed rgba(255,255,255,.08);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,background .2s ease}.wordweave-rack-slot--drag-over{border-color:#38bdf8;background:#38bdf80d}.wordweave-actions{display:flex;gap:var(--space-2);width:100%;justify-content:center;flex-wrap:nowrap;flex-shrink:0}.wordweave-actions .btn{flex:1;min-width:0;max-width:120px}#btn-submit{flex:1.3;max-width:150px}@media (max-width: 380px){.wordweave-actions .btn{font-size:11px!important;padding:var(--space-1-5) var(--space-1-5)!important}}.result-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.result-card{background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-8);width:100%;max-width:440px;box-shadow:0 20px 25px -5px #00000080;display:flex;flex-direction:column;gap:var(--space-5);transform:translateY(0);animation:slide-up .4s var(--ease-spring)}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.result-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;text-align:center;margin:0}.result-title--win{color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.3)}.result-summary{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.result-score-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin:var(--space-2) 0}.result-score-val{font-family:var(--font-display);font-size:48px;font-weight:900;color:#38bdf8;line-height:1;text-shadow:0 0 15px rgba(56,189,248,.4)}.result-score-label{font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.1em}.result-actions{display:flex;flex-direction:column;gap:var(--space-2)}.result-actions .btn{width:100%}.wordweave-abilities-container{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-2) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);box-shadow:0 4px 12px #0003;flex-shrink:0}.wordweave-abilities-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);font-weight:700;display:flex;align-items:center;gap:var(--space-1)}.wordweave-abilities{display:flex;gap:var(--space-2);width:100%;justify-content:center}.ability-btn{flex:1;font-size:var(--text-xs)!important;padding:var(--space-2) var(--space-3)!important;border:1px solid rgba(56,189,248,.2)!important;background:#1e293b66!important;color:#38bdf8!important;transition:all var(--duration-fast) ease!important;cursor:pointer}.ability-btn:hover:not(:disabled):not(.is-disabled){background:#38bdf81a!important;border-color:#38bdf8!important;box-shadow:0 0 10px #38bdf833}.ability-btn:disabled,.ability-btn.is-disabled{border-color:#ffffff0a!important;color:#ffffff40!important;background:#0f172a33!important;cursor:help;pointer-events:auto!important}.wordweave-picker{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;animation:slide-up .25s var(--ease-spring)}.picker-title{font-size:var(--text-xs);font-weight:700;color:#818cf8;text-shadow:0 0 8px rgba(129,140,248,.3)}.picker-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;width:100%;max-width:380px}.picker-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#1e293bcc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#f8fafc;font-weight:800;font-size:var(--text-xs);cursor:pointer;transition:all .15s ease}.picker-btn:hover{background:#38bdf8;color:#0f172a;border-color:#38bdf8;transform:scale(1.1);box-shadow:0 0 8px #38bdf866}dialog.splash-dialog{background:#0f172a;color:#f8fafc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8);max-width:480px;width:calc(100% - var(--space-8));box-shadow:0 25px 50px -12px #000c;overflow-y:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);margin:0;opacity:0;transition-property:opacity,transform,display,overlay;transition-duration:.35s;transition-timing-function:cubic-bezier(.34,1.56,.64,1);transition-behavior:allow-discrete}dialog.splash-dialog::backdrop{background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:display .3s allow-discrete,overlay .3s allow-discrete,background-color .3s ease-out,backdrop-filter .3s ease-out}dialog.splash-dialog[open]::backdrop{background-color:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@starting-style{dialog.splash-dialog[open]::backdrop{background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}dialog.splash-dialog[open]{opacity:1;transform:translate(-50%,-50%) scale(1)}@starting-style{dialog.splash-dialog[open]{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.splash-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.splash-logo{font-size:56px;filter:drop-shadow(0 0 15px rgba(56,189,248,.4));animation:float 3s ease-in-out infinite;-webkit-user-select:none;user-select:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.splash-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:900;margin:0;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(56,189,248,.2)}.splash-rules{text-align:left;width:100%;display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-2) 0}.rule-item{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.rule-icon{font-size:var(--text-lg);flex-shrink:0}.rule-text strong{color:#f8fafc}.rule-text p{margin:2px 0 0;font-size:12px}.help-btn{background:#1e293b99;border:1px solid rgba(255,255,255,.1);color:#38bdf8;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:800;font-size:14px;transition:all .2s ease}.help-btn:hover{background:#38bdf81a;border-color:#38bdf8;transform:scale(1.1);box-shadow:0 0 8px #38bdf84d}.scorecard-table-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.scorecard-table-container::-webkit-scrollbar{width:6px}.scorecard-table-container::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:3px}.scorecard-table th{font-family:var(--font-display);font-weight:700;letter-spacing:.05em}.scorecard-table td{padding:var(--space-2) 0;line-height:1.4}.fruit-checklist-box{flex-direction:row!important;align-items:center!important}