:root{--silk:#cbb892;--silk-deep:#1c1610;--silk-mid:#2a2218;--ink:#140f0c;--ink-soft:#3a3228;--cinnabar:#9a322c;--cinnabar-deep:#6e1f1c;--azurite:#3d6b66;--malachite:#4a6b4a;--gold:#c4a35a;--dust:#8a7350;--paper:#e4d2a8;--paper-dim:#d7c49a;--seal-xiang:#3d6b66;--seal-li:#9a322c;--seal-liangyi:#8a4a38;--seal-yao:#8a6a3a;--seal-shen:#c4a35a;--font-display:"Ma Shan Zheng", "Noto Serif SC", serif;--font-body:"Noto Serif SC", "Songti SC", serif;--shadow:0 24px 60px #0a080673}*{box-sizing:border-box}html,body,#root{background:var(--silk-deep);min-height:100%;color:var(--paper);font-family:var(--font-body);margin:0}body{background-image:radial-gradient(at 20% 10%,#9a322c14,#0000 50%),radial-gradient(at 80% 90%,#3d6b6614,#0000 45%)}button{cursor:pointer;font-family:inherit}button:focus-visible{outline:1px solid var(--gold);outline-offset:3px}.app{min-height:100dvh}.grain{pointer-events:none;opacity:.07;z-index:40;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:fixed;inset:0}.title-screen{place-items:center;min-height:100dvh;padding:4vh 6vw;display:grid;position:relative;overflow:hidden}.title-screen:before{content:"";filter:saturate(.85);background:linear-gradient(#1c16108c,#1c1610d1),url(/art/map-silk.png) 50%/cover no-repeat;animation:18s ease-in-out infinite alternate silk-breathe;position:absolute;inset:0;transform:scale(1.06)}@keyframes silk-breathe{0%{transform:scale(1.04)translateY(0)}to{transform:scale(1.1)translateY(-1.5%)}}.title-inner{z-index:1;text-align:center;max-width:36rem;position:relative}.title-kicker{letter-spacing:.5em;color:var(--gold);margin:0 0 1.2rem;font-size:.8rem}.title-screen h1{font-family:var(--font-display);color:var(--paper);text-shadow:0 8px 40px #0000008c;margin:0;font-size:clamp(4.2rem,12vw,7.5rem);font-weight:400;line-height:.9}.title-sub{letter-spacing:.18em;color:var(--dust);margin:1.4rem 0 0;font-size:1.05rem}.title-quote{max-width:22rem;color:var(--paper-dim);border-left:2px solid var(--cinnabar);text-align:left;margin:2.4rem auto 0;padding-left:1.1rem;font-size:.92rem;line-height:1.9}.title-quote cite{color:var(--dust);margin-top:.6rem;font-size:.8rem;font-style:normal;display:block}.title-bgm{letter-spacing:.28em;color:var(--dust);margin:1.6rem 0 0;font-size:.78rem}.title-bgm+.btn-cinnabar{margin-top:1.15rem}.bgm-dock{z-index:55;color:var(--paper);letter-spacing:.12em;background:#140f0ce0;border:1px solid #c4a35a73;align-items:center;gap:.45rem;padding:.38rem .7rem .38rem .5rem;display:flex;position:fixed;bottom:1rem;left:1rem}.bgm-dock-mark{min-width:1.7rem;height:1.7rem;color:var(--gold);border:1px solid #c4a35a8c;place-items:center;font-size:.78rem;display:grid}.bgm-dock-name{color:var(--paper-dim);font-size:.75rem}.bgm-dock.is-muted .bgm-dock-mark,.bgm-dock.is-muted .bgm-dock-name{color:var(--dust);opacity:.7}.bgm-dock:hover{border-color:var(--gold)}.btn-cinnabar{color:var(--paper);border:1px solid var(--cinnabar);letter-spacing:.35em;background:0 0;margin-top:2.4rem;padding:.7rem 2.2rem;font-size:.95rem;transition:background .25s,color .25s}.btn-cinnabar:hover{background:var(--cinnabar);color:var(--paper)}.btn-ghost{color:var(--dust);letter-spacing:.2em;background:0 0;border:0;margin-top:.8rem;font-size:.8rem}.map-screen{grid-template-rows:auto 1fr;height:100dvh;display:grid;overflow:hidden}.map-hud{z-index:5;background:linear-gradient(#140f0ceb,#140f0c8c);border-bottom:1px solid #c4a35a40;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;padding:.7rem 1.2rem;display:flex}.map-hud h1{font-family:var(--font-display);margin:0;font-size:1.7rem;font-weight:400}.map-hud .progress{color:var(--dust);letter-spacing:.12em;margin-left:auto;font-size:.82rem}.hud-btn{color:var(--paper);letter-spacing:.12em;background:0 0;border:1px solid #c4a35a66;padding:.35rem .8rem;font-size:.8rem}.hud-btn:hover{border-color:var(--gold)}.map-viewport{cursor:grab;touch-action:none;background:#120e0b;position:relative;overflow:hidden}.map-viewport.dragging,.map-viewport.dragging *{cursor:grabbing!important}.title-how{max-width:22rem;color:var(--paper-dim);margin:1.1rem auto 0;font-size:.92rem;line-height:1.85}.map-world{transform-origin:0 0;will-change:transform;position:absolute}.map-bg{object-fit:cover;filter:saturate(.92)contrast(1.08)brightness(.96);width:100%;height:100%;position:absolute;inset:0}.map-viewport:after{content:"";pointer-events:none;z-index:3;background:radial-gradient(at 50% 42%,#0000 42%,#0a080661 100%),linear-gradient(#0c09071f,#0000 18% 82%,#0c090747);position:absolute;inset:0}.map-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.geo-layer{pointer-events:none;z-index:1;position:absolute;inset:0}.geo-label{font-family:var(--font-display);color:#ead6a8;text-shadow:0 0 6px #0c0906e6,0 1px 2px #080604d9;white-space:nowrap;transform-origin:50%;-webkit-user-select:none;user-select:none;position:absolute}.geo-label.vertical{writing-mode:vertical-rl;letter-spacing:.32em;opacity:.92;color:#e4d09a;font-size:16px;font-weight:400;line-height:1}.geo-label.vertical:before{content:"";border:1px solid #c4a35a8c;width:4px;height:4px;margin:0 auto .35em;display:block;transform:rotate(45deg)}.geo-label.geo-land{writing-mode:horizontal-tb;letter-spacing:.24em;opacity:.86;color:#e4d09a;font-size:14px}.geo-label.geo-region{letter-spacing:.42em;color:#dcc89647;text-shadow:none;font-size:30px;font-weight:400;transform:translate(-50%,-50%)}.geo-label.geo-sea{letter-spacing:.62em;color:#a8d0c8;opacity:.82;text-shadow:0 0 12px #14282abf,0 1px 2px #080604cc;font-size:22px}.marker{transform-origin:50% 90%;z-index:2;background:0 0;border:0;place-items:end center;width:56px;height:64px;padding:0;display:grid;position:absolute;transform:translate(-50%,-80%)}.marker.unseen{--fire:#7ec9b4}.marker.xiang{--fire:#6ebbb4}.marker.li{--fire:#d2655c}.marker.liangyi{--fire:#c67a58}.marker.yao{--fire:#d4b05a}.marker.shen{--fire:#e6d28a}.marker.myth{--fire:#f0d98a}.marker.stub{--fire:#8a7358}.marker:hover,.marker:focus-visible{z-index:9}.foxfire{pointer-events:none;mix-blend-mode:screen;width:28px;height:44px;animation:4.4s ease-in-out infinite fox-float;display:block;position:relative}.foxfire-halo{background:radial-gradient(ellipse, color-mix(in srgb, var(--fire) 70%, transparent) 0%, transparent 72%);filter:blur(7px);opacity:.95;width:46px;height:28px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.foxfire-wick{transform-origin:50% 100%;background:linear-gradient(to top, transparent 0%, var(--fire) 28%, var(--fire-hot) 70%, #ffffffe6 100%);filter:blur(.45px);border-radius:80% 80% 40% 40%/75% 75% 25% 25%;width:11px;height:32px;margin-left:-5.5px;animation:2.5s ease-in-out infinite fox-sway;position:absolute;bottom:2px;left:50%}.foxfire-tongue{transform-origin:50% 100%;background:linear-gradient(to top, var(--fire) 0%, var(--fire-hot) 55%, transparent 100%);filter:blur(.6px);opacity:.75;border-radius:80% 40% 50% 50%;width:6px;height:20px;margin-left:-1px;animation:2.1s ease-in-out infinite fox-sway-alt;position:absolute;bottom:10px;left:50%}.foxfire-core{background:radial-gradient(circle, #fffaf0 0%, var(--fire-hot) 34%, var(--fire) 62%, transparent 100%);width:13px;height:13px;box-shadow:0 0 10px 3px var(--fire), 0 0 22px 6px color-mix(in srgb, var(--fire) 50%, transparent);border-radius:50%;margin-left:-6.5px;animation:3.1s ease-in-out infinite fox-bob,1.55s ease-in-out infinite fox-flicker;position:absolute;bottom:7px;left:50%}.foxfire-spark{background:var(--fire-hot);width:3px;height:3px;box-shadow:0 0 6px 1px var(--fire);border-radius:50%;animation:2.4s ease-in-out infinite fox-spark;position:absolute;bottom:28px;left:58%}.marker.unseen:before{content:"";pointer-events:none;background:radial-gradient(#080a0cb8 0%,#0000 74%);width:28px;height:16px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.foxfire-unseen{--fire:#7ec9b4;--fire-hot:#d8f4ea;opacity:.9;filter:saturate(.72)brightness(.92);mix-blend-mode:plus-lighter}.foxfire-unseen .foxfire-halo{opacity:.7;filter:blur(5px);background:radial-gradient(ellipse, color-mix(in srgb, var(--fire) 85%, transparent) 0%, transparent 74%);width:54px;height:32px}.foxfire-unseen .foxfire-wick{background:linear-gradient(to top, transparent 0%, var(--fire) 32%, var(--fire-hot) 78%, #e7f7f0 100%)}.foxfire-unseen .foxfire-tongue{opacity:.58}.foxfire-unseen .foxfire-core{background:radial-gradient(circle, #f3fbf7 0%, var(--fire-hot) 36%, var(--fire) 64%, transparent 100%);box-shadow:0 0 8px 3px color-mix(in srgb, var(--fire) 75%, transparent), 0 0 18px 6px color-mix(in srgb, var(--fire) 40%, transparent);animation:3.1s ease-in-out infinite fox-bob,2.6s ease-in-out infinite fox-flicker-dim}.foxfire-unseen .foxfire-spark{opacity:.35;animation:3.2s ease-in-out infinite fox-spark}.marker.unseen:hover .foxfire-unseen,.marker.unseen:focus-visible .foxfire-unseen{opacity:1;filter:saturate(.88)brightness(1.04)}@keyframes fox-flicker-dim{0%,to{opacity:.82;filter:brightness(.92)}50%{opacity:.96;filter:brightness(1.06)}}.foxfire-xiang{--fire:#6ebbb4;--fire-hot:#d9fffa}.foxfire-li{--fire:#d2655c;--fire-hot:#ffd8d0}.foxfire-liangyi{--fire:#c67a58;--fire-hot:#ffe0c8}.foxfire-yao{--fire:#d4b05a;--fire-hot:#fff1c4}.foxfire-shen{--fire:#e6d28a;--fire-hot:#fff8dc}.foxfire-myth{--fire:#f0d98a;--fire-hot:#fff6d0}.foxfire-myth .foxfire-wick{width:13px;height:38px;margin-left:-6.5px}.foxfire-myth .foxfire-core{width:15px;height:15px;margin-left:-7.5px}.foxfire-stub{--fire:#8a7358;--fire-hot:#d4c4a0;opacity:.75;animation-name:fox-float-stub}@keyframes fox-float-stub{0%,to{transform:scale(.62)translateY(0)}50%{transform:scale(.62)translateY(-2px)}}@keyframes fox-sway{0%,to{transform:rotate(-11deg)translate(-1.5px)scaleY(1)}35%{transform:rotate(10deg)translate(2px)scaleY(1.14)}68%{transform:rotate(-6deg)translate(.6px)scaleY(.9)}}@keyframes fox-sway-alt{0%,to{transform:rotate(8deg)translate(1px)scaleY(.95)}50%{transform:rotate(-12deg)translate(-2px)scaleY(1.12)}}@keyframes fox-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fox-flicker{0%,to{opacity:.88;filter:brightness()}22%{opacity:1;filter:brightness(1.35)}48%{opacity:.68;filter:brightness(.82)}73%{opacity:.96;filter:brightness(1.15)}}@keyframes fox-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes fox-spark{0%,to{opacity:0;transform:translateY(0)scale(.6)}35%{opacity:1;transform:translateY(-6px)scale(1)}70%{opacity:0;transform:translateY(-14px)scale(.3)}}.map-float-tip{z-index:6;pointer-events:none;font-family:var(--font-display);letter-spacing:.12em;color:#f0e2b8;white-space:nowrap;background:#140f0bcc;border:1px solid #c4a35a5c;flex-direction:column;align-items:center;gap:.1rem;padding:.32em .78em .4em;font-size:17px;line-height:1.2;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 8px 20px #0806046b}.map-float-tip small{font-family:var(--font-body);letter-spacing:.14em;color:#e8d2a8b8;font-size:11px}.marker.just-sealed{animation:1.15s ease-out marker-seal-flash}@keyframes marker-seal-flash{0%{filter:brightness(1.85)saturate(1.35)}45%{filter:brightness(1.15)}to{filter:none}}@media (prefers-reduced-motion:reduce){.foxfire-wick,.foxfire-core,.foxfire-tongue,.foxfire-spark,.foxfire,.foxfire-unseen .foxfire-core,.portrait-live,.portrait-haze,.panel-unroll,.overlay-unroll,.stamp-face,.stamp-ink,.seal-btn.is-wrong,.seal-btn.is-right,.marker.just-sealed{animation:none}}.marker-seal{width:34px;height:34px;color:inherit;font-family:var(--font-display);background:#140f0c8c;border:1px solid;place-items:center;font-size:.95rem;display:grid}.hint-bar{z-index:4;letter-spacing:.08em;color:#e8d2a8c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#100c086b;border:0;max-width:min(28rem,100% - 8rem);padding:.4rem .7rem;font-size:.78rem;position:absolute;bottom:1rem;left:1rem}.zoom-dock{z-index:5;flex-direction:column;align-items:stretch;gap:.35rem;display:flex;position:absolute;bottom:1rem;right:1rem}.zoom-dock button{color:var(--paper);background:#140f0ce0;border:1px solid #c4a35a73;min-width:2.6rem;padding:.4rem .55rem;font-size:1.15rem}.zoom-dock button:disabled{opacity:.35;cursor:default}.zoom-dock button:hover:not(:disabled){border-color:var(--gold)}.zoom-dock .zoom-fit{letter-spacing:.12em;font-size:.78rem}.zoom-pct{text-align:center;color:var(--gold);font-size:.75rem}.guide-box{border-left:2px solid var(--gold);color:var(--paper-dim);background:#c4a35a14;margin:.8rem 0 .4rem;padding:.75rem .9rem;font-size:.92rem;line-height:1.85}.quiz-panel{width:min(640px,100%);position:relative}.help-panel{width:min(640px,100%)}.help-panel .btn-cinnabar{margin-top:1.15rem}.help-steps{color:var(--paper-dim);margin:1rem 0 0;padding-left:1.2rem;line-height:1.85}.help-steps li{margin-bottom:.75rem}.help-steps strong{color:var(--paper)}.help-seals-title{letter-spacing:.16em;color:var(--gold);margin:1.1rem 0 .4rem;font-size:.8rem}.help-seals{margin:0 0 .8rem;padding:0;list-style:none}.help-seals li{grid-template-columns:2.4rem 1fr;align-items:baseline;gap:.6rem;margin:.35rem 0;font-size:.9rem;line-height:1.6;display:grid}.help-seals strong{font-family:var(--font-display);font-size:1.25rem;font-weight:400}.overlay{z-index:50;background:#0c09079e;place-items:center;padding:4vh 4vw;animation:.25s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel{width:min(920px,100%);max-height:90dvh;box-shadow:var(--shadow);background:linear-gradient(#2a2218f5,#1c1610fa);border:1px solid #c4a35a59;padding:1.6rem 1.8rem 1.8rem;position:relative;overflow:auto}.panel:before{content:"";pointer-events:none;border:1px solid #9a322c40;position:absolute;inset:8px}.panel-close{color:var(--dust);letter-spacing:.2em;z-index:1;background:0 0;border:0;font-size:.8rem;position:absolute;top:.8rem;right:.9rem}.seal-row{flex-wrap:wrap;gap:.6rem;margin:1.1rem 0 .4rem;display:flex}.seal-btn{min-width:4.6rem;color:inherit;background:#140f0c80;border:1px solid;justify-items:center;gap:.15rem;padding:.55rem .4rem .45rem;display:grid}.seal-btn strong{font-family:var(--font-display);font-size:1.4rem;font-weight:400}.seal-btn span{letter-spacing:.12em;opacity:.8;font-size:.68rem}.seal-btn:hover{background:#c4a35a1f}.seal-btn.is-wrong{animation:.42s seal-shake}.seal-btn.is-right{animation:.55s seal-press}@keyframes seal-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)rotate(-2deg)}40%{transform:translate(5px)rotate(2deg)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes seal-press{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1.04)}}.stamp-burst{pointer-events:none;z-index:3;place-items:center;display:grid;position:absolute;inset:0}.stamp-ink{background:radial-gradient(circle,#9a322c47 0%,#0000 68%);border-radius:50%;width:14rem;height:14rem;animation:.9s ease-out forwards stamp-ink;position:absolute}.stamp-face{font-family:var(--font-display);background:#1c161047;border:4px solid;padding:.18em .22em .08em;font-size:5.4rem;line-height:1;animation:.7s cubic-bezier(.18,.9,.28,1.15) forwards stamp-slam}@keyframes stamp-slam{0%{opacity:0;transform:scale(1.7)rotate(-12deg)}55%{opacity:1;transform:scale(.92)rotate(-8deg)}to{opacity:.92;transform:scale(1)rotate(-9deg)}}@keyframes stamp-ink{0%{opacity:0;transform:scale(.3)}40%{opacity:1}to{opacity:.35;transform:scale(1.25)}}.overlay-unroll{animation:.32s fade-in}.panel-unroll{transform-origin:50% 0;animation:.55s unroll}@keyframes unroll{0%{opacity:0;transform:translateY(16px)scaleY(.94)}to{opacity:1;transform:none}}.note{min-height:1.5rem;color:var(--gold);margin:.8rem 0 0;font-size:.88rem;line-height:1.7}.shape-line{color:var(--paper);margin:.4rem 0 0;font-size:1.05rem;line-height:1.8}.kicker{letter-spacing:.28em;color:var(--gold);margin:0;font-size:.75rem}.card-layout{grid-template-columns:minmax(220px,.9fr) 1.2fr;gap:1.4rem;display:grid}@media (width<=760px){.card-layout{grid-template-columns:1fr}}.portrait-frame{aspect-ratio:3/4;background:#1a1510;border:1px solid #c4a35a4d;position:relative;overflow:hidden}.portrait{aspect-ratio:3/4;object-fit:cover;background:#1a1510;border:1px solid #c4a35a4d;width:100%;height:100%;display:block}.portrait-frame .portrait{aspect-ratio:auto;border:0}.portrait-live{transform-origin:50% 40%;animation:16s ease-in-out infinite alternate live-ken}.portrait-haze{pointer-events:none;mix-blend-mode:soft-light;animation:7s ease-in-out infinite alternate haze-breathe;position:absolute;inset:0}.omen-li .portrait-haze{background:radial-gradient(at 30% 80%,#9a322c6b,#0000 58%),linear-gradient(#0000 40%,#6e1f1c38)}.omen-xiang .portrait-haze{background:radial-gradient(at 70% 20%,#3d6b6661,#0000 55%),linear-gradient(#a8d0c814,#0000 50%)}.omen-shen .portrait-haze{background:radial-gradient(at 50% 15%,#c4a35a5c,#0000 50%),radial-gradient(circle at 20% 70%,#e4d2a81f,#0000 40%)}.omen-yao .portrait-haze{background:radial-gradient(at 40% 75%,#8a6a3a66,#0000 60%),linear-gradient(#0000 45%,#5a46242e)}.omen-liangyi .portrait-haze{background:linear-gradient(115deg,#3d6b6638 0%,#0000 46%,#9a322c3d 100%)}@keyframes live-ken{0%{transform:scale(1)translateY(0)}to{transform:scale(1.055)translateY(-1.4%)}}@keyframes haze-breathe{0%{opacity:.55}to{opacity:.95}}.portrait-fallback{aspect-ratio:3/4;font-family:var(--font-display);color:var(--cinnabar);background:radial-gradient(circle at 50% 40%,#9a322c26,#1a1510);border:1px solid #c4a35a4d;place-items:center;font-size:3.5rem;display:grid}.beast-name{font-family:var(--font-display);margin:.2rem 0 0;padding-top:.45em;font-size:2.6rem;font-weight:400}ruby{ruby-position:over}rt{font-family:var(--font-body);letter-spacing:.02em;color:var(--gold);font-size:.36em;font-style:normal;font-weight:400}.tile strong{margin-top:.15rem;padding-top:.7em;font-size:1.15rem;display:inline-block}.tile rt{color:var(--gold);font-size:.55em}.meta{color:var(--dust);letter-spacing:.08em;font-size:.82rem}.original{margin:1rem 0 0;font-size:.98rem;line-height:2}.vernacular{border-left:2px solid var(--azurite);color:var(--paper-dim);margin:.8rem 0 0;padding-left:.9rem;font-size:.92rem;line-height:1.9}.natural-note,.aside-note{color:var(--dust);letter-spacing:.04em;margin:.7rem 0 0;font-size:.8rem;line-height:1.75}.omen-quote{color:var(--gold);margin:.8rem 0 0;font-size:.9rem}.codex{min-height:100dvh;padding:1.2rem 1.4rem 3rem}.codex-head{align-items:baseline;gap:.8rem;margin-bottom:1.2rem;display:flex}.tabs{gap:.4rem;margin:0 0 1.2rem;display:flex}.tabs button{color:var(--dust);letter-spacing:.16em;background:0 0;border:0;border-bottom:1px solid #0000;padding:.3rem .5rem}.tabs button.on{color:var(--paper);border-bottom-color:var(--cinnabar)}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem;display:grid}.tile{text-align:left;color:var(--paper);background:#2a2218b3;border:1px solid #c4a35a38;padding:.8rem}.tile img{object-fit:cover;filter:grayscale(.15);width:100%;height:140px;margin-bottom:.5rem}.tile.locked{opacity:.45}.know-card{border-left:3px solid var(--cinnabar);background:#2a2218bf;margin-bottom:.8rem;padding:1rem 1.1rem}.know-card h3{margin:0 0 .4rem;font-size:1.05rem}.know-card p{color:var(--paper-dim);margin:0;font-size:.92rem;line-height:1.85}.know-card .src{color:var(--dust);margin-top:.5rem;font-size:.75rem}.myth-screen{background:radial-gradient(at 50% 0,#9a322c1f,#0000 50%),#1c1610;place-items:center;min-height:100dvh;padding:4vh 5vw;display:grid}.myth-panel{width:min(680px,100%)}.choices{gap:.55rem;margin-top:1.2rem;display:grid}.choices button,.order-pool button{text-align:left;color:var(--paper);background:#140f0c80;border:1px solid #c4a35a4d;padding:.7rem .85rem;line-height:1.6}.choices button:hover,.order-pool button:hover{border-color:var(--gold)}.order-picked{flex-wrap:wrap;gap:.4rem;min-height:2.2rem;margin-top:.8rem;display:flex}.order-picked span{border:1px solid var(--cinnabar);padding:.25rem .5rem;font-size:.85rem}.order-pool{gap:.45rem;margin-top:.8rem;display:grid}