*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #141322;--bg-raised: #1e1c33;--ink: #ece7f4;--ink-dim: #9a93b8;--gold: #e8b64c;--gold-dim: #a8842f;--accent: #7c6cd4;--paper: #f6efdf;--paper-ink: #3a3226;--radius: 14px;font-size:16px}body{background:radial-gradient(1200px 700px at 50% -10%,#232042 0%,var(--bg) 60%);color:var(--ink);font-family:Georgia,Times New Roman,serif;min-height:100vh;-webkit-font-smoothing:antialiased}#root{max-width:900px;margin:0 auto;padding:2rem 1rem 4rem}button{font-family:inherit;cursor:pointer}.board-header{text-align:center;margin-bottom:2.5rem}.board-kicker{color:var(--ink-dim);font-style:italic;letter-spacing:.04em;margin-bottom:.5rem}.board-header h1{font-size:clamp(1.6rem,5vw,2.6rem);color:var(--gold);font-weight:400;letter-spacing:.02em}.board-countdown{margin-top:1rem;color:var(--ink-dim)}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.9rem}.door{aspect-ratio:3 / 4;border-radius:var(--radius);border:1px solid #35315a;background:linear-gradient(160deg,var(--bg-raised),#191730);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.door.unlocked:hover{transform:translateY(-3px);border-color:var(--gold-dim);box-shadow:0 8px 24px #00000059}.door.locked{opacity:.45;cursor:default}.door.solved{border-color:var(--gold-dim)}.door-number{font-size:2.2rem;color:var(--gold)}.door-state{font-size:.8rem;color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase}.board-footer{margin-top:2.5rem;text-align:center}.binder-button,.back-button{background:none;border:1px solid #35315a;color:var(--ink);padding:.6rem 1.2rem;border-radius:999px;font-size:.95rem;transition:border-color .15s ease}.binder-button:hover,.back-button:hover{border-color:var(--gold-dim)}.puzzle,.letter{scroll-margin-top:.6rem}.day-header{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;margin-bottom:2rem}.day-header h2{font-weight:400;font-size:1.6rem}.day-label{color:var(--gold);margin-right:.5rem}.day-status{text-align:center;padding:4rem 1rem;color:var(--ink-dim)}.day-status .back-button{margin-top:1.5rem}.puzzle{background:var(--bg-raised);border:1px solid #35315a;border-radius:var(--radius);padding:2rem 1.5rem}.puzzle.placeholder{text-align:center}.puzzle.placeholder p{color:var(--ink-dim);margin-bottom:1.5rem}.puzzle.placeholder button,.riddle button,.hg-form button{background:var(--gold);color:#241d0c;border:none;border-radius:999px;padding:.65rem 1.5rem;font-size:1rem}.riddle-prompt{font-size:1.15rem;line-height:1.6;margin-bottom:1.5rem}.riddle form{display:flex;gap:.6rem;flex-wrap:wrap}.riddle input{flex:1;min-width:200px;background:#14122a;border:1px solid #35315a;border-radius:999px;color:var(--ink);padding:.65rem 1.1rem;font-size:1rem;font-family:inherit}.riddle input:focus{outline:none;border-color:var(--accent)}.riddle-hint{margin-top:1rem;color:var(--gold);font-style:italic}.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.letter-paper{background:var(--paper);color:var(--paper-ink);border-radius:6px;padding:clamp(1.5rem,5vw,3rem);box-shadow:0 12px 40px #00000073;line-height:1.8;font-size:1.05rem}.letter-paper p{margin-bottom:1.2em;opacity:0;transform:translateY(8px);transition:opacity .8s ease,transform .8s ease}.letter.visible .letter-paper p{opacity:1;transform:none}.card-award{margin-top:2rem;text-align:center;opacity:0;transition:opacity 1s ease}.letter.visible .card-award{opacity:1}.card-award-label{margin-top:.8rem;color:var(--ink-dim);font-size:.9rem}.letter .back-button{margin-top:2rem}.letter .letter-extra{display:block;margin:2rem auto 0;background:linear-gradient(170deg,#8a1f2d,#4a0f18);border:1px solid #ff4d55;color:#ffb3b8;border-radius:999px;padding:.8rem 2rem;font-size:1.05rem;font-family:inherit;letter-spacing:.1em;cursor:pointer;box-shadow:0 0 22px #ff3c4659;animation:hc-hum 2.8s ease-in-out infinite}.letter .letter-extra+.back-button{margin-top:.9rem}.shardcard{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;width:150px;min-height:120px;background:linear-gradient(160deg,#2a2036,#1c1626);border:1px solid rgba(255,80,90,.4);border-radius:12px;padding:.8rem .6rem;font-family:inherit;color:var(--ink);transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease}.shardcard.clickable{cursor:pointer}.shardcard.clickable:hover{transform:translateY(-2px);border-color:#ff6b72;box-shadow:0 6px 18px #ff3c462e}.shardcard-gem{color:#ff4d55;font-size:1.1rem;text-shadow:0 0 8px rgba(255,60,70,.8)}.shardcard-glyphs{padding:.25rem .5rem;border-radius:6px;background:#140e1ad9;border:1px solid rgba(255,80,90,.35);color:#ff6b72;font-size:.95rem;letter-spacing:.3em;text-shadow:0 0 6px rgba(255,70,80,.55);white-space:nowrap}.shardcard-title{font-size:.85rem;color:var(--gold);text-align:center;line-height:1.3}.shardcard-hint{font-size:.68rem;color:var(--ink-dim);font-style:italic}.shardcard.empty{opacity:.3;border-color:#35315a}.shardcard.empty .shardcard-gem{color:var(--ink-dim);text-shadow:none;font-size:1.4rem}.binder{text-align:center}.binder h2{font-weight:400;color:var(--gold);margin-bottom:1.5rem}.binder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem;justify-items:center;margin-bottom:2rem}.hidden-object{padding:1.2rem}.ho-intro{color:var(--ink-dim);font-style:italic;margin-bottom:.8rem}.ho-toolbar{display:flex;gap:1.2rem;margin-bottom:.8rem;flex-wrap:wrap}.ho-toggle{font-size:.85rem;color:var(--ink-dim);display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ho-editor-toggle{color:var(--gold)}.ho-scene{position:relative;border-radius:10px;overflow:hidden;cursor:crosshair;transition:transform .25s ease-out;transform-style:preserve-3d;box-shadow:0 10px 34px #00000080}.ho-scene img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ho-scene.editing{outline:2px dashed var(--gold)}.ho-spot{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1;border-radius:50%;pointer-events:none}.ho-spot.found{border:3px solid var(--gold);box-shadow:0 0 18px #e8b64c8c,inset 0 0 14px #e8b64c4d;animation:spot-pop .5s ease}.ho-spot.hint{border:2px dotted rgba(232,182,76,.8);animation:hint-pulse 1.1s ease-in-out infinite}.ho-spot.editor{border:2px dashed rgba(124,108,212,.9);background:#7c6cd426}.ho-spot-label{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:.7rem;background:#14122ad9;color:var(--ink);padding:.1rem .45rem;border-radius:6px;white-space:nowrap}@keyframes spot-pop{0%{transform:translate(-50%,-50%) scale(1.7);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes hint-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.25);opacity:.4}}.ho-burst{position:absolute;width:12px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;background:var(--gold);animation:burst .7s ease-out forwards}@keyframes burst{0%{box-shadow:0 0 #e8b64ccc;opacity:1}to{box-shadow:0 0 0 46px #e8b64c00;opacity:0}}.ho-lens{position:absolute;width:150px;height:150px;border-radius:50%;border:3px solid var(--gold-dim);box-shadow:0 6px 22px #0000008c,inset 0 0 12px #00000059;pointer-events:none;background-repeat:no-repeat}@media (hover: none){.ho-lens{display:none}.ho-scene{cursor:default}}.ho-checklist{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin-top:1rem}.ho-item{font-size:.9rem;color:var(--ink-dim);transition:color .3s ease}.ho-item.found{color:var(--gold)}.ho-done{margin-top:1rem;color:var(--gold);font-style:italic;text-align:center}.ho-editor-panel{margin-top:1rem;border-top:1px dashed #35315a;padding-top:1rem}.ho-editor-panel p{font-size:.85rem;color:var(--ink-dim);margin-bottom:.5rem}.ho-editor-panel textarea{width:100%;background:#14122a;color:var(--ink);border:1px solid #35315a;border-radius:8px;font-family:Consolas,monospace;font-size:.78rem;padding:.6rem}.reset-button{display:block;margin:1rem auto 0;background:none;border:1px dashed #4a3535;color:#b88a8a;padding:.35rem .9rem;border-radius:999px;font-size:.8rem}.jigsaw{padding:1.2rem}.jig-wrap{position:relative;-webkit-user-select:none;user-select:none}.jig-board{width:100%;border-radius:10px;background:#14122a;border:1px solid #35315a;position:relative;overflow:hidden}.jig-ghost{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.16;filter:saturate(.6)}.jig-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid}.jig-grid>div{border:1px dashed rgba(154,147,184,.22)}.jig-complete{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:jig-reveal 1.2s ease}@keyframes jig-reveal{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.jig-tray{height:clamp(140px,24vh,220px);margin-top:.6rem;border-radius:10px;border:1px dashed #35315a;background:#14122a80}.jig-piece{position:absolute;z-index:10;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.55))}.jig-piece-face{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;cursor:grab;touch-action:none}.jig-piece.dragging{z-index:30;transform:scale(1.04);filter:drop-shadow(0 10px 18px rgba(0,0,0,.7))}.jig-piece.dragging .jig-piece-face{cursor:grabbing}.jig-piece.locked{z-index:1;filter:none}.jig-piece.locked .jig-piece-face{cursor:default}.jig-piece.rejected{transition:left .45s ease,top .45s ease}.jig-piece.snapped{animation:jig-snap .7s ease}@keyframes jig-snap{0%{filter:drop-shadow(0 0 4px rgba(232,182,76,1)) drop-shadow(0 0 16px rgba(232,182,76,.9))}to{filter:none}}.jig-count{margin-top:.8rem;text-align:center;color:var(--ink-dim);font-size:.9rem}.memory-match{background:linear-gradient(165deg,#fdf1f6,#eef4fd 60%,#f6f0fb);border-color:#f2c9dd;color:#6b5566}.mm-intro{color:#9a7f92;font-style:italic;margin-bottom:1rem;text-align:center}.mm-grid{display:grid;gap:.6rem;max-width:480px;margin:0 auto}.memory-match .mm-card{aspect-ratio:3 / 4;background:none;border:none;border-radius:0;padding:0;perspective:600px;cursor:pointer}.mm-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,.2,.2,1)}.mm-card.up .mm-inner{transform:rotateY(180deg)}.mm-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;font-size:clamp(1.4rem,6vw,2.2rem);overflow:hidden}.mm-back{background:linear-gradient(160deg,#cfe4fb,#b7d4f6);border:2px solid #a7c7ef;box-shadow:0 3px 8px #788cbe40}.mm-front{background:#fffdf8;border:2px solid #f2c9dd;transform:rotateY(180deg)}.mm-front img{width:100%;height:100%;object-fit:contain;padding:10%;box-sizing:border-box}.mm-card.matched{cursor:default}.mm-card.matched .mm-front{border-color:#e8b64c;box-shadow:0 0 0 2px #e8b64c59}.mm-card.pop .mm-inner{animation:mm-pop .55s ease}@keyframes mm-pop{0%,to{transform:rotateY(180deg) scale(1)}45%{transform:rotateY(180deg) scale(1.12)}}.mm-status{margin-top:1rem;text-align:center;min-height:3.2rem}.mm-count{color:#9a7f92;font-size:.9rem}.mm-note{margin-top:.35rem;color:#b3628c;font-style:italic;animation:mm-note-in .5s ease}@keyframes mm-note-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.mm-done{color:#b3628c;font-style:italic}.whos-that{text-align:center}.wt-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.wt-dot{width:10px;height:10px;border-radius:50%;background:#35315a}.wt-dot.now{background:var(--accent)}.wt-dot.done{background:var(--gold)}.wt-layout{display:flex;gap:1.4rem;align-items:flex-start;justify-content:center;flex-wrap:wrap}.wt-stage{position:relative;flex:0 1 420px;width:min(420px,100%);aspect-ratio:1;border-radius:16px;overflow:hidden;background:#232042;display:flex;align-items:center;justify-content:center}.wt-side{flex:1 1 280px;max-width:420px;text-align:left}.wt-rays{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:repeating-conic-gradient(from 0deg,#7c6cd438,#7c6cd438 12deg,#23204200 12deg,#23204200 24deg);animation:wt-spin 24s linear infinite}.wt-stage.revealed .wt-rays{background:repeating-conic-gradient(from 0deg,#e8b64c4d,#e8b64c4d 12deg,#23204200 12deg,#23204200 24deg);animation-duration:10s}@keyframes wt-spin{to{transform:rotate(360deg)}}.wt-image{position:relative;width:78%;height:78%;object-fit:contain;transition:filter .7s ease,transform .7s ease}.wt-image.silhouette{filter:brightness(0)}.wt-image.mystery{filter:blur(16px) saturate(1.15)}.wt-stage.revealed .wt-image{filter:none;transform:scale(1.06)}.wt-reveal-text{position:absolute;bottom:8%;left:0;right:0;font-size:clamp(1.2rem,4.5vw,1.7rem);color:var(--gold);text-shadow:0 2px 12px rgba(0,0,0,.8);animation:wt-reveal-in .6s cubic-bezier(.2,1.4,.4,1)}@keyframes wt-reveal-in{0%{opacity:0;transform:translateY(14px) scale(.8)}to{opacity:1;transform:none}}.wt-prompt{font-size:1.15rem;margin-bottom:.8rem}.wt-side .wt-prompt{text-align:left}.wt-bank{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.45rem}@media (max-width: 760px){.wt-side,.wt-side .wt-prompt{text-align:center}.wt-bank{justify-content:center}}.whos-that .wt-answer{background:#1e1c33;border:1px solid #35315a;color:var(--ink);border-radius:999px;padding:.45rem .95rem;font-size:.88rem;font-family:inherit;transition:border-color .15s ease,opacity .3s ease}.whos-that .wt-answer:hover:not(:disabled){border-color:var(--gold-dim)}.whos-that .wt-answer.used{opacity:.32;text-decoration:line-through;cursor:default}.whos-that .wt-answer.wrong{animation:shake .4s ease;border-color:#c05555}@media (min-width: 761px){.wt-side .wt-bank{max-height:420px;overflow-y:auto;padding-right:.4rem;scrollbar-width:thin;scrollbar-color:#35315a transparent}}.wt-done{margin-top:.5rem;color:var(--gold);font-style:italic}.holocron{margin-bottom:2rem}.hc-cube{width:130px;margin:0 auto;display:block}.hc-edge{stroke:#2c2950;stroke-width:2.5;stroke-linecap:round;transition:stroke .6s ease,filter .6s ease}.hc-edge.lit{stroke:#ff4d55;filter:drop-shadow(0 0 4px rgba(255,60,70,.9));animation:hc-hum 3.2s ease-in-out infinite}@keyframes hc-hum{0%,to{opacity:1}50%{opacity:.65}}.hc-label{margin-top:.6rem;font-size:.72rem;letter-spacing:.22em;color:#b56f7a;text-align:center}.mm-mascot{display:block;width:110px;margin:0 auto .4rem;animation:mascot-float 3.4s ease-in-out infinite;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes mascot-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}.mm-mascot.cheer{animation:mascot-cheer .6s ease}@keyframes mascot-cheer{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-14px) scale(1.12) rotate(-6deg)}70%{transform:translateY(-4px) scale(1.05) rotate(4deg)}}.mm-mascot.party{animation:mascot-party 1.1s ease-in-out infinite}@keyframes mascot-party{0%,to{transform:translateY(0) rotate(-8deg) scale(1.05)}50%{transform:translateY(-12px) rotate(8deg) scale(1.12)}}.hangul{text-align:center}.hg-intro{color:var(--ink-dim);font-style:italic;margin-bottom:1.2rem}.hg-word-panel{margin-bottom:1.2rem}.hg-word{font-size:clamp(2.6rem,9vw,4rem);color:var(--ink);margin-bottom:.8rem;letter-spacing:.08em}.hg-blocks{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.hg-block{background:#1e1c33;border:1px solid #35315a;border-radius:10px;padding:.5rem .7rem;min-width:72px}.hg-block-char{font-size:1.3rem;color:var(--gold);margin-bottom:.3rem}.hg-jamo-row{display:flex;justify-content:center;gap:.45rem}.hg-jamo{display:flex;flex-direction:column;align-items:center;gap:.1rem}.hg-jamo-glyph{font-size:1.05rem;color:var(--ink)}.hg-jamo-sound{font-size:.68rem;color:#7cc4e8}.hg-form{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.2rem}.hg-form input{min-width:220px;background:#14122a;border:1px solid #35315a;border-radius:999px;color:var(--ink);padding:.65rem 1.1rem;font-size:1rem;font-family:inherit}.hg-form input:focus{outline:none;border-color:var(--accent)}.hg-mercy{color:var(--gold);font-style:italic;margin-bottom:1rem}.hg-chart{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-bottom:.6rem}.hg-chart-col h4{font-weight:400;color:var(--ink-dim);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem}.hg-chart-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.hg-tile{background:#1e1c33;border:1px solid #3a3560;border-radius:8px;padding:.3rem .15rem;display:flex;flex-direction:column;align-items:center;gap:.05rem;min-width:44px;opacity:.55}.hg-tile.vowel{border-color:#5a4a72}.hg-tile.in-word{opacity:1;border-color:var(--gold-dim);box-shadow:0 0 8px #e8b64c40}.hg-tile-glyph{font-size:1rem;color:var(--ink)}.hg-tile-sound{font-size:.62rem;color:var(--ink-dim)}.hg-chart-hint{font-size:.8rem;color:var(--ink-dim);font-style:italic}.hg-reveal{animation:hg-reveal-in .5s ease}@keyframes hg-reveal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hg-meaning{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.8rem}.hg-meaning-roman{font-size:1.1rem;color:#7cc4e8;letter-spacing:.12em}.hg-meaning-text{font-size:1.6rem;color:var(--gold)}.hg-note{color:var(--ink-dim);font-style:italic;margin-bottom:1.2rem}.hg-next{background:var(--gold);color:#241d0c;border:none;border-radius:999px;padding:.6rem 1.4rem;font-size:1rem}.hg-done{color:var(--gold);font-style:italic;padding:2rem 0}.storybook{background:radial-gradient(ellipse at 20% 10%,rgba(214,188,138,.14),transparent 55%),linear-gradient(165deg,#f4e9d2,#eadbbc 70%,#e5d3b0);border-color:#c9ae7c;color:#4a3c28;position:relative}.sb-intro{text-align:center;font-style:italic;color:#7c6647;margin-bottom:1.4rem}.sb-intro,.mm-intro,.hg-intro,.ho-intro,.riddle-prompt,.wt-prompt{white-space:pre-line}.sb-layout{display:flex;gap:1.6rem;justify-content:center;align-items:flex-start;flex-wrap:wrap}.sb-slots{display:flex;flex-direction:column;gap:.5rem;flex:1 1 400px;max-width:520px}.sb-side{flex:1 1 260px;max-width:360px}.sb-slot{display:flex;align-items:center;gap:.8rem;min-height:52px;padding:.4rem .9rem;border:2px dashed #c9ae7c;border-radius:8px;background:#fffbf066;cursor:pointer;transition:border-color .2s ease,background .2s ease}.sb-slot.filled{border-style:solid;border-color:#b08d4f;background:#fffbf0;cursor:default}.sb-slot.wrong{animation:shake .4s ease;border-color:#b05353}.sb-slot.flourish{animation:sb-flourish .7s ease}@keyframes sb-flourish{0%{box-shadow:0 0 #b08d4fb3}to{box-shadow:0 0 0 14px #b08d4f00}}.sb-slot-roman{font-size:1.05rem;color:#b08d4f;min-width:2rem;text-align:center}.sb-slot-title{font-size:.95rem}.sb-slots.bound .sb-slot{border-color:#b08d4f;box-shadow:0 0 12px #b08d4f59}.sb-binding{text-align:center;font-style:italic;color:#7c6647}.sb-tray-hint{text-align:center;font-size:.85rem;color:#7c6647;font-style:italic;margin-bottom:.7rem}.sb-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}@media (min-width: 860px){.sb-side .sb-tray{flex-direction:column;align-items:stretch}.sb-side .sb-tray-hint{text-align:left}}.sb-card{background:#fffbf0;border:1px solid #c9ae7c;border-radius:6px;box-shadow:0 2px 6px #5a462840;padding:.55rem .9rem;font-size:.9rem;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .15s ease,box-shadow .15s ease}.sb-card:hover{transform:translateY(-2px)}.sb-card.selected{border-color:#8a6d3b;box-shadow:0 0 0 2px #b08d4f80,0 4px 10px #5a46284d;transform:translateY(-3px)}.sb-card.dragging{opacity:.25}.sb-ghost{position:fixed;transform:translate(-50%,-110%);background:#fffbf0;border:1px solid #8a6d3b;border-radius:6px;box-shadow:0 10px 24px #5a462873;padding:.55rem .9rem;font-size:.9rem;color:#4a3c28;pointer-events:none;z-index:50}.sb-book{max-width:460px;margin:0 auto;text-align:center}.sb-page{background:#fffbf0;border:1px solid #c9ae7c;border-radius:10px;box-shadow:0 8px 26px #5a46284d,inset 0 0 40px #c9ae7c2e;padding:1.4rem 1.4rem 1.6rem;animation:sb-page-in .45s ease}@keyframes sb-page-in{0%{opacity:0;transform:translate(24px) rotate(.6deg)}to{opacity:1;transform:none}}.sb-plate{position:relative;margin:0 auto 1rem;max-width:340px;border:6px solid #fffbf0;outline:1px solid #b08d4f;box-shadow:0 3px 10px #5a462859;overflow:hidden;background:#efe3c8}.sb-plate img{display:block;width:100%;filter:sepia(.35) saturate(.82) contrast(.94) brightness(1.02)}.sb-plate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(74,60,40,.28) 100%)}.sb-plate-roman,.sb-epilogue-mark{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;font-size:3rem;color:#b08d4f}.sb-page-title{font-weight:400;font-size:1.25rem;color:#5a4426;display:flex;flex-direction:column;gap:.2rem;margin-bottom:.6rem}.sb-chapter{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#b08d4f}.sb-page-text{font-style:italic;line-height:1.7;color:#6b573a}.sb-book-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.1rem}.storybook .sb-book-nav button{background:none;border:1px solid #b08d4f;color:#5a4426;border-radius:999px;padding:.45rem 1.1rem;font-size:.9rem}.storybook .sb-book-nav button:disabled{opacity:.35;cursor:default}.storybook .sb-book-nav button.sb-close{background:#b08d4f;color:#fffbf0;border-color:#b08d4f}.sb-book-count{font-size:.8rem;color:#7c6647}.herd{text-align:center}.herd-intro{color:var(--ink-dim);font-style:italic;margin-bottom:1rem;white-space:pre-line}.herd-field{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,220,.12),transparent 50%),linear-gradient(170deg,#3e6b3a,#2f5430 55%,#27462a);border:1px solid #4a7a45;touch-action:manipulation}.herd-deco{position:absolute;font-size:1rem;opacity:.75;pointer-events:none}.herd-pen{position:absolute;right:2.5%;bottom:4%;width:30%;min-height:26%;border:3px solid #8a6234;border-radius:8px;background:#5a3e1e40;box-shadow:inset 0 0 0 2px #3c281259;padding:.3rem}.herd-pen-label{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#d9c9a8;opacity:.85}.herd-pen-cows{display:flex;flex-wrap:wrap;justify-content:center;gap:.1rem;font-size:1.15rem}.herd-pen.party .herd-pen-cows{animation:herd-bounce .6s ease infinite}@keyframes herd-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.herd-pen-cow{line-height:1}.herd-cow{position:absolute;transform:translate(-50%,-60%);background:none;border:none;padding:.35rem;cursor:pointer;font-size:1.9rem;line-height:1;z-index:5}.herd-cow-emoji{display:inline-block;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}.herd-cow.homing{pointer-events:none}.herd-cow.munching .herd-cow-emoji{animation:herd-munch .5s ease infinite}@keyframes herd-munch{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg) translateY(2px)}}.herd-crown{position:absolute;top:-.55rem;left:50%;transform:translate(-50%);font-size:.95rem;pointer-events:none}.herd-hay{position:absolute;transform:translate(-50%,-50%);font-size:1.4rem;background:none;border:none;padding:.3rem;cursor:grab;touch-action:none;z-index:6}.herd-hay.dragging{pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.herd-hay-pile.lifting,.herd-hay.lifting{opacity:0}.herd-hay-pile{position:absolute;right:4%;bottom:7%;font-size:1.35rem;background:none;border:none;padding:.3rem;cursor:grab;touch-action:none;z-index:6;animation:hay-wiggle 3.5s ease-in-out infinite}@keyframes hay-wiggle{0%,88%,to{transform:rotate(0)}92%{transform:rotate(-5deg)}96%{transform:rotate(5deg)}}.herd-bubble{position:absolute;transform:translate(-50%,-170%);background:#fffdf4;color:#3a3226;border-radius:10px;padding:.2rem .55rem;font-size:.8rem;white-space:nowrap;box-shadow:0 3px 8px #00000059;pointer-events:none;z-index:10;animation:herd-bubble-in 1.3s ease forwards}@keyframes herd-bubble-in{0%{opacity:0;transform:translate(-50%,-140%) scale(.7)}12%{opacity:1;transform:translate(-50%,-170%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-200%)}}.herd-chorus{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,8vw,3.4rem);color:#fffdf4;text-shadow:0 4px 18px rgba(0,0,0,.6);animation:herd-chorus-in .7s cubic-bezier(.2,1.5,.4,1);pointer-events:none}@keyframes herd-chorus-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.herd-status{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:.9rem;color:var(--ink-dim);font-size:.95rem}.herd-line{margin-top:.7rem;color:var(--gold);font-style:italic;font-size:.95rem}.herd-line strong{font-weight:400;color:var(--ink)}.herd-hint{animation:herd-hint-pulse 2.2s ease-in-out infinite}@keyframes herd-hint-pulse{0%,to{opacity:1}50%{opacity:.55}}.crystal{text-align:center;padding:1.2rem}.cr-intro{color:var(--ink-dim);font-style:italic;margin-bottom:.9rem;white-space:pre-line}.cr-stage{width:100%;aspect-ratio:4 / 3;max-height:60vh;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#101a30,#0a0d1c 70%);border:1px solid #24304e;cursor:grab;touch-action:none}.cr-stage canvas{display:block;width:100%!important;height:100%!important}.cr-status{margin-top:.9rem;color:var(--ink-dim);font-size:.95rem}.cr-outro{color:#9fe3ff;font-style:italic;text-shadow:0 0 12px rgba(111,216,255,.5)}.anibae{padding:1.2rem}.ab-intro{color:var(--ink-dim);font-style:italic;text-align:center;margin-bottom:1rem;white-space:pre-line}.ab-scene{max-width:560px;margin:0 auto 1rem}.ab-portrait{width:130px;height:130px;margin:0 auto -1.1rem;border-radius:16px;border:2px solid #35315a;background:linear-gradient(160deg,#1e1c33,#14122a);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:border-color .4s ease}.ab-portrait.revealed{border-color:#ffffff73;animation:ab-portrait-in .5s cubic-bezier(.2,1.4,.4,1)}@keyframes ab-portrait-in{0%{transform:scale(.85)}to{transform:none}}.ab-portrait-img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:14px}.ab-portrait-mark{font-size:2.4rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.ab-portrait-mark.mystery{color:var(--ink-dim);animation:ab-mystery 2.4s ease-in-out infinite}@keyframes ab-mystery{0%,to{opacity:.6}50%{opacity:1}}.ab-dialogue{background:#14122aeb;border:1px solid #35315a;border-radius:14px;padding:1.6rem 1.3rem 1.1rem;min-height:7.5rem;cursor:pointer}.ab-nameplate{display:inline-block;background:#2a2748;border:1px solid #4a4478;border-radius:8px;padding:.15rem .8rem;font-size:.85rem;color:var(--gold);margin-bottom:.6rem}.ab-text{line-height:1.7;min-height:3.4em;white-space:pre-line}.ab-text.personal{color:#ffd98a;font-style:italic}.ab-caret{animation:ab-caret .8s steps(1) infinite;color:var(--accent)}@keyframes ab-caret{50%{opacity:0}}.anibae .ab-next{margin-top:.7rem;background:none;border:1px solid var(--gold-dim);color:var(--gold);border-radius:999px;padding:.4rem 1.1rem;font-size:.9rem}.ab-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:640px;margin:0 auto 1rem}.anibae .ab-answer{display:flex;flex-direction:column;align-items:center;gap:.05rem;background:#1e1c33;border:1px solid #35315a;color:var(--ink);border-radius:10px;padding:.4rem .8rem;font-family:inherit;transition:border-color .15s ease,opacity .3s ease}.anibae .ab-answer:hover:not(:disabled){border-color:var(--gold-dim)}.anibae .ab-answer.used{opacity:.3;text-decoration:line-through}.anibae .ab-answer.wrong{animation:shake .4s ease;border-color:#c05555}.ab-answer-name{font-size:.9rem}.ab-answer-series{font-size:.66rem;color:var(--ink-dim)}.ab-progress{display:flex;justify-content:center;gap:.45rem}.saucelab{text-align:center;padding:1.4rem}.sl-intro{color:var(--ink-dim);font-style:italic;margin-bottom:1.2rem;white-space:pre-line}.sl-bench{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1.2rem}.sl-dials{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}@media (min-width: 760px){.sl-bench,.sl-dials{flex-wrap:nowrap}}.sl-dial{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:linear-gradient(170deg,#2a1e1a,#1c1412);border:1px solid #5a3a2a;border-radius:12px;padding:.6rem .55rem;min-width:92px;flex:0 1 auto}.sl-dial-label{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#d99a5b}.saucelab .sl-arrow{background:#3a2a22;border:1px solid #5a3a2a;color:#e8c9a8;border-radius:8px;width:2.4rem;padding:.15rem 0;font-size:.85rem}.saucelab .sl-arrow:disabled{opacity:.35}.sl-bottle{display:flex;flex-direction:column;align-items:center;margin:.15rem 0}.sl-bottle-neck{width:14px;height:13px;background:#e8dcc829;border:1px solid rgba(232,220,200,.35);border-bottom:none;border-radius:4px 4px 0 0}.sl-bottle-body{position:relative;width:44px;height:74px;background:#e8dcc814;border:1px solid rgba(232,220,200,.35);border-radius:8px 8px 12px 12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.sl-bottle-liquid{position:absolute;left:0;right:0;bottom:0;transition:height .35s ease,background-color .5s ease;opacity:.85}.sl-bottle.big .sl-bottle-neck{width:20px;height:18px}.sl-bottle.big .sl-bottle-body{width:76px;height:128px;border-radius:10px 10px 16px 16px}.sl-digit{position:relative;z-index:2;font-size:1.5rem;color:#fff3e0;text-shadow:0 1px 4px rgba(0,0,0,.75);font-variant-numeric:tabular-nums}.sl-clue{font-size:.72rem;color:var(--ink-dim);font-style:italic;max-width:112px;line-height:1.4;min-height:2.2em}.sl-clue-hidden{opacity:.45}.sl-final-clue{margin-top:.9rem;color:var(--gold);font-style:italic;animation:mm-note-in .5s ease}.sl-equals{font-size:2rem;color:#d99a5b;padding:0 .2rem}.sl-mix{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .4rem;flex:0 0 auto}.sl-mix-label{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#d99a5b}.sl-mix.exploding .sl-bottle{animation:sl-rumble .5s ease infinite}@keyframes sl-rumble{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1.5px,1px) rotate(-1.4deg)}75%{transform:translate(1.5px,-1px) rotate(1.4deg)}}.sl-mix.exploding .sl-bottle-liquid{opacity:1}.sl-drop{position:absolute;top:6px;border-radius:50%;z-index:5;font-size:1.05rem;animation:sl-drop-fly 1.6s ease-in infinite;pointer-events:none}@keyframes sl-drop-fly{0%{transform:translate(0) scale(1);opacity:0}12%{opacity:1}55%{transform:translate(calc(var(--dx) * .7),-78px) scale(1.05);opacity:1}to{transform:translate(var(--dx),60px) scale(.8);opacity:0}}.saucelab .sl-taste{background:linear-gradient(170deg,#e05a2a,#c92a2a);color:#fff3e8;border:none;border-radius:999px;padding:.7rem 2rem;font-size:1.05rem;letter-spacing:.12em;box-shadow:0 4px 16px #c92a2a66}.saucelab .sl-taste:hover{filter:brightness(1.1)}.sl-feedback{margin-top:.9rem;color:#e8c9a8;font-style:italic}.sl-feedback-count{color:var(--ink-dim);font-style:normal;font-size:.9rem}.sl-success{margin-top:.6rem}.sl-stamp{display:inline-block;margin-top:.5rem;border:3px solid #c92a2a;color:#ff6b4a;border-radius:8px;padding:.4rem 1.4rem;font-size:1.3rem;letter-spacing:.22em;transform:rotate(-4deg);animation:sl-stamp-in .5s cubic-bezier(.2,1.8,.4,1);text-shadow:0 0 14px rgba(224,90,42,.5)}@keyframes sl-stamp-in{0%{transform:rotate(-14deg) scale(2.2);opacity:0}to{transform:rotate(-4deg) scale(1);opacity:1}}.soundboard{text-align:center;padding:1.4rem}.sb11-intro{color:var(--ink-dim);font-style:italic;margin-bottom:1.2rem;white-space:pre-line}.sb11-power{padding:2.5rem 0 3rem}.soundboard .sb11-power-btn{background:linear-gradient(170deg,#7b2fd0,#4b1a8a);color:#f3e8ff;border:none;border-radius:999px;padding:.9rem 2.2rem;font-size:1.05rem;letter-spacing:.14em;box-shadow:0 4px 20px #7b2fd073}.sb11-power-hint{margin-top:1rem;color:var(--ink-dim);font-style:italic;font-size:.9rem}.sb11-console{max-width:460px;margin:0 auto 1.2rem;background:linear-gradient(170deg,#221a33,#171226);border:1px solid #4b3a72;border-radius:14px;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.9rem}.sb11-meter-wrap{display:flex;align-items:center;gap:.8rem}.sb11-meter-label,.sb11-label{font-size:.72rem;letter-spacing:.2em;color:#a88fd4;min-width:92px;text-align:left}.sb11-meter{flex:1;height:14px;border-radius:999px;background:#141022;border:1px solid #4b3a72;overflow:hidden}.sb11-meter-fill{height:100%;background:linear-gradient(90deg,#7b2fd0,#b56ef0);transition:width .3s ease;box-shadow:0 0 10px #b56ef099}.sb11-control{display:flex;align-items:center;gap:.8rem;padding:.3rem .4rem;border-radius:8px;transition:background .3s ease,box-shadow .3s ease}.sb11-control.in-zone{background:#7b2fd029;box-shadow:inset 0 0 0 1px #b56ef066}.sb11-control input[type=range]{flex:1;accent-color:#b56ef0}.soundboard .sb11-reverse{flex:1;background:#141022;border:1px solid #4b3a72;color:#e8dcff;border-radius:8px;padding:.5rem .8rem;font-size:.9rem;letter-spacing:.12em}.soundboard .sb11-reverse.rev{color:#ff9a7a;border-color:#8a4b3a}.sb11-hint{color:var(--ink-dim);font-style:italic;font-size:.9rem}.sb11-win{animation:mm-note-in .6s ease}.sb11-lightsticks{font-size:1.6rem;animation:herd-bounce 1s ease infinite}.sb11-win-text{margin:.6rem 0 1rem;color:#d9b8ff;letter-spacing:.1em;text-shadow:0 0 14px rgba(181,110,240,.6)}.soundboard .sb11-continue{background:linear-gradient(170deg,#7b2fd0,#4b1a8a);color:#f3e8ff;border:none;border-radius:999px;padding:.65rem 1.6rem;font-size:1rem}.soundboard.restored .sb11-console{border-color:#b56ef0;box-shadow:0 0 24px #7b2fd059}.finale{padding:.8rem;overflow:hidden}.fd-crawl-stage{position:relative;height:460px;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#1a0f14,#05040a 60%)}.fd-star{position:absolute;color:#8a86a8;font-size:.5rem;opacity:.7}.fd-crawl-viewport{position:absolute;top:0;right:0;bottom:0;left:0;perspective:380px;overflow:hidden}.fd-crawl-text{position:absolute;left:8%;right:8%;bottom:0;transform-origin:50% 100%;transform:rotateX(24deg);color:#e8c15a;text-align:justify;font-size:1.25rem;line-height:1.8;animation:fd-crawl 27s linear forwards}.fd-crawl-text p{margin-bottom:1.4em}.fd-crawl-episode{text-align:center;letter-spacing:.3em;font-size:1rem}.fd-crawl-title{text-align:center;font-size:1.7rem;letter-spacing:.12em;margin-bottom:1.6em;font-weight:400}@keyframes fd-crawl{0%{transform:rotateX(24deg) translateY(75%)}to{transform:rotateX(24deg) translateY(-135%)}}.finale .fd-skip{position:absolute;right:.9rem;bottom:.9rem;background:#0a0810b3;border:1px solid #3a3450;color:var(--ink-dim);border-radius:999px;padding:.35rem .9rem;font-size:.85rem}.fd-scene{position:relative;min-height:500px;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#170a10,#06040a 70%)}.fd-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.fd-canvas canvas{display:block;width:100%!important;height:100%!important}.fd-assembly-label{position:absolute;bottom:1rem;left:0;right:0;text-align:center;color:#b56f7a;font-style:italic;letter-spacing:.08em;animation:hc-hum 2.6s ease-in-out infinite}.fd-holo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:5.2rem 5% 0 40%;pointer-events:none}@media (max-width: 700px){.fd-holo{align-items:center;padding:1.2rem 1rem 0}}.fd-holo-text{pointer-events:auto;max-width:480px;border-radius:10px;background-color:#08040880;color:#ff8a8a;text-shadow:0 0 10px rgba(255,60,70,.7);line-height:1.9;font-size:1.02rem;white-space:pre-line;animation:fd-holo-in 3s ease forwards,fd-holo-flicker 3.4s linear 3s infinite;background-image:linear-gradient(rgba(255,90,90,.045) 50%,transparent 50%);background-size:100% 4px;padding:.8rem 1rem}@keyframes fd-holo-in{0%{opacity:0;filter:blur(9px) brightness(2.4)}35%{opacity:.65;filter:blur(3px) brightness(1.5)}45%{opacity:.3}55%{opacity:.85;filter:blur(1.5px) brightness(1.25)}64%{opacity:.5}78%{opacity:.95;filter:blur(.4px) brightness(1.1)}to{opacity:1;filter:blur(0) brightness(1)}}@keyframes fd-holo-flicker{0%,to{opacity:1}4%{opacity:.82}6%{opacity:1}52%{opacity:.9}54%{opacity:1}78%{opacity:.86}80%{opacity:1}}.finale .fd-btn{pointer-events:auto;margin-top:.9rem;background:#14080ccc;border:1px solid #8a2f3d;color:#ff8a8a;border-radius:999px;padding:.55rem 1.4rem;font-size:.95rem;letter-spacing:.08em}.finale .fd-btn.gold{border-color:var(--gold-dim);color:var(--gold);box-shadow:0 0 18px #e8b64c40}.fd-decode{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:1.1rem .8rem 1.4rem;background:#06040ad6}.fd-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.45rem;width:100%;max-width:660px}.fd-chip{display:flex;align-items:center;gap:.5rem;background:#1a0c12e6;border:1px solid rgba(255,80,90,.3);border-radius:8px;padding:.3rem .55rem;animation:mm-note-in .4s ease backwards}.fd-chip-day{font-size:.65rem;color:#b56f7a;min-width:1.1rem;text-align:right}.fd-chip-runes{display:flex;gap:.3rem;font-size:.95rem;letter-spacing:.05em}.fd-rune{color:#ff6b72;text-shadow:0 0 6px rgba(255,70,80,.5);transition:opacity .6s ease,transform .6s ease,color .4s ease}.fd-decode.stage-1 .fd-rune.decoy,.fd-decode.stage-2 .fd-rune.decoy,.fd-decode.stage-3 .fd-rune.decoy,.fd-decode.stage-4 .fd-rune.decoy{animation:fd-burn .9s ease forwards}@keyframes fd-burn{40%{color:#ffd28a;text-shadow:0 0 10px rgba(255,180,90,.9)}to{opacity:.08;transform:translateY(7px) scale(.8);color:#4a2a2a;text-shadow:none}}.fd-decode.stage-2 .fd-rune.real,.fd-decode.stage-3 .fd-rune.real,.fd-decode.stage-4 .fd-rune.real{color:#ffd98a;text-shadow:0 0 10px rgba(232,182,76,.7);animation:fd-letter-pop .5s ease backwards}@keyframes fd-letter-pop{0%{transform:scale(1.6);opacity:.2}to{transform:none;opacity:1}}.fd-phrase{margin-top:1.1rem;font-size:clamp(1.05rem,3.4vw,1.45rem);letter-spacing:.09em;color:var(--gold);text-align:center;text-shadow:0 0 16px rgba(232,182,76,.55);max-width:620px}.fd-phrase span{animation:fd-letter-pop .45s ease backwards}.fd-ending{margin-top:1rem;text-align:center;animation:mm-note-in .8s ease}.fd-final-line{color:var(--ink);font-style:italic;line-height:1.7;max-width:480px;margin-bottom:.4rem;white-space:pre-line}