@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--color-bg:#fff8f0;--color-text:#1a1a2e;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--cat-culture:#ff6b6b;--cat-culture-shadow:#c44;--cat-science:#4ecdc4;--cat-science-shadow:#2ea69e;--cat-history:#fcbf49;--cat-history-shadow:#d4991a;--cat-sport:#6bcb77;--cat-sport-shadow:#4a9e55;--cat-geography:#aa96da;--cat-geography-shadow:#7e6bb5;--color-primary:#ff6b6b;--color-primary-shadow:#c44;--color-success:#6bcb77;--color-success-shadow:#4a9e55;--color-warning:#fcbf49;--color-warning-shadow:#d4991a;--color-danger:#ff6b6b;--color-perfect:#4ecdc4;--card-bg:#fff;--card-border:3px solid #1a1a2e;--card-shadow:6px 6px 0 #1a1a2e;--card-shadow-sm:4px 4px 0 #1a1a2e;--card-shadow-hover:8px 8px 0 #1a1a2e;--card-radius:16px;--max-width:900px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-family:"Outfit", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:3rem;--font-size-4xl:4rem;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#three-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 85%);mask-image:linear-gradient(#000 30%,#0000 85%)}#three-bg canvas{display:block}#app{z-index:1;flex-direction:column;align-items:stretch;min-height:100vh;display:flex;position:relative}.screen{width:100%;max-width:var(--max-width);padding:var(--spacing-lg);flex-direction:column;flex:1;margin:0 auto;animation:.4s forwards fadeSlideIn;display:flex}.screen--wide{max-width:1600px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-md);color:#fff;background:var(--color-primary);border:3px solid var(--color-text);box-shadow:var(--card-shadow-sm);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;border-radius:12px;padding:14px 28px;font-weight:700;display:inline-flex}.btn:hover{box-shadow:var(--card-shadow-hover);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--color-text);transform:translate(2px,2px)}.btn--large{font-size:var(--font-size-lg);border-radius:14px;padding:18px 40px}.btn--success{background:var(--color-success)}.btn--secondary{background:var(--color-bg);color:var(--color-text)}.btn--small{font-size:var(--font-size-sm);box-shadow:3px 3px 0 var(--color-text);border-width:2px;border-radius:8px;padding:8px 16px}.btn--small:hover{box-shadow:5px 5px 0 var(--color-text)}.btn--small:active{box-shadow:1px 1px 0 var(--color-text)}.btn--icon-only{min-width:36px;min-height:36px;padding:8px}.btn--icon-only svg{width:18px;height:18px}.btn--icon-only span{display:flex}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--card-shadow-sm);transform:none}.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--spacing-lg);transition:all var(--transition-fast)}.card--interactive{cursor:grab}.card--interactive:hover{box-shadow:var(--card-shadow-hover);transform:translate(-2px,-2px)}.card--interactive:active{cursor:grabbing}.badge{font-size:var(--font-size-xs);color:#fff;border:2px solid var(--color-text);box-shadow:2px 2px 0 var(--color-text);text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}.badge--culture{background:var(--cat-culture)}.badge--science{background:var(--cat-science)}.badge--history{background:var(--cat-history);color:var(--color-text)}.badge--sport{background:var(--cat-sport)}.badge--geography{background:var(--cat-geography)}.difficulty-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.badge__icon{align-items:center;line-height:1;display:inline-flex}.badge__icon svg{width:14px;height:14px}.splash{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:100vh;display:flex}.result-order-badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:100px;justify-content:center;align-items:center;gap:6px;margin:0 auto;padding:4px 12px;font-weight:800;display:inline-flex}.result-order-badge--correct{color:#047857;background:#d1fae5}.result-order-badge--wrong{color:#b91c1c;background:#fee2e2}.result-link-btn{background:var(--color-bg);border:2px solid var(--color-text);color:var(--color-text);font-size:var(--font-size-xs);transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:8px 16px;font-weight:700;text-decoration:none;display:inline-flex}.result-link-btn:hover{box-shadow:2px 2px 0 var(--color-text);transform:translate(-1px,-1px)}.splash__title{font-size:var(--font-size-4xl);letter-spacing:.08em;color:var(--color-text);text-transform:uppercase;font-weight:900;line-height:1}.splash__title span{opacity:0;animation:.5s forwards bounceIn;display:inline-block}@keyframes bounceIn{0%{opacity:0;transform:translateY(-30px)scale(.8)}60%{opacity:1;transform:translateY(5px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}.splash__day{font-size:var(--font-size-xl);color:var(--color-text-muted);background:var(--card-bg);border:var(--card-border);box-shadow:var(--card-shadow-sm);border-radius:12px;padding:12px 24px;font-weight:700}.splash__subtitle{font-size:var(--font-size-sm);color:var(--color-text);background:var(--card-bg);border:2.5px solid var(--color-text);max-width:440px;box-shadow:3px 3px 0 var(--color-text);box-sizing:border-box;border-radius:99px;margin:4px auto 0;padding:10px 24px;font-weight:750;line-height:1.5}.help-box{text-align:left;width:100%;max-width:440px}.help-box__content{gap:var(--spacing-md);padding:var(--spacing-lg);flex-direction:column;display:flex}.help-step{gap:var(--spacing-md);align-items:flex-start;display:flex}.help-step__number{background:var(--color-primary);color:#fff;width:32px;min-width:32px;height:32px;font-weight:800;font-size:var(--font-size-sm);border:2px solid var(--color-text);box-shadow:2px 2px 0 var(--color-text);border-radius:8px;justify-content:center;align-items:center;display:flex}.help-step__text{font-size:var(--font-size-sm);color:var(--color-text);padding-top:4px;line-height:1.5}.game{justify-content:center;gap:var(--spacing-lg);padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);flex-direction:column;display:flex}.game__header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.game__title{font-size:var(--font-size-xl);letter-spacing:.05em;text-transform:uppercase;font-weight:800}.game__day{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600}.game__instruction{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--spacing-md);flex-shrink:0;font-weight:500}.nl-card-row{gap:var(--spacing-md);padding:0 8px var(--spacing-sm);-webkit-overflow-scrolling:touch;align-items:flex-end;min-height:200px;display:flex;overflow-x:auto}.nl-card-row::-webkit-scrollbar{height:4px}.nl-card-row::-webkit-scrollbar-thumb{background:var(--color-text-light);border-radius:4px}.nl-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);min-width:200px;height:280px;max-height:280px;box-shadow:var(--card-shadow-sm);padding:var(--spacing-md) var(--spacing-lg);will-change:transform;border-top-width:5px;flex-direction:column;flex:1 1 0;justify-content:space-between;gap:10px;display:flex}.nl-card--culture{border-top-color:var(--cat-culture)}.nl-card--science{border-top-color:var(--cat-science)}.nl-card--history{border-top-color:var(--cat-history)}.nl-card--sport{border-top-color:var(--cat-sport)}.nl-card--geography{border-top-color:var(--cat-geography)}.nl-card__top{align-items:center;gap:var(--spacing-sm);display:flex}.nl-card__position{background:var(--color-text);color:#fff;width:24px;min-width:24px;height:24px;font-weight:800;font-size:var(--font-size-xs);border-radius:6px;justify-content:center;align-items:center;display:flex}.nl-card--result-top{border-left:4px solid var(--color-text);border-right:4px solid var(--color-text);box-shadow:none;background:var(--card-bg);z-index:2;border-top-style:solid;border-top-width:6px;border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;gap:8px;min-width:220px;height:auto;max-height:none;padding:12px 14px 8px;display:flex;position:relative}.nl-card--result-bottom{border-left:4px solid var(--color-text);border-right:4px solid var(--color-text);border-bottom:4px solid var(--color-text);border-top:2px dashed var(--color-text);box-shadow:none;background:var(--color-bg);z-index:1;opacity:0;border-radius:0 0 12px 12px;flex-direction:column;gap:8px;min-width:220px;height:auto;max-height:none;padding:8px 14px 12px;animation:.8s cubic-bezier(.25,1,.5,1) forwards drawerReveal;display:flex;position:relative;transform:translateY(-100%)}.nl-result-column{flex-direction:column;flex:1 1 0;gap:0;min-width:220px;display:flex;overflow:visible}@keyframes drawerReveal{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nl-card__off-badge{border:2px solid var(--color-text);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;justify-content:center;align-items:center;margin:0 auto;padding:3px 8px;font-size:11px;font-weight:850;display:inline-flex}.nl-card__off-badge--perfect{color:#047857;background:#d1fae5}.nl-card__off-badge--wrong{color:#b91c1c;background:#fee2e2}.nl-card--result-top .nl-card__position{border-radius:4px}.nl-card--result-top .nl-card__statement{-webkit-line-clamp:10;margin:8px 0}.nl-card__difficulty{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:800}.nl-card__actual-row{justify-content:space-between;align-items:flex-end;margin-bottom:4px;padding:0 4px;display:flex}.nl-card__actual-label{font-size:var(--font-size-md);color:var(--color-text);font-weight:900}.nl-card__off-label{font-size:var(--font-size-md);color:#f87171;font-weight:900}.nl-card__guess-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-top:4px;font-weight:700}.nl-card__statement{font-size:var(--font-size-sm);color:var(--color-text);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:0 auto;margin:auto 0;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.nl-card__value-row{align-items:center;gap:6px;margin-top:0;display:flex}.nudge-btn{background:var(--card-bg);width:36px;min-width:36px;height:36px;color:var(--color-text);border:2px solid var(--color-text);box-shadow:2px 2px 0 var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.nudge-btn svg{width:18px;height:18px}.nudge-btn:hover{box-shadow:3px 3px 0 var(--color-text);transform:translate(-1px,-1px)}.nudge-btn:active{box-shadow:1px 1px 0 var(--color-text);transform:translate(1px,1px)}.nudge-btn--minus{background:#dedede}.nudge-btn--minus:hover{background:#fff}.nudge-btn--plus{background:#dedede}.nudge-btn--plus:hover{background:#fff}.nl-card__input-wrapper{background:var(--color-bg);border:2px solid var(--color-text);box-shadow:2px 2px 0 var(--color-text);transition:all var(--transition-fast);border-radius:8px;flex:1;align-items:center;padding:0 8px 0 0;display:flex;overflow:hidden}.nl-card__input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:2px 2px 0 var(--color-primary)}.nl-card__input{min-width:0;font-family:var(--font-family);font-size:var(--font-size-xl);text-align:center;color:var(--color-text);-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;padding:8px 4px;font-weight:800}.nl-card__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nl-card__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.nl-card__unit{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;pointer-events:none;font-weight:800}.number-line{align-items:center;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none;touch-action:none;width:100%;min-height:100px;padding:50px 0 60px;display:flex;position:relative}.number-line__end-label{font-size:var(--font-size-md);color:var(--color-text);text-align:center;min-width:28px;font-weight:900}.number-line__track{border:4px solid var(--color-text);background:#fff;border-radius:8px;flex:1;height:16px;position:relative}.number-line__tick{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:100%;transform:translate(-50%)}.number-line__tick:before{content:"";background:var(--color-text);border-radius:2px;width:4px;height:14px;margin-top:6px}.number-line__tick-label{font-size:var(--font-size-sm);color:var(--color-text);margin-top:4px;font-weight:900}.number-line__pin{z-index:10;width:0;height:0;position:absolute;bottom:calc(50% + 8px)}.number-line__pin-shape{--pin-rot:-45deg;transform-origin:0 100%;width:32px;height:32px;transform:rotate(var(--pin-rot));border:3px solid var(--color-text);transition:transform var(--transition-fast), border-radius .6s cubic-bezier(.34, 1.56, .64, 1);cursor:grab;border-radius:50% 50% 50% 0;position:absolute;bottom:0;left:0}.number-line__pin:hover{z-index:20}.number-line__pin:hover .number-line__pin-shape{transform:rotate(var(--pin-rot)) scale(1.1)}.number-line__pin--active{z-index:30}.number-line__pin--active .number-line__pin-shape{cursor:grabbing;transform:rotate(var(--pin-rot)) scale(1.2)}.nl-pin--culture{background:var(--cat-culture)}.nl-pin--science{background:var(--cat-science)}.nl-pin--history{background:var(--cat-history)}.nl-pin--sport{background:var(--cat-sport)}.nl-pin--geography{background:var(--cat-geography)}.nl-pin--guess{opacity:.85}.nl-pin--actual{border-radius:4px}.nl-pin--perfect{justify-content:center;align-items:center;display:flex;--pin-rot:0deg!important;background-color:#0000!important;border:none!important;border-radius:0!important;width:38px!important;height:38px!important;left:-19px!important}.number-line__pin.is-dimmed{opacity:.2;filter:grayscale();z-index:1!important}.number-line__pin.is-highlighted{z-index:50!important}.number-line__pin.is-highlighted .number-line__pin-shape{transform:rotate(var(--pin-rot)) scale(1.2)}.number-line__pin-tooltip{background:var(--color-text);color:#fff;font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);border-radius:6px;padding:3px 8px;font-weight:800;position:absolute;bottom:48px;left:0;transform:translate(-50%)}.number-line__pin:hover .number-line__pin-tooltip,.number-line__pin--active .number-line__pin-tooltip,.number-line__pin.is-highlighted .number-line__pin-tooltip{opacity:1}.number-line__pin-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--color-text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.game-card__position{background:var(--color-text);color:#fff;width:28px;min-width:28px;height:28px;font-weight:800;font-size:var(--font-size-sm);border-radius:8px;justify-content:center;align-items:center;display:flex}.game__submit{padding-top:var(--spacing-md);justify-content:center;display:flex}.results{align-items:center;gap:var(--spacing-xl);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-2xl);flex-direction:column;display:flex}.results__title{font-size:var(--font-size-2xl);text-transform:uppercase;letter-spacing:.05em;font-weight:900}.score-display{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);flex-direction:column;width:100%;max-width:600px;display:flex}.score-display__total{font-size:var(--font-size-4xl);font-weight:900;line-height:1}.score-display__label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.score-display__breakdown{gap:var(--spacing-xl);margin-top:var(--spacing-md);display:flex}.score-display__item{text-align:center}.score-display__item-value{font-size:var(--font-size-xl);font-weight:800}.score-display__item-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;font-weight:600}.result-cards{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.result-card{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm);opacity:0;flex-direction:column;animation:.4s forwards fadeSlideIn;display:flex}.result-card__header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.result-card__statement{font-size:var(--font-size-sm);font-weight:600;line-height:1.4}.result-card__values{align-items:center;gap:var(--spacing-lg);font-size:var(--font-size-sm);display:flex}.result-card__actual{font-weight:800;font-size:var(--font-size-lg)}.result-card__guess{color:var(--color-text-muted)}.result-card__distance{font-weight:700;font-size:var(--font-size-xs);border:2px solid var(--color-text);border-radius:6px;padding:2px 8px}.result-card__distance--perfect{background:var(--color-perfect);color:#fff}.result-card__distance--close{background:var(--color-success);color:#fff}.result-card__distance--near{background:var(--color-warning);color:var(--color-text)}.result-card__distance--far{background:var(--color-danger);color:#fff}.result-card__order-icon{font-size:var(--font-size-lg)}.result-card__link{font-size:var(--font-size-xs);color:var(--cat-science);transition:opacity var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;max-width:100%;font-weight:700;text-decoration:none;display:inline-flex;overflow:hidden}.result-card__link:hover{opacity:.7}.results__actions{gap:var(--spacing-md);flex-wrap:wrap;flex-shrink:0;justify-content:center;display:flex}.countdown{text-align:center;padding:var(--spacing-lg)}.countdown__label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-sm);font-weight:600}.countdown__time{font-size:var(--font-size-2xl);letter-spacing:.05em;font-weight:900}.streak{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);font-weight:700;display:inline-flex}.streak__icon{font-size:var(--font-size-lg)}.toast{background:var(--color-text);color:#fff;font-family:var(--font-family);font-weight:700;font-size:var(--font-size-sm);z-index:1000;opacity:0;border-radius:12px;padding:12px 24px;transition:all .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 4px 20px #0003}.toast--visible{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=768px){.splash__title{font-size:var(--font-size-3xl)}.screen{padding:var(--spacing-md)}.nl-card{min-width:120px}.nl-card__statement{-webkit-line-clamp:2}.number-line{padding:46px 0 28px}.number-line__pin-shape{width:26px;height:26px}.number-line__pin-tooltip{bottom:40px}.nudge-btn{width:26px;min-width:26px;height:26px}.nl-card__input{font-size:var(--font-size-sm);padding:4px 2px}.score-display__total{font-size:var(--font-size-3xl)}.results__actions{flex-direction:column;width:100%}.results__actions .btn{width:100%}}