* { box-sizing: border-box; }
html,body{max-width:100%;overflow-x:clip}
body { margin:0; min-height:100vh; font-family:Arial,Helvetica,sans-serif; color:white; background:radial-gradient(circle at top,#0b2f62,#030a18 48%,#000); }
[hidden]{display:none!important}.verb-explorer{width:min(1100px,94vw);margin:auto;padding:28px 0 48px}.explorer-header{display:grid;grid-template-columns:58px 1fr 58px;align-items:center;gap:18px;margin-bottom:24px}.explorer-header>div{text-align:center}.home-link{display:grid;place-items:center;width:58px;height:58px;border:1px solid #d7b35a;border-radius:50%;text-decoration:none;font-size:1.8rem;background:rgba(0,0,0,.35)}.gold-kicker{margin:0 0 5px;color:#d7b35a;letter-spacing:.18em;font-size:.72rem}h1{margin:0;font-size:clamp(2.2rem,3.5vw,2.65rem);font-weight:600;color:#d7b35a;text-align:center}.concept-panel,.sentence-forms-panel,.experience-panel{padding:clamp(18px,4vw,36px);border:1px solid rgba(242,216,138,.45);border-radius:28px;background:rgba(3,14,34,.72);box-shadow:0 24px 70px rgba(0,0,0,.55)}.gold-node{width:min(420px,100%);margin:0 auto 28px;padding:20px;text-align:center;border:2px solid #d7b35a;border-radius:22px}.gold-label{display:block;color:#d7b35a;font-size:1rem;font-weight:700;letter-spacing:.12em}.gold-node strong{display:block;margin:7px 0;font-size:clamp(2.4rem,4.8vw,2.9rem);font-weight:800;font-style:italic;color:#f5c542;text-transform:uppercase}.gold-node #verbMeta{color:#d7b35a;font-size:1.15rem;font-weight:700}.language-branches,.form-sentences{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.language-card,.form-sentence{padding:20px;border-radius:20px;color:white;background:rgba(0,0,0,.24);text-align:center;cursor:pointer;transition:transform 180ms ease}.language-card{min-height:210px}.language-card:hover,.language-card:focus-visible,.form-sentence:hover,.form-sentence:focus-visible{transform:translateY(-3px);outline:none}.language-card>span,.form-sentence>span{display:block;font-size:.86rem;font-weight:700;margin-bottom:8px}.language-card>strong{display:block;font-size:.86rem;font-weight:800;font-style:italic;color:#f5c542!important;margin-bottom:16px}.language-card>p,.form-sentence>p{margin:0;padding-top:18px;border-top:1px solid;line-height:1.5;font-size:1.7rem;font-weight:600;font-style:italic;color:rgba(255,255,255,.94);text-align:center}.target-word{display:inline;font-size:inherit;line-height:inherit;color:#f5c542!important;font-weight:800;font-style:italic}.language-en{border:2px solid #43c66f}.language-en>span{color:#43c66f}.language-en>p{border-top-color:rgba(67,198,111,.42)}.language-es{border:2px solid #4b8fe8}.language-es>span{color:#4b8fe8}.language-es>p{border-top-color:rgba(75,143,232,.42)}.language-pt{border:2px solid #fff}.language-pt>span{color:#fff}.language-pt>p{border-top-color:rgba(255,255,255,.42)}.sentence-forms-panel{margin-top:22px}.sentence-forms-heading{text-align:center;margin-bottom:16px}.sentence-forms-heading h2{margin:7px 0 0;color:#f5c542;font-size:clamp(1.55rem,3vw,2rem);font-style:italic}.tense-tabs,.form-tabs,.subject-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tense-tabs{margin:0 auto 12px}.form-tabs{margin-bottom:18px}.tense-tab,.form-tab,.subject-tab{padding:10px 16px;border:1px solid rgba(215,179,90,.45);border-radius:999px;background:rgba(0,0,0,.24);color:rgba(255,255,255,.8);font-weight:700;cursor:pointer}.tense-tab{min-width:96px;color:#d7b35a}.tense-tab.active,.form-tab.active,.subject-tab.active{color:#f5c542;border-color:#d7b35a;box-shadow:0 0 16px rgba(215,179,90,.15)}.subject-axis{margin:0 auto 22px;padding:14px 12px 16px;border-top:1px solid rgba(215,179,90,.22);border-bottom:1px solid rgba(215,179,90,.22);text-align:center}.subject-axis-label{display:block;margin-bottom:10px;color:#d7b35a;font-size:.72rem;font-weight:700;letter-spacing:.16em}.subject-tab{min-width:58px;padding:8px 12px;font-size:.82rem}.form-sentence{min-height:150px}.verb-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:24px 0}.verb-controls button,.verb-list button{border:1px solid rgba(242,216,138,.5);border-radius:999px;background:rgba(3,14,34,.72);color:white;cursor:pointer}.verb-controls button{width:48px;height:48px}#verbProgress{color:#d7b35a;min-width:70px;text-align:center;font-size:1.15rem;font-weight:700}.verb-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.verb-list button{padding:9px 14px;font-size:.95rem}.verb-list button.active{border-color:#d7b35a;color:#f5c542;font-weight:700}
.explorer-mode-tabs{display:flex;justify-content:center;gap:10px;margin:-6px 0 22px}.explorer-mode{padding:10px 22px;border:1px solid rgba(215,179,90,.4);border-radius:999px;background:rgba(0,0,0,.25);color:#b9c6d8;font-weight:800;letter-spacing:.08em;cursor:pointer}.explorer-mode.active{color:#f5c542;border-color:#d7b35a;box-shadow:0 0 24px rgba(245,197,66,.14)}.experience-heading{text-align:center;margin-bottom:22px}.experience-heading h2{margin:8px 0;color:#f5c542;font-size:clamp(1.7rem,4vw,2.4rem)}.experience-heading p{margin:0;color:#dce7f7;font-size:1.08rem}.circumstance-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.circumstance-strip div{padding:11px 8px;border:1px solid rgba(215,179,90,.25);border-radius:13px;background:rgba(0,0,0,.2);text-align:center}.circumstance-strip span{display:block;color:#d7b35a;font-size:.66rem;font-weight:800}.circumstance-strip strong{display:block;margin-top:6px;font-size:.76rem;text-transform:uppercase}.experience-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.35fr);gap:16px}.experience-grid,.gear-stack,.living-window,.living-lines,.choice-resolver-panel,.choice-options,.choice-feedback{min-width:0;max-width:100%}.gear-stack,.living-window{border:1px solid rgba(215,179,90,.28);border-radius:20px;background:rgba(0,0,0,.2);padding:15px}.gear-block{min-width:0}.gear-block+.gear-block{margin-top:13px;padding-top:13px;border-top:1px solid rgba(215,179,90,.15)}.gear-label{display:block;margin-bottom:8px;color:#d7b35a;font-size:.72rem;font-weight:800;letter-spacing:.12em}.gear-options,.perspective-options{display:flex;max-width:100%;gap:6px;overflow-x:auto;padding-bottom:3px}.gear-option,.perspective-options button{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(215,179,90,.25);border-radius:9px;background:#07162a;color:#cdd7e5;font-size:.7rem;font-weight:800;cursor:pointer}.gear-option.active,.perspective-options button.active{border-color:#f5c542;color:#f5c542;box-shadow:0 0 13px rgba(245,197,66,.2)}.gear-option:disabled{opacity:.32;cursor:not-allowed}.living-window{border-color:#d7b35a}.living-window-head{display:flex;justify-content:space-between;gap:12px;color:#d7b35a;font-size:.72rem;font-weight:800;letter-spacing:.08em}.living-lines{display:grid;gap:8px;margin:14px 0}.living-line{position:relative;width:100%;min-width:0;min-height:92px;padding:12px 42px 12px 14px;border:1px solid rgba(74,143,232,.3);border-radius:12px;background:linear-gradient(90deg,rgba(7,28,53,.95),rgba(5,18,36,.88));color:white;text-align:left;cursor:pointer}.living-line span{color:#d7b35a;font-size:.62rem;font-weight:800;letter-spacing:.12em}.living-line p{margin:7px 0 0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.35;overflow-wrap:anywhere}.living-line b{position:absolute;right:13px;top:50%;transform:translateY(-50%)}.living-line:hover{border-color:#d7b35a}.line-controls{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;color:#8ea3bc;font-size:.66rem;font-weight:800}.line-controls span{min-width:0;text-align:center;overflow-wrap:anywhere}.line-controls button{flex:0 0 38px;width:38px;height:34px;border:1px solid rgba(215,179,90,.4);border-radius:9px;background:#07162a;color:#f5c542;cursor:pointer}.line-controls button:disabled{opacity:.3}.toroidal-next{max-width:100%;margin-top:16px;padding:15px;border:1px solid rgba(245,197,66,.35);border-radius:15px;background:radial-gradient(circle at right,rgba(245,197,66,.09),transparent 55%);overflow-wrap:anywhere}.toroidal-next>span{display:block;color:#f5c542;font-weight:900}.toroidal-next strong{display:block;margin-top:8px;font-size:1.05rem}.toroidal-next p{margin:7px 0;color:#dce7f7}.toroidal-next small{color:#d7b35a;letter-spacing:.08em}
@media(max-width:720px){.verb-explorer{width:min(94vw,620px);padding-top:14px}.explorer-header{grid-template-columns:52px 1fr 52px;gap:10px}.home-link{width:52px;height:52px}.language-branches,.form-sentences{grid-template-columns:1fr}.language-card{min-height:170px;padding:24px 18px}.form-sentence{min-height:130px;padding:20px 18px}.language-card>p,.form-sentence>p{font-size:clamp(1.3rem,5.4vw,1.5rem);padding-top:16px}.language-card>strong,.language-card>span,.form-sentence>span{font-size:clamp(.72rem,3vw,.84rem)}h1{font-size:clamp(1.35rem,5.8vw,1.6rem)}.gold-node strong{font-size:clamp(2rem,8.8vw,2.4rem)}.tense-tabs,.form-tabs,.subject-tabs{gap:7px}.tense-tab,.form-tab{padding:9px 11px;font-size:.72rem}.tense-tab{min-width:78px}.subject-axis{padding:12px 4px 14px}.subject-tab{min-width:44px;padding:8px 9px;font-size:.72rem}.experience-panel{padding:18px 12px}.circumstance-strip{display:flex;overflow-x:auto}.circumstance-strip div{flex:0 0 115px}.experience-grid{grid-template-columns:1fr}.gear-stack{padding:12px}.living-window{padding:12px}.gear-options,.perspective-options{scroll-snap-type:x proximity}.gear-option,.perspective-options button{scroll-snap-align:start}.living-line{min-height:86px}.explorer-mode{padding:9px 15px;font-size:.72rem}}

.choice-resolver-panel{margin:12px 0 16px;padding:14px;border:1px solid rgba(245,197,66,.34);border-radius:15px;background:rgba(2,11,25,.58)}
.choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.choice-option{min-height:66px;padding:11px;border:1px solid rgba(215,179,90,.34);border-radius:11px;background:#07162a;color:#eaf1fb;text-align:left;cursor:pointer;transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.choice-option:hover,.choice-option:focus-visible{border-color:#d7b35a;outline:none;transform:translateY(-1px)}
.choice-option.active{border-color:#f5c542;box-shadow:0 0 18px rgba(245,197,66,.2)}
.choice-option span{font-size:.9rem;line-height:1.35}
.choice-feedback{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.choice-feedback-card{min-height:112px;padding:12px;border:1px solid rgba(215,179,90,.24);border-radius:11px;background:linear-gradient(145deg,rgba(7,28,53,.94),rgba(4,15,31,.9))}
.choice-feedback-card>span{display:block;color:#d7b35a;font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.choice-feedback-card>strong{display:block;margin-top:7px;color:#eaf1fb;font-size:.78rem}
.choice-feedback-card>p{margin:8px 0 0;color:#dce7f7;font-size:.88rem;line-height:1.4}
.choice-feedback-card.is-valid{border-color:rgba(67,198,111,.48)}
.choice-feedback-card.is-contextual{border-color:rgba(245,197,66,.55);box-shadow:inset 0 0 18px rgba(245,197,66,.05)}
.choice-feedback-card.is-invalid{border-color:rgba(224,85,85,.52)}
@media(max-width:520px){.choice-options,.choice-feedback{grid-template-columns:1fr}.choice-feedback-card{min-height:96px}}
.gear-lock{display:block;margin-top:8px;color:#f5c542;font-size:.61rem;font-weight:900;letter-spacing:.08em;line-height:1.35}
.gear-options .gear-option:disabled{opacity:.38;border-style:dashed;box-shadow:none}
.gear-options,.perspective-options{scrollbar-width:thin;scrollbar-color:#8f6a1e rgba(2,9,24,.72);overscroll-behavior-inline:contain}
.gear-options::-webkit-scrollbar,.perspective-options::-webkit-scrollbar{height:6px}
.gear-options::-webkit-scrollbar-track,.perspective-options::-webkit-scrollbar-track{border-radius:999px;background:rgba(2,9,24,.72)}
.gear-options::-webkit-scrollbar-thumb,.perspective-options::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(90deg,#8f6a1e,#d7b35a,#f2d88a)}
.gear-options::-webkit-scrollbar-thumb:hover,.perspective-options::-webkit-scrollbar-thumb:hover{background:#f2d88a}
.choice-option{display:grid;grid-template-columns:minmax(0,1fr) 48px;padding:0;overflow:hidden;cursor:default}
.choice-select,.choice-audio{border:0;background:transparent;color:#eaf1fb;cursor:pointer}
.choice-select{min-width:0;padding:11px 8px 11px 16px;text-align:left}
.choice-audio{display:grid;place-items:center;min-width:48px;font-size:1rem;border-left:1px solid rgba(215,179,90,.2)}
.choice-select:focus-visible,.choice-audio:focus-visible{outline:2px solid #f2d88a;outline-offset:-3px}
.choice-audio:hover{color:#f5c542;background:rgba(245,197,66,.08)}
.choice-option.is-speaking{border-color:#f2d88a;box-shadow:0 0 22px rgba(245,197,66,.32),inset 0 0 18px rgba(245,197,66,.08)}
.choice-option.is-speaking .choice-audio{color:#f5c542;text-shadow:0 0 10px rgba(245,197,66,.9)}
@media(max-width:520px){.choice-option{grid-template-columns:minmax(0,1fr) 52px}.choice-audio{min-width:52px}}
@media(max-width:480px){.verb-explorer{width:100%;padding-top:10px}.explorer-header{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;padding-inline:10px}.home-link{width:44px;height:44px;font-size:1.35rem}.gold-kicker{font-size:.62rem;letter-spacing:.13em}.explorer-mode-tabs{gap:8px;padding-inline:10px}.explorer-mode{padding:9px 14px}.experience-panel{padding:16px 10px;border-radius:22px}.experience-heading h2{font-size:clamp(1.65rem,9vw,2rem)}.experience-heading p{font-size:1rem;line-height:1.4}.circumstance-strip,.gear-options,.perspective-options{max-width:100%}.experience-grid{grid-template-columns:minmax(0,1fr)}.gear-stack,.living-window{width:100%;min-width:0;padding:10px;border-radius:16px}.living-window-head{letter-spacing:.04em}.living-line{padding-left:12px}.choice-resolver-panel{padding:10px}.choice-select{padding-left:12px}.choice-feedback-card{overflow-wrap:anywhere}}
.noun-gear,.adjective-gear{margin-top:10px;padding-top:10px;border-top:1px solid rgba(215,179,90,.15)}
.noun-gear>span,.adjective-gear>span{display:block;margin-bottom:7px;color:#8ea3bc;font-size:.61rem;font-weight:900;letter-spacing:.1em}
.noun-options,.adjective-options{display:flex;max-width:100%;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#8f6a1e rgba(2,9,24,.72)}
.noun-options::-webkit-scrollbar,.adjective-options::-webkit-scrollbar{height:6px}.noun-options::-webkit-scrollbar-track,.adjective-options::-webkit-scrollbar-track{border-radius:999px;background:rgba(2,9,24,.72)}.noun-options::-webkit-scrollbar-thumb,.adjective-options::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(90deg,#8f6a1e,#d7b35a,#f2d88a)}
.noun-option,.adjective-option{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(75,143,232,.34);border-radius:9px;background:#07162a;color:#dce7f7;font-size:.7rem;font-weight:800;cursor:pointer;text-transform:uppercase}
.noun-option.active,.adjective-option.active{border-color:#f5c542;color:#f5c542;box-shadow:0 0 13px rgba(245,197,66,.2)}.noun-option:focus-visible,.adjective-option:focus-visible{outline:2px solid #f2d88a;outline-offset:2px}
.composition-gear{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(215,179,90,.15)}
.composition-gear>span{color:#8ea3bc;font-size:.61rem;font-weight:900;letter-spacing:.1em}
.composition-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.compose-selection,.build-sentence{padding:8px 13px;border:1px solid rgba(215,179,90,.45);border-radius:9px;background:#07162a;color:#d7b35a;font-size:.7rem;font-weight:900;letter-spacing:.06em;cursor:pointer}
.compose-selection:hover,.compose-selection:focus-visible,.compose-selection.active,.build-sentence:hover,.build-sentence:focus-visible,.build-sentence.active{border-color:#f5c542;color:#f5c542;box-shadow:0 0 15px rgba(245,197,66,.2);outline:none}.compose-selection:disabled,.build-sentence:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
.sentence-part{font:inherit;font-weight:900}.sentence-verb{color:#49a4ff}.sentence-adjective{color:#f5c542}.sentence-noun{color:#43c66f}.sentence-part[data-sentence-axis]{cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.sentence-part[data-sentence-axis]:hover{filter:brightness(1.25);text-shadow:0 0 10px currentColor}
@media(max-width:480px){.composition-gear{grid-template-columns:1fr}.composition-actions{justify-content:flex-start}.compose-selection,.build-sentence{flex:1 1 auto}}
