@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');:root{--primary-color:#326891;--primary-light:#4a9eff;--primary-dark:#1a5490;--secondary-color:#f4b942;--success-color:#1A7A4A;--warning-color:#C2410C;--error-color:#B91C1C;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#eeeeee;--neutral-300:#e0e0e0;--neutral-400:#bdbdbd;--neutral-500:#9e9e9e;--neutral-600:#757575;--neutral-700:#616161;--neutral-800:#424242;--neutral-900:#212121;--shadow-sm:0 1px 2px rgba(0,0,0,0.04),0 1px 4px rgba(0,0,0,0.03);--shadow-md:0 2px 4px rgba(0,0,0,0.04),0 6px 18px rgba(0,0,0,0.07);--shadow-lg:0 4px 8px rgba(0,0,0,0.04),0 12px 30px rgba(0,0,0,0.09);--shadow-xl:0 8px 16px rgba(0,0,0,0.04),0 24px 56px rgba(0,0,0,0.11);--border-radius:10px;--border-radius-sm:6px;--border-radius-lg:14px;--transition:all 0.2s ease;--font-family-base:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-family-mono:'JetBrains Mono','SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,'Courier New',monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--feedback-footer-font-size:calc(var(--font-size-xs) * 1.1 * 1.1);--container-padding:24px;--grid-gap:16px;--button-padding:12px 24px;--button-font-size:var(--font-size-sm);--drag-box-size:48px;--num-box-size:48px;--drag-box-font:24px;--num-box-font:24px;--modal-width:400px;--modal-padding:24px;--split-flap-perspective:200px;--split-flap-animation-duration:0.6s;--split-flap-stagger-delay:120ms}*{box-sizing:border-box}body{font-family:var(--font-family-base);background:#F7F6F2;margin:0;padding:var(--container-padding);min-height:100vh;color:var(--neutral-900);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'kern' 1,'liga' 1,'calt' 1,'pnum' 1,'tnum' 0,'onum' 1,'lnum' 1,'dlig' 0;font-variant-numeric:lining-nums tabular-nums}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.dragNumBox:focus-visible,.drop-target:focus-visible,.numBox:focus-visible,.theme-toggle-container:focus-visible,button:focus-visible,.close-button:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}html.dark-theme .dragNumBox:focus-visible,html.dark-theme .drop-target:focus-visible,html.dark-theme .numBox:focus-visible,html.dark-theme .theme-toggle-container:focus-visible,html.dark-theme button:focus-visible,html.dark-theme .close-button:focus-visible{outline:3px solid rgba(129,140,248,0.85);outline-offset:2px}.theme-toggle-container{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:10001;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--neutral-200);border-radius:20px;padding:6px 8px;box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--neutral-700);cursor:pointer;user-select:none;width:auto;max-width:90px;min-width:70px;justify-content:center;margin:0}.theme-toggle-container:hover{background:rgba(255,255,255,1);box-shadow:var(--shadow-md);transform:translateY(calc(-50% - 1px))}.theme-toggle-container::after{content:attr(data-tooltip);position:absolute;top:calc(100%+10px);right:0;transform:translateY(-4px);background:#1e293b;color:#f1f5f9;font-size:0.72rem;font-weight:500;letter-spacing:0.02em;white-space:nowrap;padding:5px 10px;border-radius:6px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.35);pointer-events:none;opacity:0;transition:opacity 0.18s ease,transform 0.18s ease;z-index:10100}.theme-toggle-container:hover::after,.theme-toggle-container.tooltip-active::after{opacity:1;transform:translateY(0)}html.dark-theme .theme-toggle-container::after{background:#334155;color:#f1f5f9;border-color:rgba(255,255,255,0.18);box-shadow:0 4px 14px rgba(0,0,0,0.55)}.theme-toggle-container.active{background:rgba(30,30,30,0.95);border-color:#555;color:#e0e0e0}.theme-toggle-container.active:hover{background:rgba(30,30,30,1)}.theme-toggle-switch{position:relative;width:32px;height:16px;background:var(--neutral-300);border-radius:8px;transition:var(--transition);cursor:pointer;flex-shrink:0}.theme-toggle-switch::before{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;background:white;border-radius:50%;transition:var(--transition);box-shadow:0 1px 2px rgba(0,0,0,0.3)}.theme-toggle-container.active .theme-toggle-switch{background:var(--primary-color)}.theme-toggle-container.active .theme-toggle-switch::before{transform:translateX(16px);background:white}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;transition:var(--transition);opacity:0.75;flex-shrink:0}.theme-toggle-container:hover .theme-toggle-icon{opacity:1}.game-toast{position:fixed;top:72px;left:50%;transform:translateX(-50%) translateY(-16px);min-width:min(92vw,340px);max-width:92vw;padding:12px 20px;border-radius:12px;color:#fff;background:rgba(15,23,42,0.93);box-shadow:0 8px 24px rgba(0,0,0,0.30),0 2px 6px rgba(0,0,0,0.18);z-index:10050;opacity:0;transition:opacity 0.22s ease,transform 0.22s ease;pointer-events:none;text-align:center;font-size:0.95rem;font-weight:700;letter-spacing:0.01em}.game-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.game-toast.success{background:rgba(5,150,105,0.95)}.game-toast.warning{background:rgba(180,83,9,0.95)}@media screen and (max-width:768px){header{display:grid !important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;align-items:center;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:0.5rem 0.75rem;margin-bottom:0.75rem;gap:0.5rem}header .theme-toggle-container{grid-column:1 !important;justify-self:start;position:relative !important;transform:none !important;right:unset !important;top:unset !important}header .theme-toggle-container::after{left:0;right:auto;max-width:min(92vw,calc(100vw - 24px));white-space:normal;text-align:left}header .theme-toggle-container:hover::after,header .theme-toggle-container.tooltip-active::after{transform:translateY(0)}header .theme-toggle-container:hover{transform:none !important}header .logo-lockup{grid-column:2 !important;justify-self:center;margin:0;max-width:min(58vw,260px);min-width:0}header .stats-button{grid-column:3 !important;justify-self:end;position:static !important;transform:none !important;right:unset !important;top:unset !important}.theme-toggle-container{padding:4px 6px;font-size:10px;min-width:56px;gap:4px}.theme-toggle-switch{width:28px;height:14px}.theme-toggle-switch::before{width:10px;height:10px}.theme-toggle-container.active .theme-toggle-switch::before{transform:translateX(14px)}.seven-logo{max-width:100%;padding:10px 16px;font-size:clamp(1rem,4.2vw,var(--font-size-xl));white-space:nowrap}.beta-badge{padding:0.2rem 0.4rem;font-size:0.62rem;letter-spacing:0.06em}}@media screen and (max-width:480px){header{padding:0.4rem 0.625rem;gap:0.375rem}header .logo-lockup{max-width:min(54vw,220px);gap:0.3rem}.seven-logo{padding:8px 12px;font-size:clamp(0.95rem,4.7vw,1.12rem)}.beta-badge{padding:0.16rem 0.32rem;font-size:0.55rem}.theme-toggle-container{padding:3px 5px;min-width:48px;border-radius:15px}.theme-toggle-switch{width:24px;height:12px;border-radius:6px}.theme-toggle-switch::before{width:8px;height:8px}.theme-toggle-container.active .theme-toggle-switch::before{transform:translateX(12px)}}header{align-items:center;position:relative;width:100%;box-sizing:border-box;margin-bottom:0.64rem}@media screen and (min-width:769px){header{display:flex;justify-content:center;padding:1rem 5rem}header .theme-toggle-container{position:absolute;right:3.5rem;top:50%;transform:translateY(-50%)}header .stats-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}}header h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--neutral-900);margin:0;letter-spacing:-0.025em;font-family:var(--font-family-base);line-height:var(--line-height-tight)}footer{font-size:var(--font-size-sm);color:var(--neutral-600);margin-top:1rem;padding:0.5rem 0;text-align:center;font-weight:400;line-height:var(--line-height-normal)}main{max-width:1200px;width:100%;margin:0 auto;padding:0 1rem;text-align:center;display:flex;flex-direction:column;align-items:center}main p{text-align:center;color:var(--neutral-700);font-size:var(--font-size-lg);margin-bottom:2rem;font-weight:400}.logo-lockup{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;margin:0 auto;min-width:0}.seven-logo{display:flex;position:relative;justify-content:center;align-items:center;margin:0 auto;background:white;border:1px solid var(--neutral-300);border-radius:var(--border-radius);font-weight:600;color:var(--primary-color);transition:var(--transition);padding:12px 20px;font-size:var(--font-size-xl);box-shadow:var(--shadow-sm);cursor:pointer;user-select:none;min-width:0;max-width:100%;white-space:nowrap}.beta-badge{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0.22rem 0.46rem;border:1px solid rgba(50,104,145,0.24);border-radius:999px;background:rgba(50,104,145,0.08);color:var(--primary-color);font-family:var(--font-family-base);font-size:0.68rem;font-weight:700;letter-spacing:0.08em;line-height:1;text-transform:uppercase;user-select:none}.seven-logo:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);color:var(--primary-dark)}.seven-logo:active{transform:scale(0.97);box-shadow:var(--shadow-sm)}.seven-logo::after{content:attr(data-tooltip);position:absolute;top:calc(100%+8px);left:50%;transform:translateX(-50%) translateY(-4px);background:var(--neutral-900);color:rgba(255,255,255,0.92);font-size:0.72rem;font-weight:500;letter-spacing:0.02em;white-space:nowrap;padding:5px 10px;border-radius:6px;box-shadow:var(--shadow-md);pointer-events:none;opacity:0;transition:opacity 0.18s ease,transform 0.18s ease;z-index:100}.seven-logo:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}#logo-container{display:flex;justify-content:center;align-items:center;width:100%;text-align:center}.theme-container{text-align:center;margin:0.64rem auto 1.5rem auto;padding:1.5rem 2rem;background:white;border:1px solid var(--neutral-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);max-width:min(600px,100%);width:min(90%,600px);transition:var(--transition);box-sizing:border-box}.theme-container{position:relative}.theme-container:hover{box-shadow:var(--shadow-md);border-color:rgba(50,104,145,0.18)}.theme-container::after{content:attr(data-tooltip);position:absolute;bottom:calc(100%+8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--neutral-900);color:rgba(255,255,255,0.92);font-size:0.72rem;font-weight:500;letter-spacing:0.02em;white-space:nowrap;padding:5px 10px;border-radius:6px;box-shadow:var(--shadow-md);pointer-events:none;opacity:0;transition:opacity 0.18s ease,transform 0.18s ease;z-index:100}.theme-container:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}.theme-title{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-700);margin:0;letter-spacing:0.015em;line-height:var(--line-height-normal);font-family:var(--font-family-base)}.theme-name{color:var(--primary-color);font-weight:700;display:inline-block;font-family:var(--font-family-base)}.streak-display{background:var(--neutral-900);color:rgba(255,255,255,0.88);padding:5px 16px;border-radius:20px;font-size:0.8rem;font-weight:600;letter-spacing:0.04em;margin:0.5rem auto;display:inline-block;box-shadow:var(--shadow-md);transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.08)}.streak-display.high-streak{background:linear-gradient(135deg,#1B3A2C 0%,#2A5440 100%);color:#D4AF5A;border-color:rgba(212,175,90,0.3);box-shadow:var(--shadow-md),0 0 0 1px rgba(212,175,90,0.15);animation:pulse-glow 2.5s ease-in-out infinite alternate}@keyframes pulse-glow{from{box-shadow:var(--shadow-md),0 0 0 1px rgba(212,175,90,0.15)}to{box-shadow:var(--shadow-lg),0 0 18px rgba(212,175,90,0.18)}}.draggableBoxContainer{position:sticky;top:6px;z-index:9999;overflow:visible;display:flex;flex-direction:row;flex-wrap:wrap;height:auto;width:fit-content;max-width:100%;justify-content:center;align-items:center;margin:0.75rem auto;padding:1.2rem 1.5rem;border-radius:var(--border-radius-lg);gap:12px;background:rgba(255,255,255,0.70);backdrop-filter:blur(20px) saturate(160%) brightness(110%);-webkit-backdrop-filter:blur(20px) saturate(160%) brightness(110%);border:1px solid rgba(255,255,255,0.60);box-shadow:0 -2px 6px rgba(0,0,0,0.04),0 4px 12px rgba(0,0,0,0.08),0 12px 32px rgba(0,0,0,0.10),inset 0 1px 0 rgba(255,255,255,0.70),inset 0 -1px 0 rgba(255,255,255,0.30);transition:box-shadow 0.25s ease}.draggableBoxContainer:hover{background:rgba(255,255,255,0.82);backdrop-filter:blur(28px) saturate(180%) brightness(114%);-webkit-backdrop-filter:blur(28px) saturate(180%) brightness(114%);box-shadow:0 -2px 6px rgba(0,0,0,0.05),0 6px 18px rgba(0,0,0,0.10),0 16px 40px rgba(0,0,0,0.13)}@keyframes tilePoolFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-8px) scale(0.96)}}.tile-pool-hide{animation:tilePoolFadeOut 0.4s ease-out forwards;pointer-events:none}@keyframes tilePoolShuffleWobble{0%{transform:translateY(0) rotate(0deg)}28%{transform:translateY(-3px) rotate(-0.6deg)}62%{transform:translateY(2px) rotate(0.5deg)}100%{transform:translateY(0) rotate(0deg)}}@keyframes tileShufflePop{0%{opacity:0;transform:translateY(10px) scale(0.92)}55%{opacity:1;transform:translateY(-4px) scale(1.04)}100%{opacity:1;transform:translateY(0) scale(1)}}.draggableBoxContainer.tile-pool-shuffle{animation:tilePoolShuffleWobble 0.42s ease-out}.dragNumBox.tile-shuffle-pop{animation:tileShufflePop 0.42s cubic-bezier(0.16,1,0.3,1) both;animation-delay:var(--shuffle-delay,0ms)}@keyframes tilePoolFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-8px) scale(0.96)}}.tile-pool-hide{animation:tilePoolFadeOut 0.4s ease-out forwards;pointer-events:none}@media screen and (max-width:768px){.draggableBoxContainer{align-self:center;width:min(100%,calc(100vw - 16px)) !important;max-width:calc(100vw - 16px) !important;margin-left:auto !important;margin-right:auto !important;margin-top:0 !important;margin-bottom:1rem !important;box-sizing:border-box !important;justify-content:center;padding-top:max(0.75rem,env(safe-area-inset-top,0.75rem)) !important;padding-bottom:0.75rem !important;padding-left:max(0.75rem,env(safe-area-inset-left,0.75rem)) !important;padding-right:max(0.75rem,env(safe-area-inset-right,0.75rem)) !important;border-radius:20px !important}.draggableBoxContainer::after{content:'';position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient( 0deg,rgba(180,210,255,0.10) 0%,rgba(255,255,255,0.0) 100% );border-radius:0 0 20px 20px;pointer-events:none;z-index:0}.draggableBoxContainer>*{position:relative;z-index:1}}.dragNumBox{font-size:var(--drag-box-font);font-weight:600;font-family:var(--font-family-mono);width:var(--drag-box-size);height:var(--drag-box-size);background:white !important;border:2px solid var(--neutral-300) !important;border-radius:var(--border-radius) !important;box-shadow:var(--shadow-sm) !important;transition:var(--transition) !important;position:relative !important;display:flex;justify-content:center;align-items:center;margin:4px;cursor:grab;min-height:44px;min-width:44px;color:var(--neutral-900) !important;letter-spacing:-0.02em;font-variant-numeric:lining-nums tabular-nums;-webkit-font-feature-settings:"tnum","lnum";font-feature-settings:"tnum","lnum"}.dragNumBox:hover{transform:translateY(-2px) !important;box-shadow:var(--shadow-lg) !important;border-color:var(--primary-color) !important}.dragNumBox:active,.dragNumBox.dragging{transform:scale(1.02) !important;box-shadow:var(--shadow-xl) !important;border-color:var(--primary-dark) !important;z-index:1000}.dragNumBox.selected{background:linear-gradient(145deg,#4B8BC4 0%,var(--primary-color) 100%) !important;color:white !important;border-color:var(--primary-dark) !important;transform:scale(1.06) !important;box-shadow:0 4px 16px rgba(50,104,145,0.4),inset 0 1px 0 rgba(255,255,255,0.2) !important;z-index:1001 !important}@media (prefers-reduced-motion:reduce){.draggableBoxContainer.tile-pool-shuffle,.dragNumBox.tile-shuffle-pop{animation:none !important}}.split-flap-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--neutral-800);border-radius:inherit}.split-flap-top,.split-flap-bottom{position:absolute;width:100%;height:50%;background:var(--neutral-700);border:1px solid var(--neutral-600);border-radius:inherit;display:flex;align-items:center;justify-content:center;font-size:inherit;font-weight:inherit;color:white;overflow:hidden;backface-visibility:hidden;box-shadow:var(--shadow-sm)}.split-flap-top{top:0;transform-origin:bottom;border-bottom:1px solid var(--neutral-600);border-bottom-left-radius:0;border-bottom-right-radius:0}.split-flap-bottom{bottom:0;transform-origin:top;border-top:1px solid var(--neutral-600);border-top-left-radius:0;border-top-right-radius:0}.split-flap-top::before,.split-flap-bottom::before{content:attr(data-content);position:absolute;width:100%;height:200%;display:flex;align-items:center;justify-content:center;font-size:inherit;font-weight:inherit;color:white;font-variant-numeric:lining-nums tabular-nums;-webkit-font-feature-settings:"tnum","lnum";font-feature-settings:"tnum","lnum"}.split-flap-top::before{top:0}.split-flap-bottom::before{bottom:0}.split-flap-animating .split-flap-top{animation:flipTop var(--split-flap-animation-duration) ease-out forwards}.split-flap-animating .split-flap-bottom{animation:flipBottom var(--split-flap-animation-duration) ease-out forwards 0.1s}@keyframes flipTop{0%{transform:rotateX(0deg)}100%{transform:rotateX(-90deg)}}@keyframes flipBottom{0%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}.dragNumBox.preparing-animation{color:transparent !important;background:var(--neutral-700) !important}.dragNumBox.preparing-animation .split-flap-container{opacity:0;transform:scale(0.95);transition:all 0.2s ease-out}.dragNumBox.preparing-animation.showing .split-flap-container{opacity:1;transform:scale(1)}.verticalContainer{display:grid;justify-content:center;gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:auto;width:100%;margin:0 auto;max-width:1200px;box-sizing:border-box}.AnswerBox{background:white !important;border:1px solid var(--neutral-200) !important;border-radius:var(--border-radius-lg) !important;box-shadow:var(--shadow-sm) !important;transition:var(--transition) !important;position:relative;min-height:180px;padding:1.5rem 1.5rem 6.5rem;box-sizing:border-box;display:grid;grid-template-rows:1fr auto auto;row-gap:0.75rem;align-items:start}.AnswerBox:hover{box-shadow:var(--shadow-md) !important;border-color:rgba(50,104,145,0.22) !important}.AnswerBox>div:not(.confidence-selector){position:relative;z-index:1;margin:0}.numBox{width:var(--num-box-size);height:var(--num-box-size);font-weight:600;font-size:var(--num-box-font);font-family:var(--font-family-mono);background-color:white;border:2px solid var(--neutral-300);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;justify-content:center;align-items:center;margin:4px;min-height:44px;min-width:44px;color:var(--neutral-900);touch-action:manipulation;letter-spacing:-0.02em;font-variant-numeric:lining-nums tabular-nums;-webkit-font-feature-settings:"tnum","lnum";font-feature-settings:"tnum","lnum"}.numBox:hover{transform:translateY(-1px);box-shadow:var(--shadow-md) !important;border-color:var(--primary-color) !important}.numberContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.text-pane{width:100%;text-align:center;font-size:var(--font-size-base);font-weight:500;color:var(--neutral-800);padding-bottom:8px;line-height:1.4;align-self:center}.modal-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color)}.modal-title{font-size:1.75rem;font-weight:700;color:var(--primary-color);margin:0;letter-spacing:-0.025em;font-family:var(--font-family-base)}.drop-target{border-color:var(--primary-color) !important;background-color:rgba(50,104,145,0.05) !important}.filled{background-color:rgba(244,185,66,0.1) !important;border-color:var(--secondary-color) !important}.pulse-animation{animation:cleanPulse 2s ease-in-out infinite}@keyframes cleanPulse{0%,100%{transform:scale(1);box-shadow:var(--shadow-sm)}50%{transform:scale(1.02);box-shadow:0 0 0 4px rgba(50,104,145,0.1)}}.numBox.clickable-target{cursor:pointer}.numBox.clickable-target:hover{background-color:rgba(244,185,66,0.1) !important;border-color:var(--secondary-color) !important}.numBox.awaiting-selection{border-color:var(--primary-color) !important;background-color:rgba(50,104,145,0.05) !important;animation:awaitingPulse 1.5s ease-in-out infinite}@keyframes awaitingPulse{0%,100%{box-shadow:0 0 0 0 rgba(50,104,145,0.4)}50%{box-shadow:0 0 0 8px rgba(50,104,145,0.1)}}.numBox.correct-hint{background-color:rgba(26,122,74,0.07) !important;border:2px solid var(--success-color) !important;animation:correctHint 2s ease-in-out}.numBox.correct-hint::after{content:'';position:absolute;top:-4px;right:-4px;width:9px;height:9px;background:var(--success-color);border-radius:50%;border:2px solid white;box-shadow:0 1px 4px rgba(26,122,74,0.4)}@keyframes correctHint{0%,100%{box-shadow:0 0 0 0 rgba(26,122,74,0.35);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(26,122,74,0.08);transform:scale(1.02)}}.numBox.incorrect-highlight{background-color:rgba(185,28,28,0.08) !important;border:2px solid var(--error-color) !important;animation:shake 0.5s ease-in-out}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes emptySlotWarn{0%{background-color:transparent;box-shadow:none}20%{background-color:rgba(245,158,11,0.28);box-shadow:0 0 0 3px rgba(245,158,11,0.45)}60%{background-color:rgba(245,158,11,0.18);box-shadow:0 0 0 2px rgba(245,158,11,0.30)}100%{background-color:transparent;box-shadow:none}}.numBox.empty-slot-warn{animation:emptySlotWarn 0.7s ease-out forwards,shake 0.35s ease-in-out;border-color:#d97706 !important}@keyframes submitShake{0%,100%{transform:translateX(0)}15%{transform:translateX(-6px)}35%{transform:translateX(6px)}55%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.submit-button.submit-warn{animation:submitShake 0.4s ease-in-out}@keyframes emptySlotWarn{0%{background-color:transparent;box-shadow:none}20%{background-color:rgba(245,158,11,0.28);box-shadow:0 0 0 3px rgba(245,158,11,0.45)}60%{background-color:rgba(245,158,11,0.18);box-shadow:0 0 0 2px rgba(245,158,11,0.30)}100%{background-color:transparent;box-shadow:none}}.numBox.empty-slot-warn{animation:emptySlotWarn 0.7s ease-out forwards,shake 0.35s ease-in-out;border-color:#d97706 !important}@keyframes submitShake{0%,100%{transform:translateX(0)}15%{transform:translateX(-6px)}35%{transform:translateX(6px)}55%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.submit-button.submit-warn{animation:submitShake 0.4s ease-in-out}.numBox.swap-pending{background-color:rgba(245,158,11,0.18) !important;border:2px solid #d97706 !important;box-shadow:0 0 0 3px rgba(245,158,11,0.35) !important;animation:swapPulse 1.2s ease-in-out infinite;cursor:pointer}@keyframes swapPulse{0%,100%{box-shadow:0 0 0 2px rgba(245,158,11,0.35)}50%{box-shadow:0 0 0 5px rgba(245,158,11,0.15)}}.numBox.swap-flash{animation:swapFlash 0.4s ease-out}.numBox.dragging-target{opacity:0.3 !important;transform:scale(0.96);transition:opacity 0.1s,transform 0.1s}.draggableBoxContainer.pool-drag-over{background:rgba(50,104,145,0.08) !important;border-color:rgba(50,104,145,0.45) !important;box-shadow:0 0 0 3px rgba(50,104,145,0.20) !important;transition:background 0.15s,box-shadow 0.15s,border-color 0.15s}html.dark-theme .draggableBoxContainer.pool-drag-over{background:rgba(160,196,255,0.10) !important;border-color:rgba(160,196,255,0.40) !important;box-shadow:0 0 0 3px rgba(160,196,255,0.18) !important}.numBox.touch-drag-over{border-color:var(--primary-color) !important;background:rgba(50,104,145,0.10) !important;box-shadow:0 0 0 3px rgba(50,104,145,0.28) !important;transform:scale(1.06);transition:transform 0.12s,box-shadow 0.12s}html.dark-theme .numBox.touch-drag-over{background:rgba(100,181,246,0.12) !important;border-color:var(--primary-light) !important;box-shadow:0 0 0 3px rgba(100,181,246,0.25) !important}@keyframes swapFlash{0%{background-color:rgba(245,158,11,0.45) !important;transform:scale(1.06)}100%{background-color:transparent;transform:scale(1)}}html.dark-theme .numBox.swap-pending{background-color:rgba(251,191,36,0.15) !important;border-color:#fbbf24 !important;box-shadow:0 0 0 3px rgba(251,191,36,0.3) !important}html.dark-theme .numBox.swap-flash{animation:swapFlashDark 0.4s ease-out}@keyframes swapFlashDark{0%{background-color:rgba(251,191,36,0.35) !important;transform:scale(1.06)}100%{background-color:transparent;transform:scale(1)}}.score-display{display:flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-family-mono);font-size:0.95rem;font-weight:700;letter-spacing:0.04em;padding:6px 16px;border-radius:99px;margin:0.5rem auto 0.75rem;width:fit-content;border:2px solid transparent;transition:color 0.3s,border-color 0.3s,background 0.3s;color:var(--neutral-600);background:var(--neutral-100);border-color:var(--neutral-200)}.score-display #scoreValue{font-size:1.1rem;min-width:2ch;text-align:center}.score-display .score-max{font-size:1.1rem;font-weight:inherit}.score-display.score-positive{color:var(--success-color);border-color:var(--success-color);background:rgba(26,122,74,0.07)}.score-display.score-negative{color:var(--error-color);border-color:var(--error-color);background:rgba(185,28,28,0.07)}html.dark-theme .score-display{color:var(--dark-neutral-700);background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15)}html.dark-theme .score-display.score-positive{color:#4ade80;border-color:#4ade80;background:rgba(74,222,128,0.1)}html.dark-theme .score-display.score-negative{color:#f87171;border-color:#f87171;background:rgba(248,113,113,0.1)}.confidence-selector{display:inline-flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:0;row-gap:2px;position:absolute !important;bottom:1rem !important;left:50% !important;transform:translateX(-50%) !important;width:80%;padding:3px 8px 3px 10px;background:var(--neutral-50,#f9fafb);border:1px solid var(--neutral-200,#e5e7eb);border-radius:999px;box-sizing:border-box;transition:background 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease}.confidence-selector:hover,.confidence-selector:focus-within{background:rgba(50,104,145,0.06);border-color:rgba(50,104,145,0.35);box-shadow:0 0 0 3px rgba(50,104,145,0.10)}.wager-label{font-size:0.62rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#4b5563;padding-right:5px;border-right:1px solid var(--neutral-200,#e5e7eb);margin-right:3px;white-space:nowrap;line-height:1;align-self:center;user-select:none;flex-shrink:0}.conf-hint{display:block;width:100%;flex-basis:100%;font-size:10px;font-weight:500;color:var(--neutral-500);text-align:center;margin-top:2px;line-height:1.35;letter-spacing:0.02em}html.dark-theme .conf-hint{color:#94a3b8}.conf-btns{display:flex;flex:1;justify-content:space-between;align-items:center;gap:0}.conf-btn{font-family:var(--font-family-mono);font-size:0.74rem;font-weight:700;width:30px;height:30px;border-radius:50%;border:2px solid #9ca3af;background:transparent;color:#4b5563;cursor:pointer;transition:all 0.18s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;opacity:0.8;-webkit-tap-highlight-color:transparent}.conf-btn:hover:not(:disabled),.conf-btn:active:not(:disabled){opacity:1;transform:scale(1.12)}.conf-btn[data-value="0"]:hover:not(:disabled),.conf-btn[data-value="0"]:active:not(:disabled){background:rgba(107,114,128,0.15);border-color:#9ca3af;color:#4b5563;box-shadow:0 0 0 3px rgba(107,114,128,0.15)}.conf-btn[data-value="1"]:hover:not(:disabled),.conf-btn[data-value="1"]:active:not(:disabled){background:rgba(217,119,6,0.12);border-color:#d97706;color:#b45309;box-shadow:0 0 0 3px rgba(217,119,6,0.18)}.conf-btn[data-value="2"]:hover:not(:disabled),.conf-btn[data-value="2"]:active:not(:disabled){background:rgba(22,163,74,0.12);border-color:#16a34a;color:#15803d;box-shadow:0 0 0 3px rgba(22,163,74,0.18)}.conf-btn.conf-active{opacity:1}.conf-btn.conf-active[data-value="0"]{background:#6b7280;border-color:#4b5563;color:white}.conf-btn.conf-active[data-value="1"]{background:#d97706;border-color:#b45309;color:white}.conf-btn.conf-active[data-value="2"]{background:#16a34a;border-color:#15803d;color:white}.conf-btn{position:relative}.conf-btn::after{content:attr(data-tooltip);position:absolute;bottom:calc(100%+7px);left:50%;transform:translateX(-50%);background:rgba(15,23,42,0.92);color:#fff;font-size:0.72rem;font-weight:600;white-space:nowrap;padding:4px 9px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity 0.15s ease;z-index:200;letter-spacing:0.01em}.conf-btn::before{content:'';position:absolute;bottom:calc(100%+2px);left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(15,23,42,0.92);pointer-events:none;opacity:0;transition:opacity 0.15s ease;z-index:200}.conf-btn:hover::after,.conf-btn:focus-visible::after{opacity:1}.conf-btn:hover::before,.conf-btn:focus-visible::before{opacity:1}.confidence-selector.conf-locked .conf-btn{opacity:0.4;cursor:default;pointer-events:none}.confidence-selector.conf-locked .conf-btn.conf-active{opacity:0.85}html.dark-theme .conf-btn{border-color:rgba(255,255,255,0.50);color:rgba(255,255,255,0.70)}html.dark-theme .conf-btn:hover:not(:disabled),html.dark-theme .conf-btn:active:not(:disabled){opacity:1;transform:scale(1.12)}html.dark-theme .conf-btn[data-value="0"]:hover:not(:disabled),html.dark-theme .conf-btn[data-value="0"]:active:not(:disabled){background:rgba(156,163,175,0.18);border-color:#d1d5db;color:#e5e7eb;box-shadow:0 0 0 3px rgba(156,163,175,0.18)}html.dark-theme .conf-btn[data-value="1"]:hover:not(:disabled),html.dark-theme .conf-btn[data-value="1"]:active:not(:disabled){background:rgba(251,191,36,0.14);border-color:#fbbf24;color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,0.18)}html.dark-theme .conf-btn[data-value="2"]:hover:not(:disabled),html.dark-theme .conf-btn[data-value="2"]:active:not(:disabled){background:rgba(74,222,128,0.14);border-color:#4ade80;color:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,0.18)}html.dark-theme .conf-btn.conf-active[data-value="0"]{background:#6b7280;border-color:#9ca3af;color:white}html.dark-theme .conf-btn.conf-active[data-value="1"]{background:#d97706;border-color:#fbbf24;color:white}html.dark-theme .conf-btn.conf-active[data-value="2"]{background:#16a34a;border-color:#4ade80;color:white}html.dark-theme .confidence-selector{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.12)}html.dark-theme .confidence-selector:hover,html.dark-theme .confidence-selector:focus-within{background:rgba(100,181,246,0.10);border-color:rgba(100,181,246,0.35);box-shadow:0 0 0 3px rgba(100,181,246,0.12)}html.dark-theme .wager-label{color:rgba(255,255,255,0.70);border-right-color:rgba(255,255,255,0.18)}.celebration-score{font-size:1rem;margin-top:0.5rem;color:var(--neutral-700)}html.dark-theme .celebration-score{color:var(--dark-neutral-800)}.score-display{display:flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-family-mono);font-size:0.95rem;font-weight:700;letter-spacing:0.04em;padding:6px 16px;border-radius:99px;margin:0.5rem auto 0.75rem;width:fit-content;border:2px solid transparent;transition:color 0.3s,border-color 0.3s,background 0.3s;color:var(--neutral-600);background:var(--neutral-100);border-color:var(--neutral-200)}.score-display #scoreValue{font-size:1.1rem;min-width:2ch;text-align:center}.score-display .score-max{font-size:1.1rem;font-weight:inherit}.score-display.score-positive{color:var(--success-color);border-color:var(--success-color);background:rgba(26,122,74,0.07)}.score-display.score-negative{color:var(--error-color);border-color:var(--error-color);background:rgba(185,28,28,0.07)}html.dark-theme .score-display{color:var(--dark-neutral-700);background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15)}html.dark-theme .score-display.score-positive{color:#4ade80;border-color:#4ade80;background:rgba(74,222,128,0.1)}html.dark-theme .score-display.score-negative{color:#f87171;border-color:#f87171;background:rgba(248,113,113,0.1)}.confidence-selector{display:inline-flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:0;row-gap:2px;position:absolute !important;bottom:1rem !important;left:50% !important;transform:translateX(-50%) !important;width:80%;padding:3px 8px 3px 10px;background:var(--neutral-50,#f9fafb);border:1px solid var(--neutral-200,#e5e7eb);border-radius:999px;box-sizing:border-box;transition:background 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease}.confidence-selector:hover,.confidence-selector:focus-within{background:rgba(50,104,145,0.06);border-color:rgba(50,104,145,0.35);box-shadow:0 0 0 3px rgba(50,104,145,0.10)}.wager-label{font-size:0.62rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#4b5563;padding-right:5px;border-right:1px solid var(--neutral-200,#e5e7eb);margin-right:3px;white-space:nowrap;line-height:1;align-self:center;user-select:none;flex-shrink:0}.conf-hint{display:block;width:100%;flex-basis:100%;font-size:10px;font-weight:500;color:var(--neutral-500);text-align:center;margin-top:2px;line-height:1.35;letter-spacing:0.02em}html.dark-theme .conf-hint{color:#94a3b8}.conf-btns{display:flex;flex:1;justify-content:space-between;align-items:center;gap:0}.conf-btn{font-family:var(--font-family-mono);font-size:0.74rem;font-weight:700;width:30px;height:30px;border-radius:50%;border:2px solid #9ca3af;background:transparent;color:#4b5563;cursor:pointer;transition:all 0.18s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;opacity:0.8;-webkit-tap-highlight-color:transparent}.conf-btn:hover:not(:disabled),.conf-btn:active:not(:disabled){opacity:1;transform:scale(1.12)}.conf-btn[data-value="0"]:hover:not(:disabled),.conf-btn[data-value="0"]:active:not(:disabled){background:rgba(107,114,128,0.15);border-color:#9ca3af;color:#4b5563;box-shadow:0 0 0 3px rgba(107,114,128,0.15)}.conf-btn[data-value="1"]:hover:not(:disabled),.conf-btn[data-value="1"]:active:not(:disabled){background:rgba(217,119,6,0.12);border-color:#d97706;color:#b45309;box-shadow:0 0 0 3px rgba(217,119,6,0.18)}.conf-btn[data-value="2"]:hover:not(:disabled),.conf-btn[data-value="2"]:active:not(:disabled){background:rgba(22,163,74,0.12);border-color:#16a34a;color:#15803d;box-shadow:0 0 0 3px rgba(22,163,74,0.18)}.conf-btn.conf-active{opacity:1}.conf-btn.conf-active[data-value="0"]{background:#6b7280;border-color:#4b5563;color:white}.conf-btn.conf-active[data-value="1"]{background:#d97706;border-color:#b45309;color:white}.conf-btn.conf-active[data-value="2"]{background:#16a34a;border-color:#15803d;color:white}.confidence-selector.conf-locked .conf-btn{opacity:0.4;cursor:default;pointer-events:none}.confidence-selector.conf-locked .conf-btn.conf-active{opacity:0.85}html.dark-theme .conf-btn{border-color:rgba(255,255,255,0.50);color:rgba(255,255,255,0.70)}html.dark-theme .conf-btn:hover:not(:disabled),html.dark-theme .conf-btn:active:not(:disabled){opacity:1;transform:scale(1.12)}html.dark-theme .conf-btn[data-value="0"]:hover:not(:disabled),html.dark-theme .conf-btn[data-value="0"]:active:not(:disabled){background:rgba(156,163,175,0.18);border-color:#d1d5db;color:#e5e7eb;box-shadow:0 0 0 3px rgba(156,163,175,0.18)}html.dark-theme .conf-btn[data-value="1"]:hover:not(:disabled),html.dark-theme .conf-btn[data-value="1"]:active:not(:disabled){background:rgba(251,191,36,0.14);border-color:#fbbf24;color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,0.18)}html.dark-theme .conf-btn[data-value="2"]:hover:not(:disabled),html.dark-theme .conf-btn[data-value="2"]:active:not(:disabled){background:rgba(74,222,128,0.14);border-color:#4ade80;color:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,0.18)}html.dark-theme .conf-btn.conf-active[data-value="0"]{background:#6b7280;border-color:#9ca3af;color:white}html.dark-theme .conf-btn.conf-active[data-value="1"]{background:#d97706;border-color:#fbbf24;color:white}html.dark-theme .conf-btn.conf-active[data-value="2"]{background:#16a34a;border-color:#4ade80;color:white}.celebration-score{font-size:1rem;margin-top:0.5rem;color:var(--neutral-700)}html.dark-theme .celebration-score{color:var(--dark-neutral-800)}.button-container{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;width:100%;max-width:760px;margin-top:2rem;margin-left:auto;margin-right:auto;gap:12px;padding:0 1rem;box-sizing:border-box}.submit-button,.reset-button,.reveal-button,#submitButton,#resetButton,#revealButton,#sourcesButton{padding:var(--button-padding) !important;font-size:var(--button-font-size) !important;font-weight:600 !important;border:1px solid transparent !important;border-radius:var(--border-radius) !important;cursor:pointer !important;min-height:44px !important;flex:1 1 auto;max-width:140px;transition:var(--transition) !important;text-transform:none;letter-spacing:0.03em;font-family:var(--font-family-base) !important;touch-action:manipulation;line-height:1.2}#submitButton{background:var(--success-color) !important;color:white !important;box-shadow:0 1px 3px rgba(26,122,74,0.2),0 4px 14px rgba(26,122,74,0.12) !important}#submitButton:hover{background:#155E38 !important;transform:translateY(-1px) !important;box-shadow:0 2px 6px rgba(26,122,74,0.25),0 8px 22px rgba(26,122,74,0.12) !important}#resetButton{background:white !important;color:var(--neutral-600) !important;border:1px solid var(--neutral-300) !important;box-shadow:none !important}#resetButton:hover{background:var(--neutral-50) !important;border-color:var(--neutral-400) !important;color:var(--neutral-800) !important;transform:translateY(-1px) !important;box-shadow:var(--shadow-sm) !important}#revealButton{background:var(--primary-color) !important;color:white !important;box-shadow:var(--shadow-sm) !important}#revealButton:hover{background:var(--primary-dark) !important;transform:translateY(-1px) !important;box-shadow:var(--shadow-md) !important}#revealButton.confirm-state{background:linear-gradient(135deg,#b91c1c 0%,#dc2626 100%) !important;color:#fff !important}html.dark-theme #revealButton.confirm-state{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%) !important}#sourcesButton{background:var(--neutral-600) !important;color:white !important;box-shadow:var(--shadow-sm) !important}#sourcesButton:hover{background:var(--neutral-700) !important;transform:translateY(-1px) !important;box-shadow:var(--shadow-md) !important}.submit-button-pulse{animation:submitPulse 2s ease-in-out infinite}@keyframes submitPulse{0%,100%{transform:scale(1);box-shadow:0 1px 3px rgba(26,122,74,0.2),0 4px 14px rgba(26,122,74,0.12)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(26,122,74,0.1),0 4px 14px rgba(26,122,74,0.2)}}button:disabled,button[disabled]{opacity:0.5 !important;cursor:not-allowed !important;pointer-events:none !important;background:var(--neutral-400) !important;color:var(--neutral-600) !important;border-color:var(--neutral-400) !important;transform:none !important;box-shadow:none !important}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:11000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.tutorial-embed-layer{position:fixed;inset:0;z-index:12050;margin:0;padding:0;border:none;background:transparent}.tutorial-embed-iframe{display:block;width:100%;height:100%;border:none;margin:0;padding:0}.rules-modal,.modal-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,440px);max-width:90vw;max-height:90vh;padding:1.5rem;background:white;border:1px solid var(--neutral-200);border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);text-align:center;z-index:11001;overflow-y:auto;font-family:var(--font-family-base)}.modal-card{cursor:grab}.rules-modal{padding-top:calc(1.5rem * 0.85);cursor:default}.rules-modal::-webkit-scrollbar,.modal-card::-webkit-scrollbar{width:5px}.rules-modal::-webkit-scrollbar-track,.modal-card::-webkit-scrollbar-track{background:transparent;margin-top:var(--border-radius-lg,14px);margin-bottom:var(--border-radius-lg,14px)}.rules-modal::-webkit-scrollbar-thumb,.modal-card::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.18);border-radius:3px}html.dark-theme .rules-modal::-webkit-scrollbar-thumb,html.dark-theme .modal-card::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.22)}.rules-modal:active{cursor:default}.modal-card:active{cursor:grabbing}.rules-message,.modal-message{margin-bottom:1.5rem;font-size:var(--font-size-base);font-weight:400;color:var(--neutral-800);line-height:1.6;text-align:left;padding:0 4px}.rules-message strong{color:var(--neutral-900);font-weight:700;display:block;margin-top:1.5rem;margin-bottom:1rem;font-size:1.1rem}.rules-message strong:first-child{margin-top:0}.rules-message ul{margin:0.75rem 0 1.25rem 0;padding-left:1.25rem;list-style:none}.rules-message li{margin-bottom:0.5rem;position:relative;padding-left:0.75rem;line-height:1.5}.rules-message li::before{content:"•";color:var(--primary-color);font-weight:bold;position:absolute;left:-0.75rem;font-size:1.2em}.rules-message .button-list{margin:0.75rem 0;padding:1rem;background:rgba(50,104,145,0.05);border-radius:var(--border-radius);border-left:3px solid var(--primary-color);line-height:1.6}.rules-message .button-list .button-item{display:block;margin-bottom:0.5rem;padding-left:0.5rem}.rules-message .button-list .button-item:last-child{margin-bottom:0}.rules-message .button-list .button-name{color:var(--primary-color);font-weight:700;text-transform:uppercase;font-size:0.9rem;letter-spacing:0.05em}.rules-message .tip-section{margin:1.25rem 0 0 0;padding:0.75rem;background:rgba(26,122,74,0.04);border-radius:var(--border-radius);border-left:3px solid var(--success-color);font-style:italic}.rules-section{margin-bottom:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--neutral-100)}.rules-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.rules-message>.rules-section:nth-of-type(2){margin-bottom:calc(1.1rem * 0.8);padding-bottom:calc(1.1rem * 0.8)}.rules-heading{font-size:0.95rem;font-weight:700;color:var(--neutral-900);margin:0 0 0.5rem 0;letter-spacing:0.01em}.rules-body{font-size:0.9rem;color:var(--neutral-700);margin:0 0 0.5rem 0;line-height:1.5}.rules-list{margin:0.25rem 0 0 0;padding-left:1.1rem;list-style:none}.rules-list li{margin-bottom:0.45rem;position:relative;padding-left:0.6rem;font-size:0.9rem;line-height:1.45;color:var(--neutral-700)}.rules-list li::before{content:"•";color:var(--primary-color);font-weight:bold;position:absolute;left:-0.65rem}.rules-keyboard-details{margin-top:0.6rem}.rules-keyboard-summary{font-size:0.82rem;font-weight:600;color:var(--primary-color);cursor:pointer;user-select:none;list-style:none}.rules-keyboard-summary::-webkit-details-marker{display:none}.rules-keyboard-summary::before{content:'▸ ';font-size:0.75em}details[open] .rules-keyboard-summary::before{content:'▾ '}.rules-keyboard-list{margin-top:0.4rem}.rules-keyboard-list li{font-size:0.82rem}kbd{display:inline-block;padding:1px 5px;font-family:var(--font-family-mono,monospace);font-size:0.78rem;line-height:1.4;background:var(--neutral-100);border:1px solid var(--neutral-300);border-bottom-width:2px;border-radius:4px;color:var(--neutral-800);white-space:nowrap}html.dark-theme kbd{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.conf-rules-table{display:flex;flex-direction:column;gap:0.45rem;margin:0.5rem 0 0.8rem 0}.conf-rules-row{display:flex;align-items:center;gap:0.7rem;font-size:0.9rem;color:var(--neutral-700);line-height:1.3}.conf-badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.82rem;flex-shrink:0;color:white}.conf-badge-0{background:#6b7280}.conf-badge-1{background:#d97706}.conf-badge-2{background:#16a34a}.speed-bonus-row{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:0.7rem}.speed-bonus-label{font-size:0.85rem;font-weight:700;color:var(--neutral-800)}.speed-bonus-pills{display:flex;flex-wrap:wrap;gap:0.35rem}.speed-pill{background:rgba(50,104,145,0.08);border:1px solid rgba(50,104,145,0.22);color:var(--primary-color);border-radius:999px;padding:3px 10px;font-size:0.78rem;font-weight:600;white-space:nowrap}.rules-max-score{margin:0;font-size:0.92rem;font-weight:500;color:var(--neutral-800);line-height:1.55;letter-spacing:0.01em}.rules-max-score strong{color:var(--neutral-900);font-size:1.05rem;font-weight:700;display:inline;margin:0}.rules-max-score span{color:var(--neutral-600);font-size:0.85rem;font-weight:400}.hide-checkbox-container{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;cursor:pointer;border-radius:var(--border-radius);transition:var(--transition);background:var(--neutral-50);border:1px solid var(--neutral-200);min-height:60px}.hide-checkbox-container:hover{background:var(--neutral-100);border-color:var(--neutral-300)}.hide-checkbox{width:24px;height:24px;cursor:pointer;accent-color:var(--primary-color);transform:scale(1.2)}.hide-checkbox-container label{cursor:pointer;font-size:var(--font-size-base);font-weight:500;line-height:1.4;color:var(--neutral-700);user-select:none;flex:1}.close-button{padding:12px 24px;font-size:var(--font-size-sm);font-weight:600;border:1px solid var(--neutral-300);border-radius:var(--border-radius);background:var(--neutral-100);color:var(--neutral-800);cursor:pointer;min-height:48px;transition:var(--transition);width:100%}.close-button:hover{background:var(--neutral-200);border-color:var(--neutral-400);transform:translateY(-1px)}.close-button:active{transform:translateY(0)}.wager-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:10100;animation:wagerBackdropFadeIn 0.2s ease}@keyframes wagerBackdropFadeIn{from{opacity:0}to{opacity:1}}html.dark-theme .wager-backdrop{background:rgba(0,0,0,0.65)}.wager-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,380px);background:white;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,0.25);padding:1.5rem 1.5rem 1.25rem;z-index:10101;font-family:var(--font-family-base)}.wager-title{font-size:1.1rem;font-weight:700;color:var(--neutral-900);margin:0 0 1rem 0;text-align:center}.wager-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:1rem}.wager-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.wager-q{font-size:0.65rem;font-weight:600;color:var(--neutral-500);letter-spacing:0.03em}.wager-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem;color:white}.wager-badge-0{background:#6b7280}.wager-badge-1{background:#d97706}.wager-badge-2{background:#16a34a}.wager-locked{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.9rem;background:rgba(22,163,74,0.12);color:#16a34a;border:1.5px solid rgba(22,163,74,0.35)}.wager-summary{text-align:center;font-size:1rem;color:var(--neutral-700);margin-bottom:0.35rem;padding:0.6rem;background:var(--neutral-50);border-radius:8px}.wager-summary strong{font-size:1.3rem;color:var(--neutral-900)}.wager-bonus{text-align:center;font-size:0.82rem;color:var(--neutral-500);margin:0.35rem 0 1.1rem}.wager-bonus strong{color:var(--primary-color)}.wager-btn-row{display:flex;gap:10px}.wager-btn{flex:1;padding:11px 0;border-radius:10px;font-family:var(--font-family-base);font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.15s ease;border:none}.wager-btn-adjust{background:var(--neutral-100);color:var(--neutral-700);border:1.5px solid var(--neutral-300)}.wager-btn-adjust:hover{background:var(--neutral-200)}.wager-btn-submit{background:var(--primary-color);color:white}.wager-btn-submit:hover{filter:brightness(1.08)}html.dark-theme .wager-confirm-modal{background:#1C2130;border:1px solid #2A3347}html.dark-theme .wager-title{color:#f9fafb}html.dark-theme .wager-q{color:#6b7280}html.dark-theme .wager-summary{background:#242C3E;color:#d1d5db}html.dark-theme .wager-summary strong{color:#f9fafb}html.dark-theme .wager-bonus{color:#6b7280}html.dark-theme .wager-btn-adjust{background:#242C3E;color:#d1d5db;border-color:#344058}html.dark-theme .wager-btn-adjust:hover{background:#2D3650}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;overflow:hidden;display:none}.particle-container{position:fixed;inset:0;pointer-events:none;z-index:9997;overflow:hidden}.particle-container--perfect{z-index:9998}.victory-particle{position:absolute;border-radius:50%;animation:particleRise linear forwards;opacity:0}@keyframes particleRise{0%{transform:translateX(0) translateY(0) scale(0) rotate(0deg);opacity:0}8%{opacity:1;transform:translateX(0) translateY(-15px) scale(1) rotate(20deg)}70%{opacity:0.9}100%{transform:translateX(var(--drift,0px)) translateY(-85vh) scale(0.2) rotate(180deg);opacity:0}}@media (prefers-reduced-motion:reduce){.particle-container,.particle-container--perfect{display:none !important}}.celebration-banner{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none;background:rgba(0,0,0,0.42);animation:backdropFadeIn 0.35s ease forwards}@keyframes backdropFadeIn{from{opacity:0}to{opacity:1}}.celebration-banner.fade-out{animation:backdropFadeOut 0.7s ease-in forwards}@keyframes backdropFadeOut{from{opacity:1}to{opacity:0}}.banner-message{background:white;border:1px solid var(--neutral-200);border-radius:1.25rem;box-shadow:0 24px 64px rgba(0,0,0,0.18),0 4px 16px rgba(0,0,0,0.08);padding:1.75rem 2rem 2rem;width:min(480px,100%);text-align:center;pointer-events:all;position:relative;overflow:hidden;animation:cardPopIn 0.55s cubic-bezier(0.34,1.4,0.64,1) forwards}@keyframes cardPopIn{0%{transform:scale(0.86) translateY(24px);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}.celebration-banner.fade-out .banner-message{animation:cardPopOut 0.7s ease-in forwards}@keyframes cardPopOut{0%{transform:scale(1) translateY(0);opacity:1}100%{transform:scale(0.9) translateY(-14px);opacity:0}}.banner-message::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#C8993C 20%,#F0D060 45%,#F7E898 55%,#C8993C 80%,transparent 100%);animation:shimmerSweep 1.8s ease-out 0.2s both;transform-origin:left}@keyframes shimmerSweep{0%{transform:scaleX(0);opacity:0}15%{opacity:1}100%{transform:scaleX(1);opacity:1}}.celebration-check{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;animation:checkPop 0.45s cubic-bezier(0.34,1.56,0.64,1) 0.25s both}.celebration-icon{width:72px;height:72px;display:block}html.dark-theme .celebration-icon .ci-circle{stroke:#7db8d8;fill:rgba(125,184,216,0.08)}html.dark-theme .celebration-icon .ci-check{stroke:#7db8d8}html.dark-theme .celebration-icon .ci-gold{fill:#E8C84A}@keyframes checkPop{0%{transform:scale(0) rotate(-30deg);opacity:0}100%{transform:scale(1) rotate(0deg);opacity:1}}.celebration-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:var(--neutral-900);margin:0 0 0.25rem;letter-spacing:-0.03em;line-height:1.2;animation:textRise 0.4s ease-out 0.35s both}.celebration-sub{font-size:0.875rem;color:var(--neutral-500);margin:0 0 1.1rem;font-weight:500;animation:textRise 0.4s ease-out 0.45s both}.celebration-perfect-callout{margin:0 0 1rem;font-size:clamp(1rem,3.2vw,1.15rem);font-weight:800;letter-spacing:0.05em;color:#7a5a00;line-height:1.25;animation:textRise 0.45s ease-out 0.52s both}.celebration-banner--perfect .celebration-sub{margin-bottom:0.45rem}.celebration-banner--perfect{background:rgba(38,28,8,0.5)}@keyframes textRise{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.celebration-attempt-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 15px;border-radius:20px;font-size:0.8rem;font-weight:700;margin-bottom:1rem;letter-spacing:0.02em;animation:textRise 0.4s ease-out 0.55s both}.celebration-attempt-badge.attempt-1{background:linear-gradient(135deg,#FFFAED,#FFF0B3);color:#7A5100;border:1px solid #C8993C}.celebration-attempt-badge.attempt-2{background:linear-gradient(135deg,#F8F8F8,#EBEBEB);color:#444444;border:1px solid #B0B0B0}.celebration-attempt-badge.attempt-3{background:linear-gradient(135deg,#FFF5F0,#FFE4D6);color:#6B3320;border:1px solid #C07040}.celebration-stats{font-size:0.775rem;color:var(--neutral-500);margin:0;padding:0.625rem 0.875rem;background:var(--neutral-50);border-radius:var(--border-radius);line-height:1.5;animation:textRise 0.4s ease-out 0.65s both}@keyframes victoryPulse{0%{box-shadow:0 0 0 0 rgba(26,122,74,0.5);transform:scale(1)}45%{box-shadow:0 0 0 10px rgba(26,122,74,0);transform:scale(1.07)}100%{box-shadow:0 0 0 0 rgba(26,122,74,0);transform:scale(1)}}.numBox.victory-cascade{animation:victoryPulse 0.5s ease-out forwards;background:linear-gradient(135deg,#ECFDF5,#D1FAE5) !important;border-color:var(--success-color) !important;color:#065F46 !important}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(0.95)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}html.dark-theme .banner-message{background:#1C2130;border-color:rgba(255,255,255,0.10);box-shadow:0 24px 64px rgba(0,0,0,0.55),0 4px 16px rgba(0,0,0,0.35)}html.dark-theme .celebration-banner{background:rgba(0,0,0,0.62)}html.dark-theme .celebration-title{color:#f1f5f9}html.dark-theme .celebration-sub{color:#64748b}html.dark-theme .celebration-banner--perfect{background:rgba(48,32,6,0.58)}html.dark-theme .celebration-perfect-callout{color:#f5d778;text-shadow:0 1px 2px rgba(0,0,0,0.35)}html.dark-theme .celebration-stats{background:rgba(255,255,255,0.05);color:#64748b}html.dark-theme .celebration-attempt-badge.attempt-1{background:linear-gradient(135deg,rgba(212,175,55,0.12),rgba(240,208,96,0.15));color:#E8C84A;border-color:#8A6820}html.dark-theme .celebration-attempt-badge.attempt-2{background:rgba(255,255,255,0.07);color:#94a3b8;border-color:rgba(255,255,255,0.15)}html.dark-theme .celebration-attempt-badge.attempt-3{background:rgba(192,112,64,0.12);color:#D4906A;border-color:#8B4A28}.error-container{position:relative;gap:clamp(24px,8vw,48px);align-items:center;flex-wrap:wrap;justify-content:center;margin-top:2rem;margin-bottom:1rem;display:flex}.error-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.x-circles-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.error-label{font-weight:700;color:var(--neutral-900);font-size:var(--font-size-lg);text-align:center;padding:16px 24px;background:white;border-radius:var(--border-radius-lg);border:2px solid var(--neutral-300);box-shadow:var(--shadow-md);min-width:180px;transition:var(--transition);letter-spacing:0.025em;line-height:1.3;text-shadow:0 1px 2px rgba(255,255,255,0.8)}.x-circle{width:48px;height:48px;border-radius:50%;margin:0 4px;display:flex;align-items:center;justify-content:center;cursor:default;transition:var(--transition);position:relative;box-shadow:var(--shadow-sm)}.x-circle:hover{transform:none;filter:brightness(1.05);box-shadow:var(--shadow-md)}.x-circle-grey{background:var(--neutral-400)}.x-circle-red{background:var(--error-color)}.x-circle-green{background:#22c55e;box-shadow:0 2px 8px rgba(34,197,94,0.35)}.x-circle-green::before{content:'';width:10px;height:18px;background:transparent;border:3px solid white;border-top:none;border-left:none;transform:translate(-50%,-60%) rotate(45deg)}.x-circle-green::after{content:none}.x-circle::before,.x-circle::after{content:' ';position:absolute;width:2px;height:20px;background-color:white;top:50%;left:50%;transform-origin:center}.x-circle::before{transform:translate(-50%,-50%) rotate(45deg)}.x-circle::after{transform:translate(-50%,-50%) rotate(-45deg)}.final-correct{background:rgba(26,122,74,0.07) !important;border:2px solid var(--success-color) !important;color:#064E3B !important;font-weight:700;animation:correctReveal 0.8s ease-out;box-shadow:0 0 0 2px rgba(26,122,74,0.15),var(--shadow-md) !important;position:relative}.final-correct::after{content:'✓';position:absolute;top:-8px;right:-8px;background:var(--success-color);color:white;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:bold;box-shadow:var(--shadow-md);z-index:10;line-height:1;transform:translateZ(0)}.final-incorrect{background:rgba(185,28,28,0.07) !important;border:2px solid var(--error-color) !important;color:#991B1B !important;font-weight:700;animation:incorrectReveal 0.8s ease-out;box-shadow:0 0 0 2px rgba(185,28,28,0.14),var(--shadow-md) !important;position:relative}.final-incorrect::after{content:'×';position:absolute;top:-8px;right:-8px;background:var(--error-color);color:white;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:bold;box-shadow:var(--shadow-md);z-index:10;line-height:1;transform:translateZ(0)}.revealed-answer{background:rgba(244,185,66,0.1) !important;border:2px solid var(--secondary-color) !important;color:#e65100 !important;font-weight:700;animation:answerReveal 0.5s ease-out;box-shadow:0 0 0 2px rgba(244,185,66,0.2),var(--shadow-md) !important}@keyframes correctReveal{0%{transform:scale(1);background:white}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes incorrectReveal{0%{transform:scale(1);background:white}25%{transform:scale(1.02) rotate(-1deg)}75%{transform:scale(1.02) rotate(1deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes answerReveal{0%{transform:scale(0.95);opacity:0.8}100%{transform:scale(1);opacity:1}}.game-complete-message{text-align:center;margin:2rem auto;padding:2rem 2.5rem;background:white;border:1px solid var(--neutral-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-width:520px;width:92%;animation:messageAppear 0.6s ease-out;position:relative}.game-complete-message::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--success-color);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.complete-message-content h3{font-size:clamp(1.375rem,4vw,1.625rem);font-weight:700;color:var(--success-color);margin:0 0 1rem 0;letter-spacing:-0.025em;line-height:1.2}.complete-message-content p{font-size:clamp(1rem,3vw,1.125rem);font-weight:600;color:#111827;margin:0;line-height:1.6}html.dark-theme .complete-message-content p{color:#f1f5f9}@keyframes messageAppear{0%{opacity:0;transform:translateY(-20px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}.selection-status{position:sticky;background:rgba(50,104,145,0.05);border:1px solid rgba(50,104,145,0.2);border-radius:var(--border-radius);margin:0rem auto;text-align:center;font-weight:500;color:var(--primary-color);transition:var(--transition)}.selection-status.hidden{opacity:0;transform:translateY(-10px);pointer-events:none;height:0;width:0}.game-complete .selection-status,body.game-complete .selection-status,.selection-status.game-complete{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important}.incorrect-placement-shake{animation:incorrectPlacementShake 0.5s ease-in-out;border-color:var(--error-color) !important;background-color:rgba(185,28,28,0.07) !important}@keyframes incorrectPlacementShake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}#incorrectPlacementModal{background:#fef2f2;border-color:var(--error-color);animation:modalFadeIn 0.3s ease-out}.final-results-modal{cursor:grab !important;user-select:none}.final-results-modal:active{cursor:grabbing !important}.final-results-modal::before{content:'';position:absolute;top:0;left:0;right:0;height:30px;background:rgba(50,104,145,0.05);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;pointer-events:none}.final-results-modal::after{content:'⋮⋮⋮';position:absolute;top:8px;right:15px;color:rgba(50,104,145,0.4);font-size:12px;letter-spacing:2px;pointer-events:none;font-weight:bold}.modal-button{cursor:pointer !important;position:relative;z-index:10;padding:12px 24px;font-size:var(--font-size-sm);font-weight:600;border:none;border-radius:var(--border-radius);transition:var(--transition);text-transform:uppercase;letter-spacing:0.05em;min-height:44px;touch-action:manipulation}.show-answers-btn{background:var(--primary-color);color:white;box-shadow:var(--shadow-sm)}.show-answers-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.close-btn.secondary{background:transparent;border:1px solid var(--neutral-400);color:var(--neutral-600)}.close-btn.secondary:hover{background:var(--neutral-100);color:var(--neutral-800)}.modal-button-container{display:flex;flex-direction:column;gap:12px;margin-top:1.5rem}.results-summary{display:flex;flex-direction:column;gap:8px;margin:1rem 0;padding:1rem;background:rgba(50,104,145,0.05);border-radius:var(--border-radius);border:1px solid rgba(50,104,145,0.1)}.result-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--border-radius-sm);font-weight:600;transition:var(--transition)}.correct-results{background:rgba(26,122,74,0.07);color:#064E3B;border:1px solid rgba(26,122,74,0.15)}.incorrect-results{background:rgba(185,28,28,0.07);color:#991B1B;border:1px solid rgba(185,28,28,0.14)}.final-score{background:rgba(244,185,66,0.1);color:#ef6c00;border:1px solid rgba(244,185,66,0.2);justify-content:center;font-size:var(--font-size-lg)}.result-icon{display:flex;align-items:center;justify-content:center;min-width:24px;flex-shrink:0}.result-text{font-size:var(--font-size-base);letter-spacing:0.025em}.flagged-indicator{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;padding:5px 8px;background:rgba(185,28,28,0.05);border:1px solid rgba(185,28,28,0.14);border-radius:var(--border-radius-sm);animation:fadeIn 0.25s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.flagged-indicator-label{font-size:0.83rem;font-weight:600;color:#374151;white-space:nowrap;letter-spacing:0.02em;margin-right:2px}.flagged-badge{display:inline-flex;align-items:center;justify-content:center;background:rgba(185,28,28,0.09);border:1px solid rgba(185,28,28,0.28);color:var(--error-color);border-radius:4px;padding:1px 6px;font-weight:700;font-family:var(--font-family-mono);font-size:0.87rem;text-decoration:line-through;text-decoration-color:rgba(185,28,28,0.6);user-select:none}html.dark-theme .flagged-indicator{background:rgba(248,113,113,0.07) !important;border-color:rgba(248,113,113,0.2) !important}html.dark-theme .flagged-indicator-label{color:#e5e7eb !important}html.dark-theme .flagged-badge{background:rgba(248,113,113,0.12) !important;border-color:rgba(248,113,113,0.3) !important;color:#f87171 !important;text-decoration-color:rgba(248,113,113,0.6) !important}@media (prefers-reduced-motion:reduce){.flagged-indicator{animation:none}}.feedback-modal{animation:modalSlideIn 0.25s ease-out;border-top:4px solid var(--warning-color)}.feedback-title{font-size:var(--font-size-lg);font-weight:700;color:var(--warning-color);margin:0 0 0.25rem 0}.feedback-guesses-left{font-size:var(--font-size-sm);color:var(--neutral-600);margin:0.5rem 0 0 0;font-weight:500}.feedback-final-warning{font-size:var(--font-size-sm);font-weight:700;color:var(--error-color);background:rgba(185,28,28,0.07);border:1px solid rgba(185,28,28,0.2);border-radius:var(--border-radius-sm);padding:8px 12px;margin:0.5rem 0 0 0}html.dark-theme .feedback-modal{background:#1C2130 !important;border-color:#2A3347 !important;border-top-color:#f59e0b !important}html.dark-theme .feedback-title{color:#fbbf24 !important}html.dark-theme .feedback-guesses-left{color:var(--neutral-400) !important}html.dark-theme .feedback-final-warning{background:rgba(248,113,113,0.1) !important;border-color:rgba(248,113,113,0.25) !important;color:#f87171 !important}@media screen and (min-width:350px) and (max-width:370px){:root{--container-padding:12px;--drag-box-size:40px;--num-box-size:40px;--drag-box-font:18px;--num-box-font:18px}.seven-logo{padding:8px 11px;font-size:var(--font-size-lg)}.theme-container{padding:1rem 1.25rem;width:95%}.draggableBoxContainer{padding-left:0.75rem;padding-right:0.75rem;padding-bottom:0.75rem;gap:8px}.AnswerBox{min-height:150px;padding:1rem 1rem 5.5rem}.button-container{flex-direction:column;gap:8px}.submit-button,.reset-button,.reveal-button,#submitButton,#resetButton,#revealButton,#sourcesButton{width:100%;max-width:none;padding:12px 16px !important}.rules-modal,.modal-card{width:96vw;padding:1rem;max-height:80vh;cursor:default}.rules-modal{padding-top:calc(1rem * 0.85)}.rules-message{font-size:0.9rem;padding:0}.rules-heading{font-size:0.88rem}.rules-body,.rules-list li,.conf-rules-row{font-size:0.83rem}.speed-pill{font-size:0.75rem;padding:2px 8px}.conf-badge{width:22px;height:22px;font-size:0.75rem}.rules-section{margin-bottom:0.85rem;padding-bottom:0.85rem}.rules-message>.rules-section:nth-of-type(2){margin-bottom:calc(0.85rem * 0.8);padding-bottom:calc(0.85rem * 0.8)}}@media screen and (max-width:480px){body{overflow-x:hidden}main{padding-left:0.5rem;padding-right:0.5rem}header .logo-lockup{max-width:min(54vw,220px);gap:0.3rem}.seven-logo{padding:8px 12px;font-size:clamp(0.95rem,4.7vw,1.12rem)}.beta-badge{padding:0.16rem 0.32rem;font-size:0.55rem;letter-spacing:0.06em}.theme-container{width:min(100%,calc(100vw - 1rem));padding:1rem 1.1rem;margin-bottom:1rem}.theme-title{font-size:1rem}.puzzle-number{font-size:0.68rem;line-height:1.4;letter-spacing:0.07em}.verticalContainer{width:100%;grid-template-columns:minmax(0,1fr);gap:12px}.button-container{width:100%;max-width:100%;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}.draggableBoxContainer{gap:7px}}@media screen and (min-width:481px) and (max-width:768px){header .logo-lockup{max-width:min(58vw,260px);gap:0.4rem}.seven-logo{padding:10px 16px;font-size:clamp(1.05rem,3.4vw,var(--font-size-xl))}.beta-badge{padding:0.2rem 0.4rem;font-size:0.62rem;letter-spacing:0.06em}.verticalContainer{grid-template-columns:1fr;gap:14px}.theme-container{width:min(92%,600px)}.button-container{flex-direction:row;justify-content:center;max-width:500px;margin:1.5rem auto}.rules-modal,.modal-card{width:95vw;max-height:85vh;padding:1.25rem;border-radius:16px;cursor:default}.rules-modal{padding-top:calc(1.25rem * 0.85)}.rules-modal::-webkit-scrollbar-track,.modal-card::-webkit-scrollbar-track{margin-top:16px;margin-bottom:16px}.rules-message{font-size:0.95rem}.rules-heading{font-size:0.92rem}.rules-body,.rules-list li,.conf-rules-row{font-size:0.87rem}.hide-checkbox-container{padding:18px;min-height:64px}.close-button{min-height:52px;font-size:1rem}}@media screen and (min-width:769px) and (max-width:1024px){.verticalContainer{grid-template-columns:repeat(2,1fr);gap:18px;max-width:800px;margin:0 auto}}@media screen and (min-width:1025px) and (max-width:1200px){.verticalContainer{grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;gap:20px}.AnswerBox{min-width:280px;min-height:150px}}@media screen and (min-width:1201px){.verticalContainer{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto;gap:24px}.AnswerBox{min-width:320px;min-height:160px}}html.dark-theme{--primary-color:#64b5f6 !important;--primary-light:#90caf9 !important;--primary-dark:#42a5f5 !important;--secondary-color:#ffb74d !important;--success-color:#34D399 !important;--warning-color:#FB923C !important;--error-color:#F87171 !important;--neutral-50:#1a1a1a !important;--neutral-100:#2a2a2a !important;--neutral-200:#333 !important;--neutral-300:#444 !important;--neutral-400:#555 !important;--neutral-500:#666 !important;--neutral-600:#777 !important;--neutral-700:#888 !important;--neutral-800:#ccc !important;--neutral-900:#e0e0e0 !important}html.light-theme{--primary-color:#326891 !important;--primary-light:#4a9eff !important;--primary-dark:#1a5490 !important;--secondary-color:#f4b942 !important;--success-color:#1A7A4A !important;--warning-color:#C2410C !important;--error-color:#B91C1C !important;--neutral-50:#fafafa !important;--neutral-100:#f5f5f5 !important;--neutral-200:#eeeeee !important;--neutral-300:#e0e0e0 !important;--neutral-400:#bdbdbd !important;--neutral-500:#9e9e9e !important;--neutral-600:#757575 !important;--neutral-700:#616161 !important;--neutral-800:#424242 !important;--neutral-900:#212121 !important}html.dark-theme,body.dark-theme,html.dark-theme body{background:#111318 !important;color:#e0e0e0 !important}html.light-theme,body.light-theme,html.light-theme body{background:#F7F6F2 !important;color:#212121 !important}html.dark-theme .seven-logo{background:#1C2130 !important;border-color:#2A3347 !important;color:var(--primary-color) !important}html.dark-theme .beta-badge{background:rgba(100,181,246,0.12);border-color:rgba(100,181,246,0.28);color:#90caf9}html.dark-theme .seven-logo::after{background:#F0F1F5;color:#111318;box-shadow:0 4px 16px rgba(0,0,0,0.4)}html.dark-theme .theme-container{background:#1C2130 !important;border-color:#2A3347 !important}html.dark-theme .theme-container::after{background:#F0F1F5;color:#111318;box-shadow:0 4px 16px rgba(0,0,0,0.4)}html.dark-theme .theme-title{color:#e0e0e0 !important}html.dark-theme .draggableBoxContainer{background:rgba(20,28,46,0.76) !important;backdrop-filter:blur(20px) saturate(150%) brightness(105%) !important;-webkit-backdrop-filter:blur(20px) saturate(150%) brightness(105%) !important;border:1px solid rgba(255,255,255,0.13) !important;box-shadow:0 -2px 6px rgba(0,0,0,0.25),0 4px 12px rgba(0,0,0,0.40),0 12px 32px rgba(0,0,0,0.50),inset 0 1px 0 rgba(255,255,255,0.10),inset 0 -1px 0 rgba(255,255,255,0.05) !important}html.dark-theme .draggableBoxContainer::after{background:linear-gradient( 0deg,rgba(80,140,220,0.08) 0%,rgba(255,255,255,0.0) 100% )}html.dark-theme .dragNumBox{background:#242C3E !important;border-color:#344058 !important;color:#e0e0e0 !important}html.dark-theme .dragNumBox:hover{border-color:var(--primary-color) !important}html.dark-theme .dragNumBox.selected{background:var(--primary-color) !important;border-color:var(--primary-dark) !important;color:white !important}html.dark-theme .AnswerBox{background:#1C2130 !important;border-color:#2A3347 !important}html.dark-theme .AnswerBox:hover{border-color:rgba(100,181,246,0.2) !important}html.dark-theme .numBox{background:#242C3E !important;border-color:#344058 !important;color:#e0e0e0 !important}html.dark-theme .numBox:hover{border-color:var(--primary-color) !important}html.dark-theme .text-pane{color:#e0e0e0 !important}html.dark-theme .modal-backdrop{background:rgba(0,0,0,0.7) !important}html.dark-theme .rules-modal,html.dark-theme .modal-card{background:#1C2130 !important;border-color:#2A3347 !important;color:#f9fafb !important}html.dark-theme .rules-message,html.dark-theme .modal-message{color:#e5e7eb !important}html.dark-theme .rules-message strong{color:#f9fafb !important}html.dark-theme .rules-message li::before{color:var(--primary-color) !important}html.dark-theme .rules-message .button-list{background:rgba(100,181,246,0.1) !important;border-left-color:var(--primary-color) !important}html.dark-theme .rules-message .button-list .button-name{color:var(--primary-color) !important}html.dark-theme .rules-message .tip-section{background:rgba(129,199,132,0.1) !important;border-left-color:var(--success-color) !important}html.dark-theme .rules-section{border-bottom-color:#2A3347 !important}html.dark-theme .rules-heading{color:#f9fafb !important}html.dark-theme .rules-body,html.dark-theme .rules-list li,html.dark-theme .conf-rules-row{color:#d1d5db !important}html.dark-theme .rules-list li::before{color:var(--primary-color) !important}html.dark-theme .speed-bonus-label{color:#e5e7eb !important}html.dark-theme .speed-pill{background:rgba(100,181,246,0.10) !important;border-color:rgba(100,181,246,0.25) !important;color:var(--primary-color) !important}html.dark-theme .rules-max-score{color:#e5e7eb !important}html.dark-theme .rules-max-score strong{color:#f9fafb !important}html.dark-theme .rules-max-score span{color:#94a3b8 !important}html.dark-theme .hide-checkbox-container{background:#242C3E !important;border-color:#344058 !important}html.dark-theme .hide-checkbox-container:hover{background:#2D3650 !important;border-color:#3F5070 !important}html.dark-theme .hide-checkbox-container label{color:#e5e7eb !important}html.dark-theme .close-button{background:#242C3E !important;border-color:#344058 !important;color:#e5e7eb !important}html.dark-theme .close-button:hover{background:#2D3650 !important;border-color:#3F5070 !important}html.dark-theme .error-label{background:#1C2130 !important;border-color:#2A3347 !important;color:#f0f0f0 !important;text-shadow:0 1px 2px rgba(0,0,0,0.8) !important}html.dark-theme .game-complete-message{background:#1C2130 !important;border-color:#2A3347 !important}html.dark-theme .selection-status{background:rgba(100,181,246,0.1) !important;border-color:rgba(100,181,246,0.3) !important;color:var(--primary-color) !important}html.dark-theme .streak-display{background:rgba(255,255,255,0.07) !important;border-color:rgba(255,255,255,0.12) !important;color:rgba(255,255,255,0.82) !important}html.dark-theme .streak-display.high-streak{background:linear-gradient(135deg,#1B3A2C 0%,#2A5440 100%) !important;color:#D4AF5A !important;border-color:rgba(212,175,90,0.3) !important}html.dark-theme .drop-target{background-color:rgba(100,181,246,0.1) !important;border-color:var(--primary-color) !important}html.dark-theme .filled{background-color:rgba(255,183,77,0.15) !important;border-color:var(--secondary-color) !important}html.dark-theme .numBox.awaiting-selection{border-color:var(--primary-color) !important;background-color:rgba(100,181,246,0.1) !important}html.dark-theme .numBox.clickable-target:hover{background-color:rgba(255,183,77,0.15) !important;border-color:var(--secondary-color) !important}html.dark-theme .numBox.incorrect-highlight{background-color:rgba(248,113,113,0.15) !important;border:2px solid var(--error-color) !important}html.dark-theme .numBox.correct-hint{background-color:rgba(52,211,153,0.15) !important;border:2px solid var(--success-color) !important}html.dark-theme .incorrect-placement-shake{border-color:#ef5350 !important;background-color:rgba(239,83,80,0.15) !important}html.dark-theme #incorrectPlacementModal{background:#2d1b1b !important;border-color:#ef5350 !important;color:#ffcdd2 !important}html.dark-theme #incorrectPlacementModal .modal-message{color:#ffcdd2 !important}html.dark-theme .final-results-modal::before{background:rgba(100,181,246,0.1) !important}html.dark-theme .final-results-modal::after{color:rgba(100,181,246,0.5) !important}html.dark-theme .results-summary{background:rgba(100,181,246,0.1) !important;border-color:rgba(100,181,246,0.2) !important}html.dark-theme .correct-results{background:rgba(129,199,132,0.15) !important;color:#a5d6a7 !important;border-color:rgba(129,199,132,0.3) !important}html.dark-theme .incorrect-results{background:rgba(229,115,115,0.15) !important;color:#ef9a9a !important;border-color:rgba(229,115,115,0.3) !important}html.dark-theme .final-score{background:rgba(255,183,77,0.15) !important;color:#ffcc02 !important;border-color:rgba(255,183,77,0.3) !important}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.pulse-animation,.submit-button-pulse,.awaitingPulse,.pulse-glow{animation:none !important}.seven-logo:hover,.theme-container:hover,.dragNumBox:hover,.numBox:hover,.AnswerBox:hover{transform:none !important}.confetti{display:none !important}}@media (prefers-contrast:high){:root{--primary-color:#0066cc;--success-color:#008800;--warning-color:#cc0000;--error-color:#cc0000}.seven-logo,.theme-container,.AnswerBox,.dragNumBox,.numBox,.rules-modal,.modal-card{border-width:2px !important}}@media print{body{background:white !important;color:black !important}.seven-logo{background:white !important;color:black !important;border:1px solid black !important}.theme-container{background:white !important;border:1px solid black !important}.dragNumBox,.numBox,.AnswerBox{background:white !important;border:1px solid black !important;color:black !important;box-shadow:none !important}.modal-card,.celebration-banner,.confetti-container,.modal-backdrop,.theme-toggle-container{display:none !important}}.numBox.submission-correct{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%) !important;border:2px solid var(--success-color) !important;color:#2e7d32 !important;font-weight:700 !important;cursor:default !important;position:relative}.numBox.submission-correct::after{content:'✓';position:absolute;top:-8px;right:-8px;font-size:13px;background:var(--success-color);color:white;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1;box-shadow:var(--shadow-md);z-index:10;transform:translateZ(0)}html.dark-theme .numBox.submission-correct{background:linear-gradient(135deg,rgba(76,175,80,0.2) 0%,rgba(76,175,80,0.3) 100%) !important;border-color:var(--success-color) !important;color:#a5d6a7 !important}.stats-button{background:transparent;border:none;cursor:pointer;padding:6px 10px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--neutral-600);transition:var(--transition);display:flex;align-items:center;gap:4px;font-weight:600;line-height:1;position:relative}.stats-button:hover{background:var(--neutral-100);color:var(--primary-color)}.stats-button::after{content:attr(data-tooltip);position:absolute;top:calc(100%+8px);right:0;left:auto;transform:translateY(-4px);background:#1e293b;color:#f1f5f9;font-size:0.72rem;font-weight:500;letter-spacing:0.02em;white-space:nowrap;padding:5px 10px;border-radius:6px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.35);pointer-events:none;opacity:0;transition:opacity 0.18s ease,transform 0.18s ease;z-index:10100}.stats-button:hover::after,.stats-button.tooltip-active::after{opacity:1;transform:translateY(0)}html.dark-theme .stats-button{color:var(--neutral-400)}html.dark-theme .stats-button:hover{background:rgba(255,255,255,0.1);color:#a0c4ff}html.dark-theme .stats-button::after{background:#334155;color:#f1f5f9;border-color:rgba(255,255,255,0.18);box-shadow:0 4px 14px rgba(0,0,0,0.55)}.stats-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:12000;display:flex;align-items:center;justify-content:center;padding:1rem}.stats-modal{position:relative;background:white;border-radius:var(--border-radius-lg);padding:1.75rem;width:min(420px,94vw);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideIn 0.25s ease-out;color:#1e293b;z-index:12001}html.dark-theme .stats-modal{background:#1e293b;color:#e2e8f0;border:1px solid rgba(255,255,255,0.15)}.stats-modal::-webkit-scrollbar{width:5px}.stats-modal::-webkit-scrollbar-track{background:transparent;margin-top:var(--border-radius-lg,14px);margin-bottom:var(--border-radius-lg,14px)}.stats-modal::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.18);border-radius:3px}html.dark-theme .stats-modal::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.22)}.stats-modal-title{font-size:1.125rem;font-weight:700;text-align:center;margin:0 0 1.25rem 0;color:var(--primary-color);letter-spacing:-0.02em}html.dark-theme .stats-modal-title{color:#bfdbfe}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.625rem;margin-bottom:1.25rem}.stats-cell{text-align:center;background:var(--neutral-50);border-radius:var(--border-radius);padding:0.625rem 0.25rem}html.dark-theme .stats-cell{background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.08)}.stats-cell-value{font-size:1.625rem;font-weight:700;color:var(--primary-color);line-height:1;font-variant-numeric:tabular-nums}html.dark-theme .stats-cell-value{color:#93c5fd}.stats-cell-label{font-size:0.65rem;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:0.05em;margin-top:4px;line-height:1.3}html.dark-theme .stats-cell-label{color:#cbd5e1}.stats-section-title{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#374151;margin:0 0 0.625rem 0}html.dark-theme .stats-section-title{color:#cbd5e1}.stats-histogram{display:flex;flex-direction:column;gap:7px;margin-bottom:1.25rem}.stats-bar-row{display:flex;align-items:center;gap:8px;font-size:0.875rem;font-weight:600}.stats-bar-label{width:18px;text-align:right;color:#374151;flex-shrink:0;font-weight:700}html.dark-theme .stats-bar-label{color:#cbd5e1}.stats-bar-track{flex:1;background:var(--neutral-100);border-radius:4px;height:26px;overflow:hidden}html.dark-theme .stats-bar-track{background:rgba(255,255,255,0.12)}.stats-bar-fill{height:100%;background:var(--primary-color);border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:white;font-size:0.75rem;font-weight:700;min-width:26px;transition:width 0.6s ease-out}.stats-bar-fill.best-attempt{background:var(--success-color)}.stats-close-btn{display:block;width:100%;padding:10px;background:var(--primary-color);color:white;border:none;border-radius:var(--border-radius);font-size:0.875rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:0.08em;margin-top:0.5rem;transition:var(--transition)}.stats-close-btn:hover{background:var(--primary-dark)}html.dark-theme .stats-close-btn{background:#3b82f6}.site-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0.35rem;text-align:center;padding:0.75rem 1rem 1.25rem;margin-top:0.25rem}.site-footer-sep,.site-footer-copy{font-family:var(--font-family-base);font-size:var(--feedback-footer-font-size);color:var(--neutral-500)}.site-footer-sep{opacity:0.55}.feedback-footer-btn{font-family:var(--font-family-base);font-size:var(--feedback-footer-font-size);font-weight:500;color:var(--neutral-500);background:none;border:none;padding:0.25rem 0.5rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(100,116,139,0.45);transition:color 0.2s ease,text-decoration-color 0.2s ease,text-shadow 0.2s ease,filter 0.2s ease,transform 0.15s ease}.feedback-footer-btn:hover,.feedback-footer-btn:focus-visible{color:var(--primary-color);text-decoration-color:var(--primary-color);text-shadow:0 0 10px rgba(50,104,145,0.4),0 0 24px rgba(50,104,145,0.22);filter:brightness(1.12);outline:none}.feedback-footer-btn:active{transform:scale(0.97);filter:brightness(1.2)}html.dark-theme .feedback-footer-btn{color:#64748b;text-decoration-color:rgba(148,163,184,0.4)}html.dark-theme .site-footer-sep,html.dark-theme .site-footer-copy{color:#64748b}html.dark-theme .feedback-footer-btn:hover,html.dark-theme .feedback-footer-btn:focus-visible{color:#93c5fd;text-decoration-color:#93c5fd;text-shadow:0 0 12px rgba(147,197,253,0.55),0 0 28px rgba(59,130,246,0.35);filter:brightness(1.18)}html.dark-theme .feedback-footer-btn:active{filter:brightness(1.25)}.privacy-overlay{position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,0.65);display:none;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto}.privacy-overlay.show{display:flex}.privacy-card{background:#fff;color:#111;border-radius:14px;width:100%;max-width:860px;padding:36px 40px 40px;position:relative;box-sizing:border-box;animation:modalSlideIn 0.25s ease-out;margin:auto}.privacy-close{position:absolute;top:14px;right:18px;background:none;border:none;font-size:1.6rem;line-height:1;color:#555;cursor:pointer;padding:4px 8px}.privacy-close:hover{color:#000}.privacy-card [data-custom-class='body'],.privacy-card [data-custom-class='body'] *{background:transparent !important}.privacy-card [data-custom-class='title'],.privacy-card [data-custom-class='title'] *{font-family:Arial !important;font-size:26px !important;color:#000 !important}.privacy-card [data-custom-class='subtitle'],.privacy-card [data-custom-class='subtitle'] *{font-family:Arial !important;color:#595959 !important;font-size:14px !important}.privacy-card [data-custom-class='heading_1'],.privacy-card [data-custom-class='heading_1'] *{font-family:Arial !important;font-size:19px !important;color:#000 !important}.privacy-card [data-custom-class='heading_2'],.privacy-card [data-custom-class='heading_2'] *{font-family:Arial !important;font-size:17px !important;color:#000 !important}.privacy-card [data-custom-class='body_text'],.privacy-card [data-custom-class='body_text'] *{color:#595959 !important;font-size:14px !important;font-family:Arial !important}.privacy-card [data-custom-class='link'],.privacy-card [data-custom-class='link'] *{color:#3030F1 !important;font-size:14px !important;font-family:Arial !important;word-break:break-word !important}.privacy-card h1,.privacy-card h2,.privacy-card h3{color:#000}.privacy-card table{border-collapse:collapse;width:100%;margin-bottom:12px}.privacy-card ul{list-style-type:square}.privacy-card ul>li>ul{list-style-type:circle}.privacy-card ul>li>ul>li>ul{list-style-type:square}.privacy-card ol li{font-family:Arial}@media screen and (max-width:600px){.privacy-card{padding:24px 18px 28px}}.player-feedback-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:12000;display:flex;align-items:center;justify-content:center;padding:1rem}.player-feedback-panel{position:relative;background:white;border-radius:var(--border-radius-lg);padding:1.75rem;width:min(420px,94vw);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideIn 0.25s ease-out;color:#1e293b}html.dark-theme .player-feedback-panel{background:#1e293b;color:#e2e8f0;border:1px solid rgba(255,255,255,0.15)}.player-feedback-title{font-size:1.125rem;font-weight:700;text-align:center;margin:0 0 0.5rem 0;color:var(--primary-color);letter-spacing:-0.02em;padding-right:2rem}html.dark-theme .player-feedback-title{color:#bfdbfe}.player-feedback-intro{font-size:0.875rem;color:var(--neutral-600);margin:0 0 1rem 0;line-height:1.45;text-align:center}html.dark-theme .player-feedback-intro{color:#94a3b8}.player-feedback-type-row{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.player-feedback-radio{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.875rem;font-weight:600;color:var(--neutral-800);cursor:pointer}html.dark-theme .player-feedback-radio{color:#e2e8f0}.player-feedback-radio input{accent-color:var(--primary-color)}.player-feedback-label{display:block;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--neutral-600);margin-bottom:0.35rem}html.dark-theme .player-feedback-label{color:#94a3b8}.player-feedback-textarea,.player-feedback-input{width:100%;box-sizing:border-box;font-family:var(--font-family-base);font-size:0.9rem;padding:0.6rem 0.65rem;border-radius:var(--border-radius);border:1px solid var(--neutral-300);background:var(--neutral-50);color:var(--neutral-900);margin-bottom:0.75rem;resize:vertical;min-height:2.75rem}html.dark-theme .player-feedback-textarea,html.dark-theme .player-feedback-input{background:#0f172a;border-color:rgba(255,255,255,0.15);color:#f1f5f9}.player-feedback-textarea:focus,.player-feedback-input:focus{outline:2px solid var(--primary-color);outline-offset:1px}.player-feedback-btn-row{display:flex;gap:0.625rem;margin-top:0.25rem}.player-feedback-btn{flex:1;padding:10px 12px;border-radius:var(--border-radius);font-family:var(--font-family-base);font-size:0.875rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition);min-height:44px}.player-feedback-btn--secondary{background:var(--neutral-100);color:var(--neutral-700);border:1.5px solid var(--neutral-300)}.player-feedback-btn--secondary:hover{background:var(--neutral-200)}.player-feedback-btn--primary{background:var(--primary-color);color:white}.player-feedback-btn--primary:hover{filter:brightness(1.06)}html.dark-theme .player-feedback-btn--secondary{background:#242c3e;color:#d1d5db;border-color:#344058}html.dark-theme .player-feedback-btn--secondary:hover{background:#2d3650}html.dark-theme .player-feedback-btn--primary{background:#3b82f6}.modal-close-x{position:absolute;top:0.625rem;right:0.625rem;width:28px;height:28px;border-radius:50%;border:none;background:rgba(0,0,0,0.07);color:#374151;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s,color 0.15s;flex-shrink:0;z-index:1}.modal-close-x:hover{background:rgba(0,0,0,0.15);color:#111827}html.dark-theme .modal-close-x{background:rgba(255,255,255,0.10);color:#cbd5e1}html.dark-theme .modal-close-x:hover{background:rgba(255,255,255,0.20);color:#f1f5f9}.stats-grid.stats-grid-3{grid-template-columns:repeat(3,1fr);margin-bottom:0.875rem}.stats-cell-value.stats-cell-gold{color:#c8993c}html.dark-theme .stats-cell-value.stats-cell-gold{color:#e8c84a}.stats-divider{border:none;border-top:1px solid var(--neutral-200);margin:1rem 0 0.875rem}html.dark-theme .stats-divider{border-color:rgba(255,255,255,0.20)}.stats-week-high{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fffaed,#fff5cc);border:1px solid #d4a52a;border-radius:var(--border-radius);padding:0.6rem 0.875rem;margin-bottom:0.875rem}html.dark-theme .stats-week-high{background:linear-gradient(135deg,rgba(212,165,42,0.12),rgba(248,224,96,0.10));border-color:#8a6820}.stats-week-label{font-size:0.78rem;font-weight:600;color:#7a5100;letter-spacing:0.01em}html.dark-theme .stats-week-label{color:#e8c84a}.stats-week-value{font-size:1.5rem;font-weight:700;color:#7a5100;font-variant-numeric:tabular-nums;line-height:1}html.dark-theme .stats-week-value{color:#f0d060}.stats-week-max{font-size:0.8rem;font-weight:500;opacity:0.65}html.dark-theme .stats-week-max{opacity:0.9;color:#f0d060}.ui-icon{display:inline-block;width:1.1em;height:1.1em;vertical-align:-0.2em;flex-shrink:0;transition:color 0.15s}.ui-icon-success{color:#16a34a}.ui-icon-danger{color:#dc2626}.ui-icon-warning{color:#d97706}html.dark-theme .ui-icon-success{color:#4ade80}html.dark-theme .ui-icon-danger{color:#f87171}html.dark-theme .ui-icon-warning{color:#fbbf24}.stats-button .ui-icon{width:20px;height:20px;vertical-align:middle}.theme-toggle-icon .ui-icon{width:13px;height:13px;vertical-align:middle}.result-icon .ui-icon{width:20px;height:20px;vertical-align:middle}.rules-heading .ui-icon{width:1em;height:1em;vertical-align:-0.12em;margin-right:0.15em}.speed-bonus-label .ui-icon,.wager-bonus .ui-icon{vertical-align:-0.15em}.feedback-final-warning .ui-icon{vertical-align:-0.2em;margin-right:0.2em}.puzzle-number{font-size:0.8rem;font-weight:700;color:#1f2937;text-align:center;letter-spacing:0.1em;text-transform:uppercase;margin:0.5rem 0 0 0;display:block}html.dark-theme .puzzle-number{color:#e2e8f0}.answer-reveal-panel{margin:1.5rem auto;padding:1.25rem 1.5rem;background:white;border:1px solid var(--neutral-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-width:600px;width:92%;animation:messageAppear 0.5s ease-out}html.dark-theme .answer-reveal-panel{background:#1e293b;border-color:rgba(255,255,255,0.1);color:#e2e8f0}.answer-reveal-title{font-size:0.75rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:0.1em;margin:0 0 0.875rem 0;display:flex;align-items:center;gap:6px}html.dark-theme .answer-reveal-title{color:#a0c4ff}.answer-reveal-item{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-bottom:1px solid var(--neutral-100);font-size:0.8rem;line-height:1.5}html.dark-theme .answer-reveal-item{border-bottom-color:rgba(255,255,255,0.06)}.answer-reveal-item:last-child{border-bottom:none}.answer-reveal-num{width:19px;height:19px;border-radius:50%;background:var(--neutral-100);color:var(--neutral-500);font-size:0.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}html.dark-theme .answer-reveal-num{background:rgba(255,255,255,0.1);color:#94a3b8}.answer-reveal-q{flex:1;color:var(--neutral-700)}html.dark-theme .answer-reveal-q{color:#94a3b8}.answer-reveal-a{font-weight:700;color:var(--primary-color);font-family:var(--font-family-mono);white-space:nowrap;font-size:0.9rem;min-width:2.25rem;text-align:right}.answer-reveal-item.player-correct .answer-reveal-a{color:var(--success-color)}.answer-reveal-item.player-wrong .answer-reveal-a{color:var(--error-color)}.next-puzzle-countdown{text-align:center;margin:0.875rem 0 0 0;padding:0.625rem 1rem;background:rgba(50,104,145,0.05);border-radius:var(--border-radius);border:1px solid rgba(50,104,145,0.12)}.countdown-label{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#1f2937;margin:0 0 3px 0}html.dark-theme .countdown-label{color:#e2e8f0}.countdown-time{font-size:1.125rem;font-weight:700;color:var(--primary-color);font-variant-numeric:tabular-nums;font-family:var(--font-family-mono);letter-spacing:0.04em}html.dark-theme .next-puzzle-countdown{background:rgba(160,196,255,0.04);border-color:rgba(160,196,255,0.1)}html.dark-theme .countdown-time{color:#93c5fd}.progress-dots{display:flex;gap:10px;justify-content:center;align-items:center;width:100%;flex-shrink:0;margin:0 0 0.5rem 0;padding:2px 0}.progress-dot{width:9px;height:9px;border-radius:50%;background:var(--neutral-200);border:2px solid var(--neutral-300);flex-shrink:0;transition:background 0.3s ease,border-color 0.3s ease,transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease}.progress-dot.filled{background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.4);box-shadow:0 0 0 3px rgba(50,104,145,0.2)}.progress-dot.correct{background:var(--success-color);border-color:var(--success-color);transform:scale(1.4);box-shadow:0 0 0 3px rgba(26,122,74,0.2)}.progress-dot.wrong{background:var(--error-color);border-color:var(--error-color);transform:scale(1.4);box-shadow:0 0 0 3px rgba(185,28,28,0.2)}html.dark-theme .progress-dot{background:#4a5568 !important;border-color:#5a6a82 !important}html.dark-theme .progress-dot.filled{background:#5b9bd5 !important;border-color:#5b9bd5 !important;box-shadow:0 0 0 3px rgba(91,155,213,0.25) !important}html.dark-theme .progress-dot.correct{background:#34d399 !important;border-color:#34d399 !important;box-shadow:0 0 0 3px rgba(52,211,153,0.25) !important}html.dark-theme .progress-dot.wrong{background:#f87171 !important;border-color:#f87171 !important;box-shadow:0 0 0 3px rgba(248,113,113,0.25) !important}.numBox.drop-target:not(.filled):not(.submission-correct):not(.revealed-answer){color:transparent !important;border-style:dashed !important;border-color:var(--primary-color) !important;background:rgba(50,104,145,0.04) !important;position:relative !important}.numBox.drop-target:not(.filled):not(.submission-correct):not(.revealed-answer)::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:var(--neutral-400);pointer-events:none;transition:transform 0.2s ease,background 0.2s ease}.numBox.drop-target.awaiting-selection:not(.filled):not(.revealed-answer)::before{background:var(--primary-color);transform:translate(-50%,-50%) scale(1.7)}html.dark-theme .numBox.drop-target:not(.filled):not(.submission-correct):not(.revealed-answer){background:rgba(100,181,246,0.07) !important;border-color:var(--primary-color) !important;border-style:dashed !important}html.dark-theme .numBox.drop-target:not(.filled):not(.submission-correct):not(.revealed-answer)::before{background:#4a5568 !important}@keyframes snapIn{0%{transform:scale(0.55);opacity:0.4}55%{transform:scale(1.2)}75%{transform:scale(0.93)}100%{transform:scale(1);opacity:1}}.numBox.just-placed{animation:snapIn 0.38s cubic-bezier(0.34,1.56,0.64,1) forwards !important}@keyframes submitReadyGlow{0%,100%{transform:scale(1);box-shadow:0 1px 3px rgba(26,122,74,0.3),0 4px 14px rgba(26,122,74,0.15)}50%{transform:scale(1.07);box-shadow:0 0 0 6px rgba(26,122,74,0.14),0 0 0 13px rgba(26,122,74,0.06),0 6px 24px rgba(26,122,74,0.28)}}.submit-button-pulse{animation:submitReadyGlow 1.6s ease-in-out infinite !important;border:2px solid rgba(26,122,74,0.5) !important;background:linear-gradient(135deg,#1a7a4a 0%,var(--success-color) 100%) !important}@media screen and (max-width:480px){@keyframes submitReadyGlow{0%,100%{transform:scale(1);box-shadow:0 1px 3px rgba(26,122,74,0.3),0 4px 10px rgba(26,122,74,0.15)}50%{transform:scale(1.04);box-shadow:0 0 0 4px rgba(26,122,74,0.14),0 0 0 8px rgba(26,122,74,0.06),0 4px 16px rgba(26,122,74,0.25)}}}@keyframes cardEntrance{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.AnswerBox{animation:cardEntrance 0.5s ease-out backwards}.AnswerBox:nth-child(1){animation-delay:0.06s}.AnswerBox:nth-child(2){animation-delay:0.13s}.AnswerBox:nth-child(3){animation-delay:0.20s}.AnswerBox:nth-child(4){animation-delay:0.27s}.AnswerBox:nth-child(5){animation-delay:0.34s}.AnswerBox:nth-child(6){animation-delay:0.41s}.AnswerBox:nth-child(7){animation-delay:0.48s}@media (prefers-reduced-motion:reduce){.AnswerBox,.numBox.just-placed,.progress-dot,.submit-button-pulse{animation:none !important;transition:none !important}}