.practice-page{--practice-line:#d7ba8950}.practice-hero{padding:165px var(--pad) 70px;background:radial-gradient(ellipse at 85% 40%,#b8742224,transparent 50%)}.practice-hero>.overline{margin:35px 0 24px}.practice-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);gap:50px;align-items:center}.practice-hero h1{font-family:var(--sans);font-weight:800;font-size:clamp(2.6rem,5.5vw,6.5rem);line-height:1.04;letter-spacing:-.06em}.practice-hero h1 em{font-family:var(--serif);font-weight:500;font-size:1.14em}.practice-hero p{margin:28px 0;font-size:1.2rem;color:#e6ded1}.practice-orbit{aspect-ratio:1;border:1px solid #d8b77980;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 0 14px #e7b65708,inset 0 0 80px #c3851912;position:relative}.practice-orbit:before{content:'';position:absolute;inset:-15px;border:3px solid transparent;border-top-color:#ffb168;border-right-color:#dfc490;border-radius:50%;transform:none}.practice-orbit>strong{font-family:var(--serif);font-size:clamp(5rem,8vw,9rem);color:#edcd9c;line-height:1.05;letter-spacing:-.06em}.practice-orbit>span{font-size:.7rem;letter-spacing:.14em;color:#dbc3a3}.practice-orbit img{width:42%;margin-top:20px}.practice-workspace{padding:60px var(--pad) 90px;border-top:1px solid var(--practice-line)}.practice-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end}.practice-heading h2{font-size:clamp(2.7rem,4vw,5rem);margin-top:20px}.practice-heading>p{font-size:1rem;color:#d1c6b5;max-width:420px}.practice-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--practice-line);border-bottom:1px solid var(--practice-line);margin:28px 0 35px;padding:25px 0}.practice-stats>div{display:flex;align-items:baseline;gap:16px;padding-right:20px}.practice-stats strong{font-family:var(--serif);font-size:3.2rem;color:#edc88e;line-height:1}.practice-stats span{font-size:.875rem;color:#d2c4b0}.practice-modes{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.practice-mode{padding:30px;text-align:left;border:1px solid var(--practice-line);display:flex;flex-direction:column;gap:24px;position:relative;min-width:0;transition:border-color .2s,background .2s}.practice-mode:hover{border-color:#e8bb7b;background:#c0903720}.practice-mode:disabled{opacity:.5;cursor:wait}.practice-mode .mode-index{font-size:.65rem;letter-spacing:.14em;line-height:1.8;color:#e0c49e}.practice-mode>strong{font-family:var(--serif);font-size:2.35rem;line-height:1.13;font-weight:500;letter-spacing:-.02em}.practice-mode>span:not(.mode-index){font-size:.875rem;color:#d2c6b5;line-height:1.75}.practice-mode>b{font-size:.875rem;color:#f3c28a;margin-top:auto;padding-top:10px}.mode-gold{background:linear-gradient(145deg,#dbb878,#ae7836);color:#15120d}.mode-gold .mode-index,.mode-gold>span:not(.mode-index),.mode-gold>b{color:#21180d}.mode-gold:hover{background:linear-gradient(145deg,#e7c890,#bd8844)}.practice-resume{width:100%;padding:18px 24px;text-align:left;border:1px solid #e9a95d;color:#ffd098;margin:0 0 20px;min-height:56px}.ticket-heading{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-top:65px}.ticket-heading h3{font-family:var(--serif);font-size:2.8rem;margin-top:15px}.ticket-heading label{font-size:.875rem;color:#d6c4aa;min-width:0}.ticket-heading select{display:block;margin-top:8px;max-width:100%;width:100%;border:1px solid var(--practice-line);background:#10120f;padding:14px;color:#f7e6cd;font-size:.9375rem;min-height:48px}.practice-note{font-size:.875rem;color:#c7beae;line-height:1.75;margin:18px 0}.ticket-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;margin-top:25px}.ticket-grid button{border:1px solid var(--practice-line);padding:15px 8px;min-height:84px}.ticket-grid button>span{display:block;font-family:var(--serif);font-size:2rem;line-height:1}.ticket-grid small{font-size:.65rem;color:#b7aa94;display:block;margin-top:12px}.ticket-grid button:hover{background:#d6b98920}.ticket-grid .ticket-complete{border-color:#d6b989;background:#ddad6020}.ticket-complete small{color:#f9d594}#practice-status{font-size:.875rem;line-height:1.6;color:#f0c993;margin-top:24px;min-height:1.6em}#practice-error{padding:20px;border:1px solid #f39752}.practice-player{margin-top:30px;scroll-margin-top:25px}.player-bar{display:flex;align-items:center;flex-wrap:wrap;gap:15px 35px;justify-content:space-between;font-size:.875rem}.player-bar button{min-height:48px;text-align:left}.player-bar #question-bookmark{color:#e8c18b}.player-bar .line-button{font-size:.875rem}.practice-page progress{width:100%;height:3px;accent-color:#e8b777;border:0;display:block;margin:25px 0;background:#d6b98920}.practice-page progress::-webkit-progress-bar{background:#d6b98920}.practice-page progress::-webkit-progress-value{background:#e8b777}.question-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:50px;align-items:start}.question-layout>div{min-width:0}#question-title{font-family:var(--sans);font-size:clamp(1.4rem,2.1vw,2.2rem);line-height:1.4;letter-spacing:-.025em;margin:17px 0 26px;outline:none}.question-picture{background:#f0ede6;border:1px solid #d6b98970;margin:20px 0 28px}.question-picture img{width:100%;height:auto;object-fit:contain;max-height:480px}.question-picture p{color:#181710;font-size:1rem;padding:24px}.question-picture button{text-decoration:underline;color:#34220c;min-height:44px}.question-answers{display:grid;gap:10px}.answer-option{display:flex;align-items:start;gap:18px;text-align:left;padding:20px;border:1px solid var(--practice-line);font-size:1rem;line-height:1.65;min-height:66px}.answer-option .answer-number{color:#e3c18e;min-width:22px}.answer-option:not(:disabled):hover{border-color:#ecc58e;background:#e9bf7320}.answer-option:disabled{cursor:default;color:#e6dfd2}.answer-option:disabled:not(.answer-chosen):not(.answer-correct){opacity:.8}.answer-option small{font-size:.75rem;margin-left:auto;min-width:70px;color:#ffe2b7}.answer-chosen{border-color:#dfb983;background:#c6943920}.answer-correct{border:2px solid #c7d2a0;background:#73824e22}.answer-wrong{border-color:#edaa70;background:#c06b2b20}.question-explanation{border-left:1px solid #c7a16980;padding:28px;background:linear-gradient(130deg,#c2994c15,transparent)}.question-explanation h3{font-family:var(--serif);font-size:3rem;line-height:1.1;margin:20px 0}.question-explanation p{font-size:1rem;color:#ded3c1;line-height:1.85}#question-next{margin-top:28px;min-height:58px}#question-next:disabled{opacity:.4;cursor:default}.practice-result{margin-top:35px}.practice-result h2{font-size:clamp(3rem,5vw,6rem);margin:25px 0;outline:none}.practice-result>p{max-width:700px;margin:22px 0}.practice-result>.line-button{margin-left:30px}.practice-page details{border-top:1px solid var(--practice-line);padding:18px 0}.practice-page summary{font-size:1rem;line-height:1.6;cursor:pointer;min-height:44px;display:list-item}.practice-page details p{font-size:.9375rem;margin:16px 0;color:#d4c7b4}.practice-page details img{max-width:604px;width:100%;height:auto;margin:20px 0}.practice-pocket{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:80px;padding:80px var(--pad) 150px;background:linear-gradient(120deg,#b8822b16,transparent 60%);border-top:1px solid var(--practice-line)}.practice-pocket h2{font-size:clamp(2.6rem,4.3vw,5rem);margin:20px 0 26px}.practice-pocket p{font-size:1rem;line-height:1.85;color:#ddd0bd}.pocket-actions{display:flex;flex-wrap:wrap;gap:10px 30px;margin:25px 0}.practice-data{padding-top:45px}.practice-data h3{font-family:var(--serif);font-size:2.8rem;line-height:1.15;margin-bottom:25px}.practice-data .line-button,.practice-data .line-link{width:100%;display:flex;justify-content:start;min-width:0;font-size:1rem}.import-progress{position:relative;cursor:pointer}.import-progress input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.import-progress:focus-within{outline:2px solid #f5c987;outline-offset:4px}.practice-data details{margin-top:30px}.practice-page details a{color:#f3cf9b;text-decoration:underline}.practice-page button,.practice-page h1,.practice-page h2,.practice-page h3,.practice-page p,.practice-page span{overflow-wrap:anywhere}.practice-page .solid-action{white-space:normal;max-width:100%;font-size:1rem;line-height:1.5;text-align:left}.practice-page [hidden]{display:none!important}
@media(max-width:1100px){.practice-modes{grid-template-columns:1fr 1fr}.mode-gold{grid-column:1/-1}.ticket-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.question-layout{grid-template-columns:1fr}.question-explanation{padding:24px}.question-explanation h3{font-size:2.4rem}.practice-pocket{gap:40px}.practice-stats>div{display:block}.practice-stats span{display:block;margin-top:10px}.practice-intro{gap:35px}.practice-orbit{min-width:0}}
@media(max-width:700px){.practice-hero{padding-top:140px}.practice-intro{grid-template-columns:1fr}.practice-hero h1{font-size:clamp(2.35rem,7.6vw,4.2rem)}.practice-orbit{width:240px;justify-self:center;margin:25px 0 5px}.practice-orbit>strong{font-size:6rem}.practice-heading{grid-template-columns:1fr;gap:25px}.practice-workspace{padding-top:45px}.practice-modes{grid-template-columns:1fr}.practice-mode{padding:25px}.practice-mode>strong{font-size:2.3rem}.ticket-heading{display:block;margin-top:45px}.ticket-heading label{display:block;margin-top:25px}.ticket-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ticket-grid button{padding:12px 4px;min-height:72px}.ticket-grid small{font-size:.625rem}.practice-stats{gap:8px}.practice-stats strong{font-size:2.5rem}.practice-stats>div{padding-right:0}.practice-stats span{font-size:.75rem}.player-bar{gap:10px}.player-bar .line-button{width:100%;justify-content:start}.answer-option{padding:16px 12px;gap:12px;flex-wrap:wrap}.answer-option>span:nth-child(2){flex:1;min-width:0}.answer-option small{width:100%;padding-left:34px;margin:0}#question-title{font-size:1.35rem}.question-explanation{padding:20px}.practice-pocket{grid-template-columns:1fr;padding-top:50px;gap:25px}.practice-data{padding-top:0}.practice-result>.line-button{margin:15px 0 0}.practice-page .solid-action{font-size:.9375rem;padding:16px 22px}.practice-heading h2{font-size:2.7rem}}
html[data-size=xlarge] .practice-intro,html[data-size=xlarge] .practice-heading,html[data-size=xlarge] .practice-modes,html[data-size=xlarge] .practice-pocket{grid-template-columns:1fr}html[data-size=xlarge] .practice-orbit{max-width:300px}html[data-size=xlarge] .question-layout{grid-template-columns:1fr}html[data-contrast=true] .practice-page p,html[data-contrast=true] .practice-page span,html[data-contrast=true] .practice-page small{color:#fff}html[data-contrast=true] .mode-gold,html[data-contrast=true] .question-explanation{background:#000;color:#fff}html[data-contrast=true] .answer-option:disabled{opacity:1}html[data-no-images=true] .practice-orbit{display:none}html[data-no-images=true] .question-picture img:not([hidden]){display:block!important}