:root{--core-fonts: apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--cursive-font: "Covered By Your Grace", cursive;--highlight: #f85489}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--core-fonts);background-color:#101112;color:#fff;overflow:hidden}button{font-family:inherit;cursor:pointer}.headphone-prompt{font-family:var(--core-fonts);width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background-color:#ffffff4d;display:grid;place-items:center;z-index:99999}.headphone-prompt__inner{width:min(40%,520px);min-width:320px;padding:30px;text-align:center;background-color:#fff;color:#111;border:1px solid gray;border-radius:10px;line-height:140%}.headphone-prompt__inner h2{margin:4px 0 12px}.prompt-button{width:fit-content;padding:18px 44px;background-color:#0000001a;border:none;border-radius:10px;margin:26px auto 0;font-weight:700;font-size:100%;color:#111;transition:.2s}.prompt-button:hover:not(:disabled){background-color:#000;color:#fff}.prompt-button:disabled{opacity:.5;cursor:default}.name-required{background-color:#0000000f;padding:8px 10px;border-radius:10px;margin:18px 0 0}.name-required input{width:100%;font-size:140%;background-color:transparent;text-align:center;padding:6px 0;border:0;border-bottom:2px solid rgba(0,0,0,.2);color:#111;font-family:var(--core-fonts)}.name-required input:focus{outline:none}.center-screen{height:100%;display:grid;place-items:center;padding:24px;text-align:center}.center-screen .card{background:#17161f;border:1px solid #2c2a38;border-radius:10px;padding:28px;max-width:560px}#scaffold{width:100%;height:100%}.main_screen{width:100%;height:100%;position:relative}.cue_card_area{position:absolute;width:75%;height:85%;z-index:1;background-position:center center;background-size:cover;background-repeat:no-repeat;pointer-events:none}.cue_fade{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--fade);background-size:100% 100%}.top_element{display:flex;width:100%;height:100%}.content_col{position:relative;flex:1;min-width:0}#content_area{width:100%;height:75%;position:absolute;top:0;left:0;transition:.3s}#content_area.spotlight{height:85%}#content_area>iframe{width:100%;height:100%;border:0}#captions_textarea{position:absolute;bottom:6px;left:0;width:100%;transform:rotate(-1deg);pointer-events:none;color:#fff;text-align:center;font-size:30px;text-shadow:0 2px 10px #000;z-index:2}#terminal_container{width:100%;height:25%;overflow:hidden;position:absolute;bottom:0;left:0;transition:.3s;z-index:2}#terminal_area{width:calc(100% + 30px);height:calc(100% + 20px);position:absolute;bottom:-30px;left:-30px;transform:rotate(-1deg);border-top-right-radius:15px;background-image:var(--leather);background-size:200px auto;background-position:left center;border-top:1px solid rgba(0,0,0,.8);border-left:1px solid rgba(0,0,0,.8);box-shadow:inset 2px 2px 2px #fff6,inset -2px -2px 2px #0006;font-family:var(--cursive-font)}#paper{background-color:#fff;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;margin-top:20px;border-top-right-radius:25px;background-image:var(--paper);background-size:200px auto;color:#111}#paper>iframe{width:calc(100% - 30px);margin-left:30px;height:100%;border:0;background:transparent}#skip_button,#clue_button{position:absolute;top:5px;font-size:130%;opacity:.6;transition:.3s;font-weight:400;background:none;border:none;color:#111;font-family:var(--cursive-font)}#skip_button{left:35px}#clue_button{right:35px}#skip_button:hover,#clue_button:hover{opacity:1}.hyp_col{width:30%;transition:.3s;position:relative;z-index:2}.hyp_col:hover{width:40%}.hyp_col>iframe{width:100%;height:100%;border:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:grid;place-items:center;z-index:40;padding:24px}.overlay iframe,.overlay img{max-width:90vw;max-height:86vh;background:#fff;border:0}.overlay__close{position:absolute;top:16px;right:20px;padding:10px 18px;border-radius:8px;border:0;background:#fff;color:#111;font-weight:700}.clue-card{background:#fff;color:#111;border-radius:12px;padding:26px 30px;max-width:520px;font-family:var(--core-fonts);line-height:1.5}.clue-card button{margin-top:18px;padding:12px 22px;border:0;border-radius:8px;background:var(--highlight);color:#fff;font-weight:700}.preview-splash{--cbd-bg: #140a24;--cbd-bg2: #1e1038;--cbd-teal: #43d4c8;--cbd-gold: #c8a24a;--cbd-ink: #efe9fb;--cbd-muted: #9d92bf;height:100%;display:grid;place-items:center;padding:28px;overflow-y:auto;color:var(--cbd-ink);background:radial-gradient(1000px 520px at 50% -8%,rgba(67,212,200,.14),transparent 60%),radial-gradient(900px 500px at 90% 110%,rgba(248,84,137,.12),transparent 60%),linear-gradient(160deg,var(--cbd-bg2),var(--cbd-bg))}.preview-card{width:min(620px,100%);background:#140a24b8;border:1px solid rgba(200,162,74,.45);border-radius:16px;padding:20px 24px 18px;text-align:center;box-shadow:0 24px 60px #00000080,inset 0 0 0 1px #43d4c814}.preview-banner{width:100%;border-radius:10px;display:block;margin:0 0 18px;box-shadow:0 8px 30px #0000008c}.preview-kicker{font-family:var(--cursive-font);font-size:26px;letter-spacing:1px;color:var(--cbd-teal);margin:0}.preview-sub{color:var(--cbd-muted);margin:2px 0 20px;font-size:15px;letter-spacing:.5px;text-transform:uppercase}.preview-error{color:#ffb4c6;background:#f8548924;border-radius:8px;padding:8px 12px}.preview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.preview-item{width:100%;padding:15px 18px;border-radius:10px;border:1px solid rgba(200,162,74,.28);background:linear-gradient(180deg,#43d4c80d,#ffffff05);color:var(--cbd-ink);font-size:19px;text-align:left;display:flex;align-items:center;gap:12px;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}.preview-item__dot{width:9px;height:9px;flex:0 0 auto;transform:rotate(45deg);background:var(--cbd-gold);box-shadow:0 0 0 3px #c8a24a26}.preview-item:hover{border-color:var(--cbd-teal);background:linear-gradient(180deg,#43d4c829,#43d4c80a);box-shadow:0 6px 20px #00000059;transform:translateY(-1px)}.preview-item:hover .preview-item__dot{background:var(--cbd-teal);box-shadow:0 0 10px #43d4c8b3}.preview-back{position:fixed;top:14px;left:14px;z-index:60;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#101112b3;color:#fff;font-size:15px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.preview-back:hover{border-color:var(--highlight)}.preview-solved{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;background:#10111299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-solved__card{background:#fff;color:#111;border-radius:16px;padding:30px 48px;text-align:center}.preview-solved__card h2{margin:6px 0 4px}.admin-bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;gap:8px;align-items:center;padding:6px 12px;background:#14080ce6;border-bottom:1px solid #52222e;font-family:ui-monospace,monospace;font-size:13px}.admin-bar select{font-family:inherit;padding:4px}.admin-bar button{background:transparent;color:#fff;border:1px solid #52222e;border-radius:6px;padding:4px 10px}