/* Tutorial-owned surfaces only; shared battle styling is untouched. */
html.beginner-tutorial-select { height:auto; min-height:100%; overflow-x:clip; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#607695 #0b1424; }
html.beginner-tutorial-select::-webkit-scrollbar { display:block; width:8px; }
html.beginner-tutorial-select::-webkit-scrollbar-thumb { background:#607695; border-radius:8px; }
body.v3-body.beginner-tutorial-select { height:auto; min-height:100dvh; width:auto; overflow:visible; }
body.beginner-tutorial-select > :not(#beginner-tutorial-hub):not(script) { display:none !important; }
#beginner-tutorial-hub, #bt-coach, .bt-exit-dialog { --bt-gold:#e3c893; --bt-ice:#99caff; --bt-line:#849cb43b; color:#f5f6fc; font-family:Outfit,Montserrat,sans-serif; box-sizing:border-box; }
#beginner-tutorial-hub *, #bt-coach *, .bt-exit-dialog * { box-sizing:border-box; }
#beginner-tutorial-hub { min-height:100dvh; padding:0 clamp(20px,3vw,96px) 46px; background:linear-gradient(180deg,#070e1bc9,#080e1df2 66%,#070d19),url('../image/backgrounds/helyszínek/akademia.webp') center top/cover fixed; }
.bt-hub-shell { width:100%; margin:auto; }
.bt-hub-nav { display:flex; align-items:center; justify-content:space-between; height:100px; border-bottom:1px solid var(--bt-line); }
.bt-brand { display:flex; align-items:center; gap:14px; color:#faf3e4; text-decoration:none; font-size:18px; font-weight:600; letter-spacing:.12em; }
.bt-brand svg { width:42px; height:48px; color:var(--bt-gold); }
.bt-brand small { display:block; color:#acbed8; font-size:9px; letter-spacing:.4em; margin-top:5px; }
.bt-back { color:#c4d0e3; text-decoration:none; font-size:13px; padding:10px 18px; border:1px solid var(--bt-line); border-radius:6px; }
.bt-eyebrow { color:var(--bt-gold); letter-spacing:.18em; font-size:10px; font-weight:600; }
.bt-hub-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.13fr); min-height:clamp(430px,22vw,650px); margin:28px 0 44px; position:relative; }
.bt-hub-intro { padding:36px 18px 25px 4px; position:relative; z-index:1; align-self:center; }
#beginner-tutorial-hub h1 { font-size:clamp(44px,4.8vw,74px); line-height:1.06; letter-spacing:-.045em; margin:20px 0; font-weight:600; }
#beginner-tutorial-hub h1 em { font-style:normal; color:var(--bt-gold); }
.bt-hub-intro > p { font-size:17px; line-height:1.65; color:#b8c7df; margin:0 0 25px; }
.bt-mentor { display:flex; align-items:center; gap:12px; }
.bt-mentor img { width:54px; height:54px; border-radius:50%; object-fit:cover; border:1px solid #e5c690b8; box-shadow:0 0 0 4px #e0c3890c,0 0 24px #509dff22; flex-shrink:0; }
.bt-mentor span { display:flex; flex-direction:column; gap:5px; }
.bt-mentor small { color:#91a9cd; letter-spacing:.15em; font-size:8px; font-weight:500; }
.bt-mentor strong { color:#edf3ff; font-weight:500; font-size:15px; }
.bt-hub-quote { border-left:2px solid #e6c89366; padding-left:16px; margin-top:18px; font-size:13px; line-height:1.6; color:#aabbd3; }
.bt-hub-art { position:relative; overflow:hidden; border-radius:16px 4px 40px 4px; border:1px solid #bed4fc3a; background:#10203b; box-shadow:0 22px 70px #0005; }
.bt-hub-art > img { width:100%; height:100%; position:absolute; object-fit:cover; object-position:55% 38%; }
.bt-hub-art::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#07101df0,transparent 38%),linear-gradient(90deg,#08121e30,transparent 45%); pointer-events:none; }
.bt-art-caption { position:absolute; z-index:1; bottom:24px; left:28px; color:#f4e8d3; font-size:12px; letter-spacing:.13em; }
.bt-art-caption small { display:block; color:#bac9e1; font-size:8px; margin:8px 0 0 18px; letter-spacing:.24em; }
.bt-section-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.bt-section-head h2 { margin:9px 0 0; font-size:27px; font-weight:500; letter-spacing:-.025em; }
.bt-section-meta { color:#8397b4; font-size:11px; }
.bt-choices { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:22px; }
.bt-choice { position:relative; min-width:0; display:flex; flex-direction:column; border:1px solid #809bc83b; border-radius:12px; overflow:hidden; background:linear-gradient(140deg,#1b2b45ce,#101a2ded); text-decoration:none; color:inherit; transition:border-color .2s,transform .2s,box-shadow .2s; }
.bt-choice-active { border-color:#dfc08880; box-shadow:0 0 36px #d7a95b09; }
.bt-choice-active:hover { transform:translateY(-4px); border-color:#e5c893; box-shadow:0 12px 35px #0005; }
.bt-choice-art { height:clamp(190px,12vw,340px); position:relative; overflow:hidden; background:#142338; }
.bt-choice-art > img { width:100%; height:100%; object-fit:cover; object-position:center 30%; transition:transform .4s; }
.bt-choice:hover .bt-choice-art > img { transform:scale(1.025); }
.bt-choice-art::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#17253e,transparent 65%); }
.bt-beginner-art > img { object-position:center 20%; }
.bt-choice-state { position:absolute; z-index:1; top:15px; left:17px; background:#081320ce; border:1px solid #98c3cf48; color:#aededa; font-size:9px; letter-spacing:.1em; padding:7px 10px; border-radius:4px; }
.bt-choice-copy { padding:12px 24px 24px; display:flex; flex-direction:column; flex:1; }
.bt-choice h3 { font-size:25px; line-height:1.18; letter-spacing:-.02em; margin:13px 0; font-weight:500; }
.bt-choice p { margin:0 0 20px; color:#a3b4cf; font-size:13px; line-height:1.7; }
.bt-choice[aria-disabled] .bt-choice-art { filter:saturate(.6); opacity:.72; }
.bt-choice[aria-disabled] h3 { color:#b8c4d8; }
.bt-choice[aria-disabled] .bt-eyebrow { color:#8294af; }
.bt-syllabus { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:17px; }
.bt-syllabus span { padding:4px 8px; border:1px solid #7fa6d33a; color:#abc7e7; border-radius:4px; font-size:9px; }
.bt-choice-reward { display:flex; align-items:center; gap:7px; color:#efd5a4; font-size:13px; margin-top:auto; margin-bottom:18px; }
.bt-choice-reward img { width:25px; height:25px; object-fit:contain; }
.bt-choice-reward span { color:#73849e; padding:0 5px; }
.bt-start { position:relative; display:flex; align-items:center; gap:16px; min-height:78px; padding:16px 20px; border:1px solid #ffe3a9; border-radius:10px; background:radial-gradient(ellipse at 15% 0%,#fff1c78c,transparent 65%),linear-gradient(115deg,#e8c17a,#d3a255 65%,#efce91); color:#30230f; box-shadow:inset 0 1px 0 #fff6db, inset 0 -2px 0 #6c481c40,0 6px 22px #cc9a3e26; transition:box-shadow .2s,filter .2s; }
.bt-start-icon { display:grid; place-items:center; width:44px; height:46px; flex-shrink:0; }
.bt-start-icon svg { width:38px; height:42px; }
.bt-start-label { display:flex; flex-direction:column; gap:5px; min-width:0; }
.bt-start-label strong { font-size:18px; font-weight:600; line-height:1.25; }
.bt-start-label small { font-size:12px; line-height:1.35; color:#5e4322; }
.bt-start i { display:grid; place-items:center; width:38px; height:38px; margin-left:auto; flex-shrink:0; border:1px solid #73522240; border-radius:50%; background:#fff5d530; font-style:normal; font-size:23px; transition:transform .2s; }
.bt-choice-active:hover .bt-start, .bt-choice-active:focus-visible .bt-start { filter:brightness(1.07); box-shadow:inset 0 1px #fff6db,0 8px 28px #e9b95650; }
.bt-choice-active:hover .bt-start i { transform:translateX(3px); }
.bt-choice-active:focus-visible { outline:3px solid #ffe0a3; outline-offset:4px; }
@media(max-width:480px) { .bt-start { gap:10px; padding:15px 14px; min-height:72px; } .bt-start-icon { display:none; } .bt-start-label strong { font-size:16px; } .bt-start i { width:30px; height:30px; font-size:20px; } }
.bt-locked { margin-top:auto; padding:14px 0 0; color:#788ca9; font-size:11px; border-top:1px solid #819dc329; }
.bt-hub-footer { margin-top:40px; border-top:1px solid var(--bt-line); padding-top:24px; }
.bt-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }
.bt-links a { color:#dce8fa; position:relative; display:grid; grid-template-columns:28px 1fr; gap:7px; padding:16px 17px; text-decoration:none; border:1px solid #8ca8cb30; border-radius:7px; background:#14213a65; transition:background .2s,border-color .2s; min-width:0; }
.bt-links a:hover { background:#223652aa; border-color:#c7b17a88; }
.bt-links a > span { grid-row:span 2; font-size:10px; color:var(--bt-gold); padding-top:3px; }
.bt-links strong { font-size:12px; font-weight:500; padding-right:12px; }
.bt-links small { color:#91a5c2; font-size:9px; }
.bt-links i { position:absolute; right:13px; top:13px; color:#8eabc9; font-style:normal; }
.bt-button { display:inline-flex; justify-content:center; align-items:center; gap:14px; min-height:40px; border:1px solid #9ab3d036; border-radius:6px; padding:11px 16px; cursor:pointer; font:500 12px/1.3 Outfit,Montserrat,sans-serif; transition:background .2s,border-color .2s; }
.bt-button-primary { color:#f5e8cd; background:linear-gradient(110deg,#a382483f,#6f603027); border-color:#e2c58c85; box-shadow:inset 0 1px #fff1; }
.bt-button-primary:hover { background:#b891484d; border-color:#f2d49b; }
.bt-button-quiet { color:#a4b8d5; background:#0c142352; }
.bt-button-quiet:hover { background:#243954; color:#e3edff; }
.bt-button:disabled { opacity:.4; cursor:default; }
.bt-button[hidden] { display:none !important; }
#bt-coach { position:fixed; z-index:20000; left:14px; top:14px; width:min(428px,calc(100vw - 28px)); border:1px solid #c7ad7978; border-radius:12px; background:linear-gradient(135deg,#15283af5,#0b1324fb 58%); box-shadow:0 20px 60px #0007,inset 0 1px #e8d7b215; overflow:hidden; font-size:13px; line-height:1.55; }
#bt-coach::before { content:''; position:absolute; left:24px; right:24px; top:0; height:1px; background:linear-gradient(90deg,transparent,#e6cf9b,transparent); }
.bt-coach-head { display:flex; justify-content:space-between; align-items:center; padding:18px 20px 15px; gap:12px; cursor:move; touch-action:none; background:linear-gradient(90deg,#4979a317,transparent); }
.bt-coach-head .bt-mentor img { width:51px; height:51px; }
.bt-coach-head .bt-mentor strong { font-size:14px; }
#bt-step-count { color:#acbfd8; font-size:10px; font-variant-numeric:tabular-nums; white-space:nowrap; border:1px solid #94afd42b; border-radius:4px; padding:4px 8px; }
#bt-coach progress { display:block; width:100%; height:2px; border:0; accent-color:var(--bt-gold); background:#6785ae27; }
#bt-coach progress::-webkit-progress-bar { background:#6785ae27; }
#bt-coach progress::-webkit-progress-value { background:linear-gradient(90deg,#b69861,#e8d1a4); }
.bt-lesson-body { padding:18px 22px 4px; }
#bt-coach h2 { color:#f5ebd6; font-size:21px; letter-spacing:-.02em; line-height:1.2; font-weight:500; margin:9px 0 16px; }
.bt-lesson-content { max-height:41dvh; overflow:auto; scrollbar-width:thin; scrollbar-color:#526b8d transparent; }
#bt-coach .bt-instruction { color:#d0ddef; font-size:13px; line-height:1.65; margin:0 0 12px; }
.bt-lesson-notes { list-style:none; padding:0; margin:0; }
.bt-lesson-notes li { position:relative; color:#aebfd7; padding:9px 0 9px 18px; font-size:12px; line-height:1.55; border-top:1px solid #7393b620; }
.bt-lesson-notes li::before { content:'◇'; position:absolute; left:0; top:10px; color:#cbb789; font-size:10px; }
.bt-action-hint { margin:15px 0 4px; padding-top:12px; color:#89a7c9; border-top:1px solid #8daaca28; font-size:10px; line-height:1.55; }
.bt-coach-actions { padding:14px 22px 20px; display:flex; gap:8px; align-items:center; justify-content:space-between; }
#bt-coach .bt-leave { font-size:10px; padding:10px 12px; }
.bt-turn-flow { display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; gap:5px; }
.bt-turn-flow span { color:#cce1ff; font-size:11px; padding:6px 9px; background:#5482af1a; border:1px solid #819eb835; border-radius:5px; }
.bt-turn-flow span:first-child { color:#ead1a1; border-color:#dac4907a; }
.bt-turn-flow i { font-style:normal; color:#6986a8; font-size:11px; }
.bt-dice-guide { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.bt-dice-guide > div { display:flex; align-items:center; gap:10px; padding:9px 11px; background:#668bb00b; border:1px solid #6b8fa927; border-radius:5px; }
.bt-dice-guide i { color:var(--die); text-shadow:0 0 12px var(--die); font-style:normal; font-size:21px; }
.bt-dice-guide span { color:var(--die); font-size:11px; }
.bt-dice-guide small { display:block; color:#a5b6d0; font-size:10px; margin-top:2px; }
#bt-coach .bt-rule { font-size:12px; color:#a6b9d2; margin:14px 0 0; padding:11px 13px; border-left:2px solid #d5c092; background:#d2b87908; }
.bt-rule strong { display:block; color:#dfc899; font-weight:500; margin-bottom:4px; }
.bt-highlight { outline:2px solid #edce93 !important; outline-offset:5px; box-shadow:0 0 22px #c59a4c66 !important; }
.bt-complete-backdrop { position:fixed; inset:0; z-index:19999; background:#030917bf; backdrop-filter:blur(8px); }
#bt-coach.bt-complete { left:50%; top:50%; transform:translate(-50%,-50%); width:min(850px,calc(100vw - 36px)); max-height:calc(100dvh - 32px); overflow:auto; border-color:#ead09c9c; background:radial-gradient(ellipse at 50% 25%,#2a40588c,transparent 55%),linear-gradient(135deg,#15243bf7,#0a1324fc),url('../image/backgrounds/helyszínek/akademia.webp') center/cover; box-shadow:0 0 0 6px #e7c38106,0 32px 100px #000b,0 0 80px #779ce51c; }
.bt-complete .bt-coach-head { padding:20px 28px 16px; cursor:default; }
.bt-complete .bt-lesson-body { padding:22px 40px 4px; text-align:center; }
.bt-complete-crest { width:82px; height:88px; margin:0 auto 16px; color:var(--bt-gold); filter:drop-shadow(0 0 20px #ddc68e55); }
.bt-complete-crest svg { width:100%; height:100%; }
#bt-coach.bt-complete h2 { font-size:42px; margin:12px 0 15px; letter-spacing:-.035em; }
.bt-complete .bt-lesson-content { max-height:none; }
#bt-coach.bt-complete .bt-instruction { font-size:15px; color:#b7c9e0; }
.bt-complete .bt-lesson-notes { display:none; }
.bt-reward-pair { display:grid; grid-template-columns:1fr 1fr; gap:14px; max-width:560px; margin:24px auto 18px; }
.bt-reward { display:flex; justify-content:center; align-items:center; gap:15px; padding:17px; border:1px solid #caab763b; border-radius:9px; background:linear-gradient(130deg,#bb984023,#14203940); text-align:left; }
.bt-reward img { width:55px; height:55px; object-fit:contain; filter:drop-shadow(0 0 12px #a8875744); }
.bt-reward span { display:flex; flex-direction:column; gap:4px; }
.bt-reward strong { color:#f3d7a5; font-size:32px; font-weight:500; line-height:1.1; }
.bt-reward small { color:#b8c8df; font-size:9px; letter-spacing:.12em; }
.bt-complete .bt-action-hint { font-size:11px; color:#c1cde0; border:0; }
.bt-complete .bt-coach-actions { justify-content:center; padding:17px 30px; }
.bt-complete .bt-coach-actions button { min-width:200px; font-size:13px !important; min-height:46px; }
.bt-complete-status { margin:0 32px; text-align:center; color:#829bbd; font-size:11px; padding:0 12px; }
.bt-complete-status p { margin:6px 0 12px; }
.bt-complete-status button, .bt-pending-reward button { padding:8px 12px; color:#e5d1aa; border:1px solid #b7a07470; border-radius:5px; background:#75633f28; font:inherit; cursor:pointer; }
.bt-complete > .bt-links { padding:0 26px 22px; margin-top:18px; }
.bt-pending-reward:empty { display:none; }
.bt-pending-reward { display:grid; grid-template-columns:minmax(260px,1fr) minmax(420px,1.15fr) auto; align-items:center; gap:32px; padding:30px 34px; border:1px solid #dfbe7d80; background:radial-gradient(ellipse at 48% 0%,#b18d3b20,transparent 65%),linear-gradient(120deg,#1b2b42,#0e1a2d); border-radius:14px; margin-top:28px; color:#bacbe1; box-shadow:inset 0 1px #f4d89b24,0 16px 45px #0003; }
.bt-claim-badge { display:inline-flex; align-items:center; color:#e9d2a2; font-size:12px; font-weight:600; letter-spacing:.12em; }
.bt-claim-copy h2 { margin:10px 0; color:#f8edda; font-size:clamp(26px,1.65vw,36px); font-weight:500; letter-spacing:-.025em; }
.bt-claim-copy p { margin:0; max-width:540px; color:#b9cbe2; font-size:16px; line-height:1.65; }
.bt-claim-rewards { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.bt-claim-currency { display:flex; align-items:center; gap:16px; padding:22px 18px; border:1px solid #e0c08835; border-radius:10px; background:linear-gradient(125deg,#d6ae4d13,#101b2d80); }
.bt-claim-currency img { width:68px; height:68px; object-fit:contain; filter:drop-shadow(0 0 16px #d7ad5140); flex-shrink:0; }
.bt-claim-currency span { display:flex; flex-direction:column; gap:6px; }
.bt-claim-currency strong { color:#f3d49b; font-size:clamp(32px,2.2vw,46px); font-weight:500; line-height:1.1; white-space:nowrap; }
.bt-claim-currency small { color:#c5d4e9; font-size:15px; line-height:1.35; }
.bt-claim-actions { display:flex; flex-direction:column; align-items:stretch; gap:12px; text-align:center; }
.bt-pending-reward .bt-claim-actions button { padding:16px 24px; min-height:54px; border:1px solid #eed39b9c; border-radius:8px; color:#fff0cf; background:linear-gradient(120deg,#b28a4747,#78603947); font:500 16px/1.35 Outfit,Montserrat,sans-serif; box-shadow:inset 0 1px #ffe7b421,0 4px 20px #0003; }
.bt-claim-actions button:hover { background:#b08a4759; border-color:#f5d99f; }
.bt-claim-actions button:disabled { opacity:.5; cursor:wait; }
.bt-claim-actions a { font-size:16px; text-underline-offset:4px; }
.bt-claim-received { color:#a3dfc3; font-size:18px; padding:16px 24px; border:1px solid #8eceae45; border-radius:8px; background:#62c38f0d; }
@media(max-width:1199px) { .bt-pending-reward { grid-template-columns:1fr 1fr; gap:24px; } .bt-claim-copy { grid-column:1 / -1; } }
@media(max-width:760px) { .bt-pending-reward { grid-template-columns:1fr; gap:22px; padding:24px 20px; } .bt-claim-rewards { gap:12px; } .bt-claim-currency { flex-direction:column; align-items:flex-start; gap:12px; padding:16px 12px; } .bt-claim-currency img { width:54px; height:54px; } .bt-claim-currency strong { font-size:32px; } .bt-claim-currency small { font-size:14px; } }
.bt-exit-dialog { width:min(880px,calc(100vw - 36px)); max-width:880px; max-height:calc(100dvh - 32px); padding:0; overflow:auto; border:1px solid #cdb5858c; border-radius:14px; background:#101b2e; box-shadow:0 32px 100px #000a; }
.bt-exit-dialog::backdrop { background:#030917c9; backdrop-filter:blur(7px); }
.bt-exit-hero { height:245px; position:relative; overflow:hidden; background:#13243d; }
.bt-exit-hero > img { width:100%; height:100%; object-fit:cover; object-position:center 35%; opacity:.8; }
.bt-exit-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#0d182a 0%,#101b2e66 70%,transparent),linear-gradient(0deg,#101b2e,transparent 70%); }
.bt-exit-hero-copy { position:absolute; inset:0; z-index:1; padding:38px 32px; }
.bt-exit-hero h2 { font-size:38px; line-height:1.12; letter-spacing:-.035em; color:#f3e5cd; margin:15px 0 24px; font-weight:500; }
.bt-exit-body { padding:8px 32px 28px; }
.bt-exit-body > p { color:#b2c4de; font-size:14px; line-height:1.7; margin:4px 0 18px; }
.bt-exit-note { color:#aabdd4; font-size:11px; line-height:1.65; padding:14px 15px; margin:22px 0; border-left:2px solid #d6bd89; background:#d8b97808; }
.bt-dialog-actions { display:flex; justify-content:space-between; gap:14px; }
@media(min-width:1600px) { #bt-coach:not(.bt-complete) { width:440px; left:24px; top:24px; } }
@media(min-width:1800px) { #beginner-tutorial-hub h1 { font-size:clamp(74px,4.1vw,104px); } .bt-hub-intro > p { font-size:clamp(17px,1vw,23px); } .bt-choice h3 { font-size:clamp(25px,1.5vw,36px); } .bt-choice p { font-size:clamp(13px,.85vw,18px); } .bt-hub-quote { font-size:clamp(13px,.8vw,17px); } }
@media(max-width:1099px) { #bt-coach:not(.bt-complete) { left:12px; top:12px; width:min(390px,calc(100vw - 24px)); } .bt-hub-hero { min-height:390px; } .bt-hub-intro { padding-top:20px; } .bt-choice-copy { padding:12px 18px 20px; } }
@media(max-width:760px) { .bt-hub-nav { height:78px; } .bt-brand { font-size:14px; gap:9px; } .bt-brand svg { width:33px; height:39px; } .bt-back { padding:8px 10px; font-size:11px; } .bt-hub-hero { grid-template-columns:1fr; margin-top:18px; gap:20px; } .bt-hub-intro { padding:18px 0 0; } #beginner-tutorial-hub h1 { font-size:49px; } .bt-hub-art { height:270px; } .bt-hub-intro > p { font-size:15px; } .bt-section-meta { display:none; } .bt-choices { grid-template-columns:1fr; gap:18px; } .bt-choice-art { height:185px; } .bt-choice h3 br { display:none; } .bt-links { grid-template-columns:1fr; } .bt-hub-footer { margin-top:26px; } #bt-coach:not(.bt-complete) .bt-coach-head { padding:12px 15px; } .bt-lesson-body { padding:14px 16px 3px; } #bt-coach h2 { font-size:19px; } .bt-coach-actions { padding:12px 16px 16px; } .bt-lesson-content { max-height:32dvh; } .bt-exit-hero { height:230px; } .bt-exit-hero-copy { padding:30px 22px; } .bt-exit-hero h2 { font-size:31px; } .bt-exit-body { padding:8px 20px 22px; } .bt-dialog-actions { flex-direction:column; } #bt-coach.bt-complete { width:calc(100vw - 24px); } .bt-complete .bt-lesson-body { padding:18px 20px 0; } #bt-coach.bt-complete h2 { font-size:32px; } .bt-complete-crest { width:59px; height:65px; margin-bottom:10px; } .bt-reward-pair { gap:8px; margin:18px auto 12px; } .bt-reward { padding:12px 8px; gap:8px; } .bt-reward img { width:33px; height:33px; } .bt-reward strong { font-size:24px; } .bt-reward small { font-size:7px; letter-spacing:.04em; } .bt-complete .bt-coach-actions { padding:14px 20px; flex-direction:column; } .bt-complete .bt-coach-actions button { width:100%; } .bt-complete .bt-coach-head { padding:13px 19px; } .bt-complete-status { margin:0 18px; padding:0; } .bt-complete > .bt-links { padding:0 18px 20px; margin-top:12px; } .bt-complete > .bt-links a { padding:11px 13px; } }
@media(prefers-reduced-motion:reduce) { .bt-choice,.bt-choice-art > img,.bt-start,.bt-start i { transition:none; } }