.pyramid-page{margin:auto;padding:22px 24px 48px;max-width:1120px!important}.pyramid-heading{margin:20px 0}.pyramid-heading h1{margin:0;font-size:clamp(32px,4.5vw,54px)}.pyramid-heading p{margin:8px 0}.pyramid{--ink:#193c49;--cream:#fff3de;color:var(--cream);background:#173e4c;border:1px solid #5d7c80;border-radius:26px;overflow:hidden;box-shadow:0 16px 40px #00152455}.pyramid [hidden]{display:none!important}.pyramid button{font:inherit;min-height:44px;color:var(--cream);cursor:pointer;background:#28515a;border:1px solid #78938e;border-radius:12px;padding:9px 14px}.pyramid button:disabled{opacity:.5;cursor:default}.pyramid button:focus-visible,.pyramid-scroll:focus-visible,.pyramid-help summary:focus-visible{outline-offset:2px;z-index:2;outline:3px solid #ffcf73}.pyramid-toolbar{background:#0c2a38;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.pyramid-toolbar strong{color:#ffdaa2;margin-right:auto}.pyramid-toolbar span{color:#d0e0de;font-size:13px}.pyramid-scene{background:radial-gradient(at top,#678b6755,#0000 80%);padding:18px}.pyramid-scroll{overscroll-behavior-x:contain;padding:4px 4px 10px;overflow-x:auto}.pyramid-grid{grid-template-rows:repeat(7,72px);grid-template-columns:repeat(14,minmax(0,1fr));gap:7px 3px;min-width:350px;max-width:720px;margin:auto;display:grid;position:relative}.pyramid .pyramid-card,.pyramid .pyramid-slot{touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:52px;padding:4px 2px;display:flex;position:relative}.pyramid .pyramid-card{color:var(--ink);background:#fff5e2;border:1px solid #e5ceb0;box-shadow:0 2px #b5a389}.pyramid .pyramid-card[data-red=true]{color:#aa3026}.pyramid .pyramid-card:disabled{opacity:1;box-shadow:none;background:#cfdbc9;border-color:#b6c6b0}.pyramid .pyramid-card[data-red=true]:disabled{color:#873c32}.pyramid .pyramid-card:disabled:after{content:"· ·";color:#c5d6bc;letter-spacing:12px;text-align:center;pointer-events:none;font-size:15px;line-height:10px;position:absolute;bottom:-9px;left:0;right:0}.pyramid-face{white-space:nowrap;font-size:24px;font-weight:800;line-height:28px}.pyramid-card small{font-size:11px;line-height:14px}.pyramid-empty{border:1px dashed #75908233;border-radius:9px}.pyramid .pyramid-card[aria-pressed=true]{outline-offset:0;background:#fff0b5;outline:3px solid #ffca59}.pyramid .pyramid-card[data-hint=true]{outline:2px dashed #b1fff1;box-shadow:inset 0 0 0 3px #329b92}.pyramid-pool{grid-template-columns:110px 110px minmax(0,1fr);gap:18px;max-width:720px;margin:20px auto 0;display:grid}.pyramid-pile{flex-direction:column;gap:8px;min-width:0;display:flex}.pyramid-pile strong{font-size:14px}.pyramid-pile>button{height:84px}.pyramid-pile>small{font-size:12px;line-height:1.45}.pyramid .pyramid-slot{color:#bbd1c3;background:#0a2a3655;border:2px dashed #77988b}.pyramid-stock-controls{flex-direction:column;align-items:flex-start;gap:9px;padding-top:24px;display:flex}.pyramid-stock-controls p{max-width:300px;margin:0;font-size:12px;line-height:1.6}.pyramid-selection{color:#24414b;background:#fff0d7;min-height:48px;padding:12px 18px;font-size:14px;line-height:1.6}.pyramid-status{background:#14323f;min-height:64px;margin:0;padding:12px 18px;font-size:14px;line-height:1.6}.pyramid-footer{background:#0c2a38;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.pyramid-footer span{color:#c3d5d4;margin-left:auto;font-size:11px}.pyramid [data-pyramid-next]{color:#153544;background:#ffae82;border-color:#ffd5a5;font-weight:700}.pyramid-companion{background:#204855;align-items:center;gap:20px;padding:14px 22px;display:flex}.pyramid-companion .avatar-buddy[data-size=large] canvas{width:72px;height:90px}.pyramid-companion p{color:#234551;background:#fff0d9;border-radius:20px 20px 20px 3px;padding:14px;font:18px/1.4 Fredoka,sans-serif}.pyramid-companion>span{letter-spacing:2px;color:#bdd2bd;margin-left:auto;font-size:13px}.pyramid-help{color:#c0d3db;max-width:850px;margin:28px auto;font-size:14px;line-height:1.8}.pyramid-help h2{color:#fff0d9;font:25px Fredoka,sans-serif}.pyramid-help summary{cursor:pointer;color:#ffe0b6}.pyramid-help details{margin:14px 0}.pyramid dialog{color:#24414b;text-align:center;background:#fff3de;border:1px solid #d5bda1;border-radius:24px;width:90%;max-width:420px;margin:auto;padding:26px;position:fixed;inset:0}.pyramid dialog:not([open]){display:none}.pyramid dialog::backdrop{background:#071d30b8}.pyramid dialog p{line-height:1.6}.pyramid dialog button{margin:4px}@media (width<=600px){.pyramid-page{padding:14px 8px 32px}.pyramid-heading{margin:12px 0;padding:0 6px}.pyramid-heading p{font-size:13px}.pyramid{border-radius:18px}.pyramid-scene{padding:10px 4px}.pyramid-grid{grid-template-rows:repeat(7,58px);gap:6px 2px}.pyramid-face{font-size:20px;line-height:23px}.pyramid-card small{font-size:10px;line-height:12px}.pyramid-toolbar{gap:9px;padding:12px 10px}.pyramid-toolbar strong{font-size:13px}.pyramid-toolbar span{font-size:12px}.pyramid-toolbar button{padding:8px 10px;font-size:13px}.pyramid-selection,.pyramid-status{padding:11px 12px;font-size:13px}.pyramid-pool{grid-template-columns:84px 84px minmax(0,1fr);gap:12px 10px;margin:14px 8px 0}.pyramid-pile strong{font-size:12px}.pyramid-pile>button{height:70px}.pyramid-pile>small{font-size:11px}.pyramid-stock-controls{gap:8px;padding-top:22px}.pyramid-stock-controls button{width:100%;padding:8px;font-size:12px}.pyramid-stock-controls p{font-size:11px}.pyramid-footer{gap:8px;padding:12px}.pyramid-footer span{width:100%;margin:0}.pyramid-companion{gap:10px;padding:10px}.pyramid-companion>span{display:none}.pyramid-companion p{font-size:15px}.pyramid-help{padding:0 6px}}@media (width<=380px){.pyramid-pool{grid-template-columns:repeat(2,minmax(0,1fr));max-width:290px}.pyramid-stock-controls{grid-column:1/3;grid-template-columns:1fr 1fr;padding-top:0;display:grid}.pyramid-stock-controls p{grid-column:1/3}.pyramid-pile>button{max-width:100px}}@media (prefers-reduced-motion:reduce){.pyramid *{transition:none!important;animation:none!important}}.pyramid-teaching[data-astro-cid-qd7wufsa]{color:#fff3de;background:#24414b;border:1px solid #78938e;border-radius:14px;margin:0 18px 12px;padding:14px}.pyramid-teaching[data-astro-cid-qd7wufsa] p[data-astro-cid-qd7wufsa]{margin:8px 0 12px;font-size:14px;line-height:1.6}