.banner{margin:1.5rem 0 0;position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#08120d}.banner .night{display:block;width:100%;height:auto;aspect-ratio:16 / 6}.banner-card{position:absolute;right:1.5rem;bottom:1.5rem;max-width:26rem;padding:1.1rem 1.3rem;border-radius:16px;color:#eef0e6;background:#0c1610b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(240,180,76,.25)}.banner-card b{display:block;font-size:1.05rem}.banner-card p{font-size:.92rem;color:#c6cdbd;margin-top:.25rem}.hero{padding-block:3rem 1rem}.hero .wide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3rem;align-items:start}.hero h1{font-size:clamp(2.6rem,6.2vw,5rem);margin-block:1rem 1.3rem}.hero .intro{font-size:1.15rem;color:var(--muted);max-width:34rem}.buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:34rem;gap:.8rem;margin-top:2.2rem;padding-top:2rem;border-top:1px solid var(--line)}.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem}.tile b{display:block;font-size:1.9rem;font-weight:800;color:var(--amber);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}.tile span{font-size:.85rem;color:var(--muted);line-height:1.3;display:block}.puzzle{padding:1.1rem;scroll-margin-top:6rem}.puzzle-head{display:flex;justify-content:space-between;gap:.5rem 1rem;align-items:center;flex-wrap:wrap;margin-bottom:.8rem}.puzzle-head h2{font-size:1.2rem;letter-spacing:-.01em;font-weight:700}.status{min-height:3rem;margin-top:.8rem;font-size:.95rem;color:var(--muted)}.status b{color:var(--olive);font-weight:600}.status.wrong b{color:var(--brick)}.status.wrong:before,.status.solved:before,.status.mate:before{content:"";display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.45rem;vertical-align:.05em}.status.wrong:before{background:var(--brick)}.status.solved:before,.status.mate:before{background:var(--olive)}.status.solved,.status.mate,.status.hint{color:var(--text)}.puzzle-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.source{font-size:.82rem;color:var(--faint);margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--line)}.section{padding-block:4.5rem 1rem;scroll-margin-top:4.5rem}.section h2{font-size:clamp(2rem,4.4vw,3.4rem);margin-block:.8rem .9rem}.section .lead{color:var(--muted);font-size:1.08rem;max-width:42rem;margin-bottom:1rem}.legend{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}.principle{padding:.8rem;display:flex;flex-direction:column;gap:.65rem;border-radius:18px;box-shadow:none;scroll-margin-top:6rem}.principle:hover{box-shadow:var(--shadow);border-color:var(--line-strong)}.principle h3{font-size:1.05rem;letter-spacing:-.01em;font-weight:700}.principle p{font-size:.88rem;color:var(--muted);line-height:1.45}.verdicts{display:flex;flex-wrap:wrap;gap:.35rem}.card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.8rem;color:var(--faint);border-top:1px solid var(--line);padding-top:.5rem}.move,.key{font-family:var(--mono);font-size:.82rem;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.kind{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:stretch}.emblem{padding:1.5rem;display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1.4rem;align-items:start}.emblem img{width:7rem;height:7rem}.emblem h3,.family h3{font-size:1.5rem;margin-block:.7rem 1.1rem}.emblem p:not(.overline){color:var(--muted)}.emblem p+p{margin-top:.6rem}.family{padding:1.5rem}.houses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.house{border-radius:14px;background:var(--card-2);padding:.9rem 1rem;text-decoration:none;border:1px solid transparent}.house i{display:block;font-style:normal;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.house b{display:block;font-size:1.05rem;margin-top:.15rem}.house span{font-size:.84rem;color:var(--muted)}.house.here{border-color:var(--olive)}a.house:hover,a.house:focus-visible{border-color:var(--line-strong)}a.house{position:relative;transition:border-color .25s,transform .25s}a.house:hover,a.house:focus-visible{z-index:1;transform:translateY(-2px)}.house-arrow{position:absolute;top:.9rem;right:.9rem;width:1.1rem;height:1.1rem;fill:none;stroke:var(--faint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s,transform .25s}a.house:hover .house-arrow,a.house:focus-visible .house-arrow{stroke:var(--olive);transform:translate(2px,-2px)}.house .house-card{position:absolute;z-index:20;right:0;bottom:calc(100% + .8rem);width:max(100%,19rem);display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.05rem;border-radius:18px;border:1px solid var(--h-line);color:var(--h-text);text-align:left;background:radial-gradient(14rem 9rem at 100% 0%,color-mix(in srgb,var(--h-accent) 16%,transparent),transparent 70%),radial-gradient(12rem 8rem at 0% 100%,color-mix(in srgb,var(--h-accent2) 12%,transparent),transparent 70%),var(--h-card);box-shadow:0 1px 2px #00000014,0 22px 44px -18px #00000073;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px) scale(.98);transform-origin:100% 100%;transition:opacity .2s,transform .2s,visibility 0s .2s}.house .house-card:after{content:"";position:absolute;right:1.1rem;top:100%;width:.8rem;height:.8rem;margin-top:-.4rem;background:var(--h-card);border-right:1px solid var(--h-line);border-bottom:1px solid var(--h-line);transform:rotate(45deg)}.houses>:nth-child(odd) .house-card{right:auto;left:0;transform-origin:0 100%}.houses>:nth-child(odd) .house-card:after{right:auto;left:1.1rem}a.house:hover .house-card,a.house:focus-visible .house-card{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s,visibility 0s}.house .house-card img{flex:none;width:3.8rem;height:3.8rem;border-radius:50%;box-shadow:0 0 0 2px var(--h-accent2),0 8px 18px -8px #00000080}.house .house-card-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.house .house-card small{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--h-muted)}.house .house-card strong{font-size:1.02rem;font-weight:750;line-height:1.2;letter-spacing:-.015em;color:var(--h-text)}.house .house-card-text>span{font-size:.82rem;line-height:1.45;color:var(--h-muted)}.house .house-card em{margin-top:.2rem;font-style:normal;font-family:var(--mono);font-size:.74rem;font-weight:600;color:var(--h-accent)}.house .house-card strong em{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit}@media (hover: none),(max-width: 600px){.house .house-card{display:none}}@media (prefers-reduced-motion: reduce){a.house,.house .house-card,.house-arrow{transition:none}}@media (max-width: 1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.hero .wide,.two{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.banner{border-radius:16px}.banner .night{aspect-ratio:16 / 9}.banner-card{position:static;max-width:none;border-radius:0;border:0;border-top:1px solid rgba(240,180,76,.25);background:#0c1610;-webkit-backdrop-filter:none;backdrop-filter:none}.hero{padding-top:2rem}.section{padding-top:3.2rem}.houses,.emblem{grid-template-columns:minmax(0,1fr)}.emblem img{width:5rem;height:5rem}}@media (max-width: 460px){.grid,.tiles{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: no-preference){.principle{transition:box-shadow .2s,border-color .2s}}.area-group{display:flex;align-items:center;gap:.5rem;margin:2rem 0 .8rem;font:600 .75rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.area-group:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber)}.area-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.8rem}.area-card{display:grid;gap:.25rem;height:100%;padding:1rem 1.1rem;color:var(--text);text-decoration:none}.area-card:hover{box-shadow:inset 0 0 0 1px var(--olive)}.area-card i{font-style:normal;font-size:1.4rem;line-height:1;color:var(--olive);margin-bottom:.3rem}.area-card b{font-size:1.05rem}.area-card span{font-size:.86rem;color:var(--muted)}.title-link{color:inherit;text-decoration:none}.title-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}.count{color:var(--amber);font-weight:700;font-variant-numeric:tabular-nums}.enter{margin-top:auto;padding-top:.5rem;font-size:.88rem;font-weight:600;color:var(--olive)}a.card:hover .enter{text-decoration:underline;text-underline-offset:3px}.more-link{margin-top:1.4rem;font-size:.95rem}.more-link a{color:var(--olive)}a.tile{text-decoration:none;color:inherit}a.tile:hover{border-color:var(--olive)}a.principle{color:var(--text);text-decoration:none}a.principle:hover{border-color:var(--olive)}.principle-text{font-size:.88rem;color:var(--muted);line-height:1.45}.principle .enter{padding-top:0}.start-chips{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.chip-link{display:inline-flex;align-items:baseline;gap:.55rem;padding:.5rem .95rem;border:1px solid var(--line-strong);border-radius:999px;background:var(--card);color:var(--text);text-decoration:none;font-size:.92rem}.chip-link span{font-family:var(--mono);font-size:.75rem;color:var(--amber)}.chip-link:hover{border-color:var(--olive);color:var(--olive)}.columns-head{margin-bottom:1rem}.columns-head h3{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line-strong);border-radius:20px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}.column{position:relative;display:flex;flex-direction:column;gap:.45rem;padding:1.3rem 1.3rem 1.2rem 1.5rem;text-decoration:none;color:var(--text);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:12.5rem}.column:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}.column:nth-child(4n){border-right:0}.column:nth-last-child(-n+4){border-bottom:0}.column .number{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;color:var(--c)}.column>b{font-size:1.3rem;font-weight:750;letter-spacing:-.02em;line-height:1.15}.column .text{font-size:.92rem;color:var(--muted);line-height:1.5}.column .enter{color:var(--c)}.column:hover{background:color-mix(in srgb,var(--c) 7%,transparent)}.column:hover .enter{text-decoration:underline;text-underline-offset:3px}.levels{margin-top:1.5rem;padding:1.3rem}.levels h3{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.levels-goal{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:1rem 0 .5rem}.levels-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.level{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.15rem .6rem;background:var(--card-2);border-radius:12px;padding:.7rem .9rem;color:inherit;text-decoration:none}.level .number{font-family:var(--mono);font-size:.75rem;color:var(--olive);font-weight:700}.level b{font-size:.98rem}.level .level-count{grid-column:2;font-family:var(--mono);font-size:.8rem}.level:hover{box-shadow:inset 0 0 0 1px var(--olive)}.family-cards,.four-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.four-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.family-card,.four-card{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem 1.3rem;color:var(--text);text-decoration:none}.family-card:hover,.four-card:hover,.collection-tile:hover{border-color:var(--olive);box-shadow:var(--shadow)}.family-mark{font-size:1.6rem;line-height:1;color:var(--amber)}.family-card>b,.four-card>b{font-size:1.2rem;letter-spacing:-.01em}.family-card .text,.four-card .text,.collection-tile .text{font-size:.9rem;color:var(--muted);line-height:1.5}.family-card .enter,.collection-tile .enter{color:var(--muted);font-weight:400}.wdl{display:flex;height:.6rem;width:100%;border-radius:999px;overflow:hidden;background:var(--card-2)}.wdl i{display:block;height:100%}.wdl .w{background:var(--olive)}.wdl .d{background:var(--slate);opacity:.55}.wdl .l{background:var(--text);opacity:.7}.wdl-legend{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;font-size:.8rem;color:var(--muted);margin-top:.9rem}.wdl-legend span{display:inline-flex;align-items:center;gap:.35rem}.wdl-legend i{width:.7rem;height:.7rem;border-radius:3px}.wdl-legend .w{background:var(--olive)}.wdl-legend .d{background:var(--slate);opacity:.55}.wdl-legend .b{background:var(--text);opacity:.7}.four-years{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;color:var(--faint)}.four-score{font-size:.9rem;color:var(--muted)}.four-score .count{font-size:1.5rem;display:block;letter-spacing:-.02em}.collection-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.collection-tile{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;padding:1rem;color:var(--text);text-decoration:none;align-items:start}.collection-board svg{display:block;width:100%;height:auto;border-radius:6px}.collection-text{display:flex;flex-direction:column;gap:.35rem;min-width:0;height:100%}.collection-text>b{font-size:1.08rem}.stat-tiles{margin-bottom:1.2rem}.own-home{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2rem;align-items:center;padding:1.8rem}.own-home h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}.own-home-text>p:not(.overline){color:var(--muted);max-width:60ch}.own-home-text>p+p{margin-top:.7rem}.own-home-note{font-size:.9rem;padding-left:.8rem;border-left:3px solid var(--amber)}.own-home-steps{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.own-home-steps li{display:flex;align-items:center;gap:.9rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--card-2)}.own-home-steps .number{font-family:var(--mono);font-size:.8rem;letter-spacing:.1em;color:var(--amber);min-width:2.2rem}@media (max-width: 1100px){.four-cards,.collection-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.columns{grid-template-columns:repeat(2,minmax(0,1fr))}.column:nth-child(4n){border-right:1px solid var(--line)}.column:nth-child(2n){border-right:0}.column:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.column:nth-last-child(-n+2){border-bottom:0}.levels-row,.family-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.own-home{grid-template-columns:minmax(0,1fr);padding:1.3rem}}@media (max-width: 600px){.columns,.levels-row,.family-cards,.four-cards,.collection-tiles{grid-template-columns:minmax(0,1fr)}.column{border-right:0!important;min-height:0}.column:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.column:last-child{border-bottom:0}.collection-tile{grid-template-columns:5.5rem minmax(0,1fr)}}
