.bt-game{--bt-ink:#070b12;--bt-night:#101326;--bt-aubergine:#26162f;--bt-paper:#f2e6c9;--bt-paper-deep:#dcc59b;--bt-cyan:#5debf2;--bt-yellow:#ffc53f;--bt-coral:#f06f5f;--bt-brass:#a97732;position:relative;width:100%;min-height:640px;overflow:hidden;border:1px solid #6b522c;border-radius:18px;background:#090d16 url('/assets/covers/brain-teasers.webp') center/cover no-repeat;color:var(--bt-paper);font-family:"Trebuchet MS",Arial,sans-serif;box-shadow:inset 0 0 0 4px #080a10,inset 0 0 0 5px #6b522c,0 26px 60px #0009}.bt-game:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,transparent 0 23%,#06080dbf 72%),linear-gradient(180deg,#07101ac4,#170e1ccc);pointer-events:none}.bt-title,.bt-bench{position:relative;z-index:1}.bt-title{margin:0;padding:18px 16px 12px;text-align:center;color:#dffcff;font:800 clamp(30px,5vw,58px)/1 "Arial Narrow","Trebuchet MS",sans-serif;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 8px #5debf2,0 0 22px #1bc8d899}.bt-bench{--time-ratio:1;width:min(1040px,calc(100% - 28px));margin:0 auto 18px;padding:14px;border:1px solid #72582e;border-radius:14px;background:linear-gradient(180deg,#0c1220f5,#080b12f7);box-shadow:inset 0 0 0 3px #05070c,inset 0 0 0 4px #4f3a20,0 15px 28px #0009}.bt-summary{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #8c6b35;border-radius:9px;background:#080f18;box-shadow:inset 0 0 18px #000}.bt-summary>span{display:grid;place-items:center;padding:8px 5px;border-right:1px solid #72582e}.bt-summary>span:last-child{border-right:0}.bt-summary small{display:flex;align-items:center;gap:5px;color:#dfd1b5;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bt-summary svg,.bt-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bt-summary strong{margin-top:3px;color:var(--bt-cyan);font:800 clamp(17px,2.2vw,26px)/1 "Arial Narrow",sans-serif;letter-spacing:.06em}.bt-summary>span:nth-child(4) strong{color:var(--bt-yellow)}.bt-sheet{position:relative;margin:14px 6px 13px;padding:16px 22px 13px;min-height:210px;border:2px solid #6b4d27;border-radius:4px;background:linear-gradient(#0000 96%,#c8946640 96%),linear-gradient(90deg,#0000 96%,#c8946635 96%),var(--bt-paper);background-size:100% 30px,42px 100%,auto;color:#16161b;box-shadow:0 5px 0 #8f6b34,0 12px 24px #0008}.bt-sheet:before,.bt-sheet:after{content:"";position:absolute;top:42%;width:22px;height:52px;border:2px solid #916c36;background:#36251b;box-shadow:inset 0 0 0 4px #a87b3c}.bt-sheet:before{left:-13px}.bt-sheet:after{right:-13px}.bt-labels{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:13px;border-top:1px solid #bd6c53;border-bottom:1px solid #bd6c53}.bt-labels span{flex:1;padding:8px;text-align:center;border-right:1px solid #bd6c53}.bt-labels span:last-child{border-right:0}.bt-labels small{display:block;color:#7c3e38;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.bt-labels b{display:block;margin-top:2px;font:800 14px/1.1 "Arial Narrow",sans-serif;letter-spacing:.1em;text-transform:uppercase}.bt-question{display:grid;place-items:center;min-height:96px;margin:0 auto;text-align:center;font:800 clamp(20px,3vw,34px)/1.28 Georgia,serif;max-width:830px}.bt-fuses{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.bt-fuses small{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.bt-fuses span{position:relative;width:50px;height:14px;border:2px solid #916c36;border-radius:7px;background:#202532;box-shadow:inset 0 0 0 2px #05070b}.bt-fuses span:before,.bt-fuses span:after{content:"";position:absolute;top:2px;width:5px;height:6px;background:#b58845}.bt-fuses span:before{left:2px}.bt-fuses span:after{right:2px}.bt-fuses span.active{background:linear-gradient(90deg,#3c2b13,#ffd750,#ff9f32,#3c2b13);box-shadow:inset 0 0 0 2px #392311,0 0 12px #ffc53f}.bt-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bt-choice{min-height:70px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:10px 14px;border:1px solid #745831;border-radius:10px;background:linear-gradient(180deg,#182132,#0b101a);color:var(--bt-paper);box-shadow:inset 0 0 0 3px #060910,0 4px 0 #020307;font:inherit;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,filter .14s ease}.bt-choice:hover:not(:disabled){transform:translateY(-2px);border-color:var(--bt-cyan)}.bt-choice:focus-visible{outline:3px solid var(--bt-cyan);outline-offset:3px}.bt-choice>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #5f8c94;color:var(--bt-cyan);font-size:22px;font-weight:900}.bt-choice strong{font:800 clamp(16px,2vw,24px)/1.15 "Arial Narrow","Trebuchet MS",sans-serif;letter-spacing:.02em}.bt-choice i{color:#9a8e7b;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.bt-choice.hinted{border-color:var(--bt-cyan);box-shadow:inset 0 0 0 3px #07141a,0 0 15px #5debf266}.bt-choice.correct{border-color:#88e071;background:linear-gradient(180deg,#1d4d3a,#0c221b)}.bt-choice.wrong{border-color:var(--bt-coral);background:linear-gradient(180deg,#572327,#261014)}.bt-choice.rejected{opacity:.42;filter:saturate(.35);cursor:not-allowed}.bt-progress{position:relative;display:flex;align-items:center;justify-content:center;gap:44px;margin:17px auto 11px;max-width:540px}.bt-progress:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:3px;background:linear-gradient(90deg,var(--bt-yellow) calc(var(--time-ratio)*100%),#55483a 0);transform:translateY(-50%)}.bt-progress span{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:2px solid #665b50;border-radius:50%;background:#111722;color:#c6b89f;font-weight:900;box-shadow:0 0 0 4px #080b12}.bt-progress span.active{border-color:var(--bt-cyan);color:var(--bt-cyan);box-shadow:0 0 0 4px #080b12,0 0 13px #5debf2}.bt-progress span.done{border-color:var(--bt-yellow);background:var(--bt-yellow);color:#141014}.bt-progress span.done:after{content:"✓"}.bt-actions{display:flex;justify-content:center;gap:10px}.bt-actions button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid #765c34;border-radius:8px;background:#151c28;color:#f1e6ce;font:800 14px/1 "Trebuchet MS",sans-serif;cursor:pointer;box-shadow:inset 0 0 0 3px #080b12}.bt-actions button:first-child{border-color:#3bbec6;color:var(--bt-cyan)}.bt-actions button:hover:not(:disabled){filter:brightness(1.2)}.bt-actions button:focus-visible{outline:3px solid var(--bt-cyan);outline-offset:3px}.bt-actions button:disabled{opacity:.44;cursor:not-allowed}.bt-note{min-height:48px;margin:12px 0 0;display:grid;place-items:center;padding:8px 12px;border:1px solid #268e96;background:#07141b;color:var(--bt-cyan);text-align:center;font:700 13px/1.35 Georgia,serif}.bt-prompt{margin:10px 0 0;color:#afa28f;text-align:center;font-size:11px;letter-spacing:.04em}.bt-game.paused .bt-sheet,.bt-game.paused .bt-choices{filter:grayscale(.85) brightness(.55)}.bt-game.complete .bt-title{color:var(--bt-yellow);text-shadow:0 0 10px #ffc53f}.bt-game[data-level="hard"] .bt-title{color:#fff4d7;text-shadow:0 0 8px #f06f5f,0 0 22px #f06f5f88}
@media(max-width:760px){.bt-game{min-height:0;border-radius:12px}.bt-title{padding:15px 10px 10px;font-size:clamp(27px,8vw,42px);letter-spacing:.08em}.bt-bench{width:calc(100% - 16px);margin-bottom:8px;padding:9px}.bt-summary{grid-template-columns:repeat(5,1fr)}.bt-summary>span{padding:7px 2px}.bt-summary small{font-size:8px;gap:2px}.bt-summary small svg{display:none}.bt-summary strong{font-size:16px}.bt-sheet{margin:10px 4px;padding:12px 14px 10px;min-height:184px}.bt-labels{margin-bottom:8px}.bt-question{min-height:92px;font-size:clamp(19px,5.8vw,26px)}.bt-fuses{margin-top:5px}.bt-fuses span{width:40px}.bt-choices{gap:8px}.bt-choice{min-height:58px;grid-template-columns:34px 1fr;padding:8px 10px;gap:7px}.bt-choice>span{width:32px;height:32px;font-size:18px}.bt-choice strong{font-size:clamp(15px,4.5vw,19px)}.bt-choice i{display:none}.bt-progress{gap:clamp(20px,8vw,42px);margin:14px auto 10px}.bt-progress span{width:30px;height:30px}.bt-actions button{flex:1;min-height:46px;padding:9px 10px}.bt-note{min-height:44px;margin-top:10px;font-size:12px}.bt-prompt{font-size:9px}}
@media(max-width:520px){.bt-game:before{background:linear-gradient(180deg,#07101acc,#170e1ce0)}.bt-title{font-size:29px}.bt-summary small{letter-spacing:0}.bt-summary strong{font-size:14px}.bt-sheet:before,.bt-sheet:after{display:none}.bt-labels b{font-size:12px}.bt-choices{grid-template-columns:1fr}.bt-choice{min-height:52px}.bt-progress{gap:clamp(15px,6vw,26px)}.bt-actions{flex-direction:row}.bt-prompt{line-height:1.4}}
@media(prefers-reduced-motion:reduce){.bt-choice{transition:none}}