#practice-tab-button,#practice_tab button,#practice_tab a,#practice_tab label,#practice_tab input,#practice_tab select{-webkit-tap-highlight-color:transparent}
#practice_tab{box-sizing:border-box;min-height:180px;padding:8px 12px;background:#1e1e1e;overflow:auto}
#practice_tab{scrollbar-width:thin;scrollbar-color:#383838 #1e1e1e}
#practice_tab::-webkit-scrollbar{width:8px;height:8px}
#practice_tab::-webkit-scrollbar-track,#practice_tab::-webkit-scrollbar-corner{background:#1e1e1e}
#practice_tab::-webkit-scrollbar-thumb{background:#383838;border-radius:4px}
#practice_tab::-webkit-scrollbar-thumb:hover{background:#484848}
#practice_tab [hidden]{display:none!important}
#practice-picker{max-width:700px;margin:20px auto;color:#e0e0e0}
#practice-picker h2{font-size:24px;margin:8px 0 22px}
.practice-eyebrow,.practice-description{font-size:12px;color:#aebbc9;line-height:1.7}
#practice-language{color-scheme:dark;background:#242424;color:#e0e0e0;padding:7px;border:1px solid #485365;border-radius:8px}
.practice-scene-card{display:flex;flex-direction:column;gap:12px;width:100%;margin:20px 0;padding:24px;text-align:left;color:#e0e0e0;background:#302d29;border:1px solid #485365;border-radius:18px;cursor:pointer}
.practice-scene-card strong{font-size:24px}.practice-scene-card span{font-size:14px}.practice-scene-card span:last-child{color:#bcd3ef;margin-top:16px}
#practice-session{height:100%;display:flex;flex-direction:column;min-height:0}
#practice-back{align-self:flex-start;flex-shrink:0;background:transparent;color:#bcd3ef;border:0;padding:5px 8px;cursor:pointer;font-size:12px}
#practice-frame{display:block;flex:1;min-height:0;width:100%;border:0;background:#121212}
body.practice-tab-active{overflow:hidden}

#practice_tab button:focus-visible,#practice-language:focus-visible{outline:2px solid #9bbfe9;outline-offset:3px}
@media(max-width:800px){#practice_tab{padding:4px 0}#practice-picker{padding:0 14px;margin:10px auto}.practice-scene-card{padding:20px}}

.practice-welcome{position:relative;height:280px;overflow:hidden;border-radius:20px;background:linear-gradient(125deg,#252b33,#302c29);margin:14px 0 24px;isolation:isolate}
.practice-welcome-message{position:relative;z-index:2;width:53%;padding:28px 0 20px 26px;pointer-events:none}
.practice-welcome-message>span{font-size:12px;color:#bcd3ef}#practice-picker .practice-welcome-message h2{font-size:25px;line-height:1.6;margin:12px 0}.practice-welcome-message p{font-size:14px;line-height:1.8;white-space:pre-line;color:#c4cbd3}
.practice-welcome-glow{position:absolute;right:-30px;bottom:-80px;width:330px;height:330px;border-radius:50%;background:#72624a55}
#practice-welcome-avatar{position:absolute;z-index:1;width:460px;height:460px;right:-40px;bottom:-192px;pointer-events:none}#practice-welcome-avatar canvas{display:block;width:100%!important;height:100%!important}
#practice-welcome-status{position:absolute;bottom:6px;left:20px;font-size:11px;z-index:3;color:#d9be97}#practice-picker .practice-scenes-title{font-size:18px;margin:12px 0}.practice-scene-card{margin-top:14px}
@media(max-width:500px){.practice-welcome{height:230px;margin-bottom:16px}.practice-welcome-message{padding:20px 0 10px 16px;width:53%}#practice-picker .practice-welcome-message h2{font-size:20px;line-height:1.6}.practice-welcome-message p{font-size:12px}#practice-welcome-avatar{width:360px;height:360px;right:-92px;bottom:-150px}.practice-welcome-glow{width:230px;height:230px;right:-60px}.practice-scene-card{padding:16px;gap:8px}.practice-scene-card span:last-child{margin-top:6px}}

.practice-place h3{font-size:18px;color:#c4cbd3;margin:24px 0 10px}.airport-card{background:#25313e}

.immigration-card{background:#283530}

.hotel-card{background:#302b32}

.rail-card{background:#263039}

#practice-language option{color:#e0e0e0;background:#242424}

.taxi-card{background:#343126}

.restaurant-card{background:#352b27}

.sightseeing-card{background:#26352f}

.english-picker .practice-scene-card>span:nth-of-type(2){display:none}

.explanation-settings{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0}.explanation-settings[hidden]{display:none}.explanation-settings [role=group]{display:flex;gap:0}.explanation-settings button{font:inherit;font-size:12px;line-height:1.4;padding:4px 10px;min-height:30px;border:1px solid #697887;background:#242c34;color:#edf2f5;border-radius:0;cursor:pointer}.explanation-settings button[aria-pressed=true]{background:#466985;border-color:#a7ccec}.explanation-settings button:focus-visible{outline:2px solid #a7ccec;outline-offset:2px}

.english-picker.japanese-explanations .practice-scene-card>span:nth-of-type(1){display:none}.english-picker.japanese-explanations .practice-scene-card>span:nth-of-type(2){display:block}

.explanation-settings button:first-child{border-radius:6px 0 0 6px}.explanation-settings button:last-child{border-radius:0 6px 6px 0;margin-left:-1px}