:root{--study:#16100e;--study-warm:#241812;--parchment:#efe3c8;--parchment-dim:#e2d2ac;--parchment-deep:#d4c194;--quill:#2c1e12;--faded:#7a6748;--gilt:#b98c2e;--arcane:#6d4b9e;--ember:#c96f2f;--crimson:#a62639;--font-display:"Pirata One", serif;--font-body:"IM Fell English", serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--quill);background:radial-gradient(1.5px 1.5px at 20% 30%, #b98c2e1f 50%, transparent 51%), radial-gradient(1px 1px at 70% 60%, #b98c2e1a 50%, transparent 51%), radial-gradient(1000px 700px at 40% 40%, var(--study-warm) 0%, var(--study) 70%);background-size:260px 260px,200px 200px,100% 100%}#stage{position:fixed;inset:0}#stage cesdk-canvas,#stage canvas{width:100%;height:100%;display:block}#boot{z-index:100;background:var(--study);place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0}#boot.is-done{opacity:0;visibility:hidden}.boot-card{text-align:center}.boot-rune{filter:drop-shadow(0 0 22px #b98c2e80);font-size:58px;animation:2.2s ease-in-out infinite rune-float}@keyframes rune-float{50%{transform:translateY(-14px)rotate(3deg)}}.boot-title{font-family:var(--font-display);color:var(--parchment);letter-spacing:.05em;text-shadow:0 0 24px #b98c2e80;margin-top:14px;font-size:42px}.boot-hint{color:var(--faded);margin-top:6px;font-size:16px;font-style:italic;animation:2.2s ease-in-out infinite rune-float}.sb-book{z-index:20;background:linear-gradient(105deg, #2c1e1214, transparent 12%), radial-gradient(600px 900px at 70% 30%, var(--parchment) 0%, var(--parchment-dim) 85%);border:2px solid var(--quill);border-radius:6px 14px 14px 6px;flex-direction:column;width:392px;animation:.7s cubic-bezier(.22,1.2,.4,1) backwards book-open;display:flex;position:fixed;top:16px;bottom:16px;right:16px;box-shadow:-6px 0 #2c1e128c,-10px 0 #2c1e124d,0 24px 60px #0009}@keyframes book-open{0%{opacity:0;transform:translate(60px)rotateY(-14deg)}}.sb-book:before,.sb-book:after{content:"❦";color:var(--gilt);opacity:.85;font-size:18px;position:absolute}.sb-book:before{top:8px;left:12px}.sb-book:after{bottom:8px;right:12px;transform:rotate(180deg)}.sb-head{text-align:center;border-bottom:1.5px solid #2c1e1259;padding:16px 20px 10px}.sb-title{font-family:var(--font-display);letter-spacing:.04em;font-size:30px;line-height:1}.sb-bound{color:var(--faded);margin-top:7px;font-size:14.5px;font-style:italic}.sb-bound b{color:var(--arcane);font-style:normal}.sb-chapters{border-bottom:1.5px solid #2c1e1259;padding:10px 16px 4px}.sb-chapter{margin-bottom:8px}.sb-chapter__name{font-family:var(--font-display);letter-spacing:.08em;color:var(--gilt);margin-bottom:5px;font-size:14px}.sb-chips{flex-wrap:wrap;gap:5px;display:flex}.sb-chip{appearance:none;color:var(--quill);font-family:var(--font-body);cursor:pointer;background:#fffaeb80;border:1.2px solid #2c1e128c;border-radius:999px;padding:3px 11px;font-size:13.5px;transition:background .12s,transform .12s,box-shadow .12s}.sb-chip:hover{background:var(--gilt);color:#fffaf0;transform:translateY(-1px);box-shadow:0 3px 8px #2c1e124d}.sb-chip:active{transform:translateY(1px)}.sb-chip:focus-visible{outline:2px solid var(--arcane);outline-offset:2px}.sb-log{scrollbar-width:thin;scrollbar-color:#2c1e1266 transparent;flex:1;padding:12px 20px;overflow-y:auto}.sb-log__entry{margin-bottom:9px;font-size:15.5px;line-height:1.45;animation:.5s ease-out entry-ink}@keyframes entry-ink{0%{opacity:0;filter:blur(2px);transform:translateY(4px)}}.sb-log__entry--you{color:var(--faded);font-size:14px;font-style:italic}.sb-log__entry--you:before{content:"❯ ";color:var(--arcane)}.sb-log__entry--fizzle{color:var(--ember);font-style:italic}.sb-log__entry--grand{color:var(--arcane)}.sb-cast{border-top:1.5px solid #2c1e1259;padding:12px 16px 16px;position:relative}.sb-inputwrap{border:1.8px solid var(--quill);background:#fffaebbf;border-radius:10px;align-items:center;gap:9px;padding:9px 13px;transition:box-shadow .15s;display:flex}.sb-inputwrap:focus-within{box-shadow:0 0 0 3px #6d4b9e4d,0 0 18px #b98c2e40}.sb-quill{font-size:17px;transform:scaleX(-1)}.sb-input{font-family:var(--font-body);color:var(--quill);background:0 0;border:0;outline:0;flex:1;font-size:16.5px;font-style:italic}.sb-input::placeholder{color:#7a6748bf}.sb-suggest{background:var(--parchment);border:1.5px solid var(--quill);border-radius:10px;display:none;position:absolute;bottom:calc(100% - 4px);left:16px;right:16px;overflow:hidden;box-shadow:0 10px 30px #00000073}.sb-suggest.is-open{display:block}.sb-suggest__item{cursor:pointer;padding:7px 14px;font-size:15px;font-style:italic}.sb-suggest__item:hover,.sb-suggest__item.is-hot{background:var(--gilt);color:#fffaf0}.sb-suggest__hint{float:right;opacity:.6;font-size:12px}.sb-side{z-index:20;gap:8px;display:flex;position:fixed}.sb-side--tl{align-items:center;top:18px;left:20px}.sb-side--bl{bottom:18px;left:20px}.sb-mark{font-family:var(--font-display);color:var(--parchment);text-shadow:0 0 16px #b98c2e73;-webkit-user-select:none;user-select:none;font-size:22px}.sb-orb{appearance:none;width:36px;height:36px;color:var(--parchment);font-family:var(--font-body);cursor:pointer;background:#efe3c814;border:1.5px solid #efe3c880;border-radius:50%;place-items:center;font-size:16px;transition:background .14s,box-shadow .14s,transform .14s;display:grid}.sb-orb:hover{background:#b98c2e40;transform:translateY(-1px);box-shadow:0 0 14px #b98c2e66}.sb-orb:active{transform:translateY(1px)scale(.94)}.sb-orb:disabled{opacity:.3;pointer-events:none}.sb-orb:focus-visible{outline:2px solid var(--gilt);outline-offset:2px}.sb-rune{z-index:30;pointer-events:none;width:160px;height:160px;margin:-80px 0 0 -80px;animation:.8s ease-out forwards rune-cast;position:fixed}.sb-rune:before,.sb-rune:after{content:"";border:2px dashed var(--arcane);border-radius:50%;animation:.8s linear rune-spin;position:absolute;inset:0}.sb-rune:after{border-style:dotted;border-color:var(--gilt);animation-direction:reverse;inset:18px}@keyframes rune-spin{to{transform:rotate(120deg)}}@keyframes rune-cast{0%{opacity:0;transform:scale(.4)}25%{opacity:1}to{opacity:0;transform:scale(1.25)}}@media (width<=900px){.sb-book{width:320px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}