@font-face{font-family:CavernText;src:url(/fonts/outfit.woff2)}@font-face{font-family:CavernDisplay;src:url(/fonts/cormorant-garamond-600.ttf)}*{box-sizing:border-box}body{color:#e6f5ed;background:#102e36;margin:0;font:16px/1.45 CavernText,sans-serif}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #ffe4a4}::selection{color:#122f38;background:#c9f2dd}[hidden]{display:none!important}.cc{max-width:1000px;padding:12px 16px max(28px,env(safe-area-inset-bottom));margin:auto}.cc header{justify-content:space-between;align-items:center;display:flex}.cc header a{padding:10px 0}.cc button{background:#153e48;border:1px solid #79b1b1;border-radius:7px;min-height:44px;padding:8px 13px}.cc button:hover{background:#24515b}.cc button:disabled{opacity:.45;cursor:default}.cc-title{text-align:center;margin-top:10px}.cc h1{color:#f4d69b;margin:0;font:600 clamp(2.1rem,7vw,3.6rem)/1 CavernDisplay,Georgia,serif}.cc-title p{color:#bfded9;margin:6px 0;font-size:14px}.cc-stage{isolation:isolate;height:clamp(330px,55svh,580px);margin:0 -16px;position:relative}.cc canvas{width:100%;height:100%;position:absolute;inset:0}.cc-board{pointer-events:none;position:absolute;inset:0}.cc-board button{pointer-events:auto;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:4px;width:40px;height:40px;min-height:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.cc-board button:hover{background:#fff5c82a}.cc-board button svg{fill:none;stroke:#102d38;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;width:70%;height:70%}.cc[data-mode=world] .cc-board button svg{visibility:hidden}.cc-board button[aria-pressed=true]{background:#fff1a522;border:3px solid #ffedb6}.cc[data-view=approach] .cc-board,.cc[data-view=chamber] .cc-board{visibility:hidden}.cc-approach{white-space:nowrap;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #09212baa}.cc-chamber{text-align:center;position:absolute;bottom:12px;left:16px;right:16px}.cc-chamber p{background:#102e36e8;border-radius:5px;max-width:400px;margin:0 auto 8px;padding:8px}.cc-dock{text-align:center;max-width:680px;margin:auto}.cc [data-status]{min-height:46px;margin:0 0 8px}.cc-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.cc [data-confirm]:not(:disabled),.cc [data-cross]{color:#15333d;background:#d9ecce;border-color:#d9ecce}.cc-score{font-variant-numeric:tabular-nums;color:#c2e5df;justify-content:center;gap:18px;margin:10px 0 0;font-size:14px;display:flex}.cc-save{color:#b8d4d0;margin:6px 0;font-size:12px}.cc-notes{max-width:640px;margin:22px auto 0}.cc details{border-top:1px solid #547f83;padding:12px 0}.cc summary{cursor:pointer;min-height:32px}.cc details p{color:#d0e9e3}.cc-notes>.cc-actions{justify-content:space-between;margin-top:14px}.cc-ghost-grid{grid-template-columns:repeat(6,1fr);gap:4px;max-width:340px;margin:auto;display:grid}.cc-ghost-grid span{aspect-ratio:1;color:#102e36;border:1px solid #8ab8b3;place-items:center;font-size:12px;display:grid}.cc-ghost-grid [data-empty]{color:#c5ded9;background:0 0;border-style:dashed}.cc[data-mode=simple] canvas{display:none}.cc[data-mode=simple] .cc-stage{background:#1e424a;border-radius:8px;height:auto;min-height:330px;margin:10px 0;padding:16px}.cc[data-mode=simple] .cc-board{aspect-ratio:6/7;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(6,1fr);gap:3px;max-width:390px;margin:auto;display:grid;position:relative;inset:auto}.cc[data-mode=simple] .cc-board button{background:var(--crystal);border-color:#102e3680;position:relative;width:auto!important;height:auto!important;top:auto!important;left:auto!important;transform:none!important}.cc[data-mode=simple] .cc-board button[aria-pressed=true]{border:3px solid #fff9de}.cc[data-mode=simple][data-view=approach] .cc-stage,.cc[data-mode=simple][data-view=chamber] .cc-stage{height:330px}.cc[data-mode=simple][data-view=chamber] .cc-stage:before{content:"The wall is clear. The lake is open.";text-align:center;margin-top:60px;display:block}.cc-skip{z-index:10;color:#15333d;background:#d9ecce;padding:12px;position:fixed;top:-100px;left:10px}.cc-skip:focus{top:10px}@media (width>=700px){.cc-stage{height:580px}.cc-title,.cc-dock{margin-top:0}}@media (height<=700px) and (width<=600px){.cc{padding-top:6px}.cc h1{font-size:2rem}.cc-stage{height:340px}.cc-title{margin-top:2px}.cc [data-status]{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.cc-board button:focus-visible{outline-offset:-5px;z-index:2;outline:3px solid #102e36;box-shadow:inset 0 0 0 6px #fff3cc}
