:root{--bg:#0b0f15;--panel:#121821d1;--panel-solid:#121821;--line:#ffffff17;--text:#e8edf4;--muted:#9aa7b8;--accent:#7fe3d4;--accent-dim:#7fe3d424;--panel-w:22.5rem;--radius:.875rem}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Heebo,system-ui,Segoe UI,sans-serif;font-weight:400;overflow:hidden}#stage{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#stage:active{cursor:grabbing}.topbar{padding:.9rem 1.25rem;pointer-events:none;z-index:3;background:linear-gradient(#090c11e6,#0000);align-items:center;gap:1.5rem;padding-inline-start:calc(var(--panel-w) + 2rem);display:flex;position:fixed;inset-block-start:0;inset-inline:0}.topbar__title{letter-spacing:.02em;color:var(--muted);white-space:nowrap;margin:0;font-size:1.05rem;font-weight:500}.tabs{pointer-events:auto;flex-wrap:wrap;gap:.4rem;display:flex}.tab{appearance:none;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);font:inherit;cursor:pointer;background:#141b25b8;border-radius:999px;min-height:2.4rem;padding:.44rem 1rem;font-size:.9rem;transition:color .18s,border-color .18s,background .18s}.tab:hover{color:var(--text);border-color:#ffffff38}.tab[aria-selected=true]{color:#06231f;background:var(--accent);border-color:var(--accent);font-weight:500}.panel{width:var(--panel-w);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-inline-end:1px solid var(--line);overscroll-behavior:contain;z-index:2;flex-direction:column;gap:1rem;padding:1.15rem;padding-block-start:4.5rem;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}.panel__grip{display:none}.panel__system{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.panel__tagline{color:var(--muted);margin:0 0 .85rem;font-size:.92rem;line-height:1.55}.panel__hint{background:var(--accent-dim);color:#bdf0e6;border:1px solid #7fe3d438;border-radius:.7rem;margin:0;padding:.7rem .85rem;font-size:.85rem;line-height:1.5}.panel__back{appearance:none;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;min-height:2.75rem;padding:.35rem 0;font-size:.87rem;display:inline-flex}.panel__back span{font-size:1.15rem;line-height:1}.panel__name{letter-spacing:-.015em;margin:.15rem 0;font-size:1.6rem;font-weight:700}.panel__latin{color:var(--muted);letter-spacing:.01em;margin:0 0 .9rem;font-size:.85rem;font-style:italic}.panel__blurb{margin:0 0 1rem;font-size:.97rem;line-height:1.72}.facts{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.facts li{color:#c7d2e0;padding-inline-start:1.1rem;font-size:.9rem;line-height:1.68;position:relative}.facts li:before{content:"";background:var(--accent);border-radius:50%;width:.4rem;height:.4rem;position:absolute;inset-block-start:.62rem;inset-inline-start:0}.drill{appearance:none;background:var(--accent-dim);width:100%;color:var(--accent);font:inherit;cursor:pointer;border:1px solid #7fe3d466;border-radius:.7rem;justify-content:space-between;align-items:center;gap:.6rem;min-height:2.75rem;margin-block-start:1.15rem;padding:.8rem 1rem;font-size:.95rem;font-weight:500;transition:background .16s,border-color .16s;display:flex}.drill:hover{border-color:var(--accent);background:#7fe3d438}.drill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drill__count{color:#8fd8cc;font-size:.82rem;font-weight:400}.drill[hidden]{display:none}.schematic{border:1px solid #f0be6e59;color:#f2d7a8;background:#f0be6e1a;border-inline-start:3px solid #f0be6e;border-radius:.6rem;margin:0 0 .9rem;padding:.7rem .85rem;font-size:.85rem;line-height:1.62}.schematic[hidden]{display:none}.schematic:before{content:"חלוקה סכמטית · ";color:#f0be6e;font-weight:700}.focus-btn{border-radius:.6rem;width:100%;margin-block-start:1rem}.sides{border:1px solid var(--line);background:#090d1399;border-radius:.6rem;gap:.25rem;padding:.25rem;display:flex}.sides[hidden]{display:none}.sides button{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.42rem;flex:1;min-height:2.3rem;padding:.42rem .3rem;font-size:.84rem;transition:background .14s,color .14s}.sides button[aria-pressed=true]{background:var(--accent-dim);color:var(--accent);font-weight:500}.sides button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.panel__crumb{color:var(--muted);letter-spacing:.01em;margin:0;padding-block-end:.15rem;font-size:.82rem}.panel__crumb[hidden]{display:none}.panel__list{flex-direction:column;gap:.6rem;min-height:0;display:flex}.search input{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#090d13b3;border-radius:.65rem;min-height:2.75rem;padding:.6rem .85rem;font-size:.9rem}.search input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.structures{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.structures button{appearance:none;text-align:start;color:#c7d2e0;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.55rem;align-items:center;gap:.6rem;min-height:2.75rem;padding:.62rem .7rem;font-size:.92rem;transition:background .14s,color .14s;display:flex}.swatch{border-radius:50%;flex:none;width:.72rem;height:.72rem;box-shadow:0 0 0 1px #ffffff38}.structures .rowtext{flex-direction:column;gap:.1rem;min-width:0;display:flex}.structures .latin{color:var(--muted);font-size:.76rem;font-style:italic;line-height:1.35}.structures button:hover{color:var(--text);background:#ffffff0d}.structures button[aria-current=true]{background:var(--accent-dim);color:var(--accent);font-weight:500}.structures button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hud{z-index:3;flex-wrap:wrap;align-items:center;gap:.6rem;display:flex;position:fixed;inset-block-end:1.1rem;inset-inline-end:1.1rem}.hud__btn{appearance:none;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);font:inherit;cursor:pointer;background:#141b25cc;border-radius:999px;min-height:2.75rem;padding:.5rem .95rem;font-size:.85rem}.hud__btn:hover{color:var(--text)}.hud__toggle{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);cursor:pointer;background:#141b25cc;border-radius:999px;align-items:center;gap:.45rem;min-height:2.75rem;padding:.5rem .95rem;font-size:.85rem;display:inline-flex}.hud__toggle input{accent-color:var(--accent);cursor:pointer;width:1rem;height:1rem}.about{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-solid);max-width:30rem;color:var(--text);margin:auto;padding:1.6rem;font-family:inherit}.about::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05080cb8}.about h2{margin:0 0 .9rem;font-size:1.25rem}.about p{color:#c7d2e0;margin:0 0 .85rem;font-size:.92rem;line-height:1.7}.about__note{border:1px solid var(--line);background:#ffffff0a;border-radius:.6rem;padding:.7rem .85rem;font-size:.86rem!important}.tooltip{z-index:4;pointer-events:none;border:1px solid var(--line);white-space:nowrap;background:#080c12f0;border-radius:.45rem;flex-direction:column;gap:.1rem;padding:.4rem .7rem;font-size:.85rem;display:flex;position:fixed;transform:translate(-50%,-160%)}.tooltip__latin{color:var(--muted);font-size:.75rem;font-style:italic}.loader{background:var(--bg);z-index:10;place-content:center;justify-items:center;gap:1.1rem;transition:opacity .5s;display:grid;position:fixed;inset:0}.loader[hidden]{display:none}.loader.is-done{opacity:0;pointer-events:none}.loader__ring{border:2px solid #ffffff1f;border-top-color:var(--accent);border-radius:50%;width:2.6rem;height:2.6rem;animation:.9s linear infinite spin}.loader__text{color:var(--muted);margin:0;font-size:.92rem}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loader__ring{animation-duration:3s}*{transition-duration:.01ms!important}}@media (width<=1100px){:root{--panel-w:100%;--peek:4.75rem;--sheet:62vh}.topbar{flex-direction:column;align-items:flex-start;gap:.6rem;padding-inline:1.25rem}.topbar__title{display:none}.tabs{scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-block-end:.3rem;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.panel{height:var(--sheet);border-inline-end:0;border-block-start:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;width:100%;transform:translateY(calc(var(--sheet) - var(--peek)));padding-block-start:0;transition:transform .28s;inset-block:auto 0;overflow:hidden}.panel.is-open{overflow-y:auto;transform:translateY(0)}.panel__grip{z-index:1;background:var(--panel-solid);color:var(--text);font:inherit;cursor:pointer;min-height:var(--peek);border:0;flex-direction:column;align-items:center;gap:.5rem;margin-inline:-1.15rem;padding:.7rem 1.15rem .55rem;display:flex;position:sticky;inset-block-start:0}.panel__grip:before{content:"";background:#ffffff47;border-radius:999px;width:2.4rem;height:.25rem}.panel__grip-label{color:var(--muted);font-size:.9rem}.panel.is-open .panel__grip-label:after{content:" ⌄"}.panel:not(.is-open) .panel__grip-label:after{content:" ⌃"}.hud{gap:.45rem;inset-block-end:calc(var(--peek) + .7rem);inset-inline-end:.8rem}.hud__btn,.hud__toggle{padding:.45rem .7rem;font-size:.8rem}@media (orientation:landscape){:root{--sheet:78vh}}}