@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f6ef;--ink:#25392f;--line:#d7dcd1;--green:#cde88b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;cursor:pointer}a{text-decoration:none}header{max-width:1344px;margin:auto;height:112px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{font:800 25px Manrope,sans-serif;display:flex;align-items:center;gap:13px;letter-spacing:-1.2px}.brandmark{display:inline-flex;align-items:center;font-size:40px;letter-spacing:-14px;width:47px;transform:rotate(-8deg)}.brandmark span{color:#8eaa67}.dot{font-size:12px;align-self:flex-start;margin-top:8px;letter-spacing:0}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav button{border:0;background:none}nav button:last-child{border:1px solid var(--line);border-radius:50%;width:31px;height:31px}main,footer{max-width:1280px;margin:auto}.hero{padding:62px 0 44px;position:relative}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;display:flex;gap:9px;align-items:center}.live{width:7px;height:7px;background:#6a8b4d;border-radius:50%}h1{font:600 clamp(34px,4.1vw,56px)/1.14 Manrope,sans-serif;letter-spacing:-2.4px;margin:22px 0 25px}h1 em{font-style:normal;color:#75934f}.intro{display:flex;justify-content:space-between;align-items:flex-end}.intro p{color:#778074;font-size:15px;line-height:1.8;margin:0}.daily{display:flex;flex-direction:column;gap:8px;font-size:11px}.daily>span{text-transform:uppercase;letter-spacing:1.2px;color:#7d8578}.daily b{font-weight:500}.heroart{position:absolute;right:80px;top:48px;width:250px;height:175px;transform:rotate(-7deg)}.artword{position:absolute;top:4px;left:18px;padding:14px 17px;background:#e8c3ab;font:700 22px Manrope;letter-spacing:5px;border-radius:9px;box-shadow:5px 6px 0 #25392f;transform:rotate(15deg)}.flower{position:absolute;top:65px;left:0;color:#85a45d;font-size:110px;line-height:1;transform:rotate(15deg)}.music{position:absolute;right:0;top:48px;border:1px solid #273c32;background:#e8dff2;border-radius:14px;padding:7px 25px;font-size:65px;transform:rotate(18deg)}.little{position:absolute;bottom:-16px;right:19px;font-family:Georgia,serif;font-style:italic;font-size:17px;transform:rotate(8deg)}.sectionbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0 24px}h2{font:600 20px Manrope;letter-spacing:-.6px}.sectionbar h2 span{font:500 11px 'DM Sans';color:#7b8676;margin-left:8px;border:1px solid var(--line);border-radius:20px;padding:3px 7px}.filters{display:flex;gap:7px}.filters button{background:transparent;border:1px solid transparent;border-radius:22px;padding:8px 15px;font-size:12px;color:#7a8277}.filters .active{border-color:var(--line);background:white;color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fffefa;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 24px #26392f0d}.cardart{height:155px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:var(--tint)}.number{position:absolute;top:15px;left:18px;font-size:10px;opacity:.5}.arttag{position:absolute;right:14px;top:14px;font-size:9px;border:1px solid #25392f30;border-radius:15px;padding:4px 9px;letter-spacing:.4px}.wordtiles{display:flex;gap:5px;transform:rotate(-7deg)}.wordtiles span{border-radius:6px;background:#fffaf0;border:1.5px solid #26392f;font:800 27px Manrope;padding:9px 12px;box-shadow:0 4px 0 #26392f}.wordtiles span:nth-child(2){background:#719254;color:white;transform:translateY(-7px)}.wave{display:flex;align-items:center;gap:5px}.wave i{display:block;background:#6a5585;border-radius:5px;width:7px;height:var(--h)}.wave b{display:grid;place-items:center;width:56px;height:56px;background:#fffdf4;border-radius:50%;font-size:24px;margin:0 10px;box-shadow:3px 4px #6a5585}.honey{display:flex;gap:4px;align-items:center;transform:rotate(-10deg)}.honey span{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:grid;place-items:center;width:52px;height:58px;background:#fff6d7;font:bold 25px Manrope}.honey span:nth-child(2){background:#b78a21;color:white;transform:translateY(-20px)}.comparison{display:flex;align-items:center;gap:20px;font:600 42px Manrope}.comparison b{background:#fdf6e9;border-radius:50%;width:56px;height:56px;text-align:center;box-shadow:3px 3px #8d674e}.semantic{display:flex;align-items:center;gap:10px}.semantic span{border-radius:30px;padding:12px 20px;background:#fff9ec;font-size:13px;border:1px solid #426e7730;transform:rotate(-9deg)}.semantic b{font-size:35px}.estimate{font:600 65px Manrope;letter-spacing:-3px;transform:rotate(-6deg)}.estimate span{font-size:30px;background:#fff7e9;border-radius:50%;padding:8px 15px;margin-left:10px}.cardbody{padding:21px 23px 18px}.cardhead{display:flex;align-items:center;justify-content:space-between}.cardhead h3{font:700 23px Manrope;letter-spacing:-.8px;margin:0}.tag{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#74806e}.card p{font-size:13px;line-height:1.65;color:#7b8276;margin:8px 0 20px;min-height:42px}.cardfoot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7e8df;padding-top:14px}.cardfoot small{color:#858b7e;font-size:11px}.cardfoot button{background:none;border:0;font-weight:700;font-size:12px;display:flex;gap:20px;align-items:center}.cardfoot button span{font-size:20px;font-weight:400}.bottom{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:45px;padding:30px 0}.asterisk{font-size:51px;color:#8aa360}.bottom h2{font-size:17px;margin:0 0 6px}.bottom p{font-size:12px;color:#7b8276;margin:0}.signature{margin-left:auto;font:italic 20px Georgia;color:#7c8c69}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0 35px;font-size:11px;color:#8b9084}.footerbrand{font:800 17px Manrope;letter-spacing:-.7px;color:var(--ink)}footer button{border:0;background:none;font-size:11px}dialog{border:1px solid var(--line);border-radius:18px;max-width:490px;width:90%;padding:35px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#15271f80;backdrop-filter:blur(4px)}dialog p{line-height:1.7;color:#65705e}.close{position:absolute;right:13px;top:8px;font-size:25px;border:0;background:none}#play{padding:38px 0 70px;min-height:75vh}.gameheader{display:flex;justify-content:space-between;align-items:center}.back,.secondary{border:1px solid var(--line);background:transparent;border-radius:24px;padding:9px 18px}.gamebox{max-width:600px;margin:35px auto;text-align:center}.gamebox h1{margin-bottom:10px;font-size:42px}.instructions{color:#74806e;line-height:1.6;font-size:14px;margin:15px auto 25px}.primary{border:0;border-radius:8px;background:var(--ink);color:white;padding:13px 24px;font-weight:600}input{font:500 19px Manrope;border:1px solid #b7c2ae;background:#fffefa;padding:12px;border-radius:7px;max-width:100%;color:var(--ink)}form{display:flex;gap:10px;justify-content:center;margin:23px 0}form input{min-width:0;width:260px}.message{padding:14px;border-radius:8px;background:#e7eddf;margin:15px 0;line-height:1.6}.board{display:grid;grid-template-columns:repeat(5,52px);gap:7px;justify-content:center;margin:25px auto}.tile{height:52px;border:1px solid #cbd2c3;border-radius:6px;display:grid;place-items:center;font:700 24px Manrope;background:#fffefa}.correct{background:#759553;color:white;border-color:#759553}.present{background:#c5a254;color:white;border-color:#c5a254}.absent{background:#8f988c;color:white;border-color:#8f988c}.keyrow{display:flex;justify-content:center;gap:4px;margin:5px}.keyrow button{padding:12px 10px;border:0;border-radius:5px;background:#e1e5d9;font-size:12px}.letters{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.letters button{font-size:24px;border:0;background:#e9d897;border-radius:12px;padding:14px}.letters .central{background:#a18425;color:white}.choices{display:flex;gap:15px;justify-content:center;margin:28px 0}.choices button{min-width:120px}.progress{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#718266;margin:20px}.bigquestion{font:600 26px/1.45 Manrope;margin:25px 0}.resultrow{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid var(--line);gap:20px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.statgrid b{font-size:30px;display:block}.statgrid span{font-size:11px}button:focus-visible,a:focus-visible{outline:3px solid #b19353;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1500px){main,footer{max-width:1280px}}@media(max-width:1360px){main,footer{margin-left:6%;margin-right:6%}.heroart{right:35px}}@media(max-width:850px){.heroart{display:none}.cards{grid-template-columns:repeat(2,1fr)}.daily{display:none}.sectionbar{align-items:flex-start;gap:10px;flex-direction:column}h1{font-size:43px}.signature{display:none}header{height:85px}nav{gap:15px}nav>a{display:none}}@media(max-width:530px){header{padding:0 20px}.brand{font-size:20px}.brandmark{font-size:32px;width:40px}nav button{font-size:11px}nav{gap:8px}main,footer{margin-left:20px;margin-right:20px}.hero{padding:38px 0 24px}h1{font-size:35px;letter-spacing:-1.6px}.eyebrow{font-size:9px;letter-spacing:1px}.intro p{font-size:13px}.cards{grid-template-columns:1fr;gap:18px}.cardart{height:150px}.sectionbar h2{font-size:19px}.filters{gap:0}.filters button{padding:8px 12px;font-size:11px}.bottom{gap:15px}.bottom h2{font-size:14px}.bottom p{font-size:11px}.asterisk{font-size:35px}footer>span{display:none}.gamebox h1{font-size:34px}.keyrow button{padding:12px 8px}.gameheader{font-size:11px}.bigquestion{font-size:23px}}
/* Piccola Pausa 2 — soft surfaces, sharper hierarchy, purposeful motion. */
:root{--paper:#f6f7fb;--ink:#202237;--line:#e3e4ed;--green:#d4c7ff;--accent:#7054e8;--muted:#71758b}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:radial-gradient(ellipse at 85% 15%,#e9e2ff80,transparent 40%),var(--paper);color:var(--ink)}header{height:88px;max-width:none;padding:0 max(5%,calc((100vw - 1280px)/2));background:#f6f7fbd9;backdrop-filter:blur(20px);position:sticky;top:0;z-index:20;border-bottom:1px solid #e3e4edaa}.brand{font-size:23px;letter-spacing:-1px}.brandmark{color:var(--accent)}.brandmark span{color:#ae9dec}nav{gap:25px;font-size:13px}nav #stats{background:#fff;border:1px solid var(--line);border-radius:25px;padding:11px 17px}nav #info{background:white}.hero{padding:62px 0 48px}.eyebrow{color:#77728d;font-size:10px;letter-spacing:1.8px}.live{background:#9277ef;box-shadow:0 0 0 5px #9277ef16}.hero h1{font-weight:700;letter-spacing:-2.6px;line-height:1.12;margin:23px 0 25px}h1 em{background:linear-gradient(90deg,#7054e8,#a474d7);-webkit-background-clip:text;background-clip:text;color:transparent}.intro p{color:#71758b;font-size:15px}.daily{color:#565a74}.daily>span{color:#9294a7}.heroart{right:45px;top:62px;animation:float 7s ease-in-out infinite}.artword{background:#d8c9ff;box-shadow:5px 6px #7054e8;border:1px solid #b9a5f1}.flower{color:#c4b2f5}.music{background:#f6daca;color:#76519b;border-color:#cbb2df;box-shadow:5px 5px #d8c6e8}.little{color:#88849c}.sectionbar h2{font-size:22px;font-weight:700}.sectionbar h2 span{background:white}.filters{background:#eeeff5;padding:4px;border-radius:30px}.filters button{color:#85869b;font-size:12px;font-weight:500;transition:.2s}.filters .active{background:white;border-color:#fff;color:#4f3c9e;box-shadow:0 2px 6px #20223708}.cards{gap:22px}.card{background:#fff;border-color:#e5e4ee;border-radius:20px;box-shadow:0 3px 0 #25223703;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;animation:card-in .45s both}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}.card:nth-child(5){animation-delay:.2s}.card:nth-child(6){animation-delay:.25s}.card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #46357a10}.cardart{height:170px;background:linear-gradient(120deg,#ffffff15,var(--tint));transition:filter .3s}.card:hover .cardart{filter:saturate(1.1)}.cardart>div{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.card:hover .wordtiles{transform:rotate(-3deg) scale(1.05)}.card:hover .wave{transform:scale(1.06)}.arttag{background:#ffffff80;border-color:#ffffff70;backdrop-filter:blur(5px);font-size:8px;letter-spacing:.9px}.cardhead h3{font-size:22px;font-weight:700}.cardbody{padding:24px}.card p{font-size:14px;line-height:1.6;color:#7a7d92;margin:10px 0 24px}.tag{font-size:8px;letter-spacing:1.2px;color:#9392a3}.cardfoot small{font-size:11px;color:#8b8da1}.cardfoot button{background:#f0ecfc;color:#6b50c5;border-radius:20px;padding:6px 13px 6px 16px;gap:17px;transition:background .2s}.cardfoot button:hover{background:#e3d9fa}.bottom{margin-top:55px;padding:35px 0}.asterisk{color:#b8a1ec}.signature{color:#9c8eb6}.bottom p,footer{color:#8a8ca0}.footerbrand{color:#636079}.primary{background:var(--accent);color:#fff;border-radius:13px;min-height:50px;padding:14px 24px;font-size:14px;box-shadow:0 5px 12px #7054e81c;transition:background .2s,transform .2s,box-shadow .2s}.primary:hover{background:#6243dc;transform:translateY(-2px);box-shadow:0 7px 18px #7054e833}.primary:active{transform:scale(.98)}button:disabled{cursor:default;opacity:.45;transform:none;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #aa94f5;outline-offset:4px}.secondary,.back{background:white;border:1px solid #e1dfed;border-radius:25px;color:#6f6b86;padding:11px 18px;font-size:13px;transition:.2s}.secondary:hover,.back:hover{background:#f0ecfc;color:#7054e8}.gameheader{margin-bottom:18px;color:#9290a4;gap:15px;font-size:10px;letter-spacing:.7px}.gamebox{max-width:720px;margin:28px auto 0;padding:35px 40px 40px;background:#fff;border:1px solid #e5e3ee;border-radius:28px;box-shadow:0 12px 55px #38305c06;animation:enter .4s ease-out}.gamebox:has(.comparearena){max-width:940px}.gamebox h1{font-weight:700;letter-spacing:-1.9px;font-size:40px;margin:18px 0 14px}.instructions{font-size:14px;line-height:1.7;color:#828097;margin:10px auto 25px;max-width:560px}.instructions small{font-size:11px;color:#a09aac}.fieldlabel{display:block;text-align:left;font-size:12px;color:#68617c;font-weight:600;max-width:520px;margin:25px auto -12px}input{font:600 18px Manrope;background:#f8f7fc;border:1.5px solid #e6e1f1;padding:16px 18px;border-radius:12px;min-height:56px;transition:border-color .2s,box-shadow .2s}input:focus{outline:none;border-color:#a68ce9;box-shadow:0 0 0 4px #7054e810}input::placeholder{color:#aba5bb;font-weight:400}input[aria-invalid=true]{border-color:#cf8e87}form{max-width:520px;margin:22px auto 10px;gap:10px}form input{flex:1;width:100%}form button{white-space:nowrap}.wordform input{text-transform:uppercase;letter-spacing:6px;font-size:21px}.wordform input::placeholder{letter-spacing:2px}#feedback{font-size:12px;color:#ac625b;min-height:23px;line-height:1.5;text-align:left;max-width:520px;margin:auto}#feedback.visible{padding:6px 0}.message{border:1px solid #e7e1f4;background:#f5f1fc;border-radius:16px;font-size:14px;color:#6d5a87;line-height:1.8;margin:24px 0}.message strong{color:#584675}.message.success{background:#f0f7ee;border-color:#dbead5;color:#69825c}.message.success strong{color:#547149}.message.mistake{background:#fcf4ec;color:#9c784e;border-color:#eddfcf}.message .primary{margin-top:15px}.levelpath{display:flex;justify-content:space-between;gap:5px;max-width:530px;margin:30px auto 26px;position:relative}.levelpath:before{content:'';height:1px;background:#e8e1f2;position:absolute;left:30px;right:30px;top:22px}.levelpath button{background:none;border:0;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 4px;font-size:9px;color:#a19bad;opacity:1}.levelpath button b{width:45px;height:45px;border-radius:50%;background:#f2eff8;border:1px solid #e6dfef;display:grid;place-items:center;font-size:16px;font-weight:600;transition:.3s}.levelpath .selected{color:#7054e8}.levelpath .selected b{background:#7054e8;color:white;border-color:#7054e8;box-shadow:0 0 0 5px #7054e80c}.levelpath .cleared:not(.selected) b{background:#eaf2e5;color:#79a165;border-color:#dfead6}.levelpath button:disabled b{color:#c6bfce;background:#f8f6fb}.wordmeta{display:flex;justify-content:space-between;max-width:440px;margin:auto;color:#9b94a6;font-size:10px;text-transform:uppercase;letter-spacing:1px}.board{--cols:5;grid-template-columns:repeat(var(--cols),minmax(0,48px));gap:6px;margin:20px auto 17px;max-width:440px}.tile{height:auto;aspect-ratio:1;border-radius:8px;border:1.5px solid #e9e4f0;background:#f9f7fc;font:700 23px Manrope;color:#80728e;transition:transform .2s,border-color .2s}.tile.current-row{border-color:#cec1e4;background:#fff}.tile.current-row.filled{border-color:#ab92d8;transform:scale(1.02);color:#493861}.tile.correct,.keyrow .correct{color:white;background:#90ac78;border-color:#90ac78}.tile.present,.keyrow .present{color:white;background:#d4b166;border-color:#d4b166}.tile.absent,.keyrow .absent{color:white;background:#a49cae;border-color:#a49cae}.legend{display:flex;justify-content:center;gap:15px;font-size:9px;color:#9a92a4;margin:15px auto 24px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:2px;background:#a49cae}.legend .green{background:#90ac78}.legend .gold{background:#d4b166}.keyrow{gap:5px;margin:6px 0}.keyrow button{font:600 12px Manrope;min-width:0;flex:1;max-width:46px;padding:0;height:44px;border-radius:8px;background:#f0ecf5;color:#7d6b8f;transition:transform .1s,background .2s}.keyrow button:active{transform:translateY(2px);background:#ded3ee}.keyrow .wide{flex:1.4;max-width:65px;font-size:18px}.inputhint{font-size:10px;color:#aaa2b4;line-height:1.6;margin:15px 0 0}.keyboard{max-width:520px;margin:14px auto 0}.nextlevel{width:100%;max-width:440px}.roundmeter{display:flex;justify-content:space-between;color:#8d849a;font-size:11px;max-width:500px;margin:25px auto 15px}.roundmeter b{color:#7054e8;font-weight:600}.rounddots{display:flex;gap:6px;justify-content:center;margin:10px 0 26px}.rounddots i{width:26px;height:4px;background:#efebf4;border-radius:10px}.rounddots .now{background:#b9a5ec}.rounddots .hit{background:#96b080}.rounddots .miss{background:#d9b090}.comparelabel{text-align:left;font-size:12px;font-weight:600;color:#665b79;margin:15px 0 12px}.comparelabel span{font-size:10px;font-weight:400;color:#a69aac}.comparearena{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}.comparepanel{height:340px;position:relative;border-radius:18px;overflow:hidden;background:#7d8991;text-align:left}.comparisonphoto{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.comparepanel:nth-of-type(2) .comparisonphoto{object-position:70% center}.comparepanel:hover .comparisonphoto{transform:scale(1.035)}.comparepanel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17142ce8 0%,#17142c30 70%,#17142c08)}.comparecaption{position:absolute;bottom:24px;left:24px;right:16px;color:white;z-index:1}.comparecaption>span{font-size:8px;letter-spacing:2px;color:#ffffffbb}.comparecaption h2{font:700 23px Manrope;color:#fff;margin:10px 0 12px;letter-spacing:-.6px}.comparecaption strong{display:block;font:700 clamp(27px,4vw,41px) Manrope;letter-spacing:-1px}.comparecaption small{font-size:9px;color:#ffffffa8}.versus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:5px solid #fff6;width:44px;height:44px;display:grid;place-items:center;z-index:2;font-size:10px;font-weight:800;color:#857294;box-shadow:0 5px 20px #241d4520}.choices{gap:12px;margin:25px 0 15px}.choices button{flex:1;max-width:240px;text-align:left;display:flex;align-items:center;justify-content:space-between;font-weight:600;padding:15px 20px}.choices button>span{font-size:20px}.choices button:nth-child(2){background:#f1edf9;color:#7c61ad;box-shadow:none}kbd{font-size:11px;font-family:inherit;border:1px solid #ffffff50;border-radius:4px;padding:1px 5px;font-weight:400;opacity:.6}.photocaption{font-size:9px;color:#b3aabd;margin:20px}.roundhistory,.soundcredits{margin:25px auto 0;text-align:left;border-top:1px solid #eee8f4;padding-top:18px;color:#978b9f;font-size:11px}.roundhistory summary,.soundcredits summary{cursor:pointer}.roundhistory .resultrow{font-size:11px;line-height:1.6}.roundhistory small{font-size:9px}.soundcard{background:radial-gradient(circle at 50% 35%,#eee5ff,#f7f3fc);border:1px solid #ece3f6;border-radius:22px;padding:20px 30px 25px;margin:28px auto 15px;max-width:520px;position:relative}.soundbadge{font-size:8px;color:#a095b3;letter-spacing:1.6px}.vinyl{height:105px;width:105px;border-radius:50%;background:repeating-radial-gradient(circle,#30283e 0px,#30283e 2px,#3d324e 3px,#30283e 4px);display:grid;place-items:center;margin:24px auto 20px;box-shadow:0 10px 25px #51406525;animation:spin 10s linear infinite;animation-play-state:paused}.vinyl span{display:grid;place-items:center;background:#bba5df;border:9px solid #d2bee8;width:42px;height:42px;font:800 17px Manrope;border-radius:50%;color:white}.playing .vinyl{animation-play-state:running}.soundtitle{font:700 24px Manrope;letter-spacing:-.8px;color:#726083}.soundsubtitle{font-size:11px;color:#b09dbd;display:block;margin:6px 0}.soundwave{display:flex;align-items:center;justify-content:center;gap:3px;height:64px;margin:20px 0 8px}.soundwave i{width:5px;height:var(--h);border-radius:6px;background:#c6b2e1;animation:wave .75s ease-in-out infinite alternate;animation-delay:var(--delay);animation-play-state:paused}.playing .soundwave i{animation-play-state:running}.listenbutton{background:#7054e8;border:0;color:#fff;font:600 13px Manrope;min-height:48px;min-width:210px;border-radius:30px;padding:12px 20px;box-shadow:0 5px 17px #7054e825;transition:.2s}.listenbutton:hover{transform:translateY(-2px)}.listenbutton:disabled{background:#e5dcf0;color:#9a8caa}.soundtimeline{display:flex;align-items:center;gap:10px;margin:20px auto 0;max-width:320px;color:#ae9aba;font-size:9px;font-variant-numeric:tabular-nums}.soundtimeline progress{width:100%;height:4px;border:0;accent-color:#a080d1;appearance:none;border-radius:3px;overflow:hidden}.soundtimeline progress::-webkit-progress-bar{background:#e7dbf1}.soundtimeline progress::-webkit-progress-value{background:#a080d1;transition:width .1s}.clipsteps{display:flex;justify-content:center;gap:8px;margin:18px 0 24px}.clipsteps span{font-size:10px;background:#faf8fc;border:1px solid #eee8f5;border-radius:8px;padding:6px 10px;color:#c6bbd0}.clipsteps .unlocked{background:#f1e9fb;color:#ae8dc8;border-color:#e4d5f0}.clipsteps .current{background:#ad91cb;color:white;border-color:#ad91cb}.songform{position:relative}.searchwrap{flex:1;min-width:0;position:relative}.searchwrap input{width:100%}.suggestions:empty{display:none}.suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;background:white;border:1px solid #e8ddf1;border-radius:12px;z-index:10;box-shadow:0 10px 25px #4a315c15;overflow:hidden;text-align:left}.suggestions button{display:flex;width:100%;align-items:center;gap:12px;padding:14px;border:0;background:white;text-align:left;color:#9b80b4;font-size:14px}.suggestions button:hover,.suggestions button:focus{background:#f5effc}.suggestions button div{flex:1}.suggestions strong{font-size:12px;display:block}.suggestions small{display:block;font-size:9px;color:#b9a7c6;margin-top:3px}.suggestions p{font-size:11px;color:#a492b2;padding:8px 16px;line-height:1.5}.musictools{display:flex;justify-content:center;gap:20px;margin:15px 0}.textbutton{background:none;border:0;color:#a78dbb;font-size:11px}.soundcredits{max-width:520px;font-size:10px;color:#a48fb3}.soundcredits iframe{border-radius:12px;margin-top:15px}.soundcredits p{font-size:10px;line-height:1.8}.soundcredits a{color:#8c6ca6;text-decoration:underline}.guesschips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:22px 0}.guesschips span{font-size:10px;border:1px solid #eee6f5;border-radius:20px;padding:7px 12px;color:#ad99ba}.bottom p{font-size:12px}dialog{color:var(--ink);background:#fbfaff;border-color:#e8e0f0;border-radius:24px;box-shadow:0 20px 90px #261b4930}dialog::backdrop{background:#21163855;backdrop-filter:blur(8px)}dialog p{color:#8c809b;font-size:14px}.resultrow{border-color:#eee8f4;color:#92849e}.resultrow b{color:#a386bd}.letters button{background:#f2e4af;color:#ab923a;border-radius:16px;transition:.2s}.letters button:hover{transform:translateY(-3px)}.letters .central{background:#ba9b3d}.progress{color:#a28cb6;font-size:10px}.bigquestion{font-size:24px;color:#7c658c}.statgrid b{color:#a287be}.statgrid span{color:#a69aad}.statsdaily{max-width:520px;margin:0 auto}.todaystrip{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border:1px solid #e8e2f1;background:#fff9;border-radius:14px;font-size:11px;margin:24px 0 0;color:#93859e}.todaystrip strong{color:#8e6cb3}.todaystrip button{border:0;background:none;color:#9877b4;font-size:11px;cursor:pointer}.gamebox #share{margin-top:10px}@keyframes float{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-8px)}}@keyframes card-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{to{transform:scaleY(.4);opacity:.5}}::view-transition-old(root){animation:120ms ease both fade-out}::view-transition-new(root){animation:250ms ease both fade-in}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{from{opacity:0;transform:translateY(8px)}}@media(max-width:850px){.gamebox{padding:28px;max-width:670px}.hero h1{font-size:43px}.comparepanel{height:310px}.comparecaption{left:18px;bottom:20px}.comparecaption h2{font-size:20px}.comparecaption strong{font-size:30px}}@media(max-width:530px){header{height:74px;padding:0 18px}.brand{font-size:18px}nav{gap:8px}nav #stats{font-size:10px;padding:8px 11px}nav #info{width:28px;height:28px}.hero{padding:38px 0 27px}.hero h1{font-size:35px;letter-spacing:-1.9px;line-height:1.16}.hero .eyebrow{font-size:8px}.intro p{font-size:13px}.card{border-radius:18px}.cardart{height:155px}.cardbody{padding:22px}.cardhead h3{font-size:22px}.card p{font-size:14px}.filters{padding:3px}.filters button{padding:8px 10px;font-size:10px}.sectionbar{gap:8px}.gameheader{margin:0 -4px 20px}.gameheader>span{font-size:8px;max-width:125px;line-height:1.5;text-align:right}.gameheader .back{font-size:11px;padding:9px 12px}.gamebox{padding:24px 14px;margin:0 -8px;border-radius:20px}.gamebox h1{font-size:32px;margin-top:14px}.instructions{font-size:12px;line-height:1.7;margin-bottom:20px}.levelpath{margin:24px 0 20px;gap:0}.levelpath button{padding:0 3px;font-size:8px}.levelpath button b{width:36px;height:36px;font-size:13px}.levelpath:before{top:18px}.wordmeta{font-size:8px;padding:0 4px;letter-spacing:.5px}.board{gap:4px;margin:15px auto;grid-template-columns:repeat(var(--cols),minmax(0,43px))}.tile{font-size:19px;border-radius:6px}.legend{gap:12px;font-size:8px;margin-bottom:20px}.fieldlabel{font-size:11px;margin:23px auto -12px}.wordform input{letter-spacing:3px;font-size:19px;padding:13px 11px;min-width:0}form{gap:7px}form button.primary{padding:12px 13px;font-size:11px;border-radius:10px;min-height:52px}input{font-size:16px;min-height:52px;padding:13px}.keyrow{gap:3px;margin:5px 0}.keyrow button{height:44px;font-size:11px;border-radius:6px}.keyrow .wide{font-size:17px}.inputhint{font-size:9px;margin-top:13px}.comparelabel{font-size:10px;line-height:1.6}.comparelabel span{display:block;font-size:9px}.comparearena{gap:10px}.comparepanel{height:245px;border-radius:12px}.comparecaption{left:12px;right:10px;bottom:17px}.comparecaption h2{font-size:17px;line-height:1.25;margin:8px 0 13px;min-height:43px}.comparecaption strong{font-size:25px;word-break:break-word;letter-spacing:-1px}.comparecaption>span{font-size:6px;letter-spacing:1px}.comparecaption small{font-size:7px;line-height:1.5;display:block;min-height:22px;margin-top:3px}.versus{width:32px;height:32px;border:3px solid #fff6;font-size:8px}.choices{gap:8px}.choices button{font-size:13px;padding:13px 15px;min-width:0}.choices kbd{display:none}.roundmeter{font-size:10px}.rounddots{margin-bottom:20px}.soundcard{padding:18px 15px 23px;border-radius:18px}.soundtitle{font-size:22px}.soundwave{gap:3px}.soundwave i{width:4px}.clipsteps{gap:7px}.clipsteps span{font-size:9px;padding:5px 9px}.musictools{gap:12px}.musictools .secondary{font-size:10px;padding:10px 13px}.soundcredits summary{line-height:1.7;font-size:9px}.todaystrip{padding:14px;font-size:10px}.todaystrip button{font-size:10px}.bottom{margin-top:35px;padding:25px 0}.bottom p{font-size:10px}.photocaption{font-size:8px}.resultrow{font-size:12px}.statgrid b{font-size:26px}.statgrid span{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Compact play surface: grid and entry remain visible together. */
.gamebox:has(.wordlayout){max-width:1000px;padding:25px 30px 30px}.gamebox:has(.wordlayout) h1{font-size:32px;margin:12px 0 8px}.gamebox:has(.wordlayout)>.eyebrow{font-size:9px}.gamebox:has(.wordlayout) .instructions{font-size:12px;margin:8px auto 16px}.gamebox:has(.wordlayout) .levelpath{margin:20px auto 26px;max-width:440px}.wordlayout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.wordboard{min-width:0}.wordcontrols{min-width:0;padding:15px 0}.wordcontrols .fieldlabel{margin-top:0}.wordcontrols .legend{margin-bottom:0}.wordcontrols .message{margin-top:0}.wordcontrols .keyrow button{font-size:11px}.wordcontrols .inputhint{margin-top:20px;font-size:10px;line-height:1.8}.board{grid-template-columns:repeat(var(--cols),minmax(0,42px));gap:5px}.wordmeta{font-size:9px;letter-spacing:.5px}.tile{font-size:20px}.wordcontrols .wordform input{font-size:17px;letter-spacing:3px;padding-left:12px}.wordcontrols .wordform .primary{padding:13px;font-size:11px}.legend{color:#776a87}.instructions{color:#71647f}.inputhint{color:#81728e}.fieldlabel{color:#6b5a7d}.soundsubtitle{color:#8a739c}.soundcredits{color:#847090}.gameheader{color:#83768e}.soundbadge{color:#837090}.photocaption{color:#87788e}.roundmeter{color:#7d6d8a}.comparelabel span{color:#8c7b97}.todaystrip{color:#83718f}.wordmeta{color:#83738e}.levelpath button{color:#867492}.card p{color:#737085}.guesschips span{color:#8f769e}.soundtimeline{color:#8e729f}.clipsteps span{color:#a18aaa}.suggestions small{color:#957da3}.textbutton{color:#89679f}.soundcredits a{color:#74518b}.wordcontrols .keyrow .wide{font-size:17px}.wordcontrols .keyboard{margin-top:16px}.comparepanel .comparisonphoto[src$='pisa.svg']{object-fit:cover}@media(max-width:800px){.wordlayout{grid-template-columns:1fr;gap:6px;max-width:460px;margin:auto}.gamebox:has(.wordlayout){padding:24px 20px}.gamebox:has(.wordlayout) .levelpath{margin-bottom:24px}.wordcontrols{padding:0}.wordcontrols .inputhint{margin-top:12px}.board{grid-template-columns:repeat(var(--cols),minmax(0,39px));gap:4px}.legend{margin-bottom:13px}.gamebox:has(.wordlayout) .instructions{font-size:11px}.wordcontrols .wordform input{font-size:19px}}@media(max-width:530px){#play{padding-top:22px}.gamebox:has(.wordlayout){padding:20px 14px 25px}.gamebox:has(.wordlayout) h1{font-size:29px}.gamebox:has(.wordlayout) .levelpath{margin:18px auto 22px}.gamebox:has(.wordlayout) .instructions{margin-bottom:14px}.board{grid-template-columns:repeat(var(--cols),minmax(0,34px));gap:4px}.tile{font-size:17px}.wordmeta{font-size:8px;max-width:300px}.legend{margin:12px 0 15px;font-size:8px}.wordcontrols .fieldlabel{font-size:10px}.wordcontrols .wordform input{font-size:17px;min-height:46px}.wordcontrols .wordform .primary{min-height:46px}.wordcontrols .keyboard{margin-top:6px}.wordcontrols .keyrow button{height:39px;font-size:10px}.wordcontrols .keyrow .wide{font-size:16px}.wordcontrols .inputhint{font-size:8px}.gamebox:has(.soundcard){padding-top:22px}.gamebox:has(.soundcard) h1{font-size:29px}.soundcard{margin-top:20px}.vinyl{height:80px;width:80px;margin:18px auto}.soundwave{margin:13px 0 8px;height:50px}.soundwave i{max-height:45px}}
.levelpath .failed-level:not(.selected) b{background:#fcf0ea;border-color:#efd9cd;color:#bb8b71}.tile{backface-visibility:hidden;transform-origin:center}.wordsummary{max-width:650px;margin:auto}.summarytotals{display:flex;justify-content:center;gap:16px;margin:25px auto}.summarytotals>div{flex:1;max-width:210px;padding:18px;background:#f1f7ee;border:1px solid #dce9d6;border-radius:16px;color:#6c8c5a}.summarytotals>div:nth-child(2){background:#fcf2ed;border-color:#eddcd3;color:#b58c71}.summarytotals strong{display:block;font:700 38px Manrope}.summarytotals span{font-size:12px}.summarylist{border:1px solid #e9e2f0;border-radius:16px;overflow:hidden;text-align:left}.summaryrow{display:flex;align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid #eee8f4}.summaryrow:last-child{border:0}.summaryicon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eef5e9;color:#87a66e}.summaryicon.miss{background:#faf0e9;color:#b98f76}.summaryrow>div{display:flex;flex-direction:column;gap:5px}.summaryrow>div>span{font-size:10px;color:#8e809a}.summaryrow strong{font-size:16px;letter-spacing:2px;color:#6d587f}.summaryoutcome{margin-left:auto;text-align:right}.summaryoutcome b{font-size:11px;color:#887296}.summaryoutcome span{font-size:9px!important}.wordsummary>.message{margin-bottom:5px}.wordsummary #reviewwords{display:block;margin:22px auto 0}@media(max-width:530px){.summaryrow{padding:13px 11px;gap:9px}.summaryrow strong{font-size:13px;letter-spacing:1px}.summaryrow>div>span{font-size:8px}.summaryicon{width:25px;height:25px;font-size:12px}.summaryoutcome b{font-size:10px}.summarytotals strong{font-size:32px}.summarytotals span{font-size:11px}.wordcontrols .message{font-size:12px}}