#brokenReflection,#brReward{background:radial-gradient(ellipse at 50% 20%,#25214c 0%,#060915 62%,#02030a 100%);color:#f3eeff;min-height:100vh;padding:15px 12px 40px;font-family:Georgia,serif}#brokenReflection .br-shell,#brReward .br-shell{max-width:750px;margin:auto;text-align:center}.br-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font:11px Arial,sans-serif;letter-spacing:.12em;color:#cfc6ed}.br-back{background:#090e20;border:1px solid #a5a0cf;color:#fff;border-radius:22px;padding:10px;cursor:pointer}.br-progress{height:3px;background:#2e2747;margin:12px 0 20px}.br-progress>div{height:100%;background:linear-gradient(90deg,#8beaff,#bd79ff);box-shadow:0 0 12px #b788ff}.br-kicker{letter-spacing:.23em;font-size:12px;color:#c6aaff;margin:10px 0}.br-heading{font-size:clamp(27px,6.4vw,48px);font-weight:normal;letter-spacing:.08em;text-shadow:0 0 18px #a678fa;margin:9px 0}.br-sub{font-size:clamp(11px,2.6vw,15px);letter-spacing:.15em;color:#d4c4f4;margin:8px 0 12px}.br-mirror{height:clamp(180px,49vw,315px);max-width:300px;width:68%;margin:8px auto 14px;position:relative;isolation:isolate;filter:drop-shadow(0 0 16px #7350c288)}.br-mirror:before{content:'';position:absolute;inset:2%;border-radius:49% 49% 43% 43% / 44% 44% 53% 53%;border:7px ridge #c4b8ed;box-shadow:0 0 0 2px #443266,0 0 25px #8d68ee,inset 0 0 28px #c2aaff;z-index:2;pointer-events:none}.br-mirror:after{content:'◆';position:absolute;top:-19px;left:0;right:0;font-size:40px;color:#f9f5ff;text-shadow:0 0 12px #ad70ff,0 0 30px #a26bff;animation:brPulse 2.7s infinite;z-index:4}.br-glass{position:absolute;inset:5%;border-radius:49% 49% 43% 43% / 44% 44% 53% 53%;overflow:hidden;background:radial-gradient(ellipse at 45% 35%,#7771b3 0%,#1c2b52 32%,#070919 70%);box-shadow:inset 0 0 25px #000}.br-glass:before{content:'';position:absolute;inset:-25%;background:conic-gradient(from 30deg,transparent,#8d82e24d,transparent,#4ad9ff48,transparent);animation:brTurn 16s linear infinite}.br-glass:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#c7b8ff30 45%,transparent 55%),linear-gradient(36deg,transparent 46%,#e3d8ff9c 47%,transparent 48%),linear-gradient(140deg,transparent 35%,#e1e0ff8a 36%,transparent 37%),linear-gradient(76deg,transparent 61%,#e1e0ff70 62%,transparent 63%);opacity:.9}.br-shadow{position:absolute;bottom:0;left:30%;width:40%;height:72%;background:radial-gradient(ellipse at 50% 22%,#040512 12%,transparent 14%),linear-gradient(#09091b,#03030a);clip-path:polygon(35% 5%,65% 5%,72% 26%,90% 60%,100% 100%,0 100%,10% 60%,28% 26%);filter:blur(6px);opacity:.64}.br-mirror.br-react{animation:brReact .8s ease}.br-memory{border:1px solid #8273b0;background:#090b1bd9;color:#d9c9f6;font:11px/1.5 Arial,sans-serif;letter-spacing:.13em;padding:11px;margin:9px 0 16px}.br-question{border:1px solid #9e9ad2;background:linear-gradient(160deg,#0a1025,#0d0b1d);padding:18px 15px;box-shadow:0 0 17px #a08cff26,inset 0 0 15px #7c6ddc16}.br-question-label{font:12px Arial,sans-serif;letter-spacing:.22em;color:#bca5f5}.br-question h3{font-size:clamp(19px,4.8vw,28px);line-height:1.36;font-weight:normal;margin:13px 0 2px}.br-answers{display:grid;gap:9px;margin:18px 0}.br-answers .relic-answer{width:100%;min-height:72px;text-align:left;font-size:clamp(17px,4.2vw,24px);line-height:1.3;padding:13px 48px 13px 60px}.br-answers .br-chosen{filter:brightness(1.45)}.br-echo{margin:13px 0;padding:13px;border:1px solid #8c72c5;background:#15102b;color:#e6dcff;line-height:1.5}.br-next,.br-puzzle-continue,.br-reward-btn{border:1px solid #cbb7ff;background:linear-gradient(130deg,#17112f,#2c1e4f,#121127);color:white;padding:14px 18px;border-radius:7px;box-shadow:0 0 18px #8f65e99e;cursor:pointer;letter-spacing:.09em;font:14px Arial,sans-serif;max-width:100%;margin:10px}.br-footer{letter-spacing:.23em;font-size:11px;color:#b4a3da;margin:25px}.br-puzzle-panel{padding:15px;border:1px solid #b8a0f0;background:#090d1fe6;box-shadow:0 0 25px #805ed859}.br-puzzle-panel h3{font-size:24px;font-weight:normal}.br-puzzle-panel p{line-height:1.5}.br-grid{display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:1;max-width:330px;margin:18px auto;gap:3px;background:#aa8ef1;padding:4px;box-shadow:0 0 23px #9975eb}.br-tile{border:1px solid #ddd2ff;min-width:0;background-image:url('broken-reflection-art.webp');background-size:300% 300%;cursor:pointer;transition:filter .15s,transform .15s}.br-tile-selected{outline:3px solid #fff;z-index:2;transform:scale(.94);filter:brightness(1.5)}.br-reward-art{display:block;width:min(85%,420px);margin:12px auto;border:2px solid #b49bff;box-shadow:0 0 26px #9764f4}.br-reward-title{font-size:clamp(28px,6vw,48px);letter-spacing:.13em;text-shadow:0 0 18px #b58cff}.br-reward-text{line-height:1.65;font-size:18px}.br-reward-code{font:12px Arial,sans-serif;letter-spacing:.15em;color:#c4b1f4}@keyframes brPulse{50%{transform:scale(1.2);filter:brightness(1.6)}}@keyframes brTurn{to{transform:rotate(360deg)}}@keyframes brReact{50%{filter:drop-shadow(0 0 34px #e6bfff);transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.br-mirror:after,.br-glass:before{animation:none}}@media(max-width:480px){.br-answers .relic-answer{min-height:65px}.br-heading{margin:7px 0}.br-question{padding:13px 12px}.br-mirror{width:60%;height:190px}}

#brokenReflection.hidden,#brReward.hidden{display:none!important}