.et-page{--et-card:#fff;--et-ok:#14804a;--et-okbg:#eaf6ef;--et-no:#c62828;--et-nobg:#fdecec;--et-red:#b20000;--et-shadow:0 22px 48px -32px rgba(10,10,20,.45);--et-note:#fff8e1;--et-note-ink:#5c4400;overflow-x:clip}
html[data-theme="dark"] .et-page{--et-card:#161618;--et-ok:#4cc38a;--et-okbg:rgba(76,195,138,.14);--et-no:#ef6b6b;--et-nobg:rgba(239,107,107,.14);--et-shadow:none;--et-note:rgba(255,200,60,.12);--et-note-ink:#f3d58a}
.et-page [hidden]{display:none!important}

.et-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--color-bg-soft);border-bottom:1px solid var(--color-hairline)}
.et-hp{position:absolute;z-index:-1;top:0;right:0;bottom:0;width:calc(max(0px,(100vw - 1440px)/2) + 20px + min(52vw,780px));pointer-events:none}
.et-hp img{display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to right,transparent,#000 42%);mask-image:linear-gradient(to right,transparent,#000 42%)}
html[data-theme="dark"] .et-hp img{filter:brightness(.82)}
.et-hero__in{display:flex;flex-direction:column;justify-content:center;min-height:440px;padding-top:38px;padding-bottom:40px}
.et-hero__t{max-width:min(620px,44vw)}
.et-eyebrow{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--color-brand)}
.et-hero h1{margin:0 0 12px;font-family:var(--font-head);font-size:clamp(36px,4.6vw,66px);line-height:1.02;letter-spacing:-.025em;font-weight:900;color:var(--color-ink);text-wrap:balance}
.et-sub{max-width:600px;margin:0;font-size:17px;line-height:1.5;color:var(--color-muted)}
.et-how{margin:22px 0 0}
.et-how__k{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--color-meta)}
.et-how ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.et-how li{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:6px 14px 6px 6px;border:1px solid var(--color-border);border-radius:99px;background:var(--color-bg);font-size:14.5px;font-weight:700;line-height:1.3;color:var(--color-ink)}
.et-how li b{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--et-red);color:#fff;font-size:13.5px;font-weight:900}

.et-page .et-ad{margin:18px auto 0}
@media (min-width:1024px){.et-page .et-ad{display:none!important}}
.et-body{padding-top:24px;padding-bottom:64px}
.et-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}

.et-game{background:var(--et-card);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;box-shadow:var(--et-shadow);scroll-margin-top:110px}
.et-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px;background:var(--color-bg-soft);border-bottom:1px solid var(--color-hairline)}
.et-tab{min-height:46px;padding:0 12px;border:0;border-radius:13px;background:transparent;color:var(--color-muted);font:inherit;font-size:15px;font-weight:800;line-height:1.2;cursor:pointer;transition:background-color .15s,color .15s}
.et-tab b{font-weight:900;color:inherit;font-variant-numeric:tabular-nums}
.et-tab:hover{color:var(--color-ink)}
.et-tab[aria-pressed="true"]{background:var(--et-card);color:var(--color-ink);box-shadow:0 1px 2px rgba(10,10,20,.12),0 4px 12px -6px rgba(10,10,20,.2)}
.et-tab[aria-pressed="true"] b{color:var(--et-red)}
html[data-theme="dark"] .et-tab[aria-pressed="true"]{background:#2a2a2e;box-shadow:none}
html[data-theme="dark"] .et-tab[aria-pressed="true"] b{color:#ff6b6b}
.et-intro{padding:14px 20px 2px}
.et-intro__h{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.et-intro__s{margin:0;font-size:14.5px;line-height:1.45;color:var(--color-meta)}
.et-cd{white-space:nowrap}
.et-cd time{display:inline-block;min-width:4.4em;font-variant-numeric:tabular-nums;font-weight:700;color:inherit}
.et-dots{display:flex;gap:5px;padding:12px 20px 0}
.et-dots i{flex:1 1 0;height:6px;border-radius:3px;background:var(--color-border)}
.et-dots i.ok{background:var(--et-ok)}
.et-dots i.no{background:var(--et-no)}
.et-dots i.cur{background:var(--color-ink)}

.et-stage{display:grid;gap:12px;padding:18px 20px 22px}
.et-hint{margin:0;padding:11px 14px;border-radius:12px;background:var(--et-note);color:var(--et-note-ink);font-size:15px;line-height:1.45}
.et-qn{margin:0;font-size:13.5px;font-weight:700;color:var(--color-meta)}
.et-qk{margin:6px 0 -6px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--color-brand)}
.et-q{margin:0;font-family:var(--font-head);font-size:clamp(36px,4.4vw,56px);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:var(--color-ink);overflow-wrap:anywhere}
.et-q:focus{outline:none}
[data-kind="blank"] .et-q{font-size:clamp(23px,2.5vw,31px);line-height:1.38;letter-spacing:-.01em;overflow-wrap:break-word;text-wrap:pretty}
.et-blank{display:inline-block;min-width:4.6em;height:1.12em;margin:0 .12em;border-bottom:3px dashed var(--et-red);vertical-align:-.12em;transition:background-color .2s}
.et-blank.is-fill{min-width:0;height:auto;margin:0 .04em;padding:0 .18em;border-radius:7px 7px 0 0;border-bottom-style:solid;vertical-align:baseline}
.et-blank.is-fill{color:var(--et-ok);background:var(--et-okbg);border-bottom-color:var(--et-ok)}
.et-qp{margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.35;color:var(--color-text)}
.et-ans{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.et-ans li{min-width:0;display:flex}
.et-a{width:100%;min-height:60px;display:flex;align-items:center;gap:12px;padding:11px 14px;border:2px solid var(--color-border);border-radius:14px;background:var(--et-card);color:var(--color-ink);font:inherit;font-size:16.5px;font-weight:700;line-height:1.3;text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s,opacity .15s,transform .1s}
.et-a i{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--color-bg-soft);color:var(--color-muted);font-style:normal;font-size:14px;font-weight:800}
.et-a span{min-width:0;overflow-wrap:anywhere}
.et-a:hover:not(:disabled){border-color:var(--color-ink)}
.et-a:active:not(:disabled){transform:scale(.99)}
.et-a:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}
.et-a:disabled{cursor:default;color:var(--color-ink)}
.et-a.is-right{border-color:var(--et-ok);background:var(--et-okbg)}
.et-a.is-right i{background:var(--et-ok);color:#fff}
.et-a.is-wrong{border-color:var(--et-no);background:var(--et-nobg)}
.et-a.is-wrong i{background:var(--et-no);color:#fff}
.et-a.is-dim{opacity:.5}
html[data-theme="dark"] .et-a.is-right i,html[data-theme="dark"] .et-a.is-wrong i{color:#0f0f10}
.et-fb{display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:var(--color-bg-soft)}
.et-fb p{margin:0;font-size:16px;line-height:1.55;color:var(--color-text)}
.et-fb .et-fb__k{margin-top:4px;font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1.3;color:var(--color-meta)}
.et-fb__ok{color:var(--et-ok);font-weight:900}
.et-fb__no{color:var(--et-no);font-weight:900}
.et-next{width:100%;min-height:54px;border:0;border-radius:14px;background:var(--color-ink);color:var(--color-bg);font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.et-next:hover{opacity:.9}
.et-next:focus-visible,.et-tab:focus-visible,.et-share:focus-visible,.et-again:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}
.et-empty{margin:0;padding:26px 20px;font-size:15px;color:var(--color-muted)}

.et-game[data-state="done"] .et-stage,.et-game[data-state="done"] .et-dots{display:none}

.et-res{display:grid;gap:12px;justify-items:center;padding:26px 20px 26px;text-align:center}
.et-res__k{margin:0;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--color-brand)}
.et-res__big{margin:0;line-height:1;font-weight:900;color:var(--color-ink);font-variant-numeric:tabular-nums}
.et-res__big:focus{outline:none}
.et-res__big b{font-size:68px;letter-spacing:-.03em}
.et-res__big small{font-size:26px;font-weight:800;color:var(--color-meta)}
.et-res__sq{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.et-res__sq i{width:24px;height:24px;border-radius:6px}
.et-res__sq i.ok{background:var(--et-ok)}
.et-res__sq i.no{background:var(--et-no)}
.et-res__msg{max-width:480px;margin:0;font-size:16px;line-height:1.5;color:var(--color-text)}
.et-res__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:480px;margin:2px 0 0}
.et-res__row>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:2px;min-width:0;padding:10px 6px;border-radius:12px;background:var(--color-bg-soft)}
.et-res__row dt{font-size:13px;line-height:1.3;color:var(--color-meta)}
.et-res__row dd{margin:0;font-size:22px;font-weight:900;color:var(--color-ink);font-variant-numeric:tabular-nums}
.et-res__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:560px}
.et-share,.et-again{flex:1 1 240px;white-space:nowrap;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:14px;font:inherit;font-size:15.5px;font-weight:800;cursor:pointer}
.et-share{background:var(--et-red);color:#fff}
.et-share:hover{background:#8f0000}
.et-again{background:var(--color-ink);color:var(--color-bg)}
.et-again:hover{opacity:.9}
.et-copied{max-width:480px;margin:0;font-size:14px;font-weight:700;color:var(--et-ok);overflow-wrap:anywhere;white-space:pre-line}
.et-copied.is-manual{width:100%;padding:12px 14px;border-radius:12px;background:var(--color-bg-soft);color:var(--color-text);font-weight:600;text-align:left;-webkit-user-select:all;user-select:all}

.et-side{display:grid;gap:16px;min-width:0}
.et-card{padding:16px 18px;border:1px solid var(--color-border);border-radius:18px;background:var(--et-card)}
.et-card__h{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--color-brand)}
.et-me{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.et-me>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:2px;min-width:0;padding:10px 12px;border-radius:12px;background:var(--color-bg-soft)}
.et-me dt{font-size:13px;line-height:1.3;color:var(--color-meta)}
.et-me dd{margin:0;font-size:21px;font-weight:900;line-height:1.2;color:var(--color-ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.et-me__note{margin:10px 0 0;font-size:13.5px;line-height:1.4;color:var(--color-meta)}
.et-facts ul{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.et-facts li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:baseline;font-size:15px;line-height:1.45;color:var(--color-text)}
.et-facts b{font-size:18px;font-weight:900;color:var(--color-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.et-note{margin:28px 0 0;font-size:14px;line-height:1.5;color:var(--color-meta)}
.et-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}

@media (min-width:1024px) and (max-width:1279px){
	.et-grid{grid-template-columns:minmax(0,1fr) 320px;gap:22px}
	.et-hero__t{max-width:min(560px,44vw)}
}
@media (max-width:1023px){
	.et-hero{--et-ph:clamp(160px,40vw,300px)}
	.et-hp{left:0;width:auto;bottom:auto;height:var(--et-ph)}
	.et-hp img{-webkit-mask-image:linear-gradient(#000 52%,transparent);mask-image:linear-gradient(#000 52%,transparent)}
	.et-hero__in{min-height:0;padding-top:calc(var(--et-ph) + 4px);padding-bottom:26px}
	.et-hero__t{max-width:none}
	.et-grid{grid-template-columns:minmax(0,1fr)}
	.et-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@media (max-width:720px){
	.et-sub{font-size:16px}
	.et-body{padding-top:16px}
	.et-side{grid-template-columns:minmax(0,1fr)}
	.et-ans{grid-template-columns:minmax(0,1fr)}
	.et-game{border-radius:16px;margin:0 -6px}
	.et-how{margin-top:18px}
	.et-how ol{display:grid;gap:8px}
	.et-how li{min-height:0;padding:0;border:0;border-radius:0;background:none;font-size:15px}
	.et-how li b{flex-basis:26px;width:26px;height:26px;font-size:13px}
}
@media (max-width:560px){
	.et-tabs{padding:6px;gap:4px}
	.et-tab{font-size:15px;padding:0 8px}
	.et-intro{padding:14px 14px 2px}
	.et-intro__s{font-size:15px}
	.et-dots{padding:10px 14px 0;gap:4px}
	.et-stage{padding:14px 14px 18px;gap:11px}
	.et-qn{font-size:15px}
	.et-qk,.et-eyebrow,.et-how__k,.et-card__h,.et-res__k,.et-fb .et-fb__k{font-size:13px}
	.et-me__note,.et-note{font-size:15px}
	.et-me dt,.et-res__row dt{font-size:14px}
	.et-q{font-size:clamp(32px,10vw,44px)}
	[data-kind="blank"] .et-q{font-size:clamp(21px,6vw,25px)}
	.et-qp{font-size:17px}
	.et-a{min-height:56px;font-size:16px;padding:10px 12px}
	.et-res{padding:22px 14px}
	.et-res__big b{font-size:60px}
	.et-res__row dd{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
	.et-a,.et-tab,.et-blank{transition:none}
}