.ctg{--ink:#f7f0e3;--muted:#bcb3c5;--gold:#e8bd68;--gold2:#fff0ae;--teal:#60c9bd;--wine:#27151f;--night:#080711;--panel:#11101b;position:relative;margin:0 auto 38px;color:var(--ink);background:radial-gradient(circle at 50% 20%,#1b1426 0,#0a0812 48%,#05050b 100%);border:1px solid rgba(232,189,104,.22);border-radius:26px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.36);font-family:Arial,sans-serif;isolation:isolate}.ctg *{box-sizing:border-box}.ctg [hidden]{display:none!important}.ctg h2,.ctg h3,.ctg h4,.ctg p,.ctg fieldset{margin-top:0}.ctg h2,.ctg h3,.ctg h4{color:var(--ink)}.ctg h2,.ctg h3{font-family:Georgia,serif}.ctg button,.ctg input{font:inherit}.ctg-kicker{display:block;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ctg-hero{position:relative;min-height:520px;display:flex;align-items:flex-end}.ctg-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ctg-hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,4,10,.96) 0,rgba(6,5,11,.8) 38%,rgba(6,5,11,.18) 70%),linear-gradient(0deg,rgba(6,5,11,.97),transparent 45%)}.ctg-hero-copy{position:relative;z-index:1;width:min(590px,72%);padding:64px 54px}.ctg-hero-copy h2{margin:12px 0 17px;font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.045em}.ctg-hero-copy>p{max-width:530px;margin-bottom:25px;color:#e5dfe7;font-size:18px;line-height:1.65}.ctg-hero-points{display:flex;flex-wrap:wrap;gap:9px}.ctg-hero-points span{padding:8px 12px;border:1px solid rgba(232,189,104,.45);border-radius:99px;background:rgba(7,6,13,.64);color:var(--gold2);font-size:12px;font-weight:700}.ctg-shell{width:min(1100px,calc(100% - 38px));margin:34px auto 0}.ctg-start,.ctg-play,.ctg-result,.ctg-error{padding:clamp(24px,4vw,46px);border:1px solid rgba(232,189,104,.24);border-radius:23px;background:linear-gradient(145deg,rgba(35,23,37,.9),rgba(11,10,18,.96));box-shadow:inset 0 1px rgba(255,255,255,.03)}.ctg-head{text-align:center;max-width:760px;margin:0 auto 30px}.ctg-head h2{margin:9px 0 10px;font-size:clamp(31px,4.5vw,50px)}.ctg-head p{color:var(--muted);font-size:17px;line-height:1.65}.ctg-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0;border:0}.ctg-mode,.ctg-session{position:relative;display:flex;gap:14px;border:1px solid rgba(255,255,255,.12);background:#0b0a12;border-radius:16px;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}.ctg-mode{min-height:178px;padding:22px}.ctg-mode:hover,.ctg-session:hover{transform:translateY(-2px);border-color:rgba(232,189,104,.5)}.ctg-mode.is-selected,.ctg-session.is-selected{border-color:var(--gold);background:linear-gradient(145deg,rgba(80,50,51,.55),rgba(18,15,26,.96));box-shadow:0 0 0 1px rgba(232,189,104,.12),0 12px 25px rgba(0,0,0,.18)}.ctg-mode input,.ctg-session input{position:absolute;opacity:0;pointer-events:none}.ctg-mode-mark{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(232,189,104,.6);border-radius:50%;color:var(--gold2);font-size:17px}.ctg-mode>span:nth-of-type(2){display:flex;flex-direction:column;gap:6px}.ctg-mode strong{font-family:Georgia,serif;font-size:21px}.ctg-mode small{color:var(--gold);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.ctg-mode em{color:var(--muted);font-size:14px;line-height:1.48;font-style:normal}.ctg-mode i,.ctg-session i{position:absolute;right:14px;top:14px;width:16px;height:16px;border:1px solid rgba(255,255,255,.3);border-radius:50%}.ctg-mode.is-selected i,.ctg-session.is-selected i{border:4px solid var(--gold);background:#130f17}.ctg-sessions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:31px 0 0;padding:20px 0 0;border:0;border-top:1px solid rgba(255,255,255,.1)}.ctg-sessions legend{float:none;grid-column:1/-1;width:100%;margin:0 0 3px;padding:0}.ctg-sessions legend strong,.ctg-sessions legend small{display:block}.ctg-sessions legend strong{font-family:Georgia,serif;font-size:23px}.ctg-sessions legend small{margin-top:4px;color:var(--muted);font-size:13px}.ctg-session{padding:16px 42px 16px 18px}.ctg-session span{display:flex;flex-direction:column;gap:4px}.ctg-session strong{font-size:14px}.ctg-session small{color:var(--muted);font-size:12px}.ctg-rules{margin:27px 0;padding:22px;border-radius:16px;background:rgba(5,5,11,.62);border:1px solid rgba(96,201,189,.18)}.ctg-rules h3{margin-bottom:15px;font-size:21px}.ctg-rules ol{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}.ctg-rules li{display:flex;gap:10px;color:#d9d2dc;line-height:1.5;font-size:14px}.ctg-rules b{color:var(--teal);font-size:11px;letter-spacing:.1em}.ctg-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:13px 24px;border:1px solid #f4d589;border-radius:13px;background:linear-gradient(135deg,#f1d17f,#b9792e);color:#140c09;font-weight:800;cursor:pointer;box-shadow:0 10px 28px rgba(168,103,34,.2);transition:transform .2s,filter .2s}.ctg-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.ctg-btn:focus-visible,.ctg-option:focus-visible,.ctg-mode:has(input:focus-visible),.ctg-session:has(input:focus-visible){outline:3px solid var(--teal);outline-offset:3px}.ctg-btn.is-secondary{border-color:rgba(232,189,104,.45);background:#12101c;color:var(--ink);box-shadow:none}.ctg-begin{display:flex;width:min(430px,100%);margin:0 auto}.ctg-privacy,.ctg-disclaimer{text-align:center;color:#928b98;font-size:11px;line-height:1.5}.ctg-privacy{margin:12px 0 0}.ctg-disclaimer{margin:16px auto 0;padding:0 18px 21px}.ctg-loading{min-height:330px;display:grid;place-content:center;gap:22px;text-align:center}.ctg-loading>span{display:flex;justify-content:center;gap:11px}.ctg-loading i{width:13px;height:24px;border:1px solid var(--gold);border-radius:3px;animation:ctg-wave 1s ease-in-out infinite}.ctg-loading i:nth-child(2){animation-delay:.12s}.ctg-loading i:nth-child(3){animation-delay:.24s}.ctg-loading strong{font-family:Georgia,serif;font-size:24px}.ctg-scoreboard{display:grid;grid-template-columns:repeat(3,max-content) 1fr;align-items:center;gap:22px;padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.1)}.ctg-scoreboard p{margin:0}.ctg-scoreboard small,.ctg-scoreboard strong{display:block}.ctg-scoreboard small{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.ctg-scoreboard strong{margin-top:4px;color:var(--gold2);font-size:18px}.ctg-progress{height:4px;background:rgba(255,255,255,.09);border-radius:4px;overflow:hidden}.ctg-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .35s}.ctg-question-head{max-width:780px;margin:30px auto 22px;text-align:center}.ctg-question-head h2{margin:8px 0 10px;font-size:clamp(27px,4vw,41px)}.ctg-question-head>p{color:#d8d0da;line-height:1.65}.ctg-question-head .ctg-generated{color:var(--teal);font-size:11px}.ctg-spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;max-width:880px;margin:0 auto}.ctg-position{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:16px 14px 18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,rgba(22,17,29,.97),rgba(7,7,13,.97));text-align:center}.ctg-position-role{margin-bottom:10px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.ctg-card-frame{position:relative;width:min(100%,180px);aspect-ratio:10/17;border-radius:10px;overflow:hidden;background:#05050a;border:1px solid rgba(232,189,104,.42);box-shadow:0 10px 28px rgba(0,0,0,.35)}.ctg-position-image{width:100%;height:100%;display:block;object-fit:contain;background:#05050a}.ctg-position h3{margin:13px 0 7px;font-size:19px}.ctg-position-note{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.ctg-position.is-missing{border-style:dashed;border-color:rgba(96,201,189,.55);background:radial-gradient(circle at 50% 42%,rgba(96,201,189,.12),rgba(9,8,15,.96) 62%)}.ctg-position.is-revealed{border-style:solid;border-color:var(--teal);box-shadow:0 0 30px rgba(96,201,189,.12)}.ctg-empty{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,rgba(96,201,189,.15),transparent 55%),repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 1px,transparent 1px 8px)}.ctg-empty i{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--teal);border-radius:50%;color:var(--teal);font:normal 30px Georgia,serif;box-shadow:0 0 28px rgba(96,201,189,.25)}.ctg-slot-hint{max-width:760px;margin:19px auto 30px;padding:14px 19px;border-left:2px solid var(--teal);background:rgba(96,201,189,.07);border-radius:0 10px 10px 0}.ctg-slot-hint small,.ctg-slot-hint strong{display:block}.ctg-slot-hint small{margin-bottom:4px;color:var(--teal);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.ctg-slot-hint strong{font-family:Georgia,serif;font-size:17px;line-height:1.45}.ctg-answer-panel{padding-top:28px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.ctg-answer-panel h2{margin-bottom:6px;font-size:clamp(25px,3.6vw,37px)}.ctg-answer-panel>p{color:var(--muted)}.ctg-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:20px}.ctg-option{position:relative;min-width:0;padding:9px 9px 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#0a0911;color:var(--ink);cursor:pointer;overflow:hidden;transition:transform .18s,border-color .18s,background .18s}.ctg-option:hover{transform:translateY(-3px);border-color:var(--gold)}.ctg-option:disabled{cursor:default}.ctg-option img{display:block;width:100%;height:auto;aspect-ratio:10/17;object-fit:contain;border-radius:7px;background:#05050a}.ctg-option strong,.ctg-option small{display:block}.ctg-option strong{margin-top:10px;font-family:Georgia,serif;font-size:16px}.ctg-option small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.35}.ctg-option-mark{position:absolute;z-index:2;top:15px;left:15px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(8,7,13,.88);border:1px solid var(--gold);color:var(--gold2);font-size:11px;font-weight:800}.ctg-option.is-correct{border-color:#68d9a0;background:rgba(35,94,66,.28);box-shadow:0 0 0 2px rgba(104,217,160,.16)}.ctg-option.is-wrong{border-color:#dc6b76;background:rgba(102,34,45,.3)}.ctg[data-mode=expert] .ctg-option small{display:none}.ctg-feedback{min-height:24px;margin:17px 0 0;color:var(--gold2);font-weight:700}.ctg-reveal{margin-top:22px;padding:clamp(20px,3vw,31px);border:1px solid rgba(232,189,104,.3);border-radius:18px;background:linear-gradient(135deg,rgba(47,28,39,.8),rgba(12,10,18,.95))}.ctg-reading{text-align:center}.ctg-reveal-status{display:inline-block;margin-bottom:8px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ctg-reading h3{margin-bottom:11px;font-size:27px}.ctg-reading p{max-width:820px;margin:0 auto;color:#eee7ec;font-family:Georgia,serif;font-size:18px;line-height:1.65}.ctg-learning{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.ctg-learning section{padding:19px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(6,6,12,.5)}.ctg-learning h4{margin-bottom:9px;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.ctg-learning p,.ctg-learning li{color:#d6cfd8;font-size:13px;line-height:1.55}.ctg-learning p{margin:0}.ctg-learning ul{margin:0;padding-left:18px}.ctg-learning li+li{margin-top:8px}.ctg-reveal-actions,.ctg-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.ctg-result{text-align:center}.ctg-result>h2{margin:9px 0 12px;font-size:clamp(31px,4vw,49px)}.ctg-result-score{display:block;color:var(--gold2);font:700 clamp(38px,6vw,66px) Georgia,serif}.ctg-result-rank{margin:12px 0 7px;font-size:27px}.ctg-result-text{max-width:700px;margin:0 auto;color:var(--muted);line-height:1.65}.ctg-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:760px;margin:25px auto}.ctg-result-stats span{padding:15px 10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(5,5,10,.55);font-size:13px}.ctg-review{max-width:720px;margin:22px auto;padding:19px;border:1px solid rgba(232,189,104,.25);border-radius:14px;background:rgba(46,29,38,.55)}.ctg-review h3{font-size:19px}.ctg-review div{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.ctg-review span{padding:6px 10px;border-radius:99px;background:#0b0911;color:var(--gold2);font-size:12px}.ctg-share-status{min-height:20px;margin:13px 0 0;color:var(--teal);font-size:12px}.ctg-error{text-align:center}.ctg-error p{font:24px Georgia,serif}.ctg-error .ctg-btn{margin-top:10px}@keyframes ctg-wave{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-9px);opacity:1}}
@media(max-width:760px){.ctg{border-radius:18px}.ctg-hero{min-height:480px}.ctg-hero-veil{background:linear-gradient(0deg,rgba(5,4,10,.98) 0,rgba(5,4,10,.72) 48%,rgba(5,4,10,.2) 100%)}.ctg-hero-copy{width:100%;padding:36px 25px}.ctg-hero-copy h2{font-size:44px}.ctg-hero-copy>p{font-size:16px}.ctg-shell{width:calc(100% - 20px);margin-top:20px}.ctg-start,.ctg-play,.ctg-result,.ctg-error{padding:22px 14px}.ctg-modes,.ctg-sessions,.ctg-rules ol{grid-template-columns:1fr}.ctg-mode{min-height:0;padding:17px}.ctg-sessions{gap:8px}.ctg-scoreboard{grid-template-columns:repeat(3,1fr);gap:10px}.ctg-scoreboard p{text-align:center}.ctg-progress{grid-column:1/-1}.ctg-spread{grid-template-columns:1fr 1fr;gap:10px}.ctg-position{padding:12px 8px}.ctg-position.is-missing{grid-column:1/-1;display:grid;grid-template-columns:minmax(86px,125px) 1fr;grid-template-rows:auto auto 1fr;column-gap:16px;text-align:left;align-items:center}.ctg-position.is-missing .ctg-position-role{grid-column:1/-1;text-align:center}.ctg-position.is-missing .ctg-card-frame{grid-row:2/4;grid-column:1}.ctg-position.is-missing h3{grid-column:2;grid-row:2;margin:0 0 5px}.ctg-position.is-missing .ctg-position-note{grid-column:2;grid-row:3}.ctg-position h3{font-size:16px}.ctg-position-note{font-size:11px}.ctg-options{grid-template-columns:1fr 1fr;gap:9px}.ctg-option{padding:7px 7px 11px}.ctg-option strong{font-size:14px}.ctg-learning,.ctg-result-stats{grid-template-columns:1fr}.ctg-reading p{font-size:16px}}
@media(max-width:400px){.ctg-hero-copy h2{font-size:39px}.ctg-hero-points span{font-size:10px}.ctg-card-frame{max-width:145px}.ctg-position{min-height:0}.ctg-position-role{font-size:8px}.ctg-option strong{font-size:13px}.ctg-option small{font-size:9px}.ctg-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.ctg *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}