: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:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-2);box-shadow:0 4px 20px #00000014;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:var(--color-surface-sunken);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);-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:#f59e0b14;border-color:#f59e0b4d;color:#d97706}.wordweave-cell--empty[data-type=cherry]{background:#ef444414!important;border-color:#ef44444d!important}.wordweave-cell--empty[data-type=lemon]{background:#eab30814!important;border-color:#eab3084d!important}.wordweave-cell--empty[data-type=grape]{background:#a855f714!important;border-color:#a855f74d!important}.wordweave-cell--empty[data-type=orange]{background:#f9731614!important;border-color:#f973164d!important}.wordweave-cell--empty[data-type=watermelon]{background:#10b98114!important;border-color:#10b9814d!important}.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:var(--color-surface-raised);border:1.5px solid var(--game-accent, #0284c7);border-radius:var(--radius-md);box-shadow:0 2px 6px #00000014;color:var(--color-text-primary);font-weight:800;font-size:clamp(12px,4.2cqw,18px);cursor:grab;-webkit-user-select:none;user-select:none;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:var(--color-text-secondary);line-height:1}.wordweave-tile:hover:not(.wordweave-tile--locked){transform:scale(1.06);box-shadow:0 6px 14px #0284c733;border-color:#0284c7}.wordweave-tile:active:not(.wordweave-tile--locked){cursor:grabbing}.wordweave-tile--locked{background:var(--color-surface-sunken);border-color:var(--color-border-default);color:var(--color-text-primary);box-shadow:0 2px 4px #0000000d;cursor:default}.wordweave-tile--locked .wordweave-tile__points{color:var(--color-text-tertiary)}.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 #38bdf866!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 #0000001a}}.tile-arrive{animation:tile-arrive .48s cubic-bezier(.34,1.56,.64,1) both}.wordweave-rack-container{width:100%;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);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 #0000000f;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:var(--color-surface-sunken);border:2px dashed var(--color-border-subtle);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:var(--game-accent, #38bdf8);background:#38bdf814}.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:var(--color-surface-raised, #0f172a);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);width:100%;max-width:440px;box-shadow:0 20px 25px -5px #0006;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:var(--game-accent, #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:var(--game-accent, #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:var(--color-surface-raised);border:1.5px solid var(--color-border-subtle);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 #0000000d;flex-shrink:0}.wordweave-abilities-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-weight:800;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;font-weight:700!important;padding:var(--space-2) var(--space-3)!important;border:1.5px solid var(--color-border-subtle)!important;background:var(--color-surface-sunken)!important;color:var(--game-accent, #0284c7)!important;border-radius:var(--radius-md)!important;transition:all var(--duration-fast) ease!important;cursor:pointer}.ability-btn:hover:not(:disabled):not(.is-disabled){background:var(--color-surface-raised)!important;border-color:var(--game-accent, #0284c7)!important;box-shadow:0 2px 8px #0284c733}.ability-btn:disabled,.ability-btn.is-disabled{border-color:var(--color-border-subtle)!important;color:var(--color-text-tertiary)!important;background:var(--color-surface-sunken)!important;opacity:.55!important;cursor:not-allowed;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{display:flex!important;flex-direction:row!important;gap:6px!important;padding:4px 10px!important;align-items:center!important;background:var(--color-surface-raised)!important;border-radius:var(--radius-lg)!important;border:1.5px solid var(--color-border-subtle)!important;box-shadow:0 1px 3px #0000000d}.fruit-check-item{font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:all var(--duration-fast) ease}.fruit-check-item.collected{opacity:1;filter:none;transform:scale(1.1)}.fruit-check-item.uncollected{opacity:.35;filter:grayscale(85%)}.wordweave-stat-box--final{background:#f59e0b1f!important;border-color:#f59e0b73!important;padding:3px 8px!important;border-radius:var(--radius-md)!important;border:1.5px solid rgba(245,158,11,.4)!important;animation:finalPulse 2s infinite ease-in-out}.wordweave-stat-box--final .wordweave-stat-label{color:#d97706!important;font-weight:800!important}.wordweave-stat-value--final{color:#f59e0b!important;font-weight:900!important;text-shadow:0 0 10px rgba(245,158,11,.4)!important}@keyframes finalPulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 10px #f59e0b59}}.final-round-callout{width:100%;padding:4px 10px;background:linear-gradient(135deg,#f59e0b26,#ef44441f);border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-md);font-size:11px;font-weight:800;text-align:center;color:#d97706;letter-spacing:.04em;text-transform:uppercase;animation:slide-up .3s ease-out;margin-bottom:2px}.btn--final-submit{background:linear-gradient(135deg,#f59e0b,#ef4444)!important;border-color:#f59e0b!important;color:#fff!important;box-shadow:0 4px 14px #f59e0b66!important;font-weight:800!important;animation:finalPulse 2s infinite ease-in-out}.help-btn{background:var(--color-surface-raised);border:1.5px solid var(--color-border-subtle);color:var(--color-text-primary);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:var(--color-surface-sunken);border-color:var(--game-accent, #38bdf8);color:var(--game-accent, #38bdf8);transform:scale(1.1);box-shadow:0 0 8px #38bdf84d}