.r6{--red:#b3352a;--red2:#8c2219;--egg:#fbf5ea;--egg2:#efe4d0;--gold:#d4a12f;--gold2:#a77a14;--gold3:#f3cf6a;--ink:#1c1414;--ink2:#5a4a44;min-height:100dvh;color:var(--ink);background:radial-gradient(circle, #c4482f 0 4px, transparent 5px) 0 0 / 34px 30px, radial-gradient(circle, #c4482f 0 4px, transparent 5px) 17px 15px / 34px 30px, var(--red);font-family:DM Sans,system-ui,sans-serif}.r6 button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.r6 :focus-visible{outline:2px solid var(--gold3);outline-offset:3px}.r6 .q-round{background:var(--ink);color:var(--gold3);border:2px solid var(--gold)}.r6-col{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;padding:16px 12px 14px;display:flex}.r6-top{align-items:center;gap:12px;display:flex}.r6-round{background:var(--ink);width:44px;height:44px;color:var(--gold3);border:2px solid var(--gold);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.r6-round svg{width:20px;height:20px}.r6-top h1{color:var(--egg);margin:0;font-family:Bodoni Moda,Didot,serif;font-size:34px;font-style:italic;font-weight:700;line-height:1}.r6-top h1 small{letter-spacing:.2em;text-transform:uppercase;color:var(--gold3);margin-top:4px;font-family:DM Sans,sans-serif;font-size:11px;font-style:normal;font-weight:700;display:block}.r6-score{background:var(--egg);box-shadow:0 0 0 2px var(--gold);color:var(--ink2);white-space:nowrap;border-radius:999px;align-items:baseline;gap:5px;margin-left:auto;padding:7px 14px;font-size:12px;display:inline-flex}.r6-score b{color:var(--ink);font-family:Bodoni Moda,serif;font-size:20px;line-height:1}.r6-score i{background:var(--gold2);border-radius:50%;align-self:center;width:4px;height:4px;margin:0 3px}.r6-play{flex-direction:column;flex:1;display:flex}.r6-ring{aspect-ratio:1;--d:clamp(7.5cqi, 236cqi / var(--k), 11cqi);--R:calc(50cqi - var(--d) * .58 - .6cqi);width:min(100%,420px);margin:14px auto 0;position:relative;container-type:inline-size}.r6-egg{width:var(--d);height:calc(var(--d) * 1.16);margin-left:calc(var(--d) / -2);margin-top:calc(var(--d) * -.58);transform:rotate(var(--a)) translateY(calc(var(--R) * -1)) rotate(calc(var(--a) * -1));padding-top:calc(var(--d) * .1);font-family:Bodoni Moda,serif;font-weight:700;font-size:calc(var(--d) * .5);color:var(--ink);background:linear-gradient(160deg,#fffdf7,#efe2c8);border-radius:50%/60% 60% 42% 42%;justify-content:center;align-items:center;line-height:1;transition:transform .25s,background .25s;display:flex;position:absolute;top:50%;left:50%;box-shadow:inset 0 -3px #cdb894,0 4px 8px -4px #0000008c}.r6-egg.at{transform:rotate(var(--a)) translateY(calc(var(--R) * -1)) rotate(calc(var(--a) * -1)) scale(1.16);box-shadow:inset 0 -3px 0 #cdb894, 0 0 0 3px var(--gold3), 0 0 18px #ffd66ef2;z-index:1}.r6-egg.right{background:linear-gradient(160deg,#fff6d8,#f3cf6a);box-shadow:inset 0 -3px #b88a1e,0 4px 8px -4px #0000008c}.r6-egg.wrong{background:var(--ink);color:#f08a7a;box-shadow:inset 0 -3px #000,0 4px 8px -4px #0000008c}.r6-egg.pass{background:var(--egg2);box-shadow:inset 0 0 0 2px var(--gold);color:var(--ink2)}.r6-egg.pass.at{box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 3px var(--gold3), 0 0 18px #ffd66ef2}.r6-dome{inset:calc(var(--d) * 1.16 + 4.5cqi);background:radial-gradient(circle at 50% 30%, #2b1f1e, var(--ink) 70%);box-shadow:0 0 0 4px var(--gold), 0 0 0 8px var(--ink), 0 0 0 10px var(--gold2), 0 30px 60px -20px #0009;text-align:center;color:var(--egg);border-radius:50%;justify-content:center;align-items:center;padding:7cqi;display:flex;position:absolute}.r6-dome .bulbs{filter:drop-shadow(0 0 4px #ffd66ee6);pointer-events:none;border:4px dotted #ffe08a;border-radius:50%;animation:1.6s steps(2,end) infinite r6-glow;position:absolute;inset:2.4cqi}@keyframes r6-glow{0%,to{opacity:1}50%{opacity:.55}}.r6-dome .clue{max-width:100%;position:relative}.r6-dome p{margin:0}.r6-dome .how{color:var(--gold3);font-family:Bodoni Moda,serif;font-size:5.4cqi;font-style:italic;font-weight:700;line-height:1.1}.r6-dome .how b{vertical-align:-.08em;font-size:8.4cqi;font-style:normal;font-weight:900}.r6-dome .how small{letter-spacing:.2em;text-transform:uppercase;color:#d8c9b0;margin-top:1cqi;font-family:DM Sans,sans-serif;font-size:2.7cqi;font-style:normal;font-weight:700;display:block}.r6-dome .mean{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:3cqi;font-size:4.6cqi;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.r6-dome .mean em{color:#d8c9b0;font-style:normal}.r6-dome .g-m{color:#8fb7e6}.r6-dome .g-f{color:#f08a7a}.r6-dome .typed{border-bottom:2px dashed var(--gold2);letter-spacing:.06em;min-width:30cqi;max-width:100%;color:var(--gold3);overflow-wrap:anywhere;margin:3cqi auto 0;padding-bottom:1cqi;font-family:Bodoni Moda,serif;font-size:7cqi;font-weight:700;line-height:1.1}.r6-dome .typed.empty{opacity:.35}.r6-dome .end b{color:var(--gold3);font-family:Bodoni Moda,serif;font-size:22cqi;font-weight:900;line-height:1;display:block}.r6-dome .end span{font-family:Bodoni Moda,serif;font-size:6cqi;font-style:italic}.r6-note{text-align:center;min-height:2.8em;color:var(--egg);margin:12px 8px 0;font-size:14px;line-height:1.4}.r6-note b{color:var(--gold3);font-family:Bodoni Moda,serif;font-size:17px}.r6-acts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 4px 0;display:grid}.r6-btn{border:2px solid var(--gold);background:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;color:var(--gold3)!important}.r6-btn svg{width:18px;height:18px}.r6-btn.gold{background:var(--gold);border-color:#f6d77a;color:var(--ink)!important}.r6-btn:disabled{opacity:.55;cursor:default}.r6-keys{background:#6b3a12;border-radius:10px;flex-direction:column;gap:7px;margin:14px 0 0;padding:8px 6px;display:flex;box-shadow:inset 0 -6px #4a2708}.r6-keys div{justify-content:center;gap:5px;display:flex}.r6-keys button{min-width:0;height:44px;color:var(--ink);background:linear-gradient(160deg,#fffdf7,#efe2c8);border:0;border-radius:5px;flex:0 33px;padding:0;font-family:Bodoni Moda,serif;font-size:18px;font-weight:700;box-shadow:inset 0 -3px #cdb894}.r6-keys button:active{transform:translateY(1px)}.r6-keys button.wide{flex-basis:54px;justify-content:center;align-items:center;display:flex}.r6-keys button.wide svg{width:20px;height:20px}.r6-stop{text-align:center;margin:12px 0 0}.r6-link{text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;font-weight:700;text-decoration:underline;color:var(--egg)!important}.r6-card{background:var(--egg);box-shadow:0 0 0 3px var(--gold), 0 22px 40px -18px #280500a6;border-radius:14px;margin:18px 4px 0;padding:20px 22px;animation:.4s ease-out both q-rise}.r6-card .kick{letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin:0;font-size:12px;font-weight:700}.r6-card h2{margin:6px 0;font-family:Bodoni Moda,serif;font-size:32px;font-style:italic;font-weight:700;line-height:1.05}.r6-card p{color:var(--ink2);margin:0;font-size:15px;line-height:1.5}.r6-card h3{letter-spacing:.18em;text-transform:uppercase;color:var(--ink2);margin:16px 0 4px;font-size:12px;font-weight:700}.r6-card .g-m{color:#2d5d8a}.r6-card .g-f{color:var(--red)}.r6-card .r6-link{color:var(--red2)!important}.r6-card .acts{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.r6-result ul{margin:0;padding:0;list-style:none}.r6-result li{border-bottom:1px solid #ddcfb6;grid-template-columns:26px auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0;display:grid}.r6-result li i{color:var(--red);font-family:Bodoni Moda,serif;font-size:20px}.r6-result li b{font-family:Bodoni Moda,serif;font-size:18px}.r6-result li span{color:var(--ink2);font-size:14px}.r6-speak.q-round.small{width:32px;height:32px}@media (width>=900px){.r6-col{max-width:1040px;padding:28px 32px 32px}.r6-top h1{font-size:44px}.r6-play{flex:none;grid-template-columns:minmax(0,500px) minmax(0,1fr);align-content:start;column-gap:40px;margin-top:18px;display:grid}.r6-ring{grid-row:1/span 5;width:100%;margin:0}.r6-note{margin:40px 0 0;font-size:16px}.r6-acts{margin:10px 0 0}.r6-keys{margin-top:20px}.r6-keys button{flex-basis:40px;height:50px;font-size:20px}.r6-keys button.wide{flex-basis:64px}.r6-card{margin:0}}@media (width<=370px){.r6-keys button{height:40px;font-size:16px}}@media (prefers-reduced-motion:reduce){.r6-dome .bulbs,.r6-card{animation:none}.r6-egg{transition:none}}
