.memory-root{flex-direction:column;gap:16px;max-width:1024px;margin:0 auto;display:flex}.memory-header{background:var(--cream,#fffcf7);border:1.5px solid var(--line,#cbd8ec);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex;box-shadow:0 12px 30px #20365314}.memory-title-block{flex-direction:column;gap:2px;display:flex}.memory-eyebrow{letter-spacing:.12em;color:var(--coral-ink,#a43e36);text-transform:uppercase;font-size:.72rem;font-weight:800}.memory-title-block h2{color:var(--ink,#203653);margin:0;font-size:1.3rem}.memory-stats-pill{color:var(--coral-ink,#a43e36);background:#fbe8e3;border:1px solid #e9796959;border-radius:14px;align-items:center;gap:12px;padding:8px 16px;font-size:.92rem;font-weight:800;display:inline-flex}.memory-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.memory-config-panel{border:1.5px solid var(--line,#cbd8ec);background:#fffcf7f0;border-radius:20px;flex-direction:column;gap:16px;padding:20px 24px;display:flex;box-shadow:0 12px 28px #20365312}.memory-config-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.memory-collections-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.memory-collection-btn{border:2px solid var(--line,#cbd8ec);min-height:76px;color:var(--ink,#203653);background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:.84rem;font-weight:700;transition:all .18s;display:flex}.memory-collection-btn:hover{border-color:var(--coral,#e97969);transform:translateY(-2px)}.memory-collection-btn.active{border-color:var(--coral,#e97969);color:var(--coral-ink,#a43e36);background:#fbe8e3;box-shadow:0 6px 18px #e9796938}.memory-collection-preview{font-size:1.45rem;line-height:1}.memory-levels{border:1px solid var(--line,#cbd8ec);background:#f1f5f9;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.memory-level-btn{min-height:38px;color:var(--muted,#556d8c);background:0 0;border-radius:9px;padding:0 14px;font-size:.85rem;font-weight:700}.memory-level-btn.active{background:var(--coral,#e97969);color:#fff;box-shadow:0 4px 12px #e979694d}.memory-toggles{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.memory-toggle-label{color:var(--ink,#203653);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:.86rem;font-weight:600;display:inline-flex}.memory-message{text-align:center;color:var(--ink,#203653);min-height:24px;margin:0;font-weight:700}.memory-board-grid{perspective:1000px;gap:14px;width:100%;max-width:880px;margin:0 auto;display:grid}.memory-card-slot{aspect-ratio:4/3.2;perspective:900px;cursor:pointer;background:0 0;border:0;width:100%;min-height:112px;padding:0;position:relative}.memory-card-slot:disabled{cursor:default}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .32s cubic-bezier(.22,1,.36,1);position:relative}.memory-card-slot.reduced-motion .memory-card-inner{transition:opacity .12s}.memory-card-slot.face-up .memory-card-inner{transform:rotateY(180deg)}.memory-card-slot.reduced-motion.face-up .memory-card-inner{transform:none}.memory-card-face{backface-visibility:hidden;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:10px;transition:box-shadow .15s,border-color .15s,background .15s;display:flex;position:absolute;inset:0;box-shadow:0 6px #cbd8ec,0 10px 22px #2036531f}.memory-card-back{color:#a43e36;background:linear-gradient(145deg,#fbe8e3 0%,#f5d0c8 100%);border:2.5px solid #e97969}.memory-card-slot:hover:not(:disabled):not(.face-up) .memory-card-back{transform:translateY(-2px);box-shadow:0 8px #d5b8b0,0 14px 26px #a43e362e}.memory-card-back-pattern{background:radial-gradient(circle,#fffcf78c 0%,#0000 70%);border:1.5px dashed #a43e3659;border-radius:12px;place-items:center;width:calc(100% - 12px);height:calc(100% - 12px);display:grid}.memory-card-back-diamond{background:#e97969;border-radius:6px;width:24px;height:24px;transform:rotate(45deg);box-shadow:0 0 0 4px #fffcf7b3}.memory-card-front{color:#203653;background:#fffcf7;border:2.5px solid #cbd8ec;transform:rotateY(180deg)}.memory-card-slot.reduced-motion .memory-card-front{opacity:0;pointer-events:none;transform:none}.memory-card-slot.reduced-motion.face-up .memory-card-front{opacity:1;pointer-events:auto}.memory-card-slot.reduced-motion.face-up .memory-card-back{opacity:0}.memory-card-slot.matched .memory-card-front{background:linear-gradient(160deg,#fffcf7 0%,#fef6e4 100%);border-color:#f2c35d;box-shadow:0 5px #e0ab3c,0 10px 22px #f2c35d40}.memory-match-badge{color:#203653;background:#f2c35d;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:900;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 2px 5px #20365329}.memory-number-text{color:#203653;font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:800}.memory-hanzi-text{color:#203653;font-size:clamp(2.1rem,4vw,3rem);font-weight:600;line-height:1.05}.memory-suit-card{flex-direction:column;align-items:center;gap:4px;display:flex}.memory-suit-rank{font-size:1.45rem;font-weight:900;line-height:1}.memory-suit-rank.red{color:#dc2626}.memory-suit-rank.black{color:#1e293b}.memory-suit-img{object-fit:contain;width:38px;height:38px}.memory-flag-img{object-fit:contain;border-radius:4px;width:auto;max-width:78%;height:auto;max-height:62%;box-shadow:0 2px 6px #0f172a26}.memory-illustration-img{object-fit:contain;width:58%;height:58%;max-height:64px}.memory-card-caption{color:#475569;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:5px;font-size:.74rem;font-weight:700;overflow:hidden}.memory-victory-panel{color:#fff;text-align:center;background:#203653;border-radius:22px;flex-direction:column;align-items:center;gap:14px;margin-top:8px;padding:24px;display:flex;box-shadow:0 20px 45px #20365347}.memory-victory-panel h3{margin:0;font-size:1.5rem}.memory-victory-panel p{color:#dbeafe;margin:0;font-weight:600}.memory-victory-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=820px){.memory-collections-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.memory-collections-grid{grid-template-columns:repeat(2,1fr)}.memory-card-slot{min-height:88px}}.tiles3d-root{flex-direction:column;gap:8px;width:min(1380px,100vw - 20px);margin-left:50%;display:flex;transform:translate(-50%)}.tiles3d-arena{box-sizing:border-box;background:radial-gradient(circle at 50% 45%,#26735b 0%,#17523f 60%,#0e3629 100%);border:2.5px solid #3c8c70;border-radius:22px;grid-template-columns:165px minmax(0,1fr) 120px;align-items:stretch;gap:8px;height:clamp(520px,100dvh - 96px,780px);padding:10px 20px 12px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #081c1461,inset 0 0 0 6px #ffffff0a,inset 0 0 65px #00000057}.tiles3d-side-left{z-index:4;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:4px 0;display:flex}.tiles3d-left-top{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.tiles3d-round-nav-btn{color:#fffbeb;background:radial-gradient(circle at 38% 32%,#b97a45 0%,#8c5223 70%,#6b3b14 100%);border:3px solid #d49a64;border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .14s,filter .14s;display:grid;box-shadow:0 5px 14px #00000061,inset 0 2px 4px #ffffff47}.tiles3d-round-nav-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)scale(1.03)}.tiles3d-hud-btn{color:#fffbeb;background:linear-gradient(#9c6234 0%,#73431e 100%);border:2px solid #c28854;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-size:.86rem;font-weight:800;display:inline-flex;box-shadow:0 4px 10px #0000004d}.tiles3d-score-box{color:#fff;flex-direction:column;padding:2px 6px;transition:transform .2s;display:flex}.tiles3d-score-box.score-pop{transform:scale(1.08)}.tiles3d-score-row{align-items:center;gap:6px;display:flex}.tiles3d-score-sparkles{color:#facc15;text-shadow:0 0 10px #facc15cc;font-size:1.25rem}.tiles3d-score-box strong{color:#fde047;text-shadow:0 2px 8px #00000080;font-size:2rem;font-weight:800;line-height:1}.tiles3d-perfect-word{color:#fef08a;text-shadow:0 2px #b45309,0 0 16px #facc15d9;margin-top:4px;font-size:1.55rem;font-style:italic;font-weight:900;animation:1.15s cubic-bezier(.16,1,.3,1) forwards perfectWordPop}@keyframes perfectWordPop{0%{opacity:0;transform:translateY(8px)scale(.7)}22%{opacity:1;transform:translateY(0)scale(1.08)}80%{opacity:1;transform:translateY(-2px)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.92)}}.tiles3d-score-delta{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:900;animation:1.1s ease-out forwards scoreDeltaPop;box-shadow:0 3px 10px #22c55e73}@keyframes scoreDeltaPop{0%{opacity:0;transform:translateY(6px)scale(.8)}20%{opacity:1;transform:translateY(-2px)scale(1.1)}80%{opacity:1;transform:translateY(-4px)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.92)}}.tiles3d-side-status{background:#0922197a;border:1px solid #6ee7b72e;border-radius:12px;flex-direction:column;gap:4px;max-width:160px;padding:8px 10px;display:flex}.tiles3d-pairs-pill{color:#ecfdf5;font-size:.76rem;font-weight:700}.tiles3d-pairs-pill strong{color:#fde047;font-size:.9rem}.tiles3d-status-text{color:#d1fae5;margin:0;font-size:.7rem;font-weight:600;line-height:1.3}.tiles3d-center-stage{z-index:3;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.tiles3d-tray-frame{flex-direction:column;flex-shrink:0;align-items:center;margin-top:0;display:flex;position:relative}.tiles3d-tray-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tiles3d-tray-wood{background:radial-gradient(circle at 50% 45%,#114a2f 0%,#0a2d1c 100%);border:3px solid #65a30d;border-radius:13px;grid-template-columns:repeat(4,72px);gap:3px;padding:6px 8px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;box-shadow:0 0 0 1.5px #facc15,0 8px 20px #00000073,inset 0 3px 10px #000000a6}.tiles3d-tray-wood.celebrating{border-color:#fde047;animation:.45s ease-out trayCelebratePulse;box-shadow:0 0 28px #facc15bf,0 8px 20px #00000073,inset 0 0 18px #4ade8073}@keyframes trayCelebratePulse{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.tiles3d-tray-slot{background:radial-gradient(circle,#4ade8014 0%,#061c1159 100%);border-right:1.5px dashed #86efac3d;border-radius:7px;place-items:center;width:72px;height:90px;display:grid;position:relative}.tiles3d-tray-slot:last-child{border-right:none}.tiles3d-tray-slot.burst-slot{background:radial-gradient(circle,#f472b666 0%,#facc1540 60%,#0000 100%);box-shadow:0 0 18px #f472b6a6}.tiles3d-piece.in-tray.matched-pair-burst{pointer-events:none;z-index:25;background:#ca8a04;border-color:#facc15;overflow:visible;box-shadow:0 4px #854d0e,0 0 22px #facc15f2}.tiles3d-piece.in-tray.matched-pair-left{animation:1.15s cubic-bezier(.22,1,.36,1) forwards matchedPairLeftCollide}.tiles3d-piece.in-tray.matched-pair-right{animation:1.15s cubic-bezier(.22,1,.36,1) forwards matchedPairRightCollide}@keyframes matchedPairLeftCollide{0%{opacity:1;transform:translate(0)translateY(0)rotate(0)scale(1)}34%{opacity:1;transform:translate(-34px)translateY(-6px)rotate(-11deg)scale(1.06)}56%{opacity:1;filter:brightness(1.35);transform:translate(38px)translateY(-6px)rotate(5deg)scale(1.15)}72%{opacity:.85;filter:brightness(1.5);transform:translate(34px)translateY(-8px)scale(.92)}to{opacity:0;transform:translate(32px)translateY(-16px)scale(.35)}}@keyframes matchedPairRightCollide{0%{opacity:1;transform:translate(0)translateY(0)rotate(0)scale(1)}34%{opacity:1;transform:translate(34px)translateY(-6px)rotate(11deg)scale(1.06)}56%{opacity:1;filter:brightness(1.35);transform:translate(-38px)translateY(-6px)rotate(-5deg)scale(1.15)}72%{opacity:.85;filter:brightness(1.5);transform:translate(-34px)translateY(-8px)scale(.92)}to{opacity:0;transform:translate(-32px)translateY(-16px)scale(.35)}}.tiles3d-impact-flash{pointer-events:none;z-index:28;opacity:0;background:radial-gradient(circle,#fffffff2 0%,#fde047cc 45%,#f472b600 75%);border-radius:50%;width:76px;height:76px;animation:.6s ease-out .56s forwards impactShockwave;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes impactShockwave{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.35)}to{opacity:0;transform:translate(-50%,-50%)scale(2.1)}}.tiles3d-petal-burst{pointer-events:none;z-index:30;position:absolute;inset:-18px}.tiles3d-petal-burst .petal{opacity:0;background:linear-gradient(135deg,#fbcfe8 0%,#f472b6 65%,#db2777 100%);border-radius:80% 15%;width:13px;height:9px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #f472b6d9}.tiles3d-petal-burst .petal.p1{animation:.62s ease-out .55s forwards petalFly1}.tiles3d-petal-burst .petal.p2{animation:.62s ease-out .55s forwards petalFly2}.tiles3d-petal-burst .petal.p3{animation:.62s ease-out .55s forwards petalFly3}.tiles3d-petal-burst .petal.p4{animation:.62s ease-out .55s forwards petalFly4}.tiles3d-petal-burst .petal.p5{background:#fde047;border-radius:50%;width:7px;height:7px;animation:.62s ease-out .55s forwards petalFly5}.tiles3d-petal-burst .petal.p6{background:#fde047;border-radius:50%;width:7px;height:7px;animation:.62s ease-out .55s forwards petalFly6}.tiles3d-petal-burst .petal.p7{animation:.62s ease-out .55s forwards petalFly7}.tiles3d-petal-burst .petal.p8{animation:.62s ease-out .55s forwards petalFly8}@keyframes petalFly1{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)rotate(0)}to{opacity:0;transform:translate(-48px,-42px)scale(1.15)rotate(-55deg)}}@keyframes petalFly2{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)rotate(0)}to{opacity:0;transform:translate(44px,-46px)scale(1.2)rotate(65deg)}}@keyframes petalFly3{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)rotate(0)}to{opacity:0;transform:translate(-52px,26px)scale(1.05)rotate(-115deg)}}@keyframes petalFly4{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)rotate(0)}to{opacity:0;transform:translate(48px,30px)scale(1.1)rotate(130deg)}}@keyframes petalFly5{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-14px,-54px)scale(1.35)}}@keyframes petalFly6{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(20px,48px)scale(1.35)}}@keyframes petalFly7{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)rotate(0)}to{opacity:0;transform:translate(-58px,-6px)scale(1.1)rotate(-85deg)}}@keyframes petalFly8{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)rotate(0)}to{opacity:0;transform:translate(56px,-8px)scale(1.1)rotate(95deg)}}.tiles3d-piece-ivory.matched-ivory{background:linear-gradient(165deg,#fefce8 0%,#fef08a 100%);border-color:#facc15}.tiles3d-match-ribbon{color:#fff;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:999px;padding:1px 6px;font-size:.55rem;font-weight:900;position:absolute;bottom:3px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000004d}@keyframes matchedPairBurstAnim{0%{opacity:1;transform:scale(.92)}25%{opacity:1;transform:scale(1.08)translateY(-4px)}65%{opacity:1;transform:scale(1.03)translateY(-2px)}to{opacity:0;transform:scale(.65)translateY(-12px)}}.tiles3d-tray-match-banner{white-space:nowrap;color:#fff;z-index:60;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:1.5px solid #fde047;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:800;animation:1.15s cubic-bezier(.16,1,.3,1) forwards matchBannerPop;display:inline-flex;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0000006b,0 0 14px #facc158c}.tiles3d-tray-match-banner strong{color:#fef08a;font-weight:900}@keyframes matchBannerPop{0%{opacity:0;transform:translate(-50%)translateY(-6px)scale(.88)}18%{opacity:1;transform:translate(-50%)translateY(0)scale(1.04)}82%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-5px)scale(.95)}}.tiles3d-board-stage{--tile-w:clamp(64px, min(7.8vw, 12.2vh), 88px);--tile-h:calc(var(--tile-w) * 1.24);--step-x:calc(var(--tile-w) * .495);--step-y:calc(var(--tile-h) * .435);z-index:2;flex:1;width:100%;min-height:0;position:relative}.tiles3d-board-stage.level-1{--tile-w:clamp(60px, min(7.4vw, 11.2vh), 82px)}.tiles3d-board-stage.level-2{--tile-w:clamp(56px, min(6.6vw, 10.8vh), 76px)}.tiles3d-piece{width:var(--tile-w,84px);height:var(--tile-h,104px);left:calc(50% + var(--gx,0) * var(--step-x,42px) - var(--tile-w,84px) * .5 + var(--layer,0) * -6px);top:calc(45% + var(--gy,0) * var(--step-y,45px) - var(--tile-h,104px) * .5 + var(--layer,0) * -8px);cursor:pointer;background:linear-gradient(#68c896 0%,#3d9868 100%);border:1.5px solid #2b7550;border-radius:12px;flex-direction:column;padding:0;transition:transform .14s,filter .14s,box-shadow .14s,border-color .14s;display:flex;position:absolute;overflow:hidden;box-shadow:0 5px #1c5839,0 11px 18px #0000006b}.tiles3d-piece.in-tray{cursor:default;border-radius:10px;width:70px;height:88px;position:relative;box-shadow:0 4px #1c5839,0 5px 10px #00000059;top:auto!important;left:auto!important}.tiles3d-piece-ivory{color:#1e293b;box-sizing:border-box;background:linear-gradient(175deg,#fff 0%,#fbf9f2 75%,#efe9d8 100%);border:1.5px solid #e5dec9;border-radius:10.5px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100% - 6.5px);padding:4px;display:flex;position:relative;box-shadow:inset 0 1.5px #fff}.tiles3d-mj-svg{width:92%;height:92%;display:block}.tiles3d-wan-face{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:.96;display:flex}.tiles3d-wan-top{font-size:clamp(1.2rem, calc(var(--tile-w,84px) * .36), 1.75rem);color:#1e3a8a;font-family:Noto Serif SC,Kaiti,STKaiti,Georgia,serif;font-weight:900}.tiles3d-wan-bottom{font-size:clamp(1.35rem, calc(var(--tile-w,84px) * .4), 1.95rem);color:#c81e1e;font-family:Noto Serif SC,Kaiti,STKaiti,Georgia,serif;font-weight:900}.tiles3d-piece.in-tray .tiles3d-wan-top{font-size:1.25rem}.tiles3d-piece.in-tray .tiles3d-wan-bottom{font-size:1.42rem}.tiles3d-dragon-face{font-size:clamp(1.9rem, calc(var(--tile-w,84px) * .58), 2.75rem);color:#dc2626;place-items:center;font-family:Noto Serif SC,Kaiti,STKaiti,Georgia,serif;font-weight:900;line-height:1;display:grid}.tiles3d-dragon-face.green{color:#15803d}.tiles3d-wind-face{font-size:clamp(1.75rem, calc(var(--tile-w,84px) * .54), 2.55rem);color:#1e3a8a;place-items:center;font-family:Noto Serif SC,Kaiti,STKaiti,Georgia,serif;font-weight:900;line-height:1;display:grid}.tiles3d-piece-back{box-sizing:border-box;border-radius:10.5px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100% - 6.5px);padding:4px;display:flex;position:relative}.tiles3d-piece-back.mystery-back{color:#145334;background:linear-gradient(175deg,#fbfaf3 0%,#eae4d2 100%);border:1.5px solid #dcd4bc;box-shadow:inset 0 0 0 3.5px #2d825ab8}.tiles3d-piece-back.covered-upper-back{color:#194e3473;background:linear-gradient(175deg,#f0eee4 0%,#ded8c6 100%);border:1.5px solid #cdc5b0;box-shadow:inset 0 0 0 3px #2d825a73}.tiles3d-back-emblem{opacity:.45;font-size:1.25rem}.tiles3d-mystery-medallion{width:clamp(28px, calc(var(--tile-w,84px) * .44), 38px);height:clamp(28px, calc(var(--tile-w,84px) * .44), 38px);font-size:clamp(1rem, calc(var(--tile-w,84px) * .26), 1.35rem);color:#fef08a;background:radial-gradient(circle at 35% 30%,#2f855a 0%,#1b5237 100%);border:2px solid #d97706;border-radius:50%;place-items:center;font-weight:900;display:grid;box-shadow:0 2px 5px #00000040}.tiles3d-mystery-lock{color:#475569;opacity:.75;position:absolute;top:5px;right:5px}.tiles3d-side-lock{color:#475569;opacity:.75;position:absolute;top:4px;right:4px}.tiles3d-piece.free:hover{transform:translateY(-3px);box-shadow:0 8px #1c5839,0 14px 22px #00000075}.tiles3d-piece.flipped{outline:3px solid #38bdf8;transform:translateY(-4px);box-shadow:0 7px #0284c7,0 0 22px #38bdf8e0}.tiles3d-piece.covered-upper{filter:brightness(.68)saturate(.82);cursor:not-allowed}.tiles3d-piece.blocked-side{cursor:pointer}.tiles3d-piece.blocking-neighbor-dim{filter:brightness(.62)contrast(.95)!important}.tiles3d-piece.blocked-shake{animation:.32s ease-in-out blockedTileShake;overflow:visible}@keyframes blockedTileShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.tiles3d-edge-lock{color:#451a03;z-index:35;pointer-events:none;background:radial-gradient(circle at 35% 30%,#fde047 0%,#d97706 85%);border:1.5px solid #78350f;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 8px #00000073}.tiles3d-edge-lock.left{left:-11px}.tiles3d-edge-lock.right{right:-11px}.tiles3d-blocked-toast{color:#fff;white-space:nowrap;pointer-events:none;z-index:120;background:#0a140fd6;border:1px solid #ffffff24;border-radius:10px;padding:10px 26px;font-size:.95rem;font-weight:700;animation:1.35s ease-out forwards blockedToastFade;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #0000007a}@keyframes blockedToastFade{0%{opacity:0;transform:translate(-50%,-44%)scale(.94)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}82%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-54%)scale(.96)}}.tiles3d-piece.hinted{outline:3.5px solid #facc15;animation:.9s ease-in-out infinite alternate tileHintPulse;box-shadow:0 6px #ca8a04,0 0 20px #facc15eb}@keyframes tileHintPulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.tiles3d-side-right{z-index:4;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:4px 0 8px;display:flex}.tiles3d-right-top{align-items:center;gap:8px;display:flex}.tiles3d-tools-row{flex-direction:column;align-items:center;gap:18px;display:flex}.tiles3d-tool-btn{color:#fde68a;background:radial-gradient(circle at 42% 35%,#5b2814 0%,#3a1609 78%,#290e05 100%);border:3.5px solid #a86b39;border-radius:50%;place-items:center;width:68px;height:68px;padding:0;transition:transform .15s,filter .15s;display:grid;position:relative;box-shadow:0 8px 18px #0000006b,inset 0 2px 5px #ffe0a338}.tiles3d-tool-icon{color:#fde68a;filter:drop-shadow(0 2px 3px #00000073)}.tiles3d-tool-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tiles3d-tool-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)scale(1.03)}.tiles3d-tool-btn:disabled{opacity:.45;cursor:default}.tiles3d-tool-badge{color:#fff;white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:.65rem;font-weight:800;position:absolute;top:-6px;right:-8px;box-shadow:0 2px 6px #00000059}.tiles3d-tool-badge.orange{background:#d97706;border:1.5px solid #fcd34d;top:auto;bottom:-8px;right:50%;transform:translate(50%)}.tiles3d-tool-badge.green{background:#16a34a;border:1.5px solid #86efac}.tiles3d-config-drawer{background:var(--cream,#fffcf7);border:1.5px solid var(--line,#cbd8ec);border-radius:16px;flex-direction:column;gap:10px;padding:12px 16px;display:flex;box-shadow:0 10px 26px #20365314}.tiles3d-collections-row{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.tiles3d-col-btn{border:2px solid var(--line,#cbd8ec);min-height:42px;color:var(--ink,#203653);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 6px;font-size:.76rem;font-weight:700;display:flex}.tiles3d-col-btn.active{color:#145334;background:#e2f3ea;border-color:#1f7a4c}.tiles3d-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08160fbd;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.tiles3d-modal-card{color:#fff;text-align:center;background:#133223;border:2px solid #4ade80;border-radius:20px;flex-direction:column;gap:12px;width:min(440px,100%);padding:24px 20px;display:flex;box-shadow:0 24px 60px #00000080}.tiles3d-modal-card.defeat{background:#231815;border-color:#f97316}.tiles3d-modal-card h3{margin:0;font-size:1.35rem}.tiles3d-modal-card p{color:#d1fae5;margin:0;line-height:1.4}.tiles3d-modal-card.defeat p{color:#fed7aa}.tiles3d-modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}@media (width<=820px){.tiles3d-arena{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;gap:4px;height:clamp(500px,100dvh - 84px,780px);padding:8px 12px}.tiles3d-side-left{flex-direction:row;justify-content:space-between;align-items:center}.tiles3d-left-top{flex-direction:row;align-items:center;gap:12px}.tiles3d-side-status{display:none}.tiles3d-side-right{flex-direction:row;justify-content:space-between;align-items:center}.tiles3d-tools-row{flex-direction:row;gap:16px}.tiles3d-collections-row{grid-template-columns:repeat(4,1fr)}}:root{color:#203653;font-synthesis:none;--ink:#203653;--panel:#fffcf7eb;--line:#cbd8ec;--muted:#556d8c;--coral:#e97969;--coral-ink:#a43e36;--mint:#315dce;--cream:#fffcf7;--blue:#315dce;--violet:#7954bd;--emerald:#1f7a4c;--gold:#f2c35d;--soft:#e3ecfa;background:#eff5fc;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #f9c74f}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{color:var(--ink);background:radial-gradient(circle at 15% 12%,#e3ecfa 0,#0000 36%),radial-gradient(circle at 86% 35%,#dbeafe 0,#0000 32%),#eff5fc}body:before{content:"";pointer-events:none;opacity:.36;background-image:linear-gradient(#48769414 1px,#0000 1px),linear-gradient(90deg,#48769414 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0}button{cursor:pointer;border:0}.app-shell{isolation:isolate;width:min(1240px,100% - 40px);margin:0 auto;padding:28px 0 60px;position:relative}.app-shell.mode-tiles3d,.app-shell.in-game-2d{padding:8px 0 12px}.app-shell.mode-tiles3d .brand,.app-shell.in-game-2d .brand{margin-bottom:8px}.theme-backdrop{z-index:-1;pointer-events:none;color:var(--theme-accent,#1f9d8b);opacity:0;transition:opacity .35s;position:fixed;inset:0;overflow:hidden}.active-theme .theme-backdrop{opacity:1}.theme-art{stroke-width:.8px;opacity:.09;width:clamp(180px,24vw,380px);height:auto;filter:drop-shadow(0 18px 30px color-mix(in srgb, var(--theme-accent) 18%, transparent));position:absolute}.theme-art-one{top:8vh;right:2vw;transform:rotate(8deg)}.theme-art-two{bottom:3vh;left:1vw;transform:rotate(-12deg)scale(.72)}.theme-art-three{opacity:.06;bottom:-8vh;right:28vw;transform:rotate(18deg)scale(.48)}.theme-animales{--theme-accent:#2d9b72;--theme-soft:#dff6e8;--theme-wash:#f2fbf4}.theme-ciencia{--theme-accent:#3984d8;--theme-soft:#e2efff;--theme-wash:#f4f9ff}.theme-viajes{--theme-accent:#d88b20;--theme-soft:#fff0cf;--theme-wash:#fffaf0}.theme-gastronomia{--theme-accent:#df665c;--theme-soft:#ffe4df;--theme-wash:#fff7f2}.theme-deportes{--theme-accent:#347fc4;--theme-soft:#dcedff;--theme-wash:#f3f9ff}.theme-tecnologia{--theme-accent:#7c63c7;--theme-soft:#ebe5ff;--theme-wash:#f8f5ff}.active-theme:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 82% 18%, var(--theme-soft) 0, transparent 38%), linear-gradient(135deg, var(--theme-wash), #f8fcff 65%);position:fixed;inset:0}.brand{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:48px;display:flex}.brand-left{align-items:center;gap:13px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--theme-accent,var(--mint)), color-mix(in srgb, var(--theme-accent,var(--mint)) 62%, white));width:46px;height:46px;box-shadow:0 10px 30px color-mix(in srgb, var(--theme-accent,var(--mint)) 25%, transparent);border-radius:14px;place-items:center;display:grid}.brand span,.eyebrow{color:var(--theme-accent,var(--mint));letter-spacing:.14em;margin:0;font-size:.7rem;font-weight:800}.brand h1{margin:2px 0 0;font-size:1.16rem}.game-mode-switch{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border-radius:16px;align-items:center;gap:4px;padding:5px;display:inline-flex;box-shadow:0 8px 24px #2d516914}.mode-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:750;transition:all .2s;display:inline-flex}.mode-tab:hover{color:var(--ink);background:#ffffffa6}.mode-tab.active{color:#fff;background:var(--theme-accent,var(--mint));box-shadow:0 5px 16px color-mix(in srgb, var(--theme-accent,var(--mint)) 32%, transparent)}.mode-tab svg{flex-shrink:0}.hero{text-align:center;max-width:700px;margin:0 auto 28px}.hero h2{letter-spacing:-.04em;margin:9px 0 10px;font-size:clamp(2rem,5vw,3.6rem)}.hero p:last-child{color:var(--muted)}.notice,.game-message{text-align:center;color:#395b72;min-height:24px}.difficulty{border:1px solid var(--line);background:#ffffffb8;border-radius:14px;width:fit-content;margin:0 auto 32px;padding:5px;display:flex;box-shadow:0 8px 25px #4468801a}.difficulty button{min-width:92px;min-height:44px;color:var(--muted);background:0 0;border-radius:10px;font-weight:700}.difficulty button.active{color:#fff;background:var(--mint);box-shadow:0 5px 18px #1f9d8b40}.theme-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.theme-card{text-align:left;min-height:210px;color:var(--ink);border:1px solid var(--line);background:linear-gradient(145deg,#fffffff5,#eff8fceb);border-radius:22px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 18px 44px #2d516921}.theme-card:hover{border-color:color-mix(in srgb, var(--card-accent,var(--mint)) 55%, white);transform:translateY(-4px);box-shadow:0 22px 48px #2d51692e}.theme-card:after{content:"";background:var(--card-accent,var(--mint));opacity:.13;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.theme-icon{width:49px;height:49px;color:var(--card-accent,var(--mint));background:color-mix(in srgb, var(--card-accent,var(--mint)) 14%, white);border-radius:14px;place-items:center;margin-bottom:21px;display:grid}.theme-card strong{margin-bottom:8px;font-size:1.25rem;display:block}.theme-card>span:nth-of-type(2){color:var(--muted);min-height:45px;line-height:1.5;display:block}.theme-card i{color:var(--card-accent,var(--mint));margin-top:18px;font-size:.83rem;font-style:normal;font-weight:700;display:block}.theme-animales{--card-accent:#2d9b72}.theme-ciencia,.theme-deportes{--card-accent:#3984d8}.theme-viajes{--card-accent:#d88b20}.theme-gastronomia{--card-accent:#df665c}.theme-tecnologia{--card-accent:#7c63c7}.status-card{border:1px solid var(--line);text-align:center;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;max-width:500px;margin:18vh auto;padding:45px;box-shadow:0 22px 55px #2d516924}.spinner{border:4px solid #48769426;border-top-color:var(--mint);border-radius:50%;width:44px;height:44px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.primary,.secondary{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-weight:750;display:inline-flex}.primary{background:var(--theme-accent,var(--mint));color:#fff}.secondary{color:var(--ink);border:1px solid var(--line);background:#ffffffb8}.game-header{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;margin-bottom:10px;padding:8px 14px;display:flex;box-shadow:0 8px 22px #2d516914}.game-header-meta{flex:0 auto;align-items:center;display:flex}.game-header-meta .eyebrow{white-space:nowrap;align-items:center;gap:4px;margin:0;font-size:.72rem;display:inline-flex}.stats{border:1px solid var(--line);background:#ffffffc7;border-radius:11px;align-items:center;gap:10px;padding:4px 10px;display:inline-flex}.stat-chip{white-space:nowrap;align-items:baseline;gap:4px;display:inline-flex}.stats strong{color:var(--theme-accent,var(--mint));font-variant-numeric:tabular-nums;font-size:.98rem}.stats span{color:var(--muted);margin-right:0;font-size:.72rem}.game-layout{grid-template-columns:minmax(360px,min(100dvh - 140px,700px)) 310px;justify-content:center;align-items:start;gap:16px;transition:grid-template-columns .22s;display:grid}.game-layout.words-single{grid-template-columns:minmax(380px,min(100dvh - 135px,740px)) 250px}.game-layout.words-collapsed{grid-template-columns:minmax(380px,min(100dvh - 140px,780px))}.board-scroll{--board-gap:0px;border:1px solid color-mix(in srgb, var(--theme-accent,var(--mint)) 18%, white);box-sizing:border-box;background:#fff;border-radius:22px;place-items:center;width:100%;max-width:100%;padding:clamp(10px,1.5vw,18px);display:grid;overflow:hidden;box-shadow:0 18px 44px #2d516926}.board-scroll.board-easy,.board-scroll.board-medium,.board-scroll.board-hard{--board-gap:0px}.game-board{isolation:isolate;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;gap:0;width:100%;min-width:0;max-width:100%;display:grid;position:relative}.board-lines-svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.word-capsule-line{opacity:.34;transition:opacity .18s}.word-capsule-preview{opacity:.45}.letter-cell{z-index:1;aspect-ratio:1;width:auto;min-width:0;height:auto;min-height:0;box-shadow:none;color:#19324a;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;font-size:clamp(.8rem, calc(15.5rem / var(--board-size)), 1.24rem);background:0 0;border:none;border-radius:50%;place-items:center;padding:0;font-weight:800;line-height:1;transition:transform .12s,background .12s,color .12s;display:grid;position:relative}.board-easy .letter-cell{font-size:clamp(.9rem, calc(16.5rem / var(--board-size)), 1.25rem)}.board-medium .letter-cell{font-size:clamp(.82rem, calc(15.5rem / var(--board-size)), 1.12rem)}.board-hard .letter-cell{font-size:clamp(.74rem, calc(14.5rem / var(--board-size)), 1.02rem)}.letter-cell:hover{background:#48769414}.letter-cell:focus-visible{outline:2px solid var(--theme-accent,var(--mint));outline-offset:-2px}.letter-cell.selected{color:#7f1d1d;background:0 0;border:none;outline:none;transform:scale(1.08)}.letter-cell.confirmed{color:#0f2438;box-shadow:none;background:0 0;border:none;outline:none;font-weight:850;animation:.35s ease-out found}.game-board.invalid{animation:.28s ease-in-out invalid}@keyframes found{50%{transform:scale(1.14)}}@keyframes invalid{50%{transform:translate(5px)}}.word-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:14px 16px;box-shadow:0 14px 35px #2d51691a}.word-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.word-panel-title-row{align-items:center;gap:8px;display:flex}.word-panel h2{margin:0;font-size:1.1rem}.word-counter{color:var(--theme-accent,var(--mint));border:1px solid var(--line);background:#ffffffd1;border-radius:10px;padding:2px 9px;font-size:.8rem;font-weight:800;box-shadow:0 2px 6px #2d51690d}.word-panel-controls{align-items:center;gap:6px;display:inline-flex}.word-view-toggle,.word-collapse-btn{border:1px solid var(--line);min-height:30px;color:var(--ink);background:#ffffffd9;border-radius:9px;align-items:center;gap:5px;padding:0 9px;font-size:.75rem;font-weight:750;transition:all .18s;display:inline-flex}.word-collapse-btn{padding:0 7px}.word-view-toggle:hover,.word-collapse-btn:hover{border-color:var(--theme-accent,var(--mint));background:#fff}.word-view-toggle.active{background:var(--theme-accent,var(--mint));color:#fff;border-color:var(--theme-accent,var(--mint))}.header-word-summary{background:linear-gradient(135deg, #fffffff5, color-mix(in srgb, var(--theme-soft,#dff6e8) 55%, white));border:1.5px solid color-mix(in srgb, var(--theme-accent,var(--mint)) 38%, var(--line));border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;padding:4px 8px 4px 12px;display:inline-flex;box-shadow:0 4px 14px #2d516914}.header-word-summary-left{align-items:center;gap:6px;display:inline-flex}.header-word-title{color:var(--ink);font-size:.82rem;font-weight:850}.header-target-pill{border:1px solid color-mix(in srgb, var(--theme-accent,var(--mint)) 28%, var(--line));background:#fff;border-radius:9px;align-items:center;gap:8px;padding:3px 10px;display:inline-flex}.header-target-done{color:var(--theme-accent,var(--mint));align-items:center;gap:5px;font-size:.8rem;font-weight:800;display:inline-flex}.word-collapse-expand-btn{background:var(--theme-accent,var(--mint));border:1px solid var(--theme-accent,var(--mint));color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:.76rem;font-weight:800;transition:all .18s;display:inline-flex}.word-collapse-expand-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.collapsed-target-eyebrow{letter-spacing:.06em;color:var(--theme-accent,var(--mint));white-space:nowrap;align-items:center;gap:4px;font-size:.66rem;font-weight:800;display:inline-flex}.collapsed-target-word{color:var(--ink);white-space:nowrap;font-size:.95rem;font-weight:850}.collapsed-target-nav{align-items:center;gap:4px;display:inline-flex}.single-word-card{border:1px solid color-mix(in srgb, var(--theme-accent,var(--mint)) 28%, var(--line));background:#ffffffdb;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.single-word-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.single-word-badge{color:var(--theme-accent,var(--mint));align-items:center;gap:5px;font-size:.73rem;font-weight:800;display:inline-flex}.single-word-nav{align-items:center;gap:4px;display:inline-flex}.target-step-btn{border:1px solid var(--line);width:26px;height:26px;color:var(--ink);background:#eff5fce6;border-radius:7px;place-items:center;transition:background .15s;display:grid}.target-step-btn:hover{border-color:var(--theme-accent,var(--mint));background:#fff}.single-word-target{color:var(--ink);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:850}.single-word-hint{color:var(--muted);margin:0;font-size:.76rem;line-height:1.35}.single-word-done{color:var(--theme-accent,var(--mint));align-items:center;gap:8px;font-size:.92rem;display:flex}.single-word-found-strip{border-top:1px dashed var(--line);flex-wrap:wrap;gap:5px;max-height:130px;padding-top:8px;display:flex;overflow-y:auto}.single-found-chip{color:var(--word-color);background:color-mix(in srgb, var(--word-color) 12%, white);border-radius:7px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:700;text-decoration:line-through;display:inline-flex}.word-list{grid-template-columns:repeat(2,1fr);gap:5px 7px;margin:0;padding:0;list-style:none;display:grid}.word{color:#536f82;border-left:3px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;min-height:30px;padding:4px 8px;font-size:.83rem;display:flex}.word.found{color:var(--word-color);background:color-mix(in srgb, var(--word-color) 13%, white);border-left-color:var(--word-color);font-weight:700;text-decoration:line-through}.dialog-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#142a3a59;place-items:center;padding:20px;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}.completion{text-align:center;border:1px solid color-mix(in srgb, var(--theme-accent,var(--mint)) 35%, white);background:linear-gradient(145deg,#fff,#eef8fb);border-radius:28px;width:min(490px,100%);padding:40px 32px;animation:.25s cubic-bezier(.16,1,.3,1) popIn;position:relative;box-shadow:0 30px 80px #18394d4d}.completion h2{margin:10px;font-size:2.2rem}.trophy{color:#d88b20}.dialog-close{width:44px;height:44px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;transition:background .15s;display:grid;position:absolute;top:15px;right:15px}.dialog-close:hover{background:#0000000f}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.victory-banner{background:linear-gradient(135deg, #fffffff2, color-mix(in srgb, var(--theme-soft,#dff6e8) 60%, white));border:1.5px solid color-mix(in srgb, var(--theme-accent,var(--mint)) 35%, white);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 22px;animation:.25s ease-out slideDown;display:flex;box-shadow:0 12px 30px #2d51691f}.victory-info{color:var(--ink);align-items:center;gap:12px;font-size:.95rem;display:flex}.victory-info strong{color:var(--theme-accent,var(--mint))}.trophy-mini{color:#d88b20;flex-shrink:0}.victory-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primary.sm,.secondary.sm{border-radius:10px;gap:6px;min-height:38px;padding:0 14px;font-size:.84rem}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.header-actions .secondary{border-radius:9px;gap:5px;min-height:34px;padding:0 10px;font-size:.78rem}.toggle-switch-btn{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:0 10px;transition:all .2s;display:inline-flex}.toggle-switch-btn:hover{border-color:color-mix(in srgb, var(--theme-accent,var(--mint)) 40%, var(--line));background:#fffffff2}.toggle-switch-btn.active{border-color:color-mix(in srgb, var(--theme-accent,var(--mint)) 35%, var(--line))}.toggle-switch-btn.hidden-mode{color:#b45309;background:#fffbeb;border-color:#fcd34d;box-shadow:0 2px 8px #f59e0b26}.switch-track{background:#cbd5e1;border-radius:999px;flex-shrink:0;align-items:center;width:26px;height:16px;padding:2px;transition:background .2s;display:inline-flex;position:relative}.toggle-switch-btn.active .switch-track{background:var(--theme-accent,var(--mint))}.toggle-switch-btn.hidden-mode .switch-track{background:#cbd5e1}.switch-thumb{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #00000040}.toggle-switch-btn.active .switch-thumb{transform:translate(10px)}.toggle-switch-btn.hidden-mode .switch-thumb{transform:translate(0)}@media (width<=900px){.theme-grid{grid-template-columns:repeat(2,1fr)}.game-layout,.game-layout.words-single,.game-layout.words-collapsed{grid-template-columns:1fr}.game-board{width:min(100%,680px)}.word-list{grid-template-columns:repeat(2,1fr)}.word-panel-collapsed{flex-direction:row;justify-content:space-between;align-items:center;max-width:none}.collapsed-target-pill{flex-direction:row;align-items:center;gap:10px}.game-header{flex-wrap:wrap}.victory-banner{text-align:center;flex-direction:column;align-items:stretch;gap:12px}.victory-info,.victory-actions{justify-content:center}}@media (width<=540px){.app-shell{width:calc(100% - 24px);padding-top:18px}.brand{margin-bottom:38px}.theme-grid{grid-template-columns:1fr}.theme-card{min-height:185px}.difficulty{width:100%}.difficulty button{flex:1;min-width:0}.game-header{padding:16px}.header-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.header-actions .secondary{width:100%;min-height:40px;padding:0 8px;font-size:.82rem}.board-scroll{--board-gap:2px;padding:10px;display:block;overflow:hidden}.game-board{width:100%;min-width:0;max-width:100%}.letter-cell{font-size:clamp(.72rem, calc(8.4rem / var(--board-size)), 1.1rem);border-radius:4px}.word-list{grid-template-columns:1fr 1fr}.word-panel{padding:18px}.dialog-actions,.victory-actions{flex-direction:column}.victory-actions button{width:100%}}.coop-banner{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f0f9ffd9);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:700px;margin:0 auto 32px;padding:16px 24px;display:flex;box-shadow:0 8px 24px #2d516914}.coop-info{text-align:left;align-items:center;gap:14px;display:flex}.coop-icon{background:color-mix(in srgb, var(--mint) 15%, white);width:42px;height:42px;color:var(--mint);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.coop-text strong{color:var(--ink);font-size:1rem;display:block}.coop-text span{color:var(--muted);font-size:.82rem}.join-dialog{text-align:center;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f4faff);border-radius:24px;width:min(480px,100%);padding:36px 28px;animation:.25s cubic-bezier(.16,1,.3,1) popIn;position:relative;box-shadow:0 30px 80px #18394d4d}.join-dialog h2{margin:8px 0 6px;font-size:1.6rem}.join-dialog p{color:var(--muted);margin:0 0 18px;font-size:.9rem}.join-form{text-align:left;flex-direction:column;gap:14px;display:flex}.join-input-group{gap:8px;display:flex}.join-input{border:1.5px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:12px;outline:none;flex:1;padding:0 14px;font-family:inherit;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.join-input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #1f9d8b2e}.join-error{color:#df665c;margin:0;font-size:.85rem;font-weight:600}.share-btn{transition:all .2s}.share-btn.copied{color:#2d9b72;background:#dff6e8;border-color:#2d9b72}.coop-badge{background:color-mix(in srgb, var(--theme-accent,var(--mint)) 14%, white);color:var(--theme-accent,var(--mint));border:1px solid color-mix(in srgb, var(--theme-accent,var(--mint)) 25%, transparent);vertical-align:middle;border-radius:20px;align-items:center;gap:6px;margin-left:8px;padding:4px 10px;font-size:.76rem;font-weight:750;display:inline-flex}.coop-dot{background:#2d9b72;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 0 2px #2d9b724d}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.35)}}.player-profile-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border-radius:16px;align-items:center;gap:14px;max-width:700px;margin:0 auto 16px;padding:12px 20px;display:flex;box-shadow:0 6px 20px #2d51690f}.player-avatar{background:color-mix(in srgb, var(--theme-accent,var(--mint)) 16%, white);width:38px;height:38px;color:var(--theme-accent,var(--mint));border-radius:11px;flex-shrink:0;place-items:center;display:grid}.player-profile-info{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.player-profile-info label{color:var(--ink);white-space:nowrap;font-size:.88rem;font-weight:700}.nickname-input{border:1.5px solid var(--line);min-width:140px;max-width:260px;min-height:38px;color:var(--ink);background:#fff;border-radius:10px;outline:none;flex:1;padding:0 12px;font-family:inherit;font-size:.9rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.nickname-input:focus{border-color:var(--theme-accent,var(--mint));box-shadow:0 0 0 3px #1f9d8b2e}.join-profile-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.join-profile-row label{color:var(--ink);white-space:nowrap;font-size:.88rem;font-weight:700}.join-profile-row .nickname-input{flex:1;max-width:none}.scoreboard{border:1px solid var(--line);background:#ffffffd9;border-radius:11px;align-items:center;gap:5px;padding:3px 7px;display:inline-flex;box-shadow:0 2px 10px #2d51690d}.score-pill{border-radius:8px;align-items:center;gap:6px;padding:3px 8px;font-size:.78rem;font-weight:700;transition:all .25s;display:inline-flex}.score-pill.me{color:#1d4ed8;background:#eaf5ff;border:1px solid #bfdbfe}.score-pill.rival{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.score-avatar{opacity:.85;place-items:center;display:grid}.score-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.score-count{padding-left:2px;font-size:.88rem;font-weight:800}.score-vs{letter-spacing:.05em;color:#e11d48;align-items:center;gap:3px;padding:0 2px;font-size:.72rem;font-weight:900;display:inline-flex}.word-status-right{align-items:center;gap:6px;display:flex}.word-finder-badge{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:80px;padding:2px 7px;font-size:.7rem;font-weight:800;line-height:1.2;display:inline-block;overflow:hidden}.word-finder-badge.me{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.word-finder-badge.rival{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}.versus-outcome{margin-bottom:12px}.versus-outcome .trophy.win{color:#eab308;filter:drop-shadow(0 6px 14px #eab30859)}.versus-outcome .trophy.defeat{color:#8b5cf6;filter:drop-shadow(0 6px 14px #8b5cf64d)}.versus-outcome .trophy.tie{color:#0ea5e9;filter:drop-shadow(0 6px 14px #0ea5e94d)}.eyebrow.win{color:#d97706}.eyebrow.defeat{color:#7c3aed}.eyebrow.tie{color:#0284c7}.versus-score-summary{color:var(--ink);margin:8px 0 14px;font-size:1.05rem}.code-badge-btn{border:1.5px solid color-mix(in srgb, var(--theme-accent,var(--mint)) 35%, var(--line));cursor:pointer;min-height:34px;color:var(--ink);background:#ffffffe6;border-radius:9px;align-items:center;gap:6px;padding:0 10px;transition:all .2s;display:inline-flex}.code-badge-btn:hover{border-color:var(--theme-accent,var(--mint));background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #2d51691a}.code-badge-btn.copied{color:#2d9b72;background:#dff6e8;border-color:#2d9b72}.code-badge-label{letter-spacing:.08em;color:var(--muted);font-size:.65rem;font-weight:800}.code-badge-btn.copied .code-badge-label{color:#2d9b72}.code-badge-value{letter-spacing:.05em;color:var(--theme-accent,var(--mint));font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem;font-weight:800}.code-badge-btn.copied .code-badge-value{color:#2d9b72}.join-input.code-input{text-transform:uppercase;letter-spacing:.05em;font-weight:700}.round-panel{border:1px solid var(--line);background:var(--panel);border-radius:20px;min-width:0;padding:24px}.round-target{overflow-wrap:anywhere;margin-top:20px;font-size:clamp(1.2rem,3vw,2rem);display:block}.round-panel button{min-height:48px}.brand-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sound-toggle-btn{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fffcf7e6;border-radius:13px;align-items:center;gap:7px;padding:0 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 6px 18px #20365312}.sound-toggle-btn:hover{border-color:var(--blue);background:#fff}.sound-toggle-btn.muted{color:var(--muted);opacity:.82}.continue-banner{color:#fff;background:linear-gradient(135deg,#315dce,#2548a8);border:1px solid #ffffff38;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;max-width:960px;margin:0 auto 26px;padding:18px 24px;display:flex;box-shadow:0 16px 36px #315dce42}.continue-banner-info{text-align:left;flex-direction:column;gap:4px;display:flex}.continue-banner-eyebrow{letter-spacing:.12em;color:#dbeafe;text-transform:uppercase;font-size:.72rem;font-weight:800}.continue-banner-info strong{color:#fff;font-size:1.2rem;font-weight:800}.continue-banner-info span{color:#e3ecfa;font-size:.88rem}.continue-banner-btn{color:#203653;background:#fffcf7;border-radius:13px;align-items:center;gap:8px;min-height:46px;padding:0 22px;font-size:.94rem;font-weight:800;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 6px 18px #0f172a33}.continue-banner-btn:hover{background:#fff;transform:translateY(-2px)}.home-hub-section{max-width:960px;margin:0 auto 30px}.home-hub-header{text-align:center;margin-bottom:14px}.home-hub-eyebrow{letter-spacing:.14em;color:var(--blue);margin-bottom:4px;font-size:.7rem;font-weight:800;display:block}.home-hub-header h3{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:1.45rem}.home-hub-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.hub-card{background:var(--cream);border:2px solid var(--line);color:var(--ink);text-align:center;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;padding:18px 14px 16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 12px 28px #20365314}.hub-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #20365324}.hub-card-2d{--hub-accent:#315dce;--hub-tint:#e3ecfa}.hub-card-3d{--hub-accent:#7954bd;--hub-tint:#eee7f8}.hub-card-memory{--hub-accent:#e97969;--hub-tint:#fbe8e3}.hub-card-tiles3d{--hub-accent:#1f7a4c;--hub-tint:#e2f3ea}.hub-card.selected{border-color:var(--hub-accent);background:linear-gradient(180deg, #fffcf7 0%, var(--hub-tint) 100%);box-shadow:0 14px 32px color-mix(in srgb, var(--hub-accent) 22%, transparent)}.hub-art{background:var(--hub-tint);border-radius:14px;place-items:center;width:100%;height:84px;margin-bottom:10px;display:grid}.hub-svg{width:112px;height:78px;transition:transform .25s;overflow:visible}.hub-card:hover .hub-svg{transform:scale(1.06)}.hub-card strong{color:var(--ink);margin-bottom:3px;font-size:1.08rem;font-weight:800}.hub-card span{color:var(--muted);font-size:.8rem;font-weight:500}@media (width<=860px){.home-hub-grid{grid-template-columns:repeat(2,1fr)}.continue-banner{text-align:center;flex-direction:column;align-items:stretch}.continue-banner-info{text-align:center}}@media (width<=480px){.home-hub-grid{grid-template-columns:1fr 1fr;gap:10px}.hub-card{padding:12px 10px}}