.board-area:has(.play){background:none;box-shadow:none;padding:clamp(8px,1.5vw,16px)}.stage:has(.play) .panel{background:transparent;border:none;box-shadow:none}.game:has(.play) .masthead{display:none}.game:has(.play):before{content:"";position:fixed;inset:0;z-index:var(--z-decor);pointer-events:none;background:linear-gradient(to bottom,#fffaf58c,#fffaf500 18%),linear-gradient(to top,#fffaf580,#fffaf500 22%)}.topbtn{position:fixed;top:14px;right:14px;z-index:30;width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;background:#ffffff8c;color:var(--ink-soft);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #503c4624,inset 0 1px #ffffffb3;transition:background .12s var(--ease),transform .25s var(--ease)}.topbtn:hover{background:#fff;transform:rotate(45deg)}.topbtn:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.play{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.2vh,24px)}@media(min-width:860px){.stage:has(.play){flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(8px,4vh,48px);gap:clamp(14px,2.4vh,26px)}.stage:has(.play) .panel{flex-direction:row;width:auto;gap:clamp(20px,4vw,48px);padding:0;align-self:center}.stage:has(.play) .panel-block{flex-direction:row;align-items:center;gap:10px}.stage:has(.play) .panel-block+.panel-block{border-top:none;padding-top:0}.stage:has(.play) .wheel{width:clamp(280px,32vh,360px)}.stage:has(.play) .cw-grid{--cw-cell: clamp(48px, 7vh, 68px)}}.cw-wrap{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.cw-grid{--cw-cell: 44px;display:grid;grid-template-columns:repeat(var(--cw-cols, 1),var(--cw-cell));grid-template-rows:repeat(var(--cw-rows, 1),var(--cw-cell));gap:clamp(5px,.9vw,8px)}.cw-cell{width:var(--cw-cell);height:var(--cw-cell);border-radius:clamp(9px,22%,var(--radius-tile));background:var(--tile-empty);border:1.5px solid var(--tile-border);display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",cursive;font-weight:700;font-size:calc(var(--cw-cell) * .58);line-height:1;color:transparent;box-shadow:inset 0 1px #ffffffe6;transition:background var(--dur-snap) var(--ease-smooth),color var(--dur-snap) var(--ease-smooth),box-shadow var(--dur-transition) var(--ease-smooth),border-color var(--dur-snap) var(--ease-smooth)}.cw-cell.revealed{background:linear-gradient(160deg,#6a4f5e 0%,var(--tile-filled) 100%);border-color:transparent;color:#fff;box-shadow:0 5px 12px #4f3d4942,inset 0 1px #ffffff2e}.cw-cell.win-pulse{animation:tile-gold var(--dur-transition) var(--ease-spring)}@keyframes tile-gold{0%{box-shadow:0 5px 12px #4f3d4942}50%{box-shadow:0 0 0 3px var(--gold),0 8px 18px #e0a52680}to{box-shadow:0 5px 12px #4f3d4942}}.word-bubble{min-height:2.4rem;padding:4px 20px;display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",cursive;font-weight:700;font-size:clamp(1.3rem,5vw,1.7rem);letter-spacing:.16em;color:var(--ink);border-radius:999px;background:transparent;transition:background .16s var(--ease),color .16s var(--ease)}.word-bubble.active{background:#ffffffb3}.word-bubble.nope{color:#fff;background:var(--rose-deep);animation:bubble-shake .42s var(--ease)}.word-bubble.dup{color:var(--ink);background:var(--gold)}@keyframes bubble-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.wheel{position:relative;width:clamp(200px,44vmin,280px);aspect-ratio:1 / 1;flex:0 0 auto;touch-action:none;background:#ffffff9e;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-radius:50%;box-shadow:0 10px 30px #503c4629,inset 0 1px #ffffffd9}.wheel-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.wheel-line polyline{fill:none;stroke:var(--rose);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;opacity:.92;filter:drop-shadow(0 2px 5px rgba(236,111,142,.45))}.wheel-letter{position:absolute;width:clamp(44px,22%,60px);height:clamp(44px,22%,60px);transform:translate(-50%,-50%);border:none;cursor:pointer;background:transparent;border-radius:50%;color:var(--ink);font-family:"Baloo 2",cursive;font-weight:700;font-size:clamp(1.5rem,6vw,1.9rem);touch-action:none;transition:transform var(--dur-snap) var(--ease-spring),background var(--dur-snap) var(--ease),color var(--dur-snap) var(--ease),box-shadow var(--dur-snap) var(--ease)}.wheel-letter.sel{background:var(--rose);color:#fff;transform:translate(-50%,-50%) scale(1.12);box-shadow:0 4px 14px #ec6f8e73}.wheel-shuffle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(38px,16%,46px);height:clamp(38px,16%,46px);border:none;border-radius:50%;cursor:pointer;background:var(--paper-2);color:var(--ink-soft);font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffffb3;transition:transform .25s var(--ease),background .12s var(--ease)}.wheel-shuffle:hover{background:var(--line);transform:translate(-50%,-50%) rotate(90deg)}.wheel-shuffle:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.stepper{display:flex;align-items:center;gap:8px;justify-content:center}.flecha{width:40px;height:40px;flex:0 0 auto;border:none;border-radius:50%;cursor:pointer;background:#ffffffbf;color:var(--rose-deep);font-size:1rem;font-weight:800;box-shadow:0 2px 6px #7c5a6e24;transition:transform .12s var(--ease),background .12s var(--ease)}.flecha:hover{background:#fff;transform:translateY(-1px)}.flecha:active{transform:translateY(2px)}.flecha:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.stepper-val{width:56px;height:44px;text-align:center;border:1.5px solid var(--line);border-radius:14px;background:#ffffffd9;color:var(--ink);font-family:"Baloo 2",cursive;font-weight:700;font-size:1.3rem;-moz-appearance:textfield}.stepper-val::-webkit-outer-spin-button,.stepper-val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-val:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.progreso{font-family:"Baloo 2",cursive;font-weight:700;font-size:1.5rem;color:var(--sage-deep);text-align:center;font-variant-numeric:tabular-nums}.boton{background:var(--rose);color:#fff;border:none;border-radius:40px;padding:12px 20px;font-size:1rem;font-family:Nunito,sans-serif;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 4px 0 var(--rose-deep);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.boton:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--rose-deep)}.boton:active{transform:translateY(3px);box-shadow:0 1px 0 var(--rose-deep)}.boton.azul{background:var(--sky);box-shadow:0 4px 0 var(--sky-deep)}.boton.verde{background:var(--sage);box-shadow:0 4px 0 var(--sage-deep)}.boton:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.modal{position:fixed;inset:0;z-index:var(--z-modal);background:#46323e75;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;text-align:center;padding:20px}.modal.visible{display:flex}.mensaje{position:relative;overflow:hidden;background:var(--paper);border-radius:26px;padding:32px 26px 26px;max-width:380px;width:100%;border:1.5px solid var(--line);box-shadow:0 26px 60px #46283757,inset 0 1px #ffffffd9}.modal.visible .mensaje{animation:modal-pop .42s var(--ease) both}@keyframes modal-pop{0%{transform:scale(.86) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal h2{font-family:"Baloo 2",cursive;font-weight:700;font-size:clamp(1.5rem,6vw,2.2rem);color:var(--rose-deep);margin-bottom:8px}.modal .sub{font-size:1rem;color:var(--ink-soft);font-weight:700;margin-bottom:18px}.botones-modal{display:flex;flex-direction:column;gap:10px}.modal-stars{position:absolute;inset:0;pointer-events:none}.modal-star{position:absolute;top:40%;font-size:1.4rem;will-change:transform,opacity}.chooser-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:none;border-radius:50%;cursor:pointer;background:var(--paper-2);color:var(--ink-soft);font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;transition:background .12s var(--ease)}.chooser-close:hover{background:var(--line)}.chooser-close:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.chooser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:6px}.tier-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 10px;cursor:pointer;background:var(--paper-2);border:1.5px solid var(--line);border-radius:20px;box-shadow:inset 0 1px #ffffffb3;transition:transform .14s var(--ease),box-shadow .14s var(--ease)}.tier-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #7c5a6e2e}.tier-card:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.tier-ico{font-size:2.6rem;line-height:1}.tier-name{font-family:"Baloo 2",cursive;font-weight:700;font-size:1.2rem;color:var(--rose-deep)}.tier-age{font-size:.85rem;color:var(--ink-soft);font-weight:700}.hints{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.hints:empty{display:none}.hint-chip{font-size:2rem;line-height:1;padding:6px 10px;border-radius:16px;background:#fff9;filter:grayscale(.7);opacity:.7;transition:filter .2s var(--ease),opacity .2s var(--ease),transform .2s var(--ease)}.hint-chip.found{filter:none;opacity:1;transform:scale(1.05);background:#fff}@media(prefers-reduced-motion:reduce){.word-bubble.nope,.modal.visible .mensaje{animation:none}.wheel-shuffle:hover{transform:translate(-50%,-50%)}}