.placement__say{margin:4px auto 12px;display:block;font-size:16px}.placement__write{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:10px}.placement__input{flex:1 1 240px;min-width:180px;min-height:46px;padding:0 14px;font-size:18px;font-weight:700;color:var(--q-ink, #3f2d20);background:#fffdf7;border:2px solid var(--q-edge, #c9a877);border-radius:var(--q-radius-sm, 12px);text-align:center}.placement__input:focus{outline:none;border-color:var(--q-gold-dark, #e5a020);box-shadow:0 0 0 3px #ffc24b59}.placement__input:disabled{opacity:.75}.placement__build{display:flex;flex-direction:column;gap:12px;margin-top:12px}.placement__line{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;min-height:52px;padding:8px;border-radius:var(--q-radius-sm, 12px);border:2px dashed var(--q-edge, #c9a877);background:#fffdf799}.placement__line--pool{border-style:solid;border-color:transparent;background:transparent;min-height:0}.placement__chip{font:inherit;font-size:16px;font-weight:800;min-height:44px;padding:0 14px;color:var(--q-ink, #3f2d20);background:linear-gradient(180deg,var(--q-paper, #fff6e3),var(--q-paper-2, #ffeccb));border:2px solid var(--q-edge, #c9a877);border-radius:var(--q-radius-sm, 12px);box-shadow:0 3px 0 var(--q-edge, #c9a877);cursor:pointer;touch-action:manipulation}.placement__chip:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--q-edge, #c9a877)}.placement__chip:disabled{opacity:.6;cursor:default}.placement__chip--used{background:linear-gradient(180deg,var(--q-gold, #ffc24b),var(--q-gold-dark, #e5a020));border-color:var(--q-gold-dark, #e5a020)}.placement__answer{margin-top:12px;padding:8px 12px;border-radius:var(--q-radius-sm, 12px);background:var(--q-paper, #fff6e3);border:2px solid var(--q-edge, #c9a877);color:var(--q-ink, #3f2d20);font-size:15px}.quest{--q-sky-top: #7ad3e8;--q-sky-bottom: #bdeef0;--q-sea: #2f9fbe;--q-sea-deep: #1c7a99;--q-foam: #e7fbff;--q-sand: #f2d9a0;--q-sand-dark: #d9b978;--q-grass: #7cc36a;--q-grass-dark: #57a04a;--q-paper: #fff6e3;--q-paper-2: #ffeccb;--q-edge: #c9a877;--q-ink: #3f2d20;--q-ink-soft: #8a705a;--q-orange: #f2793d;--q-orange-dark: #d55f28;--q-gold: #ffc24b;--q-gold-dark: #e5a020;--q-good: #4caf62;--q-bad: #e2553d;--q-violet: #8b6bc7;--q-radius: clamp(14px, 2.2vmin, 22px);--q-radius-sm: clamp(9px, 1.4vmin, 14px);--q-shadow: 0 6px 0 var(--q-edge), 0 12px 28px rgba(63, 45, 32, .25);--q-shadow-sm: 0 3px 0 var(--q-edge), 0 6px 14px rgba(63, 45, 32, .2);--q-text: clamp(13px, 1.7vmin, 19px);--q-text-lg: clamp(17px, 2.6vmin, 28px);--q-text-xl: clamp(24px, 5vmin, 56px);--q-gap: clamp(8px, 1.6vmin, 18px);--q-tap: 46px;position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;color:var(--q-ink);font-size:var(--q-text);background:linear-gradient(180deg,var(--q-sky-top) 0%,var(--q-sky-bottom) 55%,var(--q-foam) 100%)}.quest:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 12%,#fff0bef2 0 6%,#fff0be00 24%),radial-gradient(ellipse 18% 7% at 18% 20%,rgba(255,255,255,.85) 0 60%,transparent 70%),radial-gradient(ellipse 12% 5% at 30% 15%,rgba(255,255,255,.7) 0 60%,transparent 70%),radial-gradient(ellipse 15% 6% at 68% 30%,rgba(255,255,255,.6) 0 60%,transparent 70%);animation:q-drift 40s ease-in-out infinite alternate}@keyframes q-drift{0%{transform:translate3d(-1.5%,0,0)}to{transform:translate3d(1.5%,0,0)}}.quest__sea{position:absolute;left:-10%;right:-10%;bottom:0;height:clamp(40px,9vmin,96px);pointer-events:none;background:radial-gradient(ellipse 6% 60% at 10% 100%,var(--q-sea) 0 60%,transparent 70%),radial-gradient(ellipse 6% 60% at 30% 100%,var(--q-sea) 0 60%,transparent 70%),radial-gradient(ellipse 6% 60% at 50% 100%,var(--q-sea) 0 60%,transparent 70%),radial-gradient(ellipse 6% 60% at 70% 100%,var(--q-sea) 0 60%,transparent 70%),radial-gradient(ellipse 6% 60% at 90% 100%,var(--q-sea) 0 60%,transparent 70%),linear-gradient(180deg,transparent,var(--q-sea-deep) 70%);opacity:.55;animation:q-wave 9s ease-in-out infinite alternate}@keyframes q-wave{0%{transform:translate3d(-3%,4px,0)}to{transform:translate3d(3%,-2px,0)}}.quest__bar{position:relative;z-index:3;display:flex;align-items:center;gap:clamp(5px,1vmin,10px);flex-wrap:wrap;padding:clamp(6px,1.2vmin,12px) clamp(8px,1.6vmin,16px);background:linear-gradient(180deg,#fff6e3eb,#fff6e3b3);border-bottom:2px solid var(--q-edge);-webkit-app-region:drag;flex:0 0 auto}.quest__bar button,.quest__bar input{-webkit-app-region:no-drag}.quest__mark{width:clamp(26px,3.4vmin,40px);height:clamp(26px,3.4vmin,40px);border-radius:30%;background:linear-gradient(150deg,var(--q-gold),var(--q-orange));box-shadow:var(--q-shadow-sm);display:grid;place-items:center;font-weight:900;color:#fff6e3;flex:0 0 auto}.quest__name{font-weight:900;letter-spacing:.02em;font-size:var(--q-text-lg);margin-right:auto}.q-chip{display:inline-flex;align-items:center;gap:5px;padding:4px clamp(7px,1.2vmin,12px);border-radius:999px;background:var(--q-paper);border:2px solid var(--q-edge);font-weight:800;font-size:.86em;white-space:nowrap}.q-chip--gold{background:var(--q-gold);border-color:var(--q-gold-dark)}.q-chip--fire{background:#ffd8bf;border-color:var(--q-orange)}.q-btn{font:inherit;font-weight:800;color:var(--q-ink);min-height:var(--q-tap);padding:0 clamp(12px,2vmin,24px);border:2px solid var(--q-edge);border-radius:var(--q-radius-sm);background:linear-gradient(180deg,var(--q-paper),var(--q-paper-2));box-shadow:var(--q-shadow-sm);cursor:pointer;transition:transform .08s,box-shadow .08s,filter .15s;-webkit-app-region:no-drag;touch-action:manipulation}.q-btn:hover:not(:disabled){filter:brightness(1.05)}.q-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--q-edge),0 3px 8px #3f2d2033}.q-btn:disabled{opacity:.5;cursor:default}.q-btn--go{background:linear-gradient(180deg,#ff9457,var(--q-orange));border-color:var(--q-orange-dark);color:#fff6e3;--q-edge: var(--q-orange-dark)}.q-btn--gold{background:linear-gradient(180deg,#ffd980,var(--q-gold));border-color:var(--q-gold-dark);--q-edge: var(--q-gold-dark)}.q-btn--small{min-height:34px;font-size:.9em;padding:0 10px}.q-btn--icon{min-height:clamp(30px,3.6vmin,42px);width:clamp(30px,3.6vmin,42px);padding:0;display:grid;place-items:center}.quest__body{position:relative;z-index:2;flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column}.quest__center{flex:1 1 auto;display:grid;place-items:center;padding:var(--q-gap);min-height:0}.q-card{background:linear-gradient(180deg,var(--q-paper),var(--q-paper-2));border:3px solid var(--q-edge);border-radius:var(--q-radius);box-shadow:var(--q-shadow);padding:clamp(12px,2.4vmin,28px)}.q-title{font-size:var(--q-text-lg);font-weight:900;line-height:1.2}.q-sub{color:var(--q-ink-soft);font-size:.92em;line-height:1.45}.balloons{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;touch-action:none}.balloon{position:absolute;display:grid;place-items:center;width:clamp(100px,19vmin,190px);height:clamp(116px,22vmin,220px);border-radius:50% 50% 48% 48%/46% 46% 54% 54%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.7),transparent 38%),linear-gradient(165deg,var(--balloon-a, #ff8f6b) 0 20%,var(--balloon-b, #c33f28) 52%);box-shadow:0 8px 20px #3f2d2047;color:#fff;font-weight:900;font-size:clamp(17px,3.4vmin,34px);text-align:center;padding:0 8px;line-height:1.1;overflow-wrap:anywhere;text-shadow:0 1px 0 rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.45);cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform}.balloon--held{cursor:grabbing;filter:brightness(1.08);box-shadow:0 14px 30px #3f2d2059}.balloon:after{content:"";position:absolute;top:100%;width:2px;height:clamp(14px,2.6vmin,26px);background:#3f2d2073;border-radius:2px}.balloon--pop{animation:q-pop .32s ease-out forwards;pointer-events:none}@keyframes q-pop{0%{transform:scale(1);opacity:1}45%{transform:scale(1.35);opacity:.9}to{transform:scale(.2);opacity:0}}.balloon--miss{animation:q-sink .5s ease-in forwards;pointer-events:none}@keyframes q-sink{to{transform:translateY(90px) rotate(12deg);opacity:0}}.baskets{position:absolute;left:0;right:0;bottom:0;display:flex;gap:clamp(5px,1vmin,12px);padding:clamp(5px,1vmin,12px);align-items:stretch;z-index:2}.basket{flex:1 1 0;min-width:0;min-height:clamp(58px,11vmin,104px);display:grid;place-items:center;text-align:center;padding:6px clamp(4px,1vmin,12px);font-weight:800;font-size:clamp(14px,2.6vmin,26px);line-height:1.2;color:var(--q-ink);border:3px solid var(--q-sand-dark);border-radius:var(--q-radius-sm);background:linear-gradient(180deg,var(--q-sand),var(--q-sand-dark));box-shadow:inset 0 -6px #3f2d201f;transition:transform .12s,filter .12s;overflow-wrap:anywhere}.basket--hot{transform:translateY(-6px) scale(1.03);filter:brightness(1.12);border-color:var(--q-orange)}.basket--right{animation:q-right .5s ease-out}.basket--wrong{animation:q-shake .4s ease-out}@keyframes q-right{0%,to{box-shadow:inset 0 -6px #3f2d201f}40%{box-shadow:0 0 0 6px #4caf6299,inset 0 -6px #3f2d201f}}@keyframes q-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.balloons__hud{position:absolute;top:clamp(5px,1vmin,12px);left:clamp(5px,1vmin,12px);right:clamp(5px,1vmin,12px);display:flex;align-items:center;gap:clamp(5px,1vmin,10px);z-index:3;pointer-events:none}.balloons__hud .q-chip{pointer-events:auto}.lives{display:flex;gap:3px;font-size:clamp(14px,2vmin,22px)}.lives span{filter:grayscale(1) opacity(.35)}.lives span.on{filter:none}.spark{position:absolute;width:9px;height:9px;border-radius:50%;pointer-events:none;animation:q-spark .65s ease-out forwards}@keyframes q-spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.qmap{position:relative;flex:1 1 auto;min-height:0;padding:var(--q-gap) var(--q-gap) calc(var(--q-gap) * 2);display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(126px,19vmin,190px),1fr));gap:clamp(12px,2.4vmin,30px) clamp(8px,1.6vmin,20px);align-content:center;z-index:2}.island{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:clamp(46px,8vmin,82px) 9px clamp(14px,2.4vmin,26px);border:0;background:none;cursor:pointer;text-align:center;transition:transform .14s;-webkit-app-region:no-drag;touch-action:manipulation;font:inherit;color:var(--q-ink)}.island:before{content:"";position:absolute;inset:clamp(16px,3vmin,30px) 0 0;border-radius:50% 50% 44% 44%/34% 34% 30% 30%;background:linear-gradient(180deg,var(--q-grass) 0 34%,var(--q-grass-dark) 34% 38%,var(--q-sand) 38%,var(--q-sand-dark) 100%);box-shadow:0 8px #3f2d202e,0 16px 26px #1c7a9959;z-index:0}.island:after{content:"";position:absolute;left:6%;right:6%;bottom:-5px;height:16px;border-radius:50%;background:radial-gradient(ellipse at center,#e7fbffe6,#e7fbff00 70%);z-index:0}.island>*{position:relative;z-index:1}.island:nth-child(2n){transform:translateY(clamp(8px,1.8vmin,22px))}.island:hover:not(.island--locked){transform:translateY(-5px)}.island:nth-child(2n):hover:not(.island--locked){transform:translateY(clamp(2px,1.2vmin,16px))}.island:active:not(.island--locked){transform:translateY(3px)}.island__icon{font-size:clamp(26px,4.6vmin,52px);line-height:1;filter:drop-shadow(0 3px 4px rgba(63,45,32,.35))}.island__title{font-weight:900;font-size:clamp(12px,1.8vmin,20px);text-shadow:0 1px 0 rgba(255,246,227,.55)}.island__hint{font-size:.84em;color:#4a3524;line-height:1.3;font-weight:600}.island--locked{cursor:default}.island--locked:before{background:linear-gradient(180deg,#93a98a 0 34%,#7d9175 34% 38%,#c9ba9b 38%,#a2916f);box-shadow:0 8px #3f2d2024,0 12px 20px #1c7a9940}.island--locked .island__icon{filter:grayscale(.9) opacity(.5)}.island--locked .island__title{color:#2f2317;text-shadow:none}.island--locked .island__hint{color:#2f2317;font-weight:700}.island__lock{position:absolute;top:clamp(18px,3.4vmin,34px);right:10px;font-size:clamp(13px,1.8vmin,20px);z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.q-result{text-align:center;max-width:min(92vw,520px)}.q-result__score{font-size:var(--q-text-xl);font-weight:900;line-height:1;color:var(--q-orange)}.q-result__xp{display:inline-block;margin-top:8px;padding:5px 14px;border-radius:999px;background:var(--q-gold);border:2px solid var(--q-gold-dark);font-weight:900}.q-row{display:flex;gap:var(--q-gap);flex-wrap:wrap;justify-content:center}@media(max-width:560px){.quest__name{font-size:var(--q-text)}.qmap{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.baskets{flex-wrap:wrap}.basket{flex:1 1 42%}}@media(prefers-reduced-motion:reduce){.quest:before,.quest__sea{animation:none}.q-btn,.island,.basket{transition:none}}.mascot{display:block;overflow:visible}.mascot__body{transform-origin:50% 88px;animation:q-breathe 3.4s ease-in-out infinite}@keyframes q-breathe{0%,to{transform:scaleY(1) translateY(0)}50%{transform:scaleY(1.025) translateY(-1.5px)}}.mascot--happy .mascot__body{animation:q-hop .5s ease-out 2}@keyframes q-hop{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-10px) scale(1.04)}70%{transform:translateY(0) scale(.97,1.03)}}.mascot--sad .mascot__body{animation:q-slump .6s ease-out forwards}@keyframes q-slump{to{transform:translateY(3px) scaleY(.95)}}.mascot__tail{transform-origin:72px 70px;animation:q-wag 2.6s ease-in-out infinite}.mascot--happy .mascot__tail{animation-duration:.5s}@keyframes q-wag{0%,to{transform:rotate(-5deg)}50%{transform:rotate(8deg)}}@media(prefers-reduced-motion:reduce){.mascot__body,.mascot__tail{animation:none}}.qhead{display:flex;align-items:center;gap:var(--q-gap);flex-wrap:wrap;padding:var(--q-gap) var(--q-gap) 0;z-index:2}.qhead__text{flex:1 1 190px;min-width:0}.qhead__side{display:flex;gap:8px;flex-wrap:wrap}.qxp{height:clamp(11px,1.6vmin,18px);margin:5px 0 4px;border-radius:999px;background:#3f2d2029;border:2px solid var(--q-edge);overflow:hidden}.qxp i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--q-gold),var(--q-orange));transition:width .5s ease-out}.qfoot{padding:0 var(--q-gap) var(--q-gap);text-align:center;z-index:2}@media(max-width:560px){.qhead__side{width:100%}.qhead__side .q-btn{flex:1 1 0}}.island:focus{outline:none}.island:focus-visible:before{outline:3px dashed var(--q-orange);outline-offset:3px}.qxp{max-width:min(100%,460px)}.quest__sea{opacity:.9;height:clamp(56px,13vmin,150px)}.balloons__mascot{position:absolute;left:clamp(6px,1.2vmin,14px);bottom:calc(var(--baskets-h, 96px) + 6px);z-index:1;pointer-events:none}.qfoot{align-self:center;max-width:min(92%,620px);margin:0 auto;padding:6px clamp(10px,2vmin,18px);border-radius:999px;background:#fff6e3eb;border:2px solid var(--q-edge);color:var(--q-ink);font-weight:600}.quest button,.quest input,.quest textarea,.quest select{color:var(--q-ink)}.quest .card,.quest .session__card,.quest .result-card,.quest .board__row,.quest .tabs,.quest .strength{background:linear-gradient(180deg,var(--q-paper),var(--q-paper-2));border-color:var(--q-edge);color:var(--q-ink)}.quest .card__title,.quest h2,.quest h3{color:var(--q-ink)}.quest .muted,.quest .small.muted,.quest .session__subtitle,.quest .board__extra{color:#6b5544}.quest .pill{background:var(--q-paper);border-color:var(--q-edge);color:var(--q-ink)}.quest .pill--alert{background:#ffd8bf;border-color:var(--q-orange);color:#6b2d10}.quest .pill--level{background:var(--q-gold);border-color:var(--q-gold-dark);color:#4a3208}.quest .session__option{background:linear-gradient(180deg,var(--q-paper),var(--q-paper-2));border-color:var(--q-edge);color:var(--q-ink)}.quest .session__option--right{background:var(--q-good);border-color:#2f7d43;color:#fff6e3;font-weight:900}.quest .session__option--wrong{background:var(--q-bad);border-color:#a8341f;color:#fff6e3}.quest .session__claim{color:var(--q-ink);background:var(--q-paper);border-radius:var(--q-radius-sm);padding:2px 10px}.quest .session__answer{color:#fff6e3;background:var(--q-bad);border-radius:999px;padding:3px 12px;font-weight:800}.quest .session__prompt,.quest .session__word{color:var(--q-ink)}.quest .session__quit{color:#6b5544;text-decoration:underline}.quest .error,.quest .game__notice{background:var(--q-paper);border:2px solid var(--q-orange);color:#6b2d10;border-radius:var(--q-radius-sm);padding:8px 12px;font-weight:700}.quest .celebration__card{background:linear-gradient(180deg,var(--q-paper),var(--q-paper-2));border:3px solid var(--q-gold-dark);color:var(--q-ink)}.quest .celebration__title{color:var(--q-orange-dark)}.quest .celebration__text{color:#6b5544}.quest .board h2,.quest .board__name,.quest .board__value,.quest .board__place{color:var(--q-ink)}.quest .board__row--me{background:linear-gradient(180deg,#ffe9c2,var(--q-gold));border-color:var(--q-gold-dark)}.quest .board__you{background:var(--q-orange);color:#fff6e3;border-radius:999px;padding:1px 8px;font-weight:800}.quest .board__gap{color:#6b5544}.quest .xp__bar{background:#3f2d2029;border:2px solid var(--q-edge)}.quest .xp__fill{background:linear-gradient(90deg,var(--q-gold),var(--q-orange))}.quest .xp__level{background:var(--q-gold);color:#4a3208;border:2px solid var(--q-gold-dark)}.quest{--q-text: clamp(13px, .55vw + 10px, 19px)}.island__hint{font-size:clamp(12px,1.5vmin,16px)}.q-chip{font-size:clamp(12px,1.4vmin,16px)}.qhead .q-sub{color:#5c4630}.balloons__hud{flex-wrap:wrap}.brg{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1.2vmin,14px);padding:clamp(6px,1.2vmin,14px);overflow:hidden;touch-action:none}.brg-hud{display:flex;align-items:center;gap:clamp(5px,1vmin,10px);flex-wrap:wrap;flex:0 0 auto}.brg-ask{flex:0 1 auto;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:clamp(6px,1.4vmin,14px) clamp(10px,2vmin,20px)}.brg-ask__word{font-size:clamp(20px,4.4vmin,44px);font-weight:900;line-height:1.1;overflow-wrap:anywhere}.brg-ask__hint{font-size:.86em;font-weight:700;color:var(--q-ink-soft);line-height:1.3}.brg-ask__hint b{color:var(--q-ink);font-weight:900}.brg-gorge{position:relative;flex:1 1 auto;min-height:clamp(112px,24vmin,280px);border:3px solid var(--q-edge);border-radius:var(--q-radius);overflow:hidden;background:linear-gradient(180deg,#e7fbff8c 0 34%,#2f9fbe59 58%,#163a4ecc)}.brg-gorge--shake{animation:brg-shake .42s ease-out}@keyframes brg-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}60%{transform:translate(6px)}}.brg-cliff{position:absolute;top:44%;bottom:0;width:clamp(34px,8vmin,86px);background:linear-gradient(180deg,var(--q-grass) 0 9%,var(--q-grass-dark) 9% 15%,var(--q-sand) 15%,var(--q-sand-dark) 100%);box-shadow:inset 0 6px #3f2d2014}.brg-cliff--left{left:0;border-radius:0 clamp(8px,1.6vmin,16px) 0 0}.brg-cliff--right{right:0;border-radius:clamp(8px,1.6vmin,16px) 0 0 0}.brg-rope{position:absolute;left:clamp(24px,5.5vmin,60px);right:clamp(24px,5.5vmin,60px);bottom:calc(56% + clamp(20px,4vmin,40px));height:clamp(18px,4vmin,42px);border-bottom:4px solid rgba(138,112,90,.85);border-radius:0 0 50% 50%/0 0 100% 100%;pointer-events:none}.brg-deck{position:absolute;left:clamp(22px,5vmin,56px);right:clamp(22px,5vmin,56px);top:44%;height:clamp(38px,7.5vmin,64px);margin-top:clamp(-8px,-1.4vmin,-4px);display:flex;align-items:stretch;gap:clamp(2px,.5vmin,5px)}.brg-slot{flex:1 1 0;min-width:0;border:2px solid #7a4b23;border-radius:5px;background:repeating-linear-gradient(90deg,#3f2d201f 0 2px,#3f2d2000 2px 9px),linear-gradient(180deg,#d09256,#a06a37);box-shadow:inset 0 -5px #3f2d2038}.brg-gap{flex:2.6 1 0;min-width:clamp(76px,17vmin,200px);display:grid;place-items:center;padding:0 5px;border:3px dashed rgba(255,246,227,.85);border-radius:7px;background:#163a4e66;color:#fff6e3;font-weight:900;font-size:clamp(13px,2.4vmin,24px);line-height:1.1;text-align:center;overflow-wrap:anywhere;transition:transform .12s,background .12s,border-color .12s}.brg-gap--hot{transform:scale(1.06);border-color:var(--q-gold);background:#ffc24b52}.brg-gap--set{border-style:solid;border-color:#7a4b23;background:linear-gradient(180deg,#e8a862,#ac7239);color:var(--q-ink);text-shadow:0 1px 0 rgba(255,246,227,.4);animation:brg-set .34s ease-out}@keyframes brg-set{0%{transform:translateY(-26px) rotate(-7deg);opacity:.2}60%{transform:translateY(3px) rotate(1deg);opacity:1}to{transform:translateY(0) rotate(0)}}.brg-fox{position:absolute;left:3%;bottom:56%;margin-bottom:clamp(-6px,-1vmin,-3px);z-index:2;pointer-events:none}.brg-fox--over{left:76%;transition:left .6s ease-in-out}.brg-fox .mascot{width:clamp(42px,9vmin,88px);height:auto}.brg-fox--back{animation:brg-back .45s ease-out}@keyframes brg-back{0%,to{transform:translate(0) rotate(0)}40%{transform:translate(-13px) rotate(-7deg)}}.brg-planks{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(5px,1vmin,12px)}.brg-plank{position:relative;flex:1 1 clamp(120px,22vmin,220px);min-width:clamp(108px,20vmin,200px);max-width:100%;min-height:52px;padding:8px clamp(8px,1.6vmin,18px);font:inherit;font-weight:800;font-size:clamp(15px,2.6vmin,26px);line-height:1.15;color:#fff6e3;text-align:center;text-shadow:0 2px 3px rgba(63,45,32,.55);overflow-wrap:anywhere;border:3px solid #7a4b23;border-radius:clamp(7px,1.2vmin,11px);background:repeating-linear-gradient(90deg,#3f2d201a 0 2px,#3f2d2000 2px 11px),linear-gradient(180deg,#d89a5c,#a86f38);box-shadow:0 5px #7a4b23,0 10px 18px #3f2d2047;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform}.brg-plank:before,.brg-plank:after{content:"";position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#3f2d2073;box-shadow:0 1px #fff6e34d}.brg-plank:before{left:7px}.brg-plank:after{right:7px}.brg-plank:hover:not(:disabled){filter:brightness(1.07)}.brg-plank:focus-visible{outline:3px dashed var(--q-gold);outline-offset:3px}.brg-plank--drag{z-index:6;cursor:grabbing;filter:brightness(1.1);box-shadow:0 3px #7a4b23,0 18px 28px #3f2d206b}.brg-plank:disabled{cursor:default}@media(max-width:560px){.brg-plank{flex:1 1 42%}.brg-ask__word{font-size:clamp(19px,6.5vw,30px)}}@media(prefers-reduced-motion:reduce){.brg-fox--over,.brg-gap{transition:none}.brg-gorge--shake,.brg-gap--set,.brg-fox--back{animation:none}}.tf{position:relative;z-index:2;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(4px,1vmin,10px);padding:clamp(5px,1vmin,12px);overflow:hidden;touch-action:none}.tf__hud{display:flex;align-items:center;gap:clamp(4px,1vmin,10px);flex-wrap:wrap;flex:0 0 auto}.tf__deck{position:relative;flex:1 1 auto;min-height:0;display:grid;place-items:center;overflow:hidden}.tf__stack{position:relative;width:min(clamp(228px,44vmin,400px),96%);height:min(clamp(250px,52vmin,430px),100%)}.tf-back{position:absolute;inset:0;border-radius:var(--q-radius);border:3px solid var(--q-edge);background:repeating-linear-gradient(45deg,#c9a87747 0 8px,#fff6e300 8px 16px),linear-gradient(180deg,var(--q-paper),var(--q-paper-2));box-shadow:0 6px 16px #3f2d2038}.tf-back:after{content:"?";position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(38px,9vmin,78px);font-weight:900;color:#3f2d2029}.tf-back--2{transform:translateY(clamp(7px,1.4vmin,13px)) scale(.955) rotate(2.4deg);z-index:1}.tf-back--3{transform:translateY(clamp(13px,2.6vmin,24px)) scale(.915) rotate(-3.2deg);z-index:0}.tf-card{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(3px,.8vmin,8px);padding:clamp(12px,2.4vmin,26px) clamp(10px,2vmin,22px);border-radius:var(--q-radius);border:3px solid var(--q-edge);background:linear-gradient(180deg,var(--q-paper),var(--q-paper-2));box-shadow:0 10px 26px #3f2d204d;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform}.tf-card:active{cursor:grabbing}.tf-card--deal{animation:tf-deal .32s ease-out}@keyframes tf-deal{0%{transform:translateY(clamp(10px,2vmin,20px)) scale(.93) rotate(-2.5deg);opacity:.25}to{transform:none;opacity:1}}.tf-card__tint{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.tf-card__tint--yes{opacity:var(--tf-yes, 0);background:linear-gradient(270deg,#4caf628c,#4caf6200 70%);box-shadow:inset 0 0 0 4px #4caf62bf}.tf-card__tint--no{opacity:var(--tf-no, 0);background:linear-gradient(90deg,#e2553d8c,#e2553d00 70%);box-shadow:inset 0 0 0 4px #e2553dcc}.tf-card__stamp{position:absolute;top:clamp(14px,3vmin,30px);padding:3px clamp(6px,1.2vmin,12px);border:4px solid currentColor;border-radius:8px;font-weight:900;font-size:clamp(15px,3vmin,28px);letter-spacing:.04em;pointer-events:none}.tf-card__stamp--yes{left:clamp(10px,2vmin,20px);color:#1f6b33;transform:rotate(-13deg);opacity:var(--tf-yes, 0)}.tf-card__stamp--no{right:clamp(10px,2vmin,20px);color:#a3341f;transform:rotate(13deg);opacity:var(--tf-no, 0)}.tf-card__top{color:var(--q-ink-soft);font-weight:800;font-size:clamp(11px,1.7vmin,17px);margin-bottom:auto;text-transform:uppercase;letter-spacing:.06em}.tf-card__word{font-weight:900;font-size:clamp(23px,5vmin,46px);line-height:1.1;text-align:center;overflow-wrap:anywhere}.tf-card__eq{font-weight:900;font-size:clamp(16px,3vmin,30px);color:var(--q-orange);line-height:1}.tf-card__claim{font-weight:800;font-size:clamp(19px,4.2vmin,38px);line-height:1.15;text-align:center;color:#5b3f92;overflow-wrap:anywhere}.tf-card__hint{margin-top:auto;width:100%;display:flex;justify-content:space-between;gap:8px;color:var(--q-ink-soft);font-weight:700;font-size:clamp(10px,1.6vmin,15px)}.tf-verdict{position:absolute;top:clamp(2px,1vmin,10px);left:50%;transform:translate(-50%);z-index:4;max-width:94%;padding:6px clamp(10px,2vmin,18px);border-radius:999px;border:2px solid var(--q-edge);background:var(--q-paper);font-weight:800;font-size:clamp(12px,1.9vmin,18px);text-align:center;animation:tf-drop .25s ease-out;pointer-events:none}.tf-verdict--good{background:#dbf3df;border-color:var(--q-good)}.tf-verdict--bad{background:#ffdcd4;border-color:var(--q-bad)}.tf-verdict b{white-space:nowrap}@keyframes tf-drop{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.tf__foot{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.4vmin,14px)}.tf__fox{flex:0 0 auto;line-height:0}.tf__fox svg{width:clamp(38px,9vmin,64px);height:auto}.tf-btn{flex:1 1 0;max-width:clamp(150px,30vmin,260px);min-height:max(var(--q-tap),48px);font-size:clamp(14px,2.2vmin,20px)}.tf-btn--yes{background:linear-gradient(180deg,#7ed492,var(--q-good));border-color:#2f7d43;color:#fff6e3;--q-edge: #2f7d43}.tf-btn--no{background:linear-gradient(180deg,#f08b74,var(--q-bad));border-color:#a83a26;color:#fff6e3;--q-edge: #a83a26}@media(max-width:560px){.tf-btn{max-width:none}}@media(prefers-reduced-motion:reduce){.tf-card--deal,.tf-verdict{animation:none}}.ropes{--hook: clamp(11px, 1.8vmin, 16px);position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(4px,1vmin,10px);padding:clamp(5px,1vmin,12px);overflow:hidden}.ropes__hud{display:flex;align-items:center;gap:clamp(4px,1vmin,10px);flex-wrap:wrap;flex:0 0 auto;z-index:4}.ropes__board{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:stretch;gap:clamp(40px,13vmin,150px);padding:clamp(4px,1vmin,12px) clamp(10px,1.6vmin,18px);touch-action:none}.ropes__col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:clamp(6px,1.4vmin,16px)}.rope-card{position:relative;flex:1 1 0;min-height:46px;display:grid;place-items:center;text-align:center;padding:6px clamp(6px,1.4vmin,14px);font:inherit;font-weight:800;font-size:clamp(14px,2.4vmin,26px);line-height:1.15;color:var(--q-ink);border:3px solid var(--q-edge);border-radius:var(--q-radius-sm);box-shadow:var(--q-shadow-sm);cursor:grab;overflow-wrap:anywhere;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .12s,filter .12s,opacity .25s,border-color .15s}.rope-card--en{background:linear-gradient(180deg,var(--q-paper),var(--q-paper-2))}.rope-card--ru{background:linear-gradient(180deg,#ffe9c9,var(--q-sand));border-color:var(--q-sand-dark)}.rope-card:after{content:"";position:absolute;top:50%;width:var(--hook);height:var(--hook);margin-top:calc(var(--hook) * -.5);border-radius:50%;background:var(--rope-tint, var(--q-edge));border:2px solid rgba(255,246,227,.85);box-shadow:0 1px 3px #3f2d2059}.rope-card--en:after{right:calc(var(--hook) * -.5)}.rope-card--ru:after{left:calc(var(--hook) * -.5)}.rope-card--spare{border-style:dashed}.rope-card:hover:not(.rope-card--tied){filter:brightness(1.05)}.rope-card--live{cursor:grabbing;border-color:var(--q-orange);transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 0 0 4px #f2793d47,var(--q-shadow-sm)}.rope-card--hot{border-color:var(--q-orange);transform:translateY(-3px);filter:brightness(1.12)}.rope-card--tied{opacity:.55;border-color:var(--rope-tint, var(--q-edge));box-shadow:none;cursor:default;pointer-events:none}.rope-card:disabled{color:var(--q-ink);cursor:default}.rope-card--shake{animation:rope-shake .4s ease-out}@keyframes rope-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.rope-card:focus{outline:none}.rope-card:focus-visible{outline:3px dashed var(--q-orange);outline-offset:3px}.ropes__wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}.rope-wire{animation:rope-tie .3s ease-out}@keyframes rope-tie{0%{opacity:0}to{opacity:1}}.rope-wire__cord{fill:none;stroke-width:clamp(4px,.9vmin,7px);stroke-linecap:round}.rope-wire__twist{fill:none;stroke:#fff6e3bf;stroke-width:clamp(1.5px,.3vmin,2.5px);stroke-linecap:round;stroke-dasharray:3 8}.rope-wire__drag{fill:none;stroke:var(--q-orange);stroke-width:clamp(4px,.9vmin,7px);stroke-linecap:round;stroke-dasharray:11 9;opacity:.95}.rope-wire__snap{fill:none;stroke:var(--q-bad);stroke-width:clamp(4px,.9vmin,7px);stroke-linecap:round;animation:rope-snap .45s ease-in forwards}@keyframes rope-snap{0%{opacity:1;transform:translateY(0)}35%{opacity:1;transform:translateY(2px)}to{opacity:0;transform:translateY(26px)}}.ropes__board--done{animation:rope-win .6s ease-out}@keyframes rope-win{0%,to{transform:scale(1)}40%{transform:scale(1.015)}}.ropes__foot{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.4vmin,14px);z-index:2}.ropes__foot .mascot{width:clamp(42px,7vmin,78px);height:auto;flex:0 0 auto}.ropes__say{padding:6px clamp(10px,2vmin,18px);border-radius:999px;background:#fff6e3eb;border:2px solid var(--q-edge);font-weight:700;font-size:clamp(12px,1.7vmin,19px);text-align:center}.ropes__say--win{background:var(--q-gold);border-color:var(--q-gold-dark)}@media(max-width:560px){.ropes__board{gap:clamp(30px,10vmin,60px)}.ropes__hud .q-chip{font-size:.78em}}@media(prefers-reduced-motion:reduce){.rope-card{transition:none}.rope-card--shake,.rope-wire,.ropes__board--done{animation:none}.rope-wire__snap{animation:rope-fade .45s linear forwards}@keyframes rope-fade{to{opacity:0}}}.qsp{--qsp-cube: clamp(46px, 8.4vmin, 76px);--qsp-slot-w: clamp(40px, 7.4vmin, 66px);--qsp-slot-h: clamp(48px, 8.6vmin, 78px);--qsp-gap: clamp(5px, 1vmin, 11px);--qsp-round: clamp(8px, 1.4vmin, 14px);position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1.2vmin,14px);padding:clamp(6px,1.2vmin,14px);overflow:hidden;touch-action:none;z-index:2}.qsp--dense{--qsp-cube: clamp(44px, 6.6vmin, 60px);--qsp-slot-w: clamp(34px, 5.6vmin, 50px);--qsp-slot-h: clamp(46px, 6.8vmin, 60px)}.qsp__hud{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(5px,1vmin,10px);flex:0 0 auto}.qsp__btn{min-height:44px;font-size:.92em;padding:0 clamp(10px,1.8vmin,18px)}.qsp__task{display:flex;align-items:center;gap:clamp(8px,1.6vmin,18px);padding:clamp(8px,1.4vmin,16px) clamp(10px,2vmin,22px);flex:0 0 auto}.qsp__task .mascot{flex:0 0 auto;width:clamp(44px,7vmin,64px);height:clamp(44px,7vmin,64px)}.qsp__text{min-width:0;flex:1 1 auto}.qsp__prompt{font-weight:900;font-size:clamp(20px,4.2vmin,44px);line-height:1.1;overflow-wrap:anywhere}.qsp__hint{margin-top:4px;color:var(--q-ink-soft);font-size:.92em;line-height:1.35}.qsp__slots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--qsp-gap);padding:clamp(4px,1vmin,10px);flex:0 0 auto}.qsp-slot{width:var(--qsp-slot-w);min-height:var(--qsp-slot-h);display:grid;place-items:center;border:3px dashed var(--q-edge);border-radius:var(--qsp-round);background:#fff6e3b8;font-weight:900;font-size:clamp(19px,3.8vmin,38px);color:var(--q-ink);transition:transform .12s,box-shadow .12s,background .15s}.qsp-slot--filled{border-style:solid;border-color:var(--q-gold-dark);background:linear-gradient(160deg,#ffe6a8,var(--q-gold));box-shadow:0 4px 0 var(--q-gold-dark)}.qsp-slot--active{border-style:solid;border-color:var(--q-orange);background:#fff6e3;box-shadow:0 0 0 4px #f2793d3d;animation:qsp-wait 1.6s ease-in-out infinite}@keyframes qsp-wait{0%,to{box-shadow:0 0 0 4px #f2793d33}50%{box-shadow:0 0 0 8px #f2793d1a}}.qsp-slot--hot{transform:translateY(-5px) scale(1.06);border-color:var(--q-good);box-shadow:0 0 0 6px #4caf6247;animation:none}.qsp-slot--reveal{border-style:solid;border-color:var(--q-bad);background:#ffe3dc;color:var(--q-bad)}.qsp__slots--win .qsp-slot{animation:qsp-jump .5s ease-out;animation-delay:calc(var(--i, 0) * 55ms)}@keyframes qsp-jump{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-16px) scale(1.08)}70%{transform:translateY(0) scale(.97,1.04)}}.qsp__tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(6px,1.2vmin,14px);flex:0 0 auto}.qsp__strikes{letter-spacing:.12em}.qsp__sand{position:relative;flex:1 1 auto;min-height:calc(var(--qsp-cube) * 2 + clamp(28px,5vmin,48px));display:flex;align-items:center;justify-content:center;padding:clamp(8px,1.6vmin,18px);overflow:hidden;border:3px solid var(--q-sand-dark);border-radius:var(--q-radius);background:radial-gradient(circle at 18% 72%,rgba(255,255,255,.35) 0 3%,transparent 4%),radial-gradient(circle at 62% 28%,rgba(255,255,255,.3) 0 2%,transparent 3%),radial-gradient(circle at 84% 66%,rgba(255,255,255,.3) 0 2.5%,transparent 3.5%),linear-gradient(180deg,var(--q-sand),var(--q-sand-dark));box-shadow:inset 0 8px 16px #3f2d2024}.qsp__heap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(6px,1.2vmin,14px);max-width:100%}.qsp-seat{position:relative;flex:0 0 auto;width:var(--qsp-cube);height:var(--qsp-cube)}.qsp-seat--empty:after{content:"";position:absolute;inset:12%;border-radius:50%;background:#3f2d2021;box-shadow:inset 0 3px 5px #3f2d2038}.qsp-cube,.qsp__ghost{display:grid;place-items:center;border:3px solid var(--q-gold-dark);border-radius:var(--qsp-round);background:linear-gradient(160deg,#ffe9b4,var(--q-gold));color:var(--q-ink);font:inherit;font-weight:900;font-size:clamp(21px,4.2vmin,40px);line-height:1;user-select:none;-webkit-user-select:none}.qsp-cube{position:absolute;inset:0;padding:0;cursor:grab;touch-action:none;box-shadow:0 5px 0 var(--q-gold-dark),0 9px 14px #3f2d2047;transform:rotate(var(--qsp-tilt, 0deg));animation:qsp-fall .6s cubic-bezier(.25,.9,.35,1.05) backwards;animation-delay:var(--qsp-delay, 0ms)}@keyframes qsp-fall{0%{transform:translateY(-70vh) rotate(-40deg);opacity:0}40%{opacity:1}72%{transform:translateY(7px) rotate(var(--qsp-tilt, 0deg));opacity:1}88%{transform:translateY(-4px) rotate(var(--qsp-tilt, 0deg))}to{transform:translateY(0) rotate(var(--qsp-tilt, 0deg))}}.qsp-cube:hover{filter:brightness(1.06)}.qsp-cube:focus-visible{outline:3px dashed var(--q-orange);outline-offset:3px}.qsp-cube--taken{opacity:0}.qsp-cube--wrong{animation:qsp-wrong .45s ease-out;border-color:var(--q-bad);background:linear-gradient(160deg,#ffb9a8,#e2553d);color:#fff6e3;box-shadow:0 5px #a83a26,0 9px 14px #3f2d204d}@keyframes qsp-wrong{0%,to{transform:translate(0) rotate(var(--qsp-tilt, 0deg))}20%{transform:translate(-8px) rotate(calc(var(--qsp-tilt, 0deg) - 6deg))}55%{transform:translate(8px) rotate(calc(var(--qsp-tilt, 0deg) + 6deg))}80%{transform:translate(-4px) rotate(var(--qsp-tilt, 0deg))}}.qsp__ghost{position:absolute;left:0;top:0;display:none;z-index:40;pointer-events:none;box-shadow:0 12px 0 var(--q-gold-dark),0 18px 26px #3f2d2059;filter:brightness(1.06)}.qsp__ghost--on{display:grid}@media(max-width:560px){.qsp__prompt{font-size:clamp(19px,6vmin,30px)}.qsp__task{gap:8px}}@media(max-height:620px){.qsp{--qsp-cube: clamp(40px, 7vmin, 58px);--qsp-slot-w: clamp(34px, 6vmin, 50px);--qsp-slot-h: clamp(44px, 7vmin, 58px)}.qsp__hint{display:none}}@media(prefers-reduced-motion:reduce){.qsp-cube,.qsp-cube--wrong,.qsp-slot--active,.qsp__slots--win .qsp-slot{animation:none}.qsp-slot{transition:none}}.tq{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:clamp(6px,1.2vmin,14px);padding:clamp(6px,1.2vmin,14px);touch-action:pan-y}.tq__hud{display:flex;align-items:center;gap:clamp(5px,1vmin,10px);flex-wrap:wrap}.tq__hud .tq__spacer{margin-left:auto}.tq__task{display:flex;align-items:center;gap:clamp(6px,1.2vmin,12px);flex-wrap:wrap}.tq__note{font-size:.92em;font-weight:700;color:var(--q-ink);background:#fff6e3eb;border:2px solid var(--q-edge);border-radius:999px;padding:4px clamp(8px,1.4vmin,14px);line-height:1.25}.tq__note--bad{border-color:var(--q-bad);background:#ffe3dc}.tq__note--good{border-color:var(--q-good);background:#e2f6e5}.tq__stage{flex:1 1 auto;min-height:0;display:flex;align-items:center}.tq__rails{position:relative;width:100%;overflow:hidden;padding:clamp(14px,2.6vmin,30px) clamp(8px,1.6vmin,18px) clamp(20px,3.4vmin,38px);border-radius:var(--q-radius);border:3px dashed var(--q-edge);background:repeating-linear-gradient(90deg,rgba(63,45,32,.09) 0 12px,transparent 12px 40px),linear-gradient(180deg,#fff6e3bf,#f2d9a0bf);transition:border-color .14s,background-color .14s,box-shadow .14s;touch-action:none}.tq__rails--hot{border-color:var(--q-orange);border-style:solid;box-shadow:inset 0 0 0 4px #f2793d38}.tq__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:clamp(10px,1.8vmin,18px) clamp(12px,2vmin,20px);min-height:clamp(52px,8.4vmin,74px)}.tq__hollow{align-self:center;font-weight:800;color:var(--q-ink-soft);font-size:.94em;border:2px dashed var(--q-edge);border-radius:var(--q-radius-sm);padding:0 clamp(8px,1.6vmin,16px);min-height:clamp(46px,7.6vmin,66px);display:grid;place-items:center}.tq-car{position:relative;display:grid;place-items:center;text-align:center;font:inherit;font-weight:800;font-size:clamp(14px,2.3vmin,24px);line-height:1.15;color:var(--q-ink);min-height:clamp(46px,7.6vmin,66px);padding:6px clamp(9px,1.8vmin,18px);max-width:100%;overflow-wrap:anywhere;border:3px solid var(--q-sand-dark);border-radius:var(--q-radius-sm);background:linear-gradient(180deg,var(--q-paper),var(--q-paper-2));box-shadow:var(--q-shadow-sm);-webkit-user-select:none;user-select:none;touch-action:none}.tq-car__label{position:relative;z-index:3}.tq-car__wheels{position:absolute;left:clamp(8px,1.4vmin,14px);right:clamp(8px,1.4vmin,14px);bottom:-9px;height:18px;z-index:2;background:radial-gradient(circle 9px at 14% 50%,#ffd980 0 38%,#4a3b30 38% 100%,transparent 100%),radial-gradient(circle 9px at 86% 50%,#ffd980 0 38%,#4a3b30 38% 100%,transparent 100%);background-repeat:no-repeat;pointer-events:none}.tq-car--on{background:linear-gradient(180deg,#ffd980,var(--q-gold));border-color:var(--q-gold-dark);cursor:default;animation:tq-click-in .24s ease-out}.tq-car--on:after{content:"";position:absolute;left:-12px;right:-12px;bottom:-12px;height:5px;border-radius:3px;background:linear-gradient(180deg,#dfe5ea,#7d878f);z-index:1}.tq-car--on:before{content:"";position:absolute;left:calc(-1*clamp(12px,2vmin,20px));top:50%;width:clamp(12px,2vmin,20px);height:7px;margin-top:-3px;border-radius:3px;background:linear-gradient(180deg,#9aa4ab,#5d666d);z-index:2}@keyframes tq-click-in{0%{transform:translateY(-12px) scale(.9);opacity:.4}to{transform:none;opacity:1}}.tq-engine{position:relative;display:block;flex:0 0 auto;margin-bottom:-10px}.tq-engine:after{content:"";position:absolute;left:-12px;right:-12px;bottom:-2px;height:5px;border-radius:3px;background:linear-gradient(180deg,#dfe5ea,#7d878f);z-index:1}.tq-loco{display:block;width:clamp(96px,17vmin,168px);height:auto;filter:drop-shadow(0 4px 6px rgba(63,45,32,.3))}.tq-loco__smoke circle{fill:#ffffffe6;animation:tq-smoke 2.2s ease-out infinite}.tq-loco__smoke .s2{animation-delay:.7s}.tq-loco__smoke .s3{animation-delay:1.4s}@keyframes tq-smoke{0%{transform:translate(0) scale(.5);opacity:.9}to{transform:translate(-26px,-34px) scale(1.6);opacity:0}}.tq__rails--go .tq__row{animation:tq-depart .9s ease-in forwards}@keyframes tq-depart{0%{transform:translate(0)}12%{transform:translate(-14px)}to{transform:translate(130%);opacity:.15}}.tq__rails--jerk .tq__row{animation:tq-jerk .4s ease-out}@keyframes tq-jerk{0%,to{transform:translate(0)}20%{transform:translate(-9px)}45%{transform:translate(7px)}70%{transform:translate(-4px)}}.tq__tools{display:flex;align-items:center;gap:clamp(6px,1.2vmin,14px);flex-wrap:wrap}.tq__mascot{flex:0 0 auto;line-height:0}.tq__tools .tq__spacer{margin-left:auto}.tq__yard{position:relative;padding:clamp(10px,1.8vmin,20px) clamp(8px,1.6vmin,16px) clamp(16px,2.6vmin,26px);border-radius:var(--q-radius);border:3px solid var(--q-edge);background:repeating-linear-gradient(90deg,rgba(63,45,32,.13) 0 10px,transparent 10px 36px),linear-gradient(180deg,var(--q-sand),var(--q-sand-dark));box-shadow:inset 0 -6px #3f2d201f;touch-action:none}.tq__yard-title{font-size:.8em;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#4a3524;margin-bottom:6px}.tq__yard-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:clamp(10px,1.8vmin,18px) clamp(10px,1.8vmin,16px);min-height:clamp(46px,7.6vmin,66px)}.tq-car--free{cursor:grab}.tq-car--free:hover{filter:brightness(1.06)}.tq-car--carry{cursor:grabbing;z-index:20;filter:brightness(1.1);box-shadow:0 14px 26px #3f2d2061;transition:none}.tq-car--bad{animation:tq-bounce-back .45s ease-out;border-color:var(--q-bad);background:linear-gradient(180deg,#ffd2c7,#f0a794)}@keyframes tq-bounce-back{0%{transform:translateY(-18px) rotate(-4deg)}55%{transform:translateY(5px) rotate(2deg)}to{transform:none}}.tq-car--hint{border-color:var(--q-good);animation:tq-hint 1.1s ease-in-out infinite}@keyframes tq-hint{0%,to{box-shadow:var(--q-shadow-sm)}50%{box-shadow:0 0 0 6px #4caf6273,var(--q-shadow-sm)}}.tq__done{font-weight:800;color:#4a3524;padding:4px 0}@media(max-width:560px){.tq__task{gap:6px}.tq__note{width:100%}.tq-loco{width:clamp(84px,26vw,120px)}}@media(prefers-reduced-motion:reduce){.tq-car--on,.tq-car--bad,.tq-car--hint,.tq-loco__smoke circle,.tq__rails--jerk .tq__row{animation:none}.tq__rails--go .tq__row{animation:tq-depart .9s linear forwards}.tq__rails,.tq-car{transition:none}}.cloze{--cl-brick: #cf8354;--cl-brick-lit: #e9a874;--cl-brick-dark: #a9633c;--cl-mortar: #a8886a;--cl-mortar-dark: #8a6a50;--cl-crumb: #d3ab84;--cl-bw: clamp(60px, 12vmin, 130px);--cl-seam: clamp(3px, .5vmin, 5px);position:relative;display:flex;flex-direction:column;gap:clamp(6px,1.2vmin,14px);flex:1 1 auto;min-height:0;padding:clamp(6px,1.2vmin,14px);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.cloze__hud{display:flex;align-items:center;gap:clamp(5px,1vmin,10px);flex:0 0 auto;flex-wrap:wrap}.cloze__sign{flex:0 0 auto;align-self:center;width:min(100%,760px);text-align:center;padding:clamp(8px,1.6vmin,18px) clamp(10px,2vmin,24px);border:3px solid var(--q-edge);border-radius:var(--q-radius);background:linear-gradient(180deg,var(--q-paper),var(--q-paper-2));box-shadow:var(--q-shadow-sm)}.cloze__text{font-size:clamp(15px,2.7vmin,28px);font-weight:800;line-height:1.5;overflow-wrap:anywhere}.cloze__gap{display:inline-block;min-width:clamp(56px,12vmin,130px);margin:0 4px;padding:0 8px;border-bottom:4px solid var(--q-orange);border-radius:5px;background:#f2793d24;color:var(--q-orange-dark);font-weight:900;vertical-align:baseline;transition:background .15s,color .15s,border-color .15s}.cloze__gap--hot{background:#f2793d57;transform:scale(1.04)}.cloze__gap--right{border-color:var(--q-good);background:#4caf6233;color:#2f7c42}.cloze__gap--wrong{border-color:var(--q-bad);background:#e2553d29;color:#a8351f}.cloze__hint{margin-top:4px;font-size:clamp(11px,1.5vmin,16px)}.cloze__stage{position:relative;flex:1 1 auto;min-height:clamp(132px,26vmin,300px)}.cloze__wall{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--q-radius);background:var(--cl-mortar-dark);box-shadow:inset 0 0 0 var(--cl-seam) var(--cl-mortar-dark),inset 0 14px 26px #3f2d2038,0 6px 16px #3f2d204d}.cloze__row{flex:1 1 0;min-height:0;border-bottom:var(--cl-seam) solid var(--cl-mortar);background-image:repeating-linear-gradient(90deg,var(--cl-brick) 0 calc(var(--cl-bw) - var(--cl-seam)),var(--cl-mortar) calc(var(--cl-bw) - var(--cl-seam)) var(--cl-bw)),linear-gradient(180deg,#ffffff38,#3f2d2033)}.cloze__row:nth-child(2n){background-position-x:calc(var(--cl-bw) / -2)}.cloze__wall--mend:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,#fff8dce6,#fff8dc00 62%);animation:cloze-mend .55s ease-out forwards}@keyframes cloze-mend{0%{opacity:.95;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}.cloze__hole{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(126px,30vmin,290px);min-height:clamp(52px,12vmin,106px);padding:6px 10px;border-radius:16px 9px 18px 11px/11px 18px 9px 16px;background:linear-gradient(180deg,var(--q-sky-top),var(--q-sky-bottom));box-shadow:inset 0 8px 14px #3f2d208c,inset 0 -6px 12px #3f2d2059,0 0 0 var(--cl-seam) #3f2d2052;transition:box-shadow .15s,background .2s}.cloze__hole-word{font-weight:900;font-size:clamp(15px,2.8vmin,30px);line-height:1.15;text-align:center;color:#4a2f1c;overflow-wrap:anywhere;text-shadow:0 1px 0 rgba(255,246,227,.6)}.cloze__hole--hot{transform:translate(-50%,-50%) scale(1.06);box-shadow:inset 0 8px 14px #3f2d2073,0 0 0 6px var(--q-orange),0 0 26px #f2793da6}.cloze__hole--set{background:linear-gradient(180deg,#ffe09a,var(--q-gold));box-shadow:inset 0 -6px #3f2d2029,0 0 0 var(--cl-seam) var(--cl-mortar),0 0 24px #ffc24bb3;animation:cloze-settle .45s ease-out}@keyframes cloze-settle{0%{transform:translate(-50%,-52%) scale(1.2)}55%{transform:translate(-50%,-50%) scale(.96)}to{transform:translate(-50%,-50%) scale(1)}}.cloze__hole--miss{background:linear-gradient(180deg,#ffd7cc,#f3b5a5);box-shadow:inset 0 8px 14px #3f2d2066,0 0 0 5px var(--q-bad);animation:cloze-shake .45s ease-out}@keyframes cloze-shake{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(-54%,-50%)}50%{transform:translate(-46%,-50%)}80%{transform:translate(-52%,-50%)}}.cloze__dust{position:absolute;border-radius:3px;background:var(--cl-crumb);box-shadow:0 1px 2px #3f2d2059;pointer-events:none;z-index:2;animation:cloze-dust .85s ease-out forwards}@keyframes cloze-dust{0%{transform:translate(0) rotate(0);opacity:.95}to{transform:translate(var(--dx),var(--dy)) rotate(160deg);opacity:0}}.cloze__mascot{position:absolute;left:clamp(4px,1vmin,14px);bottom:clamp(-4px,0vmin,2px);z-index:3;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(63,45,32,.35))}.cloze__tray{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(6px,1.2vmin,14px);flex:0 0 auto;padding:clamp(4px,.8vmin,10px) 0 clamp(2px,.6vmin,8px)}.cloze__brick{font:inherit;font-weight:800;font-size:clamp(14px,2.4vmin,26px);line-height:1.15;color:#4a2f1c;min-height:var(--q-tap);padding:8px clamp(10px,2vmin,22px);max-width:100%;border:var(--cl-seam) solid var(--cl-mortar);border-radius:7px;background:linear-gradient(180deg,var(--cl-brick-lit),var(--cl-brick));box-shadow:0 5px 0 var(--cl-brick-dark),0 9px 16px #3f2d2047;cursor:grab;touch-action:none;overflow-wrap:anywhere;text-shadow:0 1px 0 rgba(255,246,227,.4);transition:transform .1s,box-shadow .1s,filter .15s}.cloze__brick:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.cloze__brick:focus-visible{outline:3px dashed var(--q-orange);outline-offset:3px}.cloze__brick:disabled{cursor:default}.cloze__brick--taken{opacity:.3;box-shadow:inset 0 3px 8px #3f2d2073;background:var(--cl-mortar);color:transparent;text-shadow:none}.cloze__brick--gone{animation:cloze-gone .35s ease-out forwards;pointer-events:none}@keyframes cloze-gone{to{transform:translateY(-14px) scale(.7);opacity:0}}.cloze__brick--crumble{animation:cloze-crumble .6s ease-in forwards;pointer-events:none}@keyframes cloze-crumble{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(3px) rotate(-5deg);filter:brightness(.9)}to{transform:translateY(54px) rotate(14deg);opacity:0;filter:blur(2px) brightness(.8)}}.cloze__fly{position:absolute;left:0;top:0;z-index:20;pointer-events:none;display:grid;place-items:center;max-width:min(70%,320px);padding:10px clamp(12px,2.2vmin,24px);border:var(--cl-seam) solid var(--cl-mortar);border-radius:7px;background:linear-gradient(180deg,var(--cl-brick-lit),var(--cl-brick));box-shadow:0 12px 26px #3f2d2073;color:#4a2f1c;font-weight:800;font-size:clamp(14px,2.4vmin,26px);line-height:1.15;text-align:center;overflow-wrap:anywhere;rotate:-3deg;will-change:transform}@media(max-width:560px){.cloze{--cl-bw: clamp(64px, 22vmin, 110px)}.cloze__hole{width:min(84%,260px)}.cloze__brick{flex:1 1 42%}}@media(prefers-reduced-motion:reduce){.cloze__hole,.cloze__brick,.cloze__gap{transition:none}.cloze__wall--mend:after,.cloze__hole--set,.cloze__hole--miss,.cloze__dust,.cloze__brick--gone,.cloze__brick--crumble{animation-duration:.01s}}.listen{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:crosshair}.listen__hud{position:absolute;top:clamp(5px,1vmin,12px);left:clamp(5px,1vmin,12px);right:clamp(5px,1vmin,12px);z-index:4;display:flex;flex-direction:column;gap:clamp(5px,1vmin,10px);pointer-events:none}.listen__row{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(5px,1vmin,10px)}.listen__hud .q-chip,.listen__hud .q-btn{pointer-events:auto}.listen__quit{margin-left:auto}.listen__say{min-height:max(44px,var(--q-tap));font-size:clamp(14px,2vmin,20px)}.listen__hint{padding:5px clamp(8px,1.6vmin,14px);border-radius:999px;background:#fff6e3eb;border:2px solid var(--q-edge);font-weight:700;font-size:.88em;line-height:1.25}.listen-drop{position:absolute;top:0;left:0;z-index:2;will-change:transform;pointer-events:none}.listen-drop__box{display:block;max-width:clamp(96px,22vmin,200px);padding:clamp(6px,1.2vmin,12px) clamp(9px,1.8vmin,18px);border:3px solid var(--q-edge);border-radius:var(--q-radius-sm);background:linear-gradient(180deg,var(--q-paper),var(--q-paper-2));box-shadow:var(--q-shadow-sm);color:var(--q-ink);font-weight:900;font-size:clamp(15px,2.6vmin,28px);line-height:1.15;text-align:center;overflow-wrap:anywhere;transition:opacity .25s}.listen-drop__box.is-caught{animation:listen-caught .34s ease-out forwards;border-color:var(--q-good)}@keyframes listen-caught{0%{transform:scale(1);opacity:1}40%{transform:scale(1.18);opacity:1}to{transform:scale(.35) translateY(18px);opacity:0}}.listen-drop__box.is-wrong{animation:listen-wrong .42s ease-out forwards;border-color:var(--q-bad);background:linear-gradient(180deg,#ffd9d1,#f7b8ab)}@keyframes listen-wrong{0%,to{transform:translate(0)}25%{transform:translate(-8px) rotate(-4deg)}75%{transform:translate(8px) rotate(4deg)}}.listen-drop__box.is-gone{animation:listen-gone .45s ease-out forwards}@keyframes listen-gone{0%{transform:scaleY(1);opacity:1}35%{transform:scaleY(.72) scaleX(1.14);opacity:.9}to{transform:scaleY(.5) scaleX(1.2) translateY(10px);opacity:0}}.listen--wait .listen-drop__box:not(.is-caught):not(.is-wrong):not(.is-gone){opacity:.35}.listen__ground{position:absolute;left:0;right:0;bottom:0;height:clamp(30px,6vmin,64px);z-index:0;border-top:3px solid var(--q-sand-dark);background:linear-gradient(180deg,var(--q-sand),var(--q-sand-dark));box-shadow:inset 0 6px 12px #3f2d201f}.listen__mascot{position:absolute;left:clamp(4px,1vmin,14px);bottom:clamp(22px,4.6vmin,50px);z-index:1;pointer-events:none}.listen__basket{position:absolute;left:0;bottom:clamp(6px,1.4vmin,16px);width:clamp(104px,23vmin,190px);height:clamp(58px,12vmin,100px);z-index:3;pointer-events:none;will-change:transform}.listen__basket:before{content:"";position:absolute;left:22%;right:22%;bottom:72%;height:clamp(15px,3vmin,30px);border:clamp(4px,.8vmin,6px) solid #b6813f;border-bottom:0;border-radius:999px 999px 0 0}.listen__basket-body{display:block;height:100%;border:3px solid #b6813f;border-radius:clamp(8px,1.4vmin,14px) clamp(8px,1.4vmin,14px) 42% 42% / clamp(8px,1.4vmin,14px) clamp(8px,1.4vmin,14px) 34% 34%;background:repeating-linear-gradient(90deg,rgba(140,92,36,.2) 0 6px,transparent 6px 14px),repeating-linear-gradient(0deg,rgba(140,92,36,.16) 0 7px,transparent 7px 16px),linear-gradient(180deg,#f2d095,#cda05e);box-shadow:inset 0 7px #ffffff59,0 6px 14px #3f2d204d}.listen__basket-body.is-right{animation:listen-catch-ok .5s ease-out}@keyframes listen-catch-ok{0%,to{box-shadow:inset 0 7px #ffffff59,0 6px 14px #3f2d204d}40%{box-shadow:0 0 0 7px #4caf628c,inset 0 7px #ffffff59;transform:translateY(4px)}}.listen__basket-body.is-wrong{animation:listen-catch-bad .42s ease-out}@keyframes listen-catch-bad{0%,to{transform:translate(0)}25%{transform:translate(-9px)}75%{transform:translate(9px)}}@media(max-width:560px){.listen__hint{flex:1 1 100%;text-align:center}}@media(prefers-reduced-motion:reduce){.listen-drop__box,.listen__basket-body{animation:none}.listen-drop__box.is-caught,.listen-drop__box.is-gone,.listen-drop__box.is-wrong{opacity:.25}}.run{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;--run-road-h: clamp(56px, 13vmin, 130px);--run-fox-x: clamp(12px, 7vw, 110px);--run-cycle: calc(2.2s / var(--run-speed, 1));touch-action:manipulation}.run__hud{position:relative;z-index:3;display:flex;align-items:center;flex-wrap:wrap;gap:clamp(5px,1vmin,10px);padding:clamp(5px,1vmin,12px) clamp(6px,1.2vmin,14px) 0;flex:0 0 auto}.run__stop{margin-left:auto}.run__time{flex:0 0 auto;height:clamp(12px,1.8vmin,20px);margin:clamp(4px,.8vmin,8px) clamp(6px,1.2vmin,14px);border:2px solid var(--q-edge);border-radius:999px;background:#3f2d202e;overflow:hidden;z-index:3}.run__time i{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--q-good),var(--q-gold));will-change:width}.run__time--hurry i{background:linear-gradient(90deg,var(--q-orange),var(--q-bad));animation:run-pulse .5s ease-in-out infinite alternate}@keyframes run-pulse{0%{filter:brightness(1)}to{filter:brightness(1.35)}}.run__stage{position:relative;flex:1 1 auto;min-height:clamp(96px,24vmin,320px);overflow:hidden}.run__far{position:absolute;left:-20%;right:-20%;bottom:calc(var(--run-road-h) - 2px);height:clamp(34px,9vmin,96px);background-repeat:repeat-x;background-size:320px 100%;background-image:radial-gradient(ellipse 60px 34px at 40px 100%,var(--q-grass-dark) 0 98%,transparent 100%),radial-gradient(ellipse 92px 52px at 170px 100%,var(--q-grass) 0 98%,transparent 100%),radial-gradient(ellipse 46px 26px at 280px 100%,var(--q-grass-dark) 0 98%,transparent 100%);animation:run-far linear infinite;animation-duration:calc(var(--run-cycle) * 4);opacity:.85;pointer-events:none}@keyframes run-far{to{background-position:-320px 0}}.run__road{position:absolute;left:0;right:0;bottom:0;height:var(--run-road-h);background-repeat:repeat-x,no-repeat;background-size:96px 100%,100% 100%;background-image:repeating-linear-gradient(90deg,#3f2d2029 0 26px,#3f2d2000 26px 96px),linear-gradient(180deg,var(--q-sand) 0 22%,var(--q-sand-dark) 22% 100%);border-top:3px solid var(--q-sand-dark);animation:run-road linear infinite;animation-duration:var(--run-cycle);pointer-events:none}@keyframes run-road{to{background-position:-96px 0,0 0}}.run__stage--stop .run__road,.run__stage--stop .run__far{animation-play-state:paused}.run__sign{position:absolute;top:clamp(6px,1.4vmin,16px);left:50%;width:max-content;max-width:min(92%,620px);transform:translate(-50%);padding:clamp(6px,1.4vmin,14px) clamp(12px,2.4vmin,26px);text-align:center;background:linear-gradient(180deg,var(--q-paper),var(--q-paper-2));border:3px solid var(--q-edge);border-radius:var(--q-radius);box-shadow:var(--q-shadow-sm);z-index:2;animation:run-sway 3.6s ease-in-out infinite;pointer-events:none}@keyframes run-sway{0%,to{transform:translate(-50%) rotate(-1deg)}50%{transform:translate(-50%) rotate(1deg)}}.run__word{font-weight:900;font-size:clamp(25px,5vmin,50px);line-height:1.1;overflow-wrap:anywhere}.run__hint{margin-top:2px;font-size:.86em;font-weight:700;color:var(--q-ink-soft)}.run__fox{position:absolute;left:var(--run-fox-x);bottom:calc(var(--run-road-h) * .34);width:clamp(70px,15vmin,138px);z-index:2;pointer-events:none;animation:run-bob ease-in-out infinite;animation-duration:calc(var(--run-cycle) / 3)}.run__fox svg{display:block;width:100%;height:auto}@keyframes run-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9%) rotate(2deg)}}.run__fox--dash{animation:run-dash .42s ease-out}@keyframes run-dash{0%{transform:translate(0) rotate(0)}45%{transform:translate(34%,-22%) rotate(-8deg)}to{transform:translate(0) rotate(0)}}.run__fox--trip{animation:run-trip .5s ease-out forwards}@keyframes run-trip{0%{transform:translate(0) rotate(0)}35%{transform:translate(-9%,4%) rotate(-16deg)}to{transform:translate(-5%,6%) rotate(-6deg)}}.run-puff{position:absolute;left:var(--run-fox-x);bottom:calc(var(--run-road-h) * .25);width:clamp(26px,5vmin,46px);height:clamp(26px,5vmin,46px);border-radius:50%;background:radial-gradient(circle,#fff6e3e6,#f2d9a000);z-index:1;pointer-events:none;animation:run-puff .6s ease-out forwards}@keyframes run-puff{0%{transform:translate(0) scale(.5);opacity:.95}to{transform:translate(-70px,-18px) scale(2.1);opacity:0}}.run-penalty{position:absolute;left:50%;bottom:calc(var(--run-road-h) + 12px);transform:translate(-50%);padding:4px 12px;border-radius:999px;background:var(--q-bad);border:2px solid #a83a26;color:#fff6e3;font-weight:900;font-size:clamp(14px,2.4vmin,24px);white-space:nowrap;z-index:3;pointer-events:none;animation:run-fly .9s ease-out forwards}@keyframes run-fly{0%{transform:translate(-50%,10px);opacity:0}25%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-46px);opacity:0}}.run__gate{position:relative;flex:0 0 auto;display:flex;flex-wrap:wrap;gap:clamp(5px,1vmin,12px);padding:clamp(10px,1.8vmin,18px) clamp(5px,1vmin,12px) clamp(5px,1vmin,12px);background:linear-gradient(180deg,#3f2d2024,#3f2d2000);z-index:2}.run__gate:before{content:"";position:absolute;left:0;right:0;top:0;height:clamp(8px,1.4vmin,14px);background:linear-gradient(180deg,#b98a4e,#8d6234);box-shadow:0 2px #3f2d204d}.run-door{flex:1 1 0;min-width:0;min-height:clamp(58px,11vmin,104px);display:grid;place-items:center;text-align:center;padding:6px clamp(4px,1vmin,12px);font:inherit;font-weight:800;font-size:clamp(14px,2.5vmin,26px);line-height:1.2;color:var(--q-ink);border:3px solid #8d6234;border-radius:var(--q-radius-sm);background:repeating-linear-gradient(90deg,#8d623429 0 2px,#8d623400 2px 14px),linear-gradient(180deg,#f2ce93,#d9a866);box-shadow:inset 0 -6px #3f2d2024,var(--q-shadow-sm);cursor:pointer;overflow-wrap:anywhere;transform-origin:left center;transition:transform .12s,filter .12s;touch-action:manipulation;-webkit-app-region:no-drag}.run-door:hover{filter:brightness(1.08)}.run-door:active{transform:translateY(3px)}.run-door--open{animation:run-open .42s ease-in forwards;border-color:var(--q-good)}@keyframes run-open{0%{transform:perspective(700px) rotateY(0)}to{transform:perspective(700px) rotateY(-78deg);opacity:.35}}.run-door--wrong{animation:run-bump .4s ease-out;border-color:var(--q-bad);filter:brightness(.92) saturate(.8)}@keyframes run-bump{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.run-door--truth{box-shadow:0 0 0 4px #4caf62a6,inset 0 -6px #3f2d2024;border-color:var(--q-good)}.run-door:focus{outline:none}.run-door:focus-visible{outline:3px dashed var(--q-orange);outline-offset:3px}@media(max-width:560px){.run-door{flex:1 1 44%}.run__sign{padding:5px 10px}.run__hud .run-chip--speed{display:none}}@media(prefers-reduced-motion:reduce){.run__road,.run__far,.run__sign,.run__fox,.run__time--hurry i,.run-penalty{animation:none}.run-puff{display:none}.run-penalty{opacity:1;transform:translate(-50%)}.run__fox--dash,.run__fox--trip,.run-door--open,.run-door--wrong{animation:none}.run-door{transition:none}}.wqb{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.wqb__hud{position:relative;z-index:4;display:flex;align-items:center;flex-wrap:wrap;gap:clamp(5px,1vmin,10px);padding:clamp(5px,1vmin,12px) clamp(6px,1.4vmin,14px);flex:0 0 auto}.wqb__quit{margin-left:auto}.wqb__stage{position:relative;z-index:2;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;align-items:flex-start;padding:0 clamp(8px,2vmin,22px) clamp(64px,13vmin,150px)}.wqb__scroll{position:relative;width:min(100%,660px);transform-origin:50% 45%;animation:wqb-unroll .5s cubic-bezier(.2,.9,.3,1.2) both}@keyframes wqb-unroll{0%{transform:scaleY(.06);opacity:0}60%{opacity:1}to{transform:scaleY(1);opacity:1}}.wqb__rod{height:clamp(13px,2.2vmin,20px);border-radius:999px;background:linear-gradient(180deg,#e0bd83,#b98745 55%,#8d5f2a);box-shadow:0 2px 6px #3f2d2059}.wqb__sheet{position:relative;padding:clamp(10px,2.2vmin,26px) clamp(10px,2.4vmin,28px) clamp(12px,2.4vmin,26px);background:repeating-linear-gradient(180deg,transparent 0 27px,rgba(201,168,119,.28) 27px 28px),linear-gradient(180deg,var(--q-paper),var(--q-paper-2));border-left:3px solid var(--q-edge);border-right:3px solid var(--q-edge);box-shadow:inset 0 8px 12px -8px #3f2d2059,inset 0 -8px 12px -8px #3f2d2059,0 10px 24px #3f2d2038}.wqb__task{font-size:.92em;font-weight:700;color:var(--q-ink-soft)}.wqb__word{margin-top:2px;font-size:clamp(26px,5vmin,52px);font-weight:900;line-height:1.15;color:var(--q-ink);overflow-wrap:anywhere}.wqb__tr{margin-top:1px;font-size:clamp(14px,2vmin,21px);font-weight:700;color:#8a3a12;overflow-wrap:anywhere}.wqb__pen{display:block;width:100%;margin-top:clamp(8px,1.6vmin,16px);min-height:clamp(84px,17vmin,170px);padding:clamp(8px,1.4vmin,14px) clamp(9px,1.6vmin,16px);font:inherit;font-size:clamp(15px,2.3vmin,24px);line-height:1.5;color:var(--q-ink);background:#ffffff8c;border:2px dashed var(--q-edge);border-radius:var(--q-radius-sm);resize:none;outline:none}.wqb__pen::placeholder{color:#8a705ab3}.wqb__pen:focus{border-style:solid;border-color:var(--q-orange);background:#fffc}.wqb__pen:disabled{opacity:.6}.wqb__mark{display:inline-flex;align-items:center;margin-top:clamp(6px,1.2vmin,12px);padding:3px clamp(8px,1.4vmin,14px);border-radius:999px;border:2px dashed var(--q-edge);font-size:.86em;font-weight:700;color:var(--q-ink-soft)}.wqb__mark--on{border-style:solid;border-color:var(--q-good);background:#4caf6229;color:#2c6b3a}.wqb__error{margin-top:clamp(8px,1.4vmin,14px);padding:clamp(7px,1.2vmin,12px) clamp(9px,1.6vmin,16px);border-radius:var(--q-radius-sm);background:#ffe3d9;border:2px solid var(--q-bad);color:#7a2417;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.wqb__send{display:block;width:100%;margin-top:clamp(9px,1.6vmin,16px);font-size:clamp(14px,2vmin,21px)}.wqb__stage--away .wqb__scroll{animation:wqb-roll .62s ease-in forwards;pointer-events:none}@keyframes wqb-roll{0%{transform:scaleY(1) rotate(0);opacity:1}65%{transform:scaleY(.08) translateY(8px) rotate(-2deg);opacity:1}to{transform:scaleY(.05) translateY(14px) scale(.55) rotate(-6deg);opacity:0}}.wqb__flask{position:absolute;left:50%;top:clamp(90px,22vmin,240px);width:clamp(120px,26vmin,260px);opacity:0;pointer-events:none;transform:translate(-50%)}.wqb__flask svg{display:block;width:100%;height:auto}.wqb__stage--away .wqb__flask{animation:wqb-sail 1.35s cubic-bezier(.35,0,.65,1) .5s forwards}@keyframes wqb-sail{0%{opacity:0;transform:translate(-50%,6px) scale(.55) rotate(-10deg)}14%{opacity:1;transform:translate(-50%) scale(1) rotate(-8deg)}55%{opacity:1;transform:translate(clamp(20px,12vw,160px),16px) scale(.62) rotate(6deg)}to{opacity:0;transform:translate(clamp(120px,40vw,480px),34px) scale(.2) rotate(14deg)}}.wqb__sea{position:absolute;left:-10%;right:-10%;bottom:0;height:clamp(48px,11vmin,130px);z-index:1;pointer-events:none;background:radial-gradient(ellipse 7% 55% at 12% 100%,var(--q-sea) 0 60%,transparent 70%),radial-gradient(ellipse 7% 55% at 34% 100%,var(--q-sea) 0 60%,transparent 70%),radial-gradient(ellipse 7% 55% at 56% 100%,var(--q-sea) 0 60%,transparent 70%),radial-gradient(ellipse 7% 55% at 78% 100%,var(--q-sea) 0 60%,transparent 70%),linear-gradient(180deg,transparent,var(--q-sea-deep) 75%);opacity:.9;animation:wqb-wave 8s ease-in-out infinite alternate}@keyframes wqb-wave{0%{transform:translate3d(-3%,4px,0)}to{transform:translate3d(3%,-3px,0)}}.wqb__fox{position:absolute;left:clamp(4px,1.2vmin,14px);bottom:clamp(2px,1vmin,10px);z-index:2;pointer-events:none}.wqb__fox svg{width:clamp(54px,10vmin,104px);height:auto}.wqb-final__count{display:inline-block;margin-top:clamp(9px,1.6vmin,16px);padding:5px clamp(10px,1.8vmin,18px);border-radius:999px;background:var(--q-gold);border:2px solid var(--q-gold-dark);font-weight:900}@media(max-width:560px){.wqb__fox{display:none}.wqb__stage{padding-bottom:clamp(52px,12vmin,90px)}}@media(prefers-reduced-motion:reduce){.wqb__scroll,.wqb__sea{animation:none}.wqb__stage--away .wqb__scroll{animation:none;opacity:0;pointer-events:none}.wqb__stage--away .wqb__flask{animation:none;opacity:1}}:root{--bg: rgba(11, 13, 22, .9);--panel: rgba(255, 255, 255, .045);--panel-hover: rgba(255, 255, 255, .085);--border: rgba(255, 255, 255, .1);--text: #eef1f7;--muted: #8d95ab;--accent: #6ea8ff;--accent-2: #a880ff;--accent-3: #4be0c8;--good: #4ade80;--bad: #ff6b6b;--warn: #ffc86b;--fire: #ff8a3d;--radius: 16px;--font: "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:transparent;overflow:hidden}body{font-family:var(--font);color:var(--text);font-size:13px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.hud{position:relative;display:flex;flex-direction:column;height:100%;background:var(--bg);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff0f}.hud:before{content:"";position:absolute;inset:-40% -20% auto;height:70%;background:radial-gradient(60% 60% at 25% 30%,rgba(110,168,255,.28),transparent 70%),radial-gradient(50% 50% at 75% 10%,rgba(168,128,255,.24),transparent 70%),radial-gradient(40% 40% at 60% 60%,rgba(75,224,200,.14),transparent 70%);filter:blur(20px);pointer-events:none;animation:aurora 18s ease-in-out infinite alternate}@keyframes aurora{0%{transform:translate3d(-4%,-2%,0) scale(1)}50%{transform:translate3d(4%,3%,0) scale(1.08)}to{transform:translate3d(-2%,4%,0) scale(1.02)}}.hud__bar{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 10px;background:linear-gradient(180deg,#ffffff12,#fff0);border-bottom:1px solid var(--border);-webkit-app-region:drag;flex:0 0 auto}.hud__bar button,.hud__bar input,.hud__bar select{-webkit-app-region:no-drag}.hud__logo{width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:800;font-size:12px;color:#0b0d16;flex:0 0 auto;box-shadow:0 4px 12px #6ea8ff59}.hud__title{font-weight:600;font-size:12.5px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud__spacer{flex:1}.hud__body{position:relative;z-index:2;flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.hud__body::-webkit-scrollbar{width:8px}.hud__body::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:8px}button{font-family:inherit;font-size:12.5px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 12px;cursor:pointer;transition:background .15s,border-color .15s,transform .08s,box-shadow .15s}button:hover:not(:disabled){background:var(--panel-hover);border-color:#ffffff2e}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:disabled{opacity:.4;cursor:default}button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#0a0c14;font-weight:700;box-shadow:0 6px 18px #6ea8ff4d}button.primary:hover:not(:disabled){box-shadow:0 8px 24px #6ea8ff73}button.good{border-color:#4ade8066;color:var(--good);background:#4ade8014}button.good:hover:not(:disabled){background:#4ade8029}button.bad{border-color:#ff6b6b66;color:var(--bad)}button.icon{padding:6px 9px;line-height:1;font-size:13px}input,textarea,select{width:100%;font-family:inherit;font-size:12.5px;color:var(--text);background:#0000004d;border:1px solid var(--border);border-radius:10px;padding:9px 11px;outline:none;-webkit-user-select:text;user-select:text;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6ea8ff26}textarea{resize:vertical;min-height:64px;line-height:1.45}label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.field{margin-bottom:10px}.row{display:flex;gap:8px;align-items:center}.stack{display:flex;flex-direction:column;gap:8px}.split{display:flex;justify-content:space-between;align-items:center;gap:8px}.muted{color:var(--muted)}.small{font-size:11px}.center{text-align:center}.card{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:12px}.card--task{position:relative;background:linear-gradient(135deg,#6ea8ff29,#a880ff1f);border-color:#6ea8ff52;overflow:hidden}.card--task:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);animation:sweep 4.5s ease-in-out infinite}@keyframes sweep{0%,60%{left:-60%}to{left:120%}}.card__title{font-size:10.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:8px}.word{display:flex;align-items:center;gap:10px;padding:10px 11px;background:var(--panel);border:1px solid var(--border);border-radius:12px;transition:transform .15s,border-color .15s}.word:hover{transform:translate(2px);border-color:#ffffff2e}.word--due{border-color:#ffc86b59;background:linear-gradient(90deg,#ffc86b1a,#ffc86b05)}.word--pending{border-color:#6ea8ff4d;opacity:.7}.word__text{font-weight:700;font-size:15px;letter-spacing:.2px}.word__translation{color:var(--muted);font-size:11.5px;margin-top:1px}.strength{display:flex;gap:3px}.strength__dot{width:5px;height:5px;border-radius:50%;background:#ffffff29;transition:background .3s}.strength__dot--on{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 6px #6ea8ff99}.xp{display:flex;align-items:center;gap:10px}.xp__level{position:relative;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:14px;color:#0a0c14;background:linear-gradient(135deg,var(--accent),var(--accent-2));flex:0 0 auto;box-shadow:0 6px 16px #6ea8ff59}.xp__level--up{animation:levelPop .9s cubic-bezier(.22,1,.36,1)}@keyframes levelPop{0%{transform:scale(1)}35%{transform:scale(1.35) rotate(-6deg);box-shadow:0 0 0 12px #6ea8ff40}70%{transform:scale(.96) rotate(3deg)}to{transform:scale(1)}}.xp__bar{position:relative;flex:1;height:9px;background:#ffffff14;border-radius:99px;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.xp__fill{position:relative;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));background-size:200% 100%;transition:width .8s cubic-bezier(.22,1,.36,1);animation:shift 6s linear infinite}@keyframes shift{to{background-position:200% 0}}.xp__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.45),transparent 80%);animation:sweep 3s ease-in-out infinite}.streak{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:linear-gradient(135deg,#ff8a3d2e,#ffc86b1a);border:1px solid rgba(255,138,61,.35);font-weight:700;font-size:12px;color:#ffd9b0}.streak__flame{font-size:14px;animation:flicker 2.2s ease-in-out infinite;transform-origin:bottom center}@keyframes flicker{0%,to{transform:scale(1) rotate(-2deg);filter:brightness(1)}40%{transform:scale(1.14) rotate(3deg);filter:brightness(1.25)}70%{transform:scale(.97) rotate(-1deg)}}.streak--cold{background:#ffffff0d;border-color:var(--border);color:var(--muted)}.streak--risk{border-color:#ffc86b99;animation:pulseWarn 2s ease-in-out infinite}@keyframes pulseWarn{0%,to{box-shadow:0 0 #ffc86b59}50%{box-shadow:0 0 0 7px #ffc86b00}}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.badge-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:12px;background:var(--panel);border:1px solid var(--border);text-align:center}.badge-card--locked{opacity:.38;filter:grayscale(1)}.badge-card__icon{font-size:24px;line-height:1}.badge-card__title{font-size:10.5px;font-weight:600;line-height:1.25}.celebrate{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#06080eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.celebrate__card{position:relative;width:78%;padding:22px 18px;border-radius:18px;text-align:center;background:linear-gradient(160deg,#6ea8ff38,#a880ff2e);border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 60px #0000008c;animation:celebratePop .5s cubic-bezier(.22,1.2,.36,1)}@keyframes celebratePop{0%{transform:scale(.8) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.celebrate__icon{font-size:46px;line-height:1;margin-bottom:8px;display:inline-block;animation:badgeSpin .9s cubic-bezier(.22,1,.36,1)}@keyframes badgeSpin{0%{transform:rotate(-25deg) scale(.5)}60%{transform:rotate(8deg) scale(1.15)}to{transform:rotate(0) scale(1)}}.celebrate__title{font-size:17px;font-weight:800;margin-bottom:4px}.celebrate__text{font-size:12px;color:#ffffffc7;line-height:1.5}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-12px;width:7px;height:12px;border-radius:2px;opacity:0;animation:fall 1.6s ease-in forwards}@keyframes fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(320px) rotate(540deg);opacity:0}}.tabs{display:flex;gap:4px;padding:4px;background:#00000047;border-radius:12px}.tabs button{flex:1;border:none;background:transparent;padding:7px 4px;font-size:11.5px;color:var(--muted);border-radius:9px;box-shadow:none}.tabs button.active{background:linear-gradient(135deg,#6ea8ff38,#a880ff2e);color:var(--text);font-weight:700}.badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 5px;border-radius:99px;background:var(--bad);color:#fff;font-size:10px;font-weight:800;margin-left:5px}.error{padding:9px 11px;border-radius:10px;background:#ff6b6b1f;border:1px solid rgba(255,107,107,.32);color:#ffb3b3;font-size:11.5px}.ok{padding:9px 11px;border-radius:10px;background:#4ade8021;border:1px solid rgba(74,222,128,.32);color:#a9f5cb;font-size:11.5px}.pill{padding:4px 9px;border-radius:99px;background:var(--panel);border:1px solid var(--border);font-size:10.5px;color:var(--muted);white-space:nowrap}.pill--alert{background:#ffc86b26;border-color:#ffc86b61;color:var(--warn)}.pill--level{background:#4be0c824;border-color:#4be0c859;color:#9df0e2;font-weight:700}.compact-bar{display:flex;align-items:center;gap:10px;padding:0 12px 11px}.play-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;font-size:14px;letter-spacing:.2px;animation:breathe 3.5s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 6px 18px #6ea8ff4d}50%{box-shadow:0 8px 30px #a880ff8c}}.game{position:relative;display:flex;flex-direction:column;height:100%;background:radial-gradient(120% 80% at 50% 0%,#131a30,#080a13 60%,#05060c);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.game__bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);background:#ffffff08;-webkit-app-region:drag;flex:0 0 auto}.game__bar button,.game__bar .pill{-webkit-app-region:no-drag}.game__title{font-weight:800;font-size:15px;letter-spacing:.3px}.game__body{position:relative;flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.game__notice{position:absolute;left:50%;top:12px;transform:translate(-50%);z-index:5;padding:9px 16px;border-radius:12px;font-size:13px;color:#ffe6c2;background:#3c220aeb;border:1px solid rgba(255,190,110,.4)}.hub{padding:18px 22px 26px;display:flex;flex-direction:column;gap:14px}.hub__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.hub__title{margin:0 0 4px;font-size:21px}.hub__level{display:flex;flex-direction:column;gap:6px}.hub__level-text{font-size:13px}.hub__gate{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;background:#ffffff0a;border:1px solid var(--border)}.hub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 16px;min-height:132px;text-align:left;border-radius:16px;border:1px solid var(--border);background:linear-gradient(160deg,#ffffff12,#ffffff06);cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,box-shadow .18s;opacity:0;animation:card-in .42s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i, 0) * 45ms)}.mode-card:hover:not(.mode-card--locked){transform:translateY(-3px) scale(1.02);border-color:#7de3d0a6;box-shadow:0 12px 30px #00000073,0 0 22px #4fd1c538}.mode-card:active:not(.mode-card--locked){transform:translateY(0) scale(.99)}.mode-card--locked{cursor:not-allowed;opacity:.55;background:#ffffff05!important;border-color:var(--border)!important}.mode-card:nth-child(4n+1){background:linear-gradient(160deg,#6ea8ff24,#6ea8ff09);border-color:#6ea8ff47}.mode-card:nth-child(4n+2){background:linear-gradient(160deg,#a880ff24,#a880ff09);border-color:#a880ff47}.mode-card:nth-child(4n+3){background:linear-gradient(160deg,#4be0c824,#4be0c809);border-color:#4be0c847}.mode-card:nth-child(4n+4){background:linear-gradient(160deg,#ffc86b24,#ffc86b09);border-color:#ffc86b47}.mode-card__icon{font-size:30px;line-height:1}.mode-card__title{font-weight:750;font-size:15px}.mode-card__hint{font-size:12px;color:var(--muted);line-height:1.4}.mode-card__xp{margin-top:auto;font-size:11px;font-weight:650;color:#7de3d0}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.game__center{flex:1;display:grid;place-items:center;padding:18px;overflow-y:auto}.session{width:min(620px,100%);display:flex;flex-direction:column;gap:12px}.session__top{display:flex;justify-content:space-between;align-items:center}.session__progress{display:flex;gap:6px}.session__card{padding:22px;border-radius:18px;background:#ffffff0b;border:1px solid var(--border);text-align:center;transition:border-color .25s,background .25s,transform .15s}.session__card--right{border-color:#4ade808c;background:#4ade8014;transform:scale(1.01)}.session__card--wrong{border-color:#ff6b6b8c;background:#ff6b6b12;animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.session__subtitle{font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:12px}.session__prompt{font-size:34px;font-weight:800;letter-spacing:.3px;margin-bottom:6px;word-break:break-word}.session__claim{font-size:20px;color:var(--accent-3);margin-bottom:8px}.session__speaker{font-size:15px;padding:14px 20px;margin-bottom:8px}.session__options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.session__options--pair{grid-template-columns:1fr 1fr;max-width:320px;margin-left:auto;margin-right:auto}.session__option{padding:15px 12px;font-size:14px;border-radius:13px;background:#ffffff0d}.session__option:hover:not(:disabled){background:#6ea8ff29;border-color:#6ea8ff73;transform:translateY(-2px)}.session__option--right{background:#4ade8038!important;border-color:#4ade8099!important;color:#d7ffe8}.session__option--wrong{background:#ff6b6b33!important;border-color:#ff6b6b99!important}.session__built{min-height:52px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;padding:10px;margin-top:14px;border-radius:12px;background:#0000004d;border:1px dashed var(--border)}.session__pieces{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.chip{padding:9px 13px;font-size:15px;border-radius:10px;background:#6ea8ff29;border:1px solid rgba(110,168,255,.35);font-weight:600}.chip--source{background:#ffffff0f;border-color:var(--border)}.session__answer{margin-top:14px;font-size:13px;color:#ffd0d0}.session__quit{align-self:center;background:transparent;border:none;color:var(--muted);font-size:11.5px}.result-card{width:min(460px,100%);padding:26px;border-radius:20px;text-align:center;background:linear-gradient(160deg,#6ea8ff2e,#a880ff24);border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 60px #00000080}.result-card__score{font-size:46px;font-weight:800;line-height:1.1}.result-card__label{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.result-card__xp{margin-top:8px;font-size:20px;font-weight:700;color:var(--accent-3)}.placement__bars{margin-top:14px;display:flex;flex-direction:column;gap:6px}.placement__bar{display:grid;grid-template-columns:26px 1fr 42px;align-items:center;gap:8px}.placement__track{height:7px;border-radius:99px;background:#ffffff17;overflow:hidden}.placement__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-3))}@keyframes pop{0%{transform:scale(.94) translateY(6px);opacity:0}60%{transform:scale(1.015) translateY(0)}to{transform:scale(1);opacity:1}}.pop{animation:pop .28s ease-out}.enter{opacity:0;animation:enter .45s cubic-bezier(.22,1,.36,1) forwards}@keyframes enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.session__bar{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden;margin:4px 0 2px}.session__bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#4fd1c5,#6ea8ff);transition:width .45s cubic-bezier(.22,1,.36,1)}.pill--combo{background:linear-gradient(120deg,#ffc86b4d,#ff8a3d4d);border-color:#ffc86b99;color:#ffe6c2;animation:combo-pulse .9s ease-in-out infinite}@keyframes combo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.session__card{animation:card-slide .34s cubic-bezier(.22,1,.36,1)}@keyframes card-slide{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.bubble-in{animation:bubble-in .42s cubic-bezier(.34,1.56,.64,1) .05s backwards}@keyframes bubble-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.session__option{opacity:0;border-radius:18px;animation:bubble-up .38s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(.12s + var(--i, 0) * 70ms);transition:transform .16s,background .2s,border-color .2s,box-shadow .2s,opacity .25s}@keyframes bubble-up{0%{opacity:0;transform:translateY(12px) scale(.86)}to{opacity:1;transform:none}}.session__option:hover:not(:disabled){transform:translateY(-2px) scale(1.03)}.session__option--right{animation:burst .5s cubic-bezier(.34,1.56,.64,1);background:#4ade803d!important;border-color:#4ade80d9!important;box-shadow:0 0 26px #4ade8073}@keyframes burst{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1.05)}}.session__option--wrong{animation:shake .42s;background:#ff8a8038!important;border-color:#ff8a80bf!important}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.session__option--dim{opacity:.3}.chip--source{opacity:0;animation:bubble-up .3s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(.1s + var(--i, 0) * 35ms)}.chip--source:hover:not(:disabled){transform:translateY(-2px) scale(1.06)}.session__writer{display:flex;flex-direction:column;gap:8px;margin-top:12px;text-align:left}.session__writer textarea{resize:vertical;min-height:68px;font:inherit}.session__option:nth-child(4n+1){background:linear-gradient(150deg,#6ea8ff29,#6ea8ff0d);border-color:#6ea8ff4d}.session__option:nth-child(4n+2){background:linear-gradient(150deg,#a880ff29,#a880ff0d);border-color:#a880ff4d}.session__option:nth-child(4n+3){background:linear-gradient(150deg,#4be0c829,#4be0c80d);border-color:#4be0c84d}.session__option:nth-child(4n+4){background:linear-gradient(150deg,#ffc86b29,#ffc86b0d);border-color:#ffc86b4d}.session__option--right:disabled,.session__option--wrong:disabled{opacity:1}.session__prompt{display:inline-block;padding:10px 26px;border-radius:22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 26px #00000059;animation:bubble-in .42s cubic-bezier(.34,1.56,.64,1) .05s backwards,float-soft 3.6s ease-in-out .5s infinite}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.session__card--right{border-color:#4ade8080;box-shadow:0 0 40px #4ade8026}.session__card--wrong{border-color:#ff8a8080;box-shadow:0 0 40px #ff8a801f}.class-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--border);border-left-width:3px}.class-row--gone{border-left-color:#ff8a80}.class-row--slipping{border-left-color:#ffc86b}.class-row--strong{border-left-color:#4ade80}.class-row__state{font-size:18px;text-align:center}.class-row__name{font-weight:650}.class-row__numbers{text-align:right;font-variant-numeric:tabular-nums}.board{flex:1;min-height:0;overflow:auto;padding:16px 20px 24px}.board__head{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.board__head h2{margin:0;font-size:20px}.board__list{display:flex;flex-direction:column;gap:6px}.board__row{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#ffffff0a;border:1px solid var(--border)}.board__row--me{background:#4fd1c524;border-color:#7de3d080}.board__place{font-size:18px;font-weight:800;text-align:center;color:var(--muted)}.board__place--1,.board__place--2,.board__place--3{color:#ffe08a}.board__name{font-weight:650;display:flex;align-items:center;gap:8px}.board__you{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:#7de3d040;color:#d6fff5}.board__value{font-weight:750;font-variant-numeric:tabular-nums}.board__extra{min-width:92px;text-align:right}.board__gap{text-align:center;color:var(--muted);letter-spacing:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}