:root{--bg:#030811;--bg-deep:#01040a;--panel:#080f1dd1;--panel-strong:#0e1627eb;--panel-soft:#121c32ad;--border:#798fb833;--border-strong:#899ec957;--text:#f8fbff;--muted:#a6afc4;--muted-strong:#d7ddec;--purple:#8d46ff;--cyan:#27d8ef;--blue:#55b9ff;--gold:#ffd951;--shadow:0 26px 90px #00000085;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at 16% 12%, #4177ff2b, transparent 24rem), radial-gradient(circle at 86% 14%, #8b39ff29, transparent 26rem), linear-gradient(180deg, var(--bg-deep) 0%, #040a14 46%, #01040a 100%);min-width:320px;min-height:100svh;margin:0}body:before{pointer-events:none;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}#app{min-height:100svh}.site-shell{width:min(100%,1536px);min-height:100svh;margin:0 auto;padding:26px 32px 28px}.topbar{justify-content:space-between;align-items:center;gap:24px;min-height:62px;margin-bottom:26px;display:flex}.brand{color:var(--text);align-items:baseline;gap:7px;line-height:.88;text-decoration:none;display:inline-flex}.brand-six{background:linear-gradient(150deg,#a73cff 16%,#2ce7ff 100%);color:#0000;text-shadow:0 0 22px #6951ff5c;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.2rem,4.6vw,5.1rem);font-style:italic;font-weight:950}.brand-dif{letter-spacing:0;font-size:clamp(2.4rem,3.2vw,4.2rem);font-style:italic;font-weight:900}.nav-links{align-items:center;gap:clamp(22px,4vw,58px);display:flex}.nav-links a{color:#ffffffdb;white-space:nowrap;font-size:clamp(1rem,1.25vw,1.3rem);font-weight:500;text-decoration:none;position:relative}.nav-links a.active{color:#b66aff}.nav-links a.active:after{content:"";background:linear-gradient(90deg,#0000,#a756ff,#0000);border-radius:999px;height:2px;position:absolute;bottom:-17px;left:-12px;right:-12px}.game-panel{border:1px solid var(--border);min-height:calc(100svh - 118px);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0a;background:radial-gradient(circle at 50% 34%,#284d892e,#0000 32rem),linear-gradient(#080e1aeb,#050a12e6);border-radius:18px;padding:38px 24px 24px;position:relative;overflow:hidden}.game-panel>img{max-width:min(100%,280px);height:auto;margin:0 auto 18px;display:block}.paint{pointer-events:none;opacity:.82;filter:blur(.2px)saturate(1.25);width:min(28vw,360px);height:120px;position:absolute;top:34px}.paint:before,.paint:after{content:"";border-radius:999px 20px;position:absolute;transform:skew(-18deg)rotate(-12deg)}.paint-left{left:15%}.paint-left:before{background:linear-gradient(90deg,#0000,#0ba8cc,#7431ff,#0000);inset:30px 30px 44px 34px;box-shadow:-38px 7px 0 -13px #00d3ffbf,86px -21px 0 -17px #7c35ff}.paint-left:after{background:linear-gradient(90deg,#0000,#24c5ebad,#0000);inset:52px 92px 48px 0}.paint-right{right:14%}.paint-right:before{background:linear-gradient(90deg,#0000,#c7359d,#fb8b16,#0000);inset:31px 35px 43px 30px;box-shadow:48px 16px 0 -17px #ffac18e6,-76px -14px 0 -16px #e11e8a}.paint-right:after{background:linear-gradient(90deg,#0000,#ff9114b3,#0000);inset:53px 0 48px 96px}.hero-copy{z-index:1;text-align:center;margin:0 auto 36px;position:relative}.hero-copy h1{color:var(--text);letter-spacing:0;margin:0 0 12px;font-size:clamp(2.6rem,4.3vw,4.4rem);font-weight:850;line-height:1.05}.hero-copy h1 span{background:linear-gradient(#b045ff 5%,#5a54ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy p{color:var(--muted-strong);margin:0;font-size:clamp(1.1rem,1.65vw,1.55rem)}.controls-row{z-index:1;grid-template-columns:minmax(160px,180px) 1fr minmax(170px,198px);align-items:center;gap:24px;margin:0 0 24px;display:grid;position:relative}.hint-button,.answer-button,.timer,.progress-panel,.puzzle-card{background:linear-gradient(180deg, var(--panel-strong), #080e19c7);border:1px solid var(--border-strong);box-shadow:inset 0 1px #ffffff09}.hint-button,.answer-button,.timer{border-radius:13px;align-items:center;min-height:66px;display:inline-flex}.hint-button,.answer-button{cursor:pointer;justify-content:center;gap:13px;padding:0 18px}.answer-button{color:#fff;justify-self:end;min-width:158px;font-weight:800}.hint-button svg,.timer svg,.primary-action svg,.secondary-action svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.hint-button strong{background:linear-gradient(145deg,#9e48ff,#684bff);border-radius:50%;place-items:center;width:30px;height:30px;font-size:.95rem;display:grid}.difference-dots{justify-content:center;gap:clamp(20px,4vw,48px);display:flex}.dot{background:radial-gradient(circle,#ffffff14,#fff0 62%);border:2px solid;border-radius:50%;width:54px;height:54px;box-shadow:0 0 18px,inset 0 0 20px #ffffff0a}.dot.violet{color:#c348ff}.dot.sky{color:#42c7ff}.dot.coral{color:#ff7049}.dot.gold{color:#ffdd45}.dot.mint{color:#38f19e}.dot.indigo{color:#8178ff}.timer{color:#a8d8ff;justify-content:center;gap:13px;font-size:1.5rem;font-weight:800}.timer svg{color:#55c8ff}.game-layout{grid-template-columns:minmax(0,1fr);place-items:stretch center;gap:18px;display:grid}.puzzle-card{border-radius:18px;width:min(100%,1120px);padding:20px}.image-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.puzzle-frame{aspect-ratio:2/3;cursor:crosshair;background:#101827;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.puzzle-frame img{object-fit:contain;width:100%;height:100%;display:block}.answer-overlay{opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.puzzle-card.answer-visible .answer-overlay{opacity:1}.progress-panel{border-radius:18px;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.progress-content{text-align:center;justify-items:center;gap:24px;padding:30px 18px 22px;display:grid}.progress-label{color:var(--text);margin:0;font-size:1.05rem}.progress-ring{background:conic-gradient(var(--cyan) 0 50%, var(--purple) 50% 82%, #6553bc38 82% 100%);border-radius:50%;place-items:center;width:176px;height:176px;display:grid;box-shadow:0 0 22px #42d2ff29,inset 0 0 0 1px #ffffff12}.ring-core{background:#07101e;border-radius:50%;place-content:center;gap:4px;width:142px;height:142px;display:grid}.ring-core strong{font-size:2rem;line-height:1}.ring-core strong span{color:#8d69ff}.ring-core small{color:var(--muted-strong);font-size:1rem}.encouragement{color:var(--text);text-align:left;align-items:flex-start;gap:15px;display:flex}.encouragement>span{color:var(--gold);font-size:1.5rem;line-height:1}.encouragement strong,.encouragement p{margin:0}.encouragement p{color:var(--muted-strong);margin-top:3px;font-size:.98rem}.action-stack{border-top:1px solid var(--border-strong);gap:14px;padding:18px;display:grid}.primary-action,.secondary-action{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:60px;padding:0 16px;display:inline-flex}.primary-action{color:#fff;background:linear-gradient(100deg,#8d39ff 0%,#3d93ff 54%,#17d7df 100%);border:0;font-weight:800;box-shadow:0 14px 28px #2691ff2e}.secondary-action{color:#fff;border:1px solid var(--border-strong);background:#050b168f;font-weight:750}.quote{color:#ffffffb8;text-align:center;max-width:650px;margin:18px auto 0}.quote blockquote{margin:0;padding:0 40px;font-size:1.1rem;position:relative}.quote blockquote:before,.quote blockquote:after{color:#ffffff94;font-size:2.2rem;font-weight:900;line-height:1;position:absolute;top:-4px}.quote blockquote:before{content:"\"";left:0}.quote blockquote:after{content:"\"";right:0}.quote figcaption{color:#ffffff85;margin-top:10px;font-size:.86rem}@media (width<=1180px){.site-shell,.game-panel{padding-inline:18px}.controls-row{grid-template-columns:1fr}.hint-button,.answer-button,.timer{justify-self:center;width:min(100%,220px)}.difference-dots{order:-1}.game-layout{grid-template-columns:1fr}.progress-panel{grid-template-columns:1fr 260px;display:grid}.action-stack{border-top:0;border-left:1px solid var(--border-strong);align-content:center}}@media (width<=760px){.site-shell{padding:16px 12px}.topbar{align-items:flex-start;margin-bottom:16px}.brand-six{font-size:3rem}.brand-dif{font-size:2.25rem}.nav-links{gap:14px;padding-top:10px}.nav-links a{font-size:.88rem}.nav-links a.active:after{bottom:-8px}.game-panel{border-radius:14px;min-height:auto;padding:28px 12px 18px}.paint{display:none}.hero-copy{margin-bottom:24px}.hero-copy h1{font-size:2.25rem}.hero-copy p{font-size:1rem}.difference-dots{gap:12px}.dot{width:36px;height:36px}.puzzle-card{padding:12px}.image-pair{grid-template-columns:1fr;gap:12px}.progress-panel{grid-template-columns:1fr}.action-stack{border-top:1px solid var(--border-strong);border-left:0}.quote blockquote{padding:0 24px;font-size:.95rem}}@media (width<=520px){.topbar{flex-direction:column;gap:12px}.nav-links{justify-content:space-between;width:100%}.controls-row{gap:16px}.hint-button,.answer-button,.timer{width:100%}.progress-ring{width:150px;height:150px}.ring-core{width:120px;height:120px}}.hint-button{visibility:hidden}