.modal.style-modal{--style-muted: var(--ink-muted);--style-line: color-mix(in srgb, var(--ink) 14%, transparent);width:min(74rem,calc(100vw - 2rem));height:min(52rem,calc(100dvh - 3rem));max-height:calc(100dvh - 3rem);padding:0;gap:0;grid-template-rows:auto auto minmax(0,1fr);border:1px solid var(--style-line);border-radius:24px;background:var(--surface);box-shadow:0 30px 100px #0006}.style-modal>.modal__header{margin:0;padding:1.5rem 2rem;border-bottom:1px solid var(--style-line);align-items:center}.style-modal .settings-modal__eyebrow{font-size:.65rem;letter-spacing:.15em}.style-modal .modal__title{font-size:2rem;font-weight:850;text-transform:none;letter-spacing:-.055em;line-height:1.2}.style-modal .modal__title>span{color:var(--tile-correct)}.style-studio__subtitle{color:var(--ink-muted);font-size:.8rem;margin:.3rem 0 0}.style-workspace{grid-row:3;min-height:0;display:grid;grid-template-columns:12.5rem minmax(0,1fr)}.style-modal .style-toolbar{display:flex;flex-direction:column;align-items:stretch;border-right:1px solid var(--style-line);padding:1.3rem 1rem;overflow:auto;background:color-mix(in srgb,var(--ink) 2%,var(--surface))}.style-modal .style-tabs{display:flex;flex-direction:column;align-items:stretch;flex:0;padding:0;gap:.2rem;background:none;border-radius:0}.style-nav-group{display:block;padding:1.3rem .7rem .6rem;color:var(--ink-muted);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.style-nav-item:first-child .style-nav-group{padding-top:.2rem}.style-modal .style-tab{display:flex;gap:.7rem;align-items:center;width:100%;text-align:left;padding:.75rem;border-radius:10px;font-size:.82rem;font-weight:650;min-height:2.8rem}.style-nav-icon{width:1rem;height:1rem;flex:none;opacity:.75}.style-modal .style-tab--active{background:var(--ink);color:var(--surface)}.style-modal .style-stack{display:block;padding:1.6rem 2rem 2.5rem;scroll-behavior:smooth}.style-autosave{display:inline-flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--ink-muted)}.style-autosave:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--tile-correct)}.style-content-tools{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--style-line);padding:0 0 .8rem;margin-bottom:1.5rem;font-size:.72rem;font-weight:650;color:var(--ink-muted)}.style-modal .style-owned-toggle{min-height:1.5rem;font-size:.7rem}.style-modal .style-section{padding:0;border:0;margin:0 0 2rem;border-radius:0;background:none;box-shadow:none}.style-modal .settings-section__title{font-size:.78rem;letter-spacing:.02em;font-weight:800}.style-modal .modal-note{font-size:.78rem;line-height:1.6}.style-modal .style-empty{border:1px dashed var(--style-line);padding:1.25rem;background:color-mix(in srgb,var(--ink) 2%,var(--surface))}.style-modal .style-empty p{font-size:.8rem;color:var(--ink-muted);line-height:1.6}.style-modal .style-theme-grid,.style-modal .style-set-grid,.style-modal .style-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.style-modal .style-theme-option{display:flex;flex-direction:column;align-items:stretch;gap:.7rem;padding:.65rem;border-width:1px;border-radius:14px}.style-modal .style-theme-option__body{padding:0 .2rem .2rem;gap:.3rem}.style-modal .style-theme-option__name{font-size:.83rem}.style-modal .style-theme-option__tag,.style-modal .style-theme-option__lock{font-size:.55rem}.style-modal .style-theme-option__check{position:absolute;right:.7rem;bottom:.8rem}.style-modal .style-option{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.55rem;padding:.8rem;border-radius:14px;border-color:var(--style-line);background:var(--surface);color:var(--ink);text-align:left;font-weight:650;box-shadow:none;overflow:hidden}.style-modal .style-option--active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.style-modal .style-option[aria-pressed=true]:after{content:none}.style-card-label{display:block;font-size:.8rem;line-height:1.3}.style-card-description{display:block;font-size:.66rem;line-height:1.5;font-weight:400;color:var(--ink-muted)}.style-card-status{display:block;margin-top:auto;padding-top:.2rem;font-size:.56rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted)}.style-option--active .style-card-status{color:var(--ink)}.style-option--active .style-card-status:before{content:"✓ "}.style-option[aria-disabled=true] .style-card-status{color:var(--ink-muted)}.style-modal .style-option__icon{width:2rem;height:2rem;margin:.8rem 0;color:var(--tile-correct)}.style-modal .style-set-card{padding:0 .8rem .8rem;gap:.4rem;border-width:1px;border-radius:16px}.style-modal .style-set-card__art{position:relative;padding:.8rem;width:calc(100% + 1.6rem);margin:0 -.8rem .3rem;min-height:7rem;justify-content:center;border-radius:15px 15px 0 0}.style-modal .style-set-card__emblem{position:absolute;right:.5rem;top:.5rem;width:1rem;height:1rem}.style-modal .style-set-card__name{font-size:1rem;letter-spacing:-.03em}.style-modal .style-set-card__pieces{font-size:.64rem;opacity:.8}.style-modal .style-set-card__cta{font-size:.61rem;margin-top:.4rem;padding:.4rem .6rem}.style-board-preview{display:grid;place-items:center;width:100%;min-width:0;min-height:8rem;border-radius:10px;padding:1rem;background-color:var(--preview-bg);color:var(--preview-ink);overflow:hidden}.style-board-preview__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:min(100%,12rem)}.style-board-preview__tile{display:grid;place-items:center;aspect-ratio:1;border-radius:3px;font-size:.85rem;font-style:normal;font-weight:800}.style-board-preview__tile--correct{background:var(--preview-correct);color:#fff}.style-board-preview__tile--present{background:var(--preview-present);color:#fff}.style-board-preview__tile--absent{background:var(--preview-line)}.style-board-preview--compact{min-height:6rem;padding:.75rem}.style-board-preview--compact .style-board-preview__grid{max-width:8.5rem;gap:3px}.style-board-preview--compact .style-board-preview__tile{font-size:.65rem}.style-board-preview[data-wallpaper=dots]{background-image:radial-gradient(var(--preview-ink) .6px,transparent .8px);background-size:12px 12px}.style-board-preview[data-wallpaper=grid]{background-image:linear-gradient(var(--preview-line) 1px,transparent 1px),linear-gradient(90deg,var(--preview-line) 1px,transparent 1px);background-size:15px 15px}.style-board-preview[data-wallpaper=waves],.style-board-preview[data-wallpaper=koi]{background-image:repeating-radial-gradient(ellipse at 80% 120%,transparent 0 8px,var(--preview-line) 9px 10px,transparent 11px 20px)}.style-board-preview[data-wallpaper=stars],.style-board-preview[data-wallpaper=starlight],.style-board-preview[data-wallpaper=snow]{background-image:radial-gradient(1.5px 1.5px at 12px 10px,var(--preview-ink) 50%,transparent),radial-gradient(1px 1px at 35px 37px,var(--preview-present) 50%,transparent);background-size:48px 48px}.style-board-preview[data-wallpaper=confetti]{background-image:radial-gradient(2px 1px at 10px 8px,var(--preview-correct) 70%,transparent),radial-gradient(1px 2px at 30px 30px,var(--preview-present) 70%,transparent);background-size:40px 40px}.style-board-preview[data-wallpaper=velvet]{background-image:repeating-linear-gradient(115deg,#d9a05b35 0 1px,transparent 1px 22px),repeating-linear-gradient(115deg,#b8336a30 0 11px,transparent 11px 22px)}.style-board-preview[data-wallpaper=amethyst]{background-image:linear-gradient(135deg,#b48cff30 25%,transparent 25%),linear-gradient(315deg,#d6a84a25 25%,transparent 25%);background-size:22px 22px}.style-board-preview[data-wallpaper=clover]{background-image:radial-gradient(circle at 6px 6px,#2f9e4f40 0 3px,transparent 4px),radial-gradient(circle at 11px 6px,#2f9e4f40 0 3px,transparent 4px);background-size:30px 26px}.style-board-preview[data-wallpaper=rainfall]{background-image:repeating-linear-gradient(105deg,transparent 0 9px,#8fb8de40 9px 10px)}.style-board-preview[data-wallpaper=orchard]{background-image:radial-gradient(3px 2px at 8px 9px,#e0708a60 60%,transparent),radial-gradient(3px 2px at 26px 24px,#4f9a3a50 60%,transparent);background-size:36px 32px}.style-board-preview[data-wallpaper=solstice]{background-image:repeating-conic-gradient(from 0deg at 50% -20%,#ffb34740 0 6deg,transparent 6deg 14deg)}.style-board-preview[data-wallpaper=reef]{background-image:repeating-radial-gradient(circle at 70% 120%,transparent 0 7px,#22b8ad40 8px 9px,transparent 10px 16px)}.style-board-preview[data-wallpaper=mirage]{background-image:repeating-radial-gradient(ellipse 140% 60% at 50% 120%,transparent 0 7px,#c8642c40 8px 9px,transparent 10px 16px)}.style-board-preview[data-wallpaper=joystick]{background-image:linear-gradient(#e8358c40 1px,transparent 1px),linear-gradient(90deg,#18b85e40 1px,transparent 1px);background-size:12px 12px}.style-board-preview[data-wallpaper=nightshade]{background-image:radial-gradient(circle at 75% 25%,#b38cff40 0 6px,transparent 7px),repeating-radial-gradient(circle at 10% 110%,transparent 0 8px,#5f9e2e40 9px 10px,transparent 11px 18px)}.style-board-preview[data-wallpaper=hearth]{background-image:linear-gradient(#d9642a40 1px,transparent 1px),linear-gradient(90deg,#d9642a30 1px,transparent 1px);background-size:18px 9px}.style-board-preview[data-wallpaper=snowglobe]{background-image:radial-gradient(circle at 8px 8px,#2a8fc450 0 2px,transparent 3px),radial-gradient(circle at 26px 22px,#c8323c40 0 1.5px,transparent 2.5px);background-size:34px 30px}.style-keyboard-preview{--preview-key: var(--surface-raised);--preview-key-ink: var(--ink);--preview-shell: color-mix(in srgb, var(--ink) 6%, var(--surface));display:grid;align-content:center;gap:4px;min-height:6rem;border-radius:10px;padding:.75rem .4rem;width:100%;background:var(--preview-shell)}.style-keyboard-preview>span{display:flex;justify-content:center;gap:3px}.style-keyboard-preview i{display:grid;place-items:center;width:9%;max-width:22px;aspect-ratio:.75;background:var(--preview-key);color:var(--preview-key-ink);border-radius:3px;font-size:.4rem;font-style:normal;box-shadow:0 2px #0002}.style-keyboard-preview--candy{--preview-key: #f7b2d9;--preview-key-ink: #352431;--preview-shell: #fae2f0}.style-keyboard-preview--mint{--preview-key: #a8dadc;--preview-key-ink: #173536;--preview-shell: #e4f6f2}.style-keyboard-preview--mono{--preview-key: #222;--preview-key-ink: #fff;--preview-shell: #ddd}.style-row-preview{display:flex;align-items:center;gap:.45rem;min-height:4rem;padding:.65rem;border-radius:8px;background-color:color-mix(in srgb,var(--ink) 5%,var(--surface));font-size:.62rem;width:100%;min-width:0}.style-row-preview__rank{opacity:.45;font-size:.55rem}.style-row-preview__avatar{display:grid;place-items:center;width:1.7rem;height:1.7rem;flex:none;background:var(--ink);color:var(--surface);border-radius:6px;font-size:.65rem}.style-row-preview__name{text-align:left;font-weight:800;min-width:0}.style-row-preview__name small,.style-row-preview>strong>span{display:block;font-size:.45rem;font-weight:400;margin-top:.15rem;color:var(--ink-muted)}.style-row-preview>strong{margin-left:auto;font-size:.75rem}.style-modal .style-option-grid--rows{grid-template-columns:repeat(2,minmax(0,1fr))}.style-tile-preview{display:grid;place-items:center;width:3rem;height:3rem;margin:.5rem auto;font-size:1.5rem;font-weight:800;color:#fff;background:var(--tile-correct);border-radius:5px}.style-option--tile-gloss .style-tile-preview{background:linear-gradient(#ffffff40,transparent 55%),var(--tile-correct);box-shadow:inset 0 -4px #0003}.style-option--tile-pixel .style-tile-preview{border-radius:0;border:3px solid #fff7;font-family:monospace}@media(max-width:900px){.style-modal .style-theme-grid,.style-modal .style-set-grid,.style-modal .style-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-modal .style-stack{padding:1.25rem}.style-workspace{grid-template-columns:10.5rem minmax(0,1fr)}}@media(max-width:620px){.style-backdrop{padding:.5rem}.modal.style-modal{width:100%;height:calc(100dvh - 1rem);max-height:calc(100dvh - 1rem);border-radius:18px;padding:0}.style-modal>.modal__header{padding:1rem}.style-modal .modal__title{font-size:1.65rem}.style-studio__subtitle{display:none}.style-workspace{display:flex;flex-direction:column}.style-modal .style-toolbar{padding:.6rem;overflow:visible;flex:none;border-right:0;border-bottom:1px solid var(--style-line)}.style-modal .style-tabs{display:flex;flex-direction:row;flex:none;min-height:3rem;flex-wrap:nowrap;overflow-x:auto;gap:.3rem;padding:.15rem}.style-nav-group{display:none}.style-nav-item{flex:none}.style-modal .style-tab{width:auto;padding:.6rem .75rem;min-height:2.5rem;font-size:.72rem;white-space:nowrap}.style-nav-icon{display:none}.style-modal .style-stack{padding:1rem}.style-modal .style-theme-grid,.style-modal .style-set-grid,.style-modal .style-option-grid{gap:.6rem}.style-modal .style-option-grid--rows{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.style-modal .style-stack{scroll-behavior:auto}.style-modal :is(.style-option,.style-theme-option,.style-set-card){transition:none}}.style-preview-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--style-line);border-radius:14px;overflow:hidden;background:var(--surface)}.style-modal .style-preview-card>.style-option{width:100%;height:100%;flex:1;border-color:transparent;border-radius:13px 13px 0 0}.style-modal .style-preview-card>.style-option--active{border-color:var(--ink)}.style-preview-action{display:block;min-height:2.75rem;padding:.65rem .5rem;border:0;border-top:1px solid var(--style-line);background:color-mix(in srgb,var(--ink) 4%,var(--surface));color:var(--ink);font:650 .7rem var(--font);cursor:pointer;text-align:center}.style-preview-action:hover{background:color-mix(in srgb,var(--ink) 10%,var(--surface))}.style-row-preview__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-row-preview__name small{color:var(--ink-muted)}.style-modal .style-content-tools{margin-top:.1rem}.style-reveal-demo{--demo-animation: style-demo-flip;display:flex;justify-content:center;align-items:center;gap:4px;width:100%;height:6.5rem;padding:.65rem;border-radius:10px;background:color-mix(in srgb,var(--ink) 4%,var(--surface));perspective:250px}.style-reveal-demo__slot{width:18%;perspective:150px}.style-reveal-demo i{--demo-colour: var(--tile-correct);display:grid;place-items:center;width:100%;aspect-ratio:1;font-style:normal;font-size:.8rem;border-radius:4px;background:var(--demo-colour);color:#fff;animation:var(--demo-animation) .8s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--tile-delay)}.style-reveal-demo__slot:nth-child(2) i{--demo-colour: var(--tile-present)}.style-reveal-demo__slot:nth-child(4) i{--demo-colour: #50535b}.style-reveal-demo--none i{animation:none}.style-reveal-demo--pop{--demo-animation: style-demo-pop}.style-reveal-demo--drop{--demo-animation: style-demo-drop}.style-reveal-demo--twist{--demo-animation: style-demo-twist}.style-reveal-demo--wave{--demo-animation: style-demo-wave}@keyframes style-demo-flip{0%{transform:rotateX(0);background:#50535b}45%{transform:rotateX(90deg);background:#50535b}46%{background:var(--demo-colour)}to{transform:rotateX(0)}}@keyframes style-demo-pop{0%{transform:scale(.15);opacity:0}55%{transform:scale(1.25);opacity:1}75%{transform:scale(.92)}to{transform:scale(1)}}@keyframes style-demo-drop{0%{transform:translateY(-70px);opacity:0}60%{transform:translateY(5px);opacity:1}80%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes style-demo-twist{0%{transform:rotateY(180deg) rotate(-25deg) scale(.5);opacity:0}to{transform:rotateY(0) rotate(0) scale(1);opacity:1}}@keyframes style-demo-wave{0%{transform:translateY(0);background:#50535b}45%{transform:translateY(-22px)}70%{transform:translateY(5px);background:var(--demo-colour)}to{transform:translateY(0)}}.style-victory-scene{position:relative;display:block;overflow:hidden;width:100%;height:6.5rem;border-radius:10px;background:radial-gradient(ellipse at 50% 100%,#292b55,#101222);color:#fff}.style-victory-scene i{position:absolute;left:var(--scene-x);top:var(--scene-y);color:hsl(var(--scene-hue) 90% 70%);font-style:normal;font-size:.8rem;transform:rotate(calc(var(--piece) * 29deg))}.style-victory-scene--none{display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 4%,var(--surface))}.style-victory-scene--none i{position:static;transform:none;color:var(--ink-muted);font-size:2rem}.style-victory-scene--confetti i{font-size:.65rem;text-shadow:2px -10px #ffc21a,-7px 10px #ff3b5c}.style-victory-scene--fireworks i{font-size:2.4rem;opacity:.85}.style-victory-scene--fireworks i:nth-child(n+4){display:none}.style-victory-scene--supernova{background:radial-gradient(circle,#fff9c4 0 3%,#ffc05b 4%,#ff794e77 8%,#63a5 25%,#101222 60%)}.style-victory-scene--supernova i{font-size:3rem;color:#ffe9a8}.style-victory-scene--balloons i{width:1.1rem;height:1.5rem;border-radius:50%;background:currentColor;font-size:0;transform:rotate(-10deg);box-shadow:inset -.2rem -.1rem #0003}.style-victory-scene--balloons i:after{content:"";position:absolute;width:1px;height:2rem;top:100%;left:50%;background:#fff5}.style-victory-scene--tileRain i{display:grid;place-items:center;background:#538d4e;color:#fff;width:1.1rem;height:1.1rem;font-size:.6rem;font-weight:800;border-radius:2px}.style-victory-scene--tileRain i:nth-child(3n){background:#b59f3b}.style-victory-scene--jackpot i{display:grid;place-items:center;width:1.2rem;height:1.2rem;background:#e7af33;color:#7a4c00;border:2px solid #ffe59a;border-radius:50%;box-shadow:2px 2px #b7771e}.style-victory-scene--starfall i{color:#c4d4ff;text-shadow:-8px -5px 2px #9ab4ff77;transform:rotate(-30deg)}.style-victory-scene--party i{width:.2rem;height:2rem;font-size:0;background:currentColor;border-radius:50%;transform:rotate(calc(-65deg + var(--piece) * 10deg));top:50%;left:50%;transform-origin:bottom}.style-victory-scene--bubbles i{width:1.4rem;height:1.4rem;font-size:0;border:1px solid #8bdfefaa;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff7,transparent 35%,#a0d8ef22 70%)}.style-victory-scene--neonPulse{border:3px solid #af7fff;box-shadow:inset 0 0 16px #af7fff99;background:radial-gradient(ellipse at center,#242147,#101222)}.style-victory-scene--neonPulse i{inset:25% 20%;border:1px solid #67f8e5;border-radius:10px;font-size:0;transform:none;box-shadow:0 0 10px #67f8e5}@media(prefers-reduced-motion:reduce){.style-reveal-demo i{animation:none}}.sound-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.2rem 0 1.75rem}.sound-library-toolbar>p{margin:0;font-size:.85rem;color:var(--ink-muted)}.sound-library-toolbar label{display:flex;gap:.6rem;align-items:center;color:var(--ink-muted);font-size:.7rem}.sound-library-toolbar select{font:600 .75rem var(--font);border:1px solid var(--style-line);background:var(--surface);color:var(--ink);border-radius:8px;padding:.65rem .5rem;min-height:44px}.style-modal .sound-library-section{margin-bottom:1.75rem}.sound-library-list{overflow:hidden;border:1px solid var(--style-line);border-radius:14px}.sound-library-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;min-width:0;background:var(--surface)}.sound-library-row+.sound-library-row{border-top:1px solid var(--style-line)}.sound-library-row--selected{background:color-mix(in srgb,var(--tile-correct) 6%,var(--surface))}.sound-library-play,.sound-library-silent{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--style-line);background:color-mix(in srgb,var(--ink) 5%,var(--surface));color:var(--ink)}.sound-library-play{cursor:pointer;transition:background .12s,transform .12s}.sound-library-play:hover{background:var(--ink);color:var(--surface);transform:scale(1.05)}.sound-library-play svg{width:20px;height:20px;margin-left:1px}.sound-library-silent{font-size:1.4rem;color:var(--ink-muted)}.sound-library-info{flex:1;min-width:0}.sound-library-info h4{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0;font-size:.87rem;letter-spacing:-.02em}.sound-library-info p{margin:.3rem 0 0;color:var(--ink-muted);font-size:.73rem;line-height:1.5}.sound-library-selected{font-weight:500;color:var(--tile-correct);font-size:.62rem;letter-spacing:0}.sound-library-use{flex:none;min-height:44px;min-width:4.25rem;padding:.6rem .8rem;border:1px solid var(--style-line);border-radius:8px;background:var(--surface);color:var(--ink);font:650 .7rem var(--font);cursor:pointer}.sound-library-use:hover{border-color:var(--ink)}.sound-library-use--selected{min-width:3rem;border-color:transparent;background:transparent;color:var(--tile-correct)}@media(max-width:620px){.sound-library-toolbar{flex-wrap:wrap;gap:.75rem;margin-bottom:1.2rem}.sound-library-toolbar label{width:100%;justify-content:space-between}.sound-library-row{gap:.7rem;padding:.85rem .65rem}.sound-library-info h4{font-size:.82rem}.sound-library-info p{font-size:.68rem}.sound-library-use{min-width:3.5rem;padding-inline:.5rem}}@media(prefers-reduced-motion:reduce){.sound-library-play{transition:none}}.sound-library-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.style-option__earned{font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tile-present)}.style-gift-offer{display:grid;gap:.3rem;min-width:0;margin:1rem 1.25rem;padding:.85rem 1rem;border:1px solid #b76b39;border-radius:.8rem;background:linear-gradient(110deg,#32190d,#3d2051);color:#fff;text-align:left;font:inherit;cursor:pointer}.style-gift-offer strong{color:#ffc18b;font-size:.95rem;line-height:1.4}.style-gift-offer span{font-size:.8rem;line-height:1.4}.style-gift-offer:focus-visible{outline:3px solid #ff9a3d;outline-offset:3px}