@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";.splash-root{box-sizing:border-box;background:radial-gradient(#f5f0e1 30%,#e8c9a0 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px 16px 80px;display:flex}.splash-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:600px;animation:.6s both splash-enter;display:flex}@keyframes splash-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.splash-title{font-family:var(--font-display,Georgia, serif);color:var(--dark-oak,#2c1810);letter-spacing:.04em;margin:0 0 10px;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;line-height:1.1}.splash-subtitle{font-family:var(--font-display,Georgia, serif);color:var(--walnut,#5c3a1e);opacity:.85;margin:0 0 40px;font-size:clamp(1rem,3vw,1.25rem);font-style:italic}.splash-illustration{-webkit-user-select:none;user-select:none;margin-bottom:40px;font-size:7.5rem;line-height:1;animation:3s ease-in-out infinite splash-float}@keyframes splash-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.splash-enter-btn{font-family:var(--font-display,Georgia, serif);letter-spacing:.06em;color:var(--cream,#fff8e7);background:var(--brass,#8b6914);cursor:pointer;border:2px solid #8b6914b3;border-radius:6px;padding:16px 40px;font-size:1.1rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #2c181059,inset 0 1px #ffffff1f}.splash-enter-btn:hover{background:var(--aged-gold,#c49a3c);transform:translateY(-1px);box-shadow:0 6px 20px #2c181066,inset 0 1px #ffffff2e}.splash-enter-btn:active{transform:translateY(0);box-shadow:0 2px 8px #2c18104d}.splash-footer{text-align:center;font-family:var(--font-display,Georgia, serif);color:var(--brass,#8b6914);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.75rem;font-style:italic;position:fixed;bottom:16px;left:0;right:0}@media (width<=480px){.splash-illustration{margin-bottom:32px;font-size:5rem}.splash-enter-btn{width:100%;max-width:280px;padding:14px 32px;font-size:1rem}}.intro-page{background:radial-gradient(#3a1f0e 0%,#1a0d06 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px 16px;display:flex;overflow:auto}.intro-envelope{opacity:0;transform-origin:top;flex-direction:column;align-items:center;gap:0;width:100%;max-width:560px;transition:opacity .75s ease-out,transform .75s ease-out;display:flex;transform:translateY(-24px)scaleY(.88)}.intro-envelope--open{opacity:1;transform:translateY(0)scaleY(1)}.intro-wax-seal{z-index:2;background:radial-gradient(circle at 35% 35%,#c0392b,#7b241c);border:3px solid #e8703a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:-28px;font-size:28px;display:flex;position:relative;box-shadow:0 4px 16px #0009,inset 0 -2px 4px #0000004d}.intro-letter{background:var(--cream);border:2px solid var(--parchment);border-radius:4px;width:100%;padding:52px 36px 28px;position:relative;box-shadow:0 8px 32px #00000080,inset 0 0 40px #c49a3c14}.intro-letter:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 27px,#b48c5012 27px 28px);border-radius:4px;position:absolute;inset:0}.intro-letterhead{text-align:center;border-bottom:1px solid var(--parchment);margin-bottom:20px;padding-bottom:16px}.intro-firm{font-family:var(--font-display);color:var(--walnut);letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;font-weight:600;display:block}.intro-firm-sub{font-family:var(--font-body);color:var(--brass);margin-top:2px;font-size:.78rem;font-style:italic;display:block}.intro-salutation{font-family:var(--font-body);color:var(--dark-oak);margin-bottom:14px;font-size:1rem;font-style:italic}.intro-body{font-family:var(--font-body);color:var(--dark-oak);margin-bottom:12px;font-size:.98rem;line-height:1.7}.intro-body em{color:var(--walnut);font-style:italic}.intro-quote{font-family:var(--font-body);color:var(--walnut);border-left:3px solid var(--aged-gold);background:#c49a3c0f;border-radius:0 4px 4px 0;margin:16px 0;padding:8px 16px;font-size:1.05rem;font-style:italic;line-height:1.6}.intro-closing{font-family:var(--font-body);color:var(--dark-oak);margin-top:20px;font-size:.95rem;line-height:1.8}.intro-signature{font-family:var(--font-display);color:var(--walnut);margin-top:2px;font-size:1.15rem;display:block}.intro-role{color:var(--brass);font-size:.82rem}.intro-divider{text-align:center;color:var(--aged-gold);letter-spacing:.2em;opacity:.6;margin-top:20px;font-size:.75rem}.intro-continue-btn{background:linear-gradient(145deg, var(--brass), var(--aged-gold));color:var(--dark-oak);font-family:var(--font-display);letter-spacing:.06em;border:2px solid var(--aged-gold);cursor:pointer;border-radius:4px;margin-top:20px;padding:14px 32px;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #0006}.intro-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000080}.intro-continue-btn:active{transform:translateY(0)}.picker-page{background:var(--dark-oak);flex-direction:column;align-items:center;width:100vw;min-height:100vh;padding:40px 20px 60px;display:flex;overflow:auto}.picker-header{align-items:center;gap:16px;margin-bottom:6px;display:flex}.picker-ornament{color:var(--aged-gold);opacity:.7;font-size:1.1rem}.picker-heading{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;text-shadow:0 2px 10px #00000080;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700}.picker-sub{font-family:var(--font-body);color:var(--parchment);opacity:.7;margin-bottom:36px;font-size:.95rem;font-style:italic}.picker-list{flex-direction:column;gap:14px;width:100%;max-width:500px;margin-bottom:32px;display:flex}.profile-card{background:var(--cream);border:2px solid var(--parchment);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 4px 16px #0000004d}.profile-card:hover{border-color:var(--aged-gold);transform:translateY(-3px);box-shadow:0 8px 24px #0006}.profile-card:active{transform:translateY(-1px)}.profile-card-portrait{border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex;box-shadow:0 2px 8px #0000004d}.profile-card-info{flex-direction:column;flex:1;gap:3px;display:flex}.profile-card-name{font-family:var(--font-display);color:var(--dark-oak);font-size:1.1rem;font-weight:600}.profile-card-title{font-family:var(--font-body);color:var(--walnut);font-size:.82rem;font-style:italic}.profile-card-badge{background:var(--walnut);color:var(--aged-gold);border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;padding:6px 12px;display:flex}.profile-badge-num{font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1}.profile-badge-lbl{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-top:2px;font-size:.65rem}.profile-delete-btn{color:#0000;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-left:6px;font-size:.75rem;font-weight:700;line-height:1;transition:background .15s,color .15s,border-color .15s,transform .15s;display:flex}.profile-card:hover .profile-delete-btn{color:#a83232;background:#a8323214;border-color:#a83232}.profile-delete-btn:hover{transform:scale(1.15);color:#fff!important;background:#a83232!important}.picker-add-btn{color:var(--aged-gold);font-family:var(--font-display);letter-spacing:.06em;border:2px solid var(--aged-gold);cursor:pointer;background:0 0;border-radius:6px;padding:13px 32px;font-size:.9rem;font-weight:600;transition:background .15s,color .15s,transform .15s}.picker-add-btn:hover{background:var(--aged-gold);color:var(--dark-oak);transform:translateY(-2px)}.picker-add-btn:active{transform:translateY(0)}.picker-intro-btn{color:var(--parchment);font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;opacity:.75;background:0 0;border:1px solid #e8c9a059;border-radius:6px;margin-top:14px;padding:10px 24px;font-size:.85rem;font-style:italic;transition:opacity .15s,border-color .15s,transform .15s}.picker-intro-btn:hover{opacity:1;border-color:var(--parchment);transform:translateY(-1px)}.picker-overlay{z-index:200;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.picker-modal{background:var(--cream);border:3px solid var(--walnut);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px;padding:32px 28px 28px;display:flex;box-shadow:0 12px 48px #0009}.picker-modal-seal{color:#a83232;font-size:2rem;line-height:1}.picker-modal-title{font-family:var(--font-display);color:var(--dark-oak);letter-spacing:.04em;font-size:1.4rem;font-weight:700}.picker-modal-body{font-family:var(--font-body);color:var(--walnut);font-size:.95rem;line-height:1.55}.picker-modal-warning{font-family:var(--font-body);color:#a83232;background:#a8323214;border:1px solid #a832324d;border-radius:5px;width:100%;padding:7px 14px;font-size:.85rem;font-style:italic}.picker-modal-buttons{gap:12px;width:100%;margin-top:8px;display:flex}.picker-modal-cancel,.picker-modal-confirm{font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;border-radius:6px;flex:1;padding:11px 16px;font-size:.85rem;font-weight:600;transition:transform .12s,background .15s}.picker-modal-cancel{background:var(--walnut);color:var(--aged-gold);border:2px solid var(--walnut)}.picker-modal-cancel:hover{background:var(--dark-oak);transform:translateY(-1px)}.picker-modal-confirm{color:#a83232;background:0 0;border:2px solid #a83232}.picker-modal-confirm:hover{color:#fff;background:#a83232;transform:translateY(-1px)}.create-page{background:var(--dark-oak);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:32px 16px 48px;display:flex;overflow:auto}.create-panel{background:var(--cream);border:2px solid var(--parchment);border-radius:8px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 8px 32px #00000080}.create-header{background:var(--walnut);text-align:center;border-bottom:3px solid var(--aged-gold);padding:24px 28px 20px}.create-icon{margin-bottom:8px;font-size:2rem;display:block}.create-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.05em;font-size:1.5rem;font-weight:700}.create-subtitle{font-family:var(--font-body);color:var(--parchment);opacity:.85;margin-top:4px;font-size:.9rem;font-style:italic}.create-form{flex-direction:column;gap:22px;padding:28px;display:flex}.create-field{flex-direction:column;gap:8px;display:flex}.create-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--walnut);font-size:.78rem;font-weight:600}.create-input{background:var(--linen);border:1.5px solid var(--parchment);width:100%;font-family:var(--font-body);color:var(--dark-oak);border-radius:4px;outline:none;padding:10px 14px;font-size:1rem;transition:border-color .15s}.create-input:focus{border-color:var(--brass)}.create-input::placeholder{color:var(--leather);font-style:italic}.title-pill-row{gap:12px;display:flex}.title-pill{background:var(--linen);color:var(--walnut);font-family:var(--font-display);letter-spacing:.04em;border:2px solid var(--parchment);cursor:pointer;border-radius:50px;flex:1;padding:10px 0;font-size:.88rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.title-pill.selected{background:var(--walnut);color:var(--aged-gold);border-color:var(--aged-gold)}.title-pill:hover:not(.selected){border-color:var(--brass)}.portrait-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.portrait-btn{aspect-ratio:1;background:var(--portrait-bg,var(--walnut));cursor:pointer;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 6px #0003}.portrait-btn:hover{border-color:var(--brass);transform:scale(1.08)}.portrait-btn.selected{border-color:var(--aged-gold);box-shadow:0 0 0 2px var(--aged-gold), 0 4px 12px #0000004d;transform:scale(1.06)}.create-error{font-family:var(--font-body);color:var(--ink-ember);background:#8b250014;border:1px solid #8b250033;border-radius:4px;padding:8px 12px;font-size:.9rem}.create-submit-btn{background:linear-gradient(145deg, var(--walnut), var(--dark-oak));width:100%;color:var(--aged-gold);font-family:var(--font-display);letter-spacing:.06em;border:2px solid var(--aged-gold);cursor:pointer;border-radius:6px;padding:14px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 4px 16px #0000004d}.create-submit-btn:hover{background:linear-gradient(145deg,#7a4c29,#3d2211);transform:translateY(-2px);box-shadow:0 6px 20px #0006}.create-submit-btn:active{transform:translateY(0)}@keyframes sl-fade-in{0%{opacity:0}to{opacity:1}}.sl-overlay{z-index:300;background:#140a04d6;justify-content:center;align-items:center;padding:20px 16px;animation:.3s sl-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.sl-overlay--narrative{background:#040200f0}@keyframes sl-rise{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sl-rise-dramatic{0%{opacity:0;transform:translateY(28px)scale(.95)}60%{opacity:1}to{transform:translateY(0)scale(1)}}.sl-panel{background:var(--cream);border:2px solid var(--walnut);outline:3px solid var(--leather);outline-offset:-1px;border-radius:6px;width:100%;max-width:420px;max-height:calc(100vh - 40px);padding:32px 28px 28px;animation:.38s cubic-bezier(.25,.46,.45,.94) both sl-rise;position:relative;overflow-y:auto;box-shadow:0 12px 48px #0009,inset 0 0 60px #c49a3c0f}.sl-panel:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 27px,#b48c5011 27px 28px);border-radius:4px;position:absolute;inset:0}.sl-panel--journal{background:var(--linen)}.sl-panel--journal:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 30px,#8b691417 30px 31px);border-radius:4px;position:absolute;inset:0}.sl-panel--narrative{border-color:#3d2010;outline-color:#8b5a2b;animation:.55s cubic-bezier(.25,.46,.45,.94) both sl-rise-dramatic;box-shadow:0 16px 64px #000c,0 0 0 1px #8b5a2b4d,inset 0 0 80px #501e0012}.sl-icon{text-align:center;z-index:1;filter:drop-shadow(0 2px 5px #0000002e);margin-bottom:12px;font-size:2.8rem;display:block;position:relative}.sl-panel--narrative .sl-icon{filter:drop-shadow(0 0 14px #c8780073)}.sl-header{text-align:center;z-index:1;margin-bottom:2px;position:relative}.sl-title{font-family:Georgia, var(--font-display);color:var(--dark-oak);letter-spacing:.03em;margin:0 0 5px;font-size:1.12rem;font-weight:700;line-height:1.3}.sl-panel--journal .sl-title{font-size:1.05rem;font-style:italic}.sl-panel--narrative .sl-title{letter-spacing:.05em;font-size:1.22rem}.sl-subtitle{font-family:Georgia, var(--font-body);color:var(--brass);margin:0;font-size:.82rem;font-style:italic;line-height:1.4}.sl-rule{z-index:1;align-items:center;gap:8px;margin:14px 0 16px;display:flex;position:relative}.sl-rule-gem{color:var(--aged-gold);opacity:.65;flex-shrink:0;font-size:.68rem;line-height:1}.sl-rule-line{background:linear-gradient(90deg, transparent, var(--aged-gold), transparent);opacity:.4;flex:1;height:1px}.sl-body{z-index:1;position:relative}.sl-paragraph{font-family:Georgia, var(--font-body);color:var(--walnut);margin:0 0 13px;font-size:.97rem;line-height:1.75}.sl-paragraph:last-child{margin-bottom:0}.sl-panel--journal .sl-paragraph{color:#4a2c14;font-size:.95rem;font-style:italic;line-height:1.8}.sl-panel--narrative .sl-paragraph{color:var(--dark-oak);font-size:1rem;line-height:1.8}.sl-actions{z-index:1;flex-direction:column;gap:9px;margin-top:24px;display:flex;position:relative}.sl-actions--two{flex-direction:row}.sl-actions--two .sl-btn{flex:1}.sl-btn{font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;border-radius:4px;width:100%;padding:12px 18px;font-size:.88rem;font-weight:600;transition:filter .15s,transform .15s,box-shadow .15s}.sl-btn:active{transform:translateY(1px)}.sl-btn--primary{background:linear-gradient(145deg, var(--brass), var(--aged-gold));color:var(--dark-oak);border:1px solid var(--aged-gold);box-shadow:0 3px 10px #00000047}.sl-btn--primary:hover{filter:brightness(1.08);box-shadow:0 5px 16px #00000052}.sl-overlay--narrative .sl-btn--primary{background:linear-gradient(145deg, #7a3010, var(--brass));color:var(--cream);border-color:var(--brass)}.sl-btn--secondary{color:var(--walnut);background:#2c18100f;border:1px solid #5c3a1e4d;font-size:.82rem}.sl-btn--secondary:hover{background:#2c18101c;border-color:#5c3a1e80}.sl-panel::-webkit-scrollbar{width:4px}.sl-panel::-webkit-scrollbar-track{background:0 0}.sl-panel::-webkit-scrollbar-thumb{background:#5c3a1e38;border-radius:2px}.manor-map{width:100vw;height:calc(100vh - var(--bottom-bar-height));background:var(--dark-oak);flex-direction:column;align-items:center;display:flex;overflow:hidden}.manor-title{z-index:10;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:10px 24px;display:flex;position:relative}.manor-title-center{align-items:center;gap:12px;display:flex}.manor-title h1{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.08em;text-shadow:0 2px 8px #00000080;text-align:center;font-size:clamp(1.2rem,4vw,2rem);font-weight:700}.manor-title-ornament{color:var(--brass);opacity:.7;font-size:clamp(.8rem,2vw,1.2rem)}.manor-profile-badge{align-items:center;gap:8px;display:flex;position:absolute;right:20px}.manor-profile-avatar{border:2px solid #c49a3c66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.manor-profile-info{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.manor-profile-name{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.04em;white-space:nowrap;font-size:.72rem;font-weight:600}.manor-switch-btn{color:var(--leather);font-family:var(--font-ui);cursor:pointer;opacity:.7;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.62rem;text-decoration:underline;transition:opacity .15s}.manor-switch-btn:hover{opacity:1;color:var(--parchment)}.manor-map-container{flex:1;justify-content:center;align-items:center;width:100%;max-width:900px;display:flex;position:relative}.manor-map-image{object-fit:contain;pointer-events:none;filter:brightness(1.05)saturate(1.1);width:100%;height:100%;display:block}.room-hotspot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute}.room-hotspot-label{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:4px;transition:opacity .3s;display:flex}.room-icon{filter:drop-shadow(0 2px 4px #00000080);font-size:clamp(1.2rem,3vw,2rem)}.room-name{font-family:var(--font-display);color:var(--cream);text-shadow:0 1px 6px #000000e6,0 0 20px #000000b3;text-align:center;white-space:nowrap;font-size:clamp(.55rem,1.5vw,.85rem);font-weight:600}.room-hotspot.hovered{border-color:var(--aged-gold);background:#c49a3c1f;box-shadow:inset 0 0 30px #c49a3c14,0 0 15px #c49a3c33}.room-hotspot.hovered .room-hotspot-label{opacity:1}.room-hotspot.clicked{border-color:var(--aged-gold);background:#c49a3c4d;animation:.4s ease-out room-pulse;box-shadow:inset 0 0 40px #c49a3c26,0 0 30px #c49a3c66}@keyframes room-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.room-info-bar{bottom:var(--bottom-bar-height);border-top:1px solid var(--brass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:linear-gradient(#2c1810d9,#2c1810f7);align-items:center;gap:12px;padding:12px 20px;transition:transform .25s;display:flex;position:fixed;left:0;right:0;transform:translateY(100%)}.room-info-bar.visible{transform:translateY(0)}.room-info-icon{flex-shrink:0;font-size:1.5rem}.room-info-text{flex-direction:column;flex:1;gap:2px;display:flex}.room-info-text strong{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.04em;font-size:.9rem}.room-info-text span{font-family:var(--font-body);color:var(--parchment);opacity:.85;font-size:.8rem}.room-info-tap{font-family:var(--font-body);color:var(--aged-gold);opacity:.7;flex-shrink:0;font-size:.75rem}@media (hover:none){.room-hotspot-label{opacity:1}.room-name{background:#2c1810b3;border-radius:4px;padding:2px 8px}}.tut-tap-catcher{z-index:200;cursor:pointer;background:0 0;position:fixed;inset:0}.tut-tap-catcher--dim{background:#000000c7}.tut-spotlight{z-index:201;pointer-events:none;border-radius:8px;animation:.3s both tut-spot-in,2.4s ease-in-out .3s infinite tut-spot-pulse;position:fixed}@keyframes tut-spot-in{0%{opacity:.4;box-shadow:0 0 0 9999px #0000,0 0 #0000}to{box-shadow:0 0 0 9999px #000000c7, 0 0 0 2px var(--aged-gold), 0 0 20px #c49a3c8c;opacity:1}}@keyframes tut-spot-pulse{0%,to{box-shadow:0 0 0 9999px #000000c7, 0 0 0 2px var(--aged-gold), 0 0 18px #c49a3c80}50%{box-shadow:0 0 0 9999px #000000c7, 0 0 0 3px var(--aged-gold), 0 0 36px #c49a3ccc}}.tut-tooltip{z-index:202;pointer-events:none;background:#fff8e7;border:1.5px solid #8b6914;border-radius:8px;width:300px;padding:16px 18px 12px;animation:.25s cubic-bezier(.25,.46,.45,.94) both tut-tip-in;box-shadow:0 8px 32px #0000008c,inset 0 1px #ffffffb3}@keyframes tut-tip-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.tut-text{color:#2c1810;margin:0 0 12px;font-family:Georgia,serif;font-size:.9rem;line-height:1.65}.tut-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.tut-counter{font-family:var(--font-ui);color:#8b6914;opacity:.75;flex-shrink:0;font-size:.68rem}.tut-tap{font-family:var(--font-ui);color:#8b6914;text-align:right;font-size:.7rem;font-style:italic}.tut-skip{z-index:202;color:#ffffff8c;font-family:var(--font-ui);letter-spacing:.03em;cursor:pointer;background:0 0;border:1px solid #c49a3c59;border-radius:4px;padding:5px 12px;font-size:.7rem;transition:color .15s,border-color .15s,background .15s;position:fixed;top:58px;right:14px}.tut-skip:hover{color:var(--aged-gold);border-color:var(--aged-gold);background:#c49a3c14}@keyframes trapdoor-pulse{0%,to{border-color:#8b5a2bbf;box-shadow:0 0 14px #8b5a2b73,inset 0 0 20px #8b5a2b1a}50%{border-color:var(--aged-gold);box-shadow:0 0 28px #c49a3ca6,inset 0 0 28px #c49a3c26}}.room-hotspot--trapdoor{border:2px solid #8b5a2bbf;animation:2.2s ease-in-out infinite trapdoor-pulse}.room-hotspot-new{font-family:var(--font-ui);letter-spacing:.08em;color:var(--dark-oak);background:var(--aged-gold);pointer-events:none;border-radius:3px;padding:1px 5px;font-size:.55rem;font-weight:700;animation:2.2s ease-in-out infinite trapdoor-pulse;position:absolute;top:4px;right:6px}.room-hotspot--edit{cursor:grab!important;pointer-events:all!important;box-shadow:none!important;background:#c49a3c14!important;border:2px dashed #c49a3ccc!important;animation:none!important}.room-hotspot--edit:active{cursor:grabbing!important}.room-hotspot--edit .room-hotspot-label{opacity:1}.edit-size-controls{flex-direction:column;gap:2px;margin-top:4px;display:flex}.edit-size-row{align-items:center;gap:3px;display:flex}.edit-size-label{color:var(--aged-gold);width:10px;font-family:monospace;font-size:.6rem}.edit-size-controls button{border:1px solid var(--aged-gold);width:18px;height:18px;color:var(--aged-gold);cursor:pointer;background:#2c1810d9;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:.75rem;line-height:1;display:flex}.edit-size-controls button:hover{background:#c49a3c40}.manor-edit-fab{bottom:calc(var(--bottom-bar-height) + 12px);z-index:300;color:#c49a3c;font-family:var(--font-ui);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140a05e0;border:1.5px solid #8b6914;border-radius:8px;padding:6px 14px;font-size:.78rem;transition:background .15s,border-color .15s;position:fixed;right:12px}.manor-edit-fab:hover{background:#2c1408f2;border-color:#c49a3c}.manor-edit-panel{bottom:calc(var(--bottom-bar-height) + 12px);z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#c49a3c;background:#140a05ed;border:1.5px solid #8b6914;border-radius:10px;flex-direction:column;gap:6px;width:300px;padding:10px 14px 12px;font-family:monospace;font-size:.72rem;display:flex;position:fixed;right:12px}.manor-edit-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.manor-edit-title{font-family:var(--font-display);color:#c49a3c;letter-spacing:.06em;font-size:.8rem;font-weight:700}.manor-edit-toggle{color:#8b6914;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.85rem;line-height:1}.manor-edit-toggle:hover{color:#c49a3c}.manor-edit-rooms{flex-direction:column;gap:5px;max-height:180px;display:flex;overflow-y:auto}.manor-edit-row{border-bottom:1px solid #8b691433;flex-direction:column;gap:1px;padding-bottom:5px;display:flex}.manor-edit-room-name{color:#e8c9a0;font-weight:700}.manor-edit-vals{color:#8b6914;word-break:break-all}.manor-edit-copy{color:#c49a3c;cursor:pointer;background:#3d2010;border:1px solid #8b6914;border-radius:5px;flex-shrink:0;align-self:flex-end;padding:4px 10px;font-size:.7rem;transition:background .15s}.manor-edit-copy:hover{background:#5c3a1e}@media (width<=479px){.room-hotspot--menagerie{width:94%;height:18.5%;top:8.7%;left:2.8%}.room-hotspot--lab{width:35%;height:12%;top:35.1%;left:2.8%}.room-hotspot--study{width:35%;height:12%;top:35.1%;left:62.1%}.room-hotspot--parlor{width:35%;height:13.5%;top:54.9%;left:1.8%}.room-hotspot--arena{width:35%;height:13.5%;top:54.5%;left:62.2%}.room-hotspot--basement{width:6.5%;height:16%;top:43.5%;left:43.4%}}@media (width>=480px) and (width<=767px){.room-hotspot--menagerie{width:94%;height:18.5%;top:19.8%;left:2%}.room-hotspot--lab{width:35%;height:12%;top:38.5%;left:1.3%}.room-hotspot--study{width:35%;height:12%;top:38%;left:61.5%}.room-hotspot--parlor{width:35%;height:13.5%;top:50.1%;left:2%}.room-hotspot--arena{width:35%;height:13.5%;top:49.7%;left:62.2%}.room-hotspot--basement{width:6.5%;height:16%;top:43.9%;left:43%}}@media (width>=768px) and (width<=1023px){.room-hotspot--menagerie{width:94%;height:18.5%;top:19.8%;left:2%}.room-hotspot--lab{width:35%;height:12%;top:38.5%;left:1.3%}.room-hotspot--study{width:35%;height:12%;top:38%;left:61.5%}.room-hotspot--parlor{width:35%;height:13.5%;top:50.1%;left:2%}.room-hotspot--arena{width:35%;height:13.5%;top:49.7%;left:62.2%}.room-hotspot--basement{width:6.5%;height:16%;top:44.3%;left:44.4%}}@media (width>=1024px) and (width<=1279px){.room-hotspot--menagerie{width:94%;height:18.5%;top:19.8%;left:2%}.room-hotspot--lab{width:35%;height:12%;top:38.5%;left:1.3%}.room-hotspot--study{width:35%;height:12%;top:38%;left:61.5%}.room-hotspot--parlor{width:35%;height:13.5%;top:50.1%;left:2%}.room-hotspot--arena{width:35%;height:13.5%;top:49.7%;left:62.2%}.room-hotspot--basement{width:13%;height:16%;top:44.7%;left:44%}}@media (width>=1280px){.room-hotspot--menagerie{width:94%;height:18.5%;top:6.8%;left:1.8%}.room-hotspot--lab{width:35%;height:12%;top:34.8%;left:1.9%}.room-hotspot--study{width:35%;height:12%;top:35.6%;left:61.7%}.room-hotspot--parlor{width:35%;height:13.5%;top:55.7%;left:1.6%}.room-hotspot--arena{width:35%;height:13.5%;top:55.6%;left:62.9%}.room-hotspot--basement{width:13%;height:16%;top:45.3%;left:43.6%}}@media (width<=480px){.manor-title{padding:8px 16px}.room-info-tap{display:none}}.room-placeholder{width:100vw;height:calc(100vh - var(--bottom-bar-height));background:var(--dark-oak);justify-content:center;align-items:center;padding:20px;display:flex}.room-placeholder-card{background:linear-gradient(135deg, var(--walnut), #3d2615);border:2px solid var(--brass);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px;padding:40px 32px;display:flex;box-shadow:0 8px 32px #0006}.room-placeholder-icon{font-size:3rem}.room-placeholder-card h1{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;font-size:1.5rem}.room-placeholder-desc{font-family:var(--font-body);color:var(--parchment);opacity:.9;font-size:1rem;font-style:italic;line-height:1.5}.room-placeholder-status{font-family:var(--font-ui);color:var(--brass);letter-spacing:.05em;background:#0003;border-radius:20px;padding:6px 16px;font-size:.8rem}.back-to-manor-btn{font-family:var(--font-display);color:var(--cream);border:1px solid var(--brass);cursor:pointer;letter-spacing:.04em;background:#8b69144d;border-radius:8px;margin-top:8px;padding:10px 24px;font-size:.85rem;transition:all .2s}.back-to-manor-btn:hover{background:#8b691480;box-shadow:0 0 12px #c49a3c4d}.creature-card{background:var(--cream);border:3px solid var(--type-color,var(--dark-oak));border-radius:12px;flex-direction:column;width:250px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 6px 24px #00000073,0 2px 6px #00000040,inset 0 1px #ffffff73}.card-header{background:var(--walnut);border-bottom:2px solid var(--type-color,var(--dark-oak));flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px 7px;display:flex}.card-name{font-family:var(--font-display);color:var(--cream);letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.92rem;font-weight:700;overflow:hidden}.card-hp{font-family:var(--font-ui);color:var(--aged-gold);white-space:nowrap;flex-shrink:0;font-size:.95rem;font-weight:700}.card-hp-label{color:var(--aged-gold);letter-spacing:.1em;opacity:.75;font-size:.6rem;font-weight:400}.card-art-window{aspect-ratio:1;background:var(--cream);flex-shrink:0;align-items:stretch;width:100%;display:flex;position:relative;overflow:hidden}.card-art-image{object-fit:cover;width:100%;height:100%}.card-art-placeholder{width:100%;height:100%}.card-art-draggable{cursor:grab}.card-art-draggable:active{cursor:grabbing}.card-art-drag-hint{font-family:var(--font-ui);letter-spacing:.08em;color:#fff;pointer-events:none;white-space:nowrap;opacity:.85;background:#2c18108c;border-radius:999px;padding:2px 8px;font-size:.6rem;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.card-type-badge{color:#fff;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 7px;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 8px #00000080}.card-type-badges{pointer-events:none;gap:4px;display:flex;position:absolute;bottom:8px;left:8px}.card-type-badges .card-type-badge{padding:2px 7px 2px 5px;font-size:.58rem;position:static}.card-type-icon{font-size:.82rem;line-height:1}.card-legendary-strip{background:var(--cream);border-top:1px solid #8b691440;flex-shrink:0;justify-content:center;align-items:center;padding:5px 10px 4px;display:flex}.card-legendary-badge{color:#c49a3c;letter-spacing:.12em;background:#c49a3c14;border:1px solid #8b6914;border-radius:4px;padding:1px 9px;font-family:Georgia,serif;font-size:.68rem;font-style:italic;font-weight:400}.card-attacks{border-top:1px solid var(--parchment);flex-direction:column;flex-shrink:0;gap:4px;padding:7px 9px;display:flex}.card-attack-row{background:var(--linen);border-left:4px solid var(--type-color,var(--dark-oak));border-radius:0 6px 6px 0;align-items:center;gap:7px;padding:5px 9px;display:flex}.attack-icon{flex-shrink:0;font-size:.85rem}.attack-name{font-family:var(--font-body);color:var(--dark-oak);flex:1;font-size:.85rem}.attack-damage{font-family:var(--font-ui);color:var(--walnut);text-align:right;min-width:28px;font-size:.85rem;font-weight:700}.card-stats-bar{background:var(--walnut);border-top:2px solid var(--type-color,var(--dark-oak));flex-shrink:0;align-items:center;display:flex}.card-stat{flex-direction:column;flex:1;align-items:center;gap:1px;padding:7px 4px;display:flex}.stat-label{font-family:var(--font-ui);color:var(--parchment);letter-spacing:.12em;opacity:.7;font-size:.58rem;font-weight:600}.stat-value{font-family:var(--font-ui);color:var(--cream);font-size:1rem;font-weight:700}.card-stat-divider{background:#ffffff26;flex-shrink:0;width:1px;height:28px}.card-stat--level{flex:none;padding:4px 8px}.stat-level-stars{font-size:.55rem;line-height:1}.stat-label--level{color:#c49a3c;opacity:1;letter-spacing:.04em;font-family:Georgia,serif;font-size:.6rem;font-weight:700}.card-level-bar{background:var(--cream);border-top:1px solid #00000012;flex-shrink:0;align-items:center;gap:6px;padding:5px 10px 6px;display:flex}.card-level-label{font-family:var(--font-ui);color:var(--type-color,var(--dark-oak));letter-spacing:.06em;white-space:nowrap;min-width:26px;font-size:.6rem;font-weight:700}.card-xp-track{background:var(--parchment);border:1px solid #0000001a;border-radius:999px;flex:1;height:5px;overflow:hidden}.card-xp-fill{background:var(--type-color,var(--brass));border-radius:999px;min-width:2px;height:100%;transition:width .4s}.card-xp-text{font-family:var(--font-ui);color:var(--walnut);opacity:.55;white-space:nowrap;font-size:.52rem}.card-demo{width:100vw;min-height:100vh;padding-bottom:var(--bottom-bar-height);background:var(--dark-oak);flex-direction:column;align-items:center;gap:6px;padding:28px 20px 40px;display:flex;overflow-y:auto}.card-demo-header{align-items:center;gap:14px;display:flex}.card-demo-header h1{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.08em;text-shadow:0 2px 8px #00000080;font-size:clamp(1.1rem,4vw,1.6rem);font-weight:700}.card-demo-ornament{color:var(--brass);opacity:.7;font-size:clamp(.8rem,2vw,1.1rem)}.card-demo-subtitle{font-family:var(--font-body);color:var(--parchment);opacity:.6;letter-spacing:.02em;margin-bottom:22px;font-size:.85rem;font-style:italic}.card-demo-stage{filter:drop-shadow(0 8px 32px #0009);justify-content:center;align-items:center;display:flex}.art-controls{flex-direction:column;gap:14px;width:100%;max-width:280px;margin-top:10px;display:flex}.art-controls-row{gap:10px;display:flex}.art-btn{font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;border:1px solid var(--brass);border-radius:8px;flex:1;padding:9px 10px;font-size:.8rem;font-weight:600;transition:background .2s,box-shadow .2s}.art-btn-primary{background:var(--brass);color:var(--cream)}.art-btn-primary:hover{background:var(--aged-gold);box-shadow:0 0 12px #c49a3c66}.art-btn-secondary{color:var(--parchment);background:#8b691433}.art-btn-secondary:hover{background:#8b691466}.hue-control{flex-direction:column;gap:6px;display:flex}.hue-control-header{align-items:center;gap:8px;display:flex}.hue-label{font-family:var(--font-display);color:var(--parchment);letter-spacing:.06em;flex:1;font-size:.75rem;font-weight:600}.hue-value{font-family:var(--font-ui);color:var(--aged-gold);text-align:right;min-width:32px;font-size:.75rem}.hue-reset-btn{font-family:var(--font-ui);color:var(--parchment);cursor:pointer;opacity:.65;background:0 0;border:1px solid #c49a3c59;border-radius:4px;padding:2px 7px;font-size:.65rem;transition:opacity .15s}.hue-reset-btn:hover{opacity:1}.hue-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#df2020,#dfdf20,#20df20,#20dfdf,#2020df,#df20df,#df2020);border:2px solid #8b691480;border-radius:5px;outline:none;width:100%;height:10px}.hue-slider::-webkit-slider-thumb{appearance:none;background:var(--cream);border:3px solid var(--walnut);cursor:grab;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 2px 6px #00000080}.hue-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.hue-slider::-moz-range-thumb{background:var(--cream);border:3px solid var(--walnut);cursor:grab;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #00000080}.hue-labels{font-family:var(--font-ui);color:var(--parchment);opacity:.45;justify-content:space-between;padding:0 2px;font-size:.58rem;display:flex}.card-demo-back-btn{font-family:var(--font-display);color:var(--cream);border:1px solid var(--brass);cursor:pointer;letter-spacing:.04em;background:#8b69144d;border-radius:8px;margin-top:28px;padding:10px 28px;font-size:.85rem;font-weight:600;transition:background .2s,box-shadow .2s}.card-demo-back-btn:hover{background:#8b691480;box-shadow:0 0 14px #c49a3c4d}.card-test{width:100%;min-height:100vh;padding:28px 32px calc(48px + var(--bottom-bar-height));background:var(--dark-oak);flex-direction:column;align-items:center;gap:8px;display:flex;overflow-y:auto}.card-test-header{align-items:center;gap:14px;margin-bottom:2px;display:flex}.card-test-header h1{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.08em;text-shadow:0 2px 8px #00000080;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:700}.card-test-ornament{color:var(--brass);opacity:.65;font-size:1rem}.card-test-subtitle{font-family:var(--font-body);color:var(--parchment);opacity:.55;margin-bottom:24px;font-size:.85rem;font-style:italic}.card-test-grid{grid-template-columns:repeat(3,250px);justify-content:center;gap:28px;display:grid}@media (width<=870px){.card-test-grid{grid-template-columns:repeat(2,250px)}}@media (width<=560px){.card-test-grid{grid-template-columns:250px}}.card-test-back{font-family:var(--font-display);color:var(--cream);border:1px solid var(--brass);cursor:pointer;letter-spacing:.04em;background:#8b69144d;border-radius:8px;margin-top:12px;padding:10px 28px;font-size:.85rem;font-weight:600;transition:background .2s,box-shadow .2s}.card-test-back:hover{background:#8b691480;box-shadow:0 0 14px #c49a3c4d}.lab-page{height:calc(100vh - var(--bottom-bar-height));background:var(--dark-oak);flex-direction:column;display:flex;overflow:hidden}.lab-header{background:var(--walnut);border-bottom:2px solid var(--brass);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;box-shadow:0 2px 12px #00000059}.lab-back-btn{font-family:var(--font-display);color:var(--parchment);cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:0 0;border:1px solid #c49a3c4d;border-radius:6px;padding:5px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.lab-back-btn:hover{color:var(--aged-gold);border-color:var(--aged-gold);background:#c49a3c1f}.lab-title-group{align-items:baseline;gap:10px;display:flex}.lab-title-icon{align-self:center;font-size:1.2rem}.lab-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.08em;text-shadow:0 2px 6px #0006;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700}.lab-title-sub{font-family:var(--font-body);color:var(--parchment);opacity:.55;letter-spacing:.02em;font-size:.8rem;font-style:italic}.lab-header-filler{min-width:80px}.lab-workspace{flex:1;min-height:0;display:flex}.lab-form-panel{background:var(--linen);border-right:3px solid var(--walnut);background-image:repeating-linear-gradient(#0000,#0000 27px,#5c3a1e0f 27px 28px);flex-shrink:0;width:460px;padding:22px 26px 40px;overflow-y:auto}.lab-form{flex-direction:column;gap:20px;display:flex}.form-section{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-display);color:var(--walnut);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #5c3a1e33;padding-bottom:4px;font-size:.68rem;font-weight:700}.label-optional{font-family:var(--font-body);color:var(--leather);text-transform:none;letter-spacing:0;font-size:.75rem;font-style:italic;font-weight:400}.form-input{font-family:var(--font-body);color:var(--dark-oak);background:var(--cream);border:1.5px solid #5c3a1e40;border-radius:6px;outline:none;width:100%;padding:7px 11px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--brass);box-shadow:0 0 0 2px #8b69142e}.form-input::placeholder{color:var(--leather);opacity:.65}.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.form-input[type=number]{-moz-appearance:textfield}.type-buttons{flex-wrap:wrap;gap:7px;display:flex}.type-btn{border:2px solid var(--t-color);color:var(--t-color);cursor:pointer;font-family:var(--font-ui);letter-spacing:.05em;opacity:.65;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:5px 13px;font-size:.73rem;font-weight:700;transition:background .15s,opacity .15s,box-shadow .15s;display:inline-flex}.type-btn:hover{opacity:1;background:color-mix(in srgb, var(--t-color) 12%, transparent)}.type-btn.selected{background:var(--t-color);color:#fff;opacity:1;box-shadow:0 2px 8px #00000040}.type-btn-icon{font-size:.9rem;line-height:1}.image-upload-area{background:var(--cream);cursor:pointer;border:2px dashed #5c3a1e40;border-radius:8px;justify-content:center;align-items:center;width:100%;height:88px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.image-upload-area:hover{border-color:var(--brass);background:#fffaee}.image-upload-area.has-image{cursor:default;border-style:solid;border-color:#5c3a1e33;height:130px}.image-upload-area.has-image:hover{background:var(--cream);border-color:#5c3a1e33}.upload-placeholder{pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex}.upload-icon{opacity:.45;font-size:1.5rem}.upload-text{font-family:var(--font-body);color:var(--walnut);opacity:.65;font-size:.82rem;font-style:italic}.upload-sub{font-family:var(--font-ui);color:var(--leather);opacity:.5;letter-spacing:.05em;font-size:.65rem}.upload-preview{object-fit:cover;width:100%;height:100%}.remove-image-btn{font-family:var(--font-ui);color:var(--cream);cursor:pointer;background:#2c1810b8;border:none;border-radius:4px;padding:3px 9px;font-size:.68rem;font-weight:600;transition:background .15s;position:absolute;top:6px;right:6px}.remove-image-btn:hover{background:#2c1810eb}.file-input-hidden{display:none}.creature-picker{background:var(--cream);border:1.5px solid #5c3a1e33;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.creature-thumb-wrap{background:var(--linen);border:2px solid #5c3a1e33;border-radius:6px;flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden}.creature-thumb{object-fit:cover;width:100%;height:100%;display:block}.creature-picker-actions{flex-direction:column;flex:1;gap:7px;display:flex}.shuffle-btn{font-family:var(--font-display);color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold) 0%, var(--brass) 100%);border:1.5px solid var(--aged-gold);cursor:pointer;letter-spacing:.04em;border-radius:7px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:filter .15s,box-shadow .15s;box-shadow:0 2px 8px #8b69144d}.shuffle-btn:hover{filter:brightness(1.1);box-shadow:0 3px 12px #c49a3c73}.own-image-btn{font-family:var(--font-ui);color:var(--walnut);cursor:pointer;opacity:.65;text-align:center;background:0 0;border:1px dashed #5c3a1e4d;border-radius:5px;padding:5px 10px;font-size:.7rem;transition:opacity .15s,border-color .15s}.own-image-btn:hover{opacity:1;border-color:var(--brass)}.tint-swatches{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.tint-swatch{background:var(--cream);cursor:pointer;border:2.5px solid #5c3a1e40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex}.tint-swatch:hover{border-color:var(--brass);transform:scale(1.12)}.tint-swatch.selected{border-color:var(--dark-oak);box-shadow:0 0 0 2px var(--aged-gold);transform:scale(1.12)}.tint-swatch-dot{border-radius:50%;width:22px;height:22px;display:block;box-shadow:inset 0 1px 3px #0000004d}.tint-swatch-none{color:var(--walnut);opacity:.55;font-size:.75rem;line-height:1}.tint-strength-row{align-items:center;gap:10px;margin-top:10px;display:flex}.tint-strength-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.05em;color:var(--leather);white-space:nowrap;font-size:.68rem}.tint-strength-value{font-family:var(--font-ui);color:var(--brass);white-space:nowrap;text-align:right;min-width:30px;font-size:.75rem}.tint-strength-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--fill-color,var(--brass)) 0%, var(--fill-color,var(--brass)) var(--fill-pct,50%), #5c3a1e26 var(--fill-pct,50%));border:1.5px solid #8b69144d;border-radius:4px;outline:none;flex:1;height:8px}.tint-strength-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cream);border:3px solid var(--walnut);cursor:grab;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 2px 5px #00000059}.tint-strength-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.tint-strength-slider::-moz-range-thumb{background:var(--cream);border:3px solid var(--walnut);cursor:grab;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 5px #00000059}.attacks-list{flex-direction:column;gap:8px;display:flex}.attack-row{background:var(--cream);border-left:4px solid var(--t-color,var(--brass));border-radius:0 7px 7px 0;flex-direction:column;gap:6px;padding:7px 10px 8px 8px;transition:border-color .2s;display:flex}.attack-row-top{align-items:center;gap:7px;display:flex}.attack-row-num{font-family:var(--font-ui);color:var(--leather);min-width:10px;font-size:.65rem;font-weight:700}.attack-name-input{flex:1}.attack-dmg-input{text-align:center;flex-shrink:0;width:58px}.attack-dmg-label{font-family:var(--font-ui);color:var(--leather);white-space:nowrap;font-size:.7rem}.attack-cooldown-hint{cursor:help;opacity:.75;filter:sepia(.4)saturate(1.5)hue-rotate(-10deg);flex-shrink:0;font-size:.88rem}.attack-dmg-row{align-items:center;gap:8px;padding-left:17px;display:flex}.attack-dmg-track-label{font-family:var(--font-ui);color:var(--leather);letter-spacing:.08em;text-align:right;opacity:.65;min-width:20px;font-size:.58rem;font-weight:700}.attack-dmg-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--fill-color,var(--brass)) 0%, var(--fill-color,var(--brass)) var(--fill-pct,50%), #5c3a1e26 var(--fill-pct,50%), #5c3a1e26 100%);border-radius:3px;outline:none;flex:1;height:4px}.attack-dmg-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fill-color,var(--brass));border:2px solid var(--linen);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0000004d}.attack-dmg-slider::-moz-range-thumb{background:var(--fill-color,var(--brass));border:2px solid var(--linen);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0000004d}.attack-dmg-value{font-family:var(--font-ui);color:var(--dark-oak);text-align:right;min-width:22px;font-size:.75rem;font-weight:700}.attack-type-row{gap:5px;padding-left:17px;display:flex}.attack-type-btn{border:2px solid var(--t-color);cursor:pointer;opacity:.4;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:.72rem;line-height:1;transition:opacity .15s,background .15s,transform .1s;display:flex}.attack-type-btn:hover{opacity:.8;transform:scale(1.12)}.attack-type-btn.selected{background:var(--t-color);opacity:1;box-shadow:0 1px 6px #0000004d}.points-pool{background:var(--cream);border:1.5px solid #5c3a1e2e;border-radius:6px;align-items:baseline;gap:5px;margin-bottom:4px;padding:6px 10px;display:flex}.points-label{font-family:var(--font-ui);color:var(--walnut);letter-spacing:.06em;text-transform:uppercase;flex:1;font-size:.65rem;font-weight:600}.points-value{font-family:var(--font-display);letter-spacing:.02em;font-size:1.1rem;font-weight:700;transition:color .25s}.points-total{font-family:var(--font-ui);color:var(--leather);opacity:.6;font-size:.7rem}.sliders-list{flex-direction:column;gap:11px;padding:4px 0;display:flex}.stat-slider-row{align-items:center;gap:10px;display:flex}.slider-label{font-family:var(--font-ui);color:var(--walnut);letter-spacing:.1em;text-align:right;min-width:26px;font-size:.65rem;font-weight:700}.slider-input{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--fill-color,var(--brass)) 0%, var(--fill-color,var(--brass)) var(--fill-pct,50%), #5c3a1e33 var(--fill-pct,50%), #5c3a1e33 100%);border-radius:3px;outline:none;flex:1;height:5px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fill-color,var(--brass));border:2.5px solid var(--linen);cursor:pointer;border-radius:50%;width:17px;height:17px;box-shadow:0 1px 5px #00000047}.slider-input::-moz-range-thumb{background:var(--fill-color,var(--brass));border:2.5px solid var(--linen);cursor:pointer;border-radius:50%;width:17px;height:17px;box-shadow:0 1px 5px #00000047}.slider-value{font-family:var(--font-ui);color:var(--dark-oak);text-align:right;min-width:30px;font-size:.8rem;font-weight:700}.form-error{font-family:var(--font-body);color:#8b2500;background:#8b250012;border-left:3px solid #8b2500;border-radius:0 5px 5px 0;padding:6px 10px;font-size:.85rem;font-style:italic}.form-footer{flex-direction:column;gap:10px;padding-top:4px;display:flex}.create-btn{font-family:var(--font-display);color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold) 0%, var(--brass) 100%);border:2px solid var(--aged-gold);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:8px;padding:13px;font-size:.92rem;font-weight:700;transition:filter .2s,box-shadow .2s,transform .1s;box-shadow:0 3px 14px #8b691466}.create-btn:hover{filter:brightness(1.1);box-shadow:0 4px 20px #c49a3c8c}.create-btn:active{transform:scale(.98)}.save-success{text-align:center;font-family:var(--font-body);color:var(--ink-thorn);font-size:.9rem;font-style:italic;animation:3s forwards success-fade}@keyframes success-fade{0%{opacity:0;transform:translateY(5px)}12%{opacity:1;transform:translateY(0)}72%{opacity:1}to{opacity:0}}.lab-preview-panel{background:radial-gradient(ellipse 60% 50% at 50% 45%, #3d2412 0%, var(--dark-oak) 75%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;overflow:hidden}.preview-eyebrow{font-family:var(--font-display);letter-spacing:.18em;color:var(--brass);text-transform:uppercase;opacity:.75;font-size:.7rem}.preview-card-stage{filter:drop-shadow(0 10px 36px #000000a6)}.preview-drag-hint{font-family:var(--font-body);color:var(--parchment);opacity:.45;text-align:center;margin-bottom:-4px;font-size:.75rem;font-style:italic}.recentre-btn{font-family:var(--font-ui);color:var(--parchment);cursor:pointer;letter-spacing:.05em;background:#8b69142e;border:1px solid #c49a3c4d;border-radius:6px;padding:6px 18px;font-size:.72rem;font-weight:600;transition:background .15s}.recentre-btn:hover{background:#8b691459}@media (width<=768px){.lab-page{height:auto;overflow:visible}.lab-workspace{flex-direction:column;min-height:auto}.lab-form-panel{border-right:none;border-bottom:3px solid var(--walnut);width:100%;overflow-y:visible}.lab-preview-panel{padding:28px 24px calc(var(--bottom-bar-height) + 32px);min-height:420px;overflow:visible}.lab-header-filler,.lab-title-sub{display:none}}@media (width<=480px){.lab-form-panel{padding:16px 16px 28px}.type-btn-label{display:none}.type-btn{padding:6px 10px}.creature-thumb-wrap{width:64px;height:64px}}.lab-energy-meter{justify-content:flex-end;align-items:center;gap:4px;min-width:80px;display:flex}.lab-energy-pip{border:1.5px solid #c49a3c59;border-radius:3px 3px 6px 6px;flex-shrink:0;width:10px;height:16px;transition:background .25s,border-color .25s,box-shadow .25s}.lab-energy-pip--on{background:var(--aged-gold);border-color:var(--aged-gold);box-shadow:0 0 5px #c49a3c80}.lab-energy-pip--off{background:#2c181080;border-color:#c49a3c26}.lab-recharge-overlay{inset:0;bottom:var(--bottom-bar-height);z-index:160;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0703e0;justify-content:center;align-items:center;padding:20px;animation:.2s both created-overlay-in;display:flex;position:fixed}.lab-recharge-panel{border:2px solid var(--brass);background:linear-gradient(160deg,#3d2010,#271408);border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:28px 24px 24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) both created-panel-pop;display:flex;box-shadow:0 16px 56px #000000b3}.lab-recharge-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.lab-recharge-icon{font-size:2.4rem}.lab-recharge-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;font-size:1.2rem;font-weight:700}.lab-recharge-sub{font-family:var(--font-body);color:var(--parchment);opacity:.75;font-size:.88rem;font-style:italic;line-height:1.5}.lab-recharge-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lab-recharge-options--solo{grid-template-columns:1fr}.lab-recharge-option{text-align:center;background:#00000038;border:1px solid #c49a3c33;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:14px 14px 16px;display:flex}.lab-recharge-option-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;font-size:.82rem;font-weight:700}.lab-recharge-option-desc{font-family:var(--font-body);color:var(--parchment);opacity:.8;flex:1;font-size:.8rem;line-height:1.45}.lab-recharge-option-desc strong{color:var(--aged-gold)}.lab-recharge-note{font-family:var(--font-ui);color:#c87050;opacity:.8;font-size:.68rem}.lab-recharge-btn{font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px 18px;font-size:.82rem;font-weight:700;transition:filter .18s,transform .1s}.lab-recharge-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.lab-recharge-btn:active:not(:disabled){transform:scale(.97)}.lab-recharge-btn--free{color:#fff;background:linear-gradient(135deg,#27ae60,#1e8449)}.lab-recharge-btn--gold{background:linear-gradient(135deg, var(--aged-gold), var(--brass));color:var(--dark-oak)}.lab-recharge-btn--disabled{color:#fff8e74d;cursor:not-allowed;background:#2c181059;border:1px solid #c49a3c1f}.lab-recharge-close{font-family:var(--font-display);color:var(--leather);cursor:pointer;opacity:.65;letter-spacing:.04em;background:0 0;border:none;align-self:center;padding:4px;font-size:.78rem;transition:opacity .15s}.lab-recharge-close:hover{opacity:1}.lab-beakers{justify-content:center;align-items:flex-end;gap:28px;padding:8px 0 4px;display:flex}.lab-beaker-wrapper{cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:10px;display:flex}.lab-beaker{border:2.5px solid var(--brass);background:#fff8e712;border-radius:5px 5px 14px 14px;width:56px;height:130px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.lab-beaker:hover{border-color:var(--aged-gold)}.lab-beaker--success{border-color:#27ae60;box-shadow:0 0 14px #27ae6080}.lab-beaker--fail{border-color:#8b2500;box-shadow:0 0 10px #8b250066}.lab-beaker-green-zone{pointer-events:none;z-index:2;background:#27ae602e;border-top:1.5px dashed #27ae60bf;border-bottom:1.5px dashed #27ae60bf;height:13%;position:absolute;bottom:82%;left:0;right:0}.lab-beaker-fill{z-index:1;opacity:.85;position:absolute;bottom:0;left:0;right:0}.lab-beaker-lock{color:#fff;text-shadow:0 2px 8px #0009;z-index:3;justify-content:center;align-items:center;font-size:1.7rem;font-weight:700;display:flex;position:absolute;inset:0}.lab-beaker-label{font-family:var(--font-ui);color:var(--parchment);letter-spacing:.08em;text-align:center;text-transform:uppercase;opacity:.75;font-size:.68rem;font-weight:700}.lab-minigame-hint{font-family:var(--font-body);color:var(--parchment);opacity:.6;text-align:center;font-size:.82rem;font-style:italic}.lab-danger-bar-wrap{margin:0 0 14px}.lab-danger-label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--parchment);opacity:.8;justify-content:space-between;margin-bottom:5px;font-size:.62rem;font-weight:700;display:flex}.lab-danger-bar{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;height:9px;overflow:hidden}.lab-danger-fill{border-radius:999px;height:100%;transition:width .5s,background .5s}@keyframes lab-danger-pulse{0%,to{opacity:1}50%{opacity:.55}}.lab-danger-fill--max{animation:.6s ease-in-out infinite lab-danger-pulse}.lab-danger-warn{color:#f94;font-size:.78em;font-style:italic}@keyframes lab-flash-red{0%{background:#140a04c7}12%{background:#b42800e0}30%{background:#ff5a0abf}55%{background:#641400d1}to{background:#140a04c7}}.lab-recharge-overlay--exploding{animation:.9s ease-out forwards lab-flash-red}@keyframes lab-panel-shake{0%{transform:translate(0)rotate(0)}8%{transform:translate(-9px,-5px)rotate(-2.5deg)}18%{transform:translate(9px,-3px)rotate(2deg)}28%{transform:translate(-7px,7px)rotate(-1.5deg)}38%{transform:translate(7px,-7px)rotate(2deg)}48%{transform:translate(-5px,5px)rotate(-1deg)}58%{transform:translate(5px,-3px)rotate(1deg)}70%{transform:translate(-3px,3px)rotate(0)}82%{transform:translate(2px,-2px)rotate(.5deg)}92%{transform:translate(-1px,1px)rotate(0)}to{transform:translate(0)rotate(0)}}.lab-recharge-panel--shaking{animation:.9s cubic-bezier(.36,.07,.19,.97) both lab-panel-shake}.lab-explosion-display{text-align:center;padding:8px 0 16px}@keyframes lab-boom-pop{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.35)}75%{transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lab-explosion-emoji{filter:drop-shadow(0 0 20px #ff6400cc);font-size:4.5rem;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards lab-boom-pop;display:block}.lab-explosion-title{margin-top:6px;color:#ff4020!important;text-shadow:0 0 12px #ff500099!important}.lab-recharge-btn--repair{color:var(--cream);background:linear-gradient(135deg,#7a1010,#5c0e0e);border:1px solid #ff500066}.lab-recharge-btn--repair:hover:not(:disabled){filter:brightness(1.15)}.lab-minigame-attempts{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--aged-gold);opacity:.75;text-align:center;margin-bottom:4px;font-size:.72rem;font-weight:700}.created-overlay{inset:0;bottom:var(--bottom-bar-height);z-index:150;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140a05e6;justify-content:center;align-items:center;padding:24px;animation:.25s both created-overlay-in;display:flex;position:fixed;overflow:hidden}@keyframes created-overlay-in{0%{opacity:0}to{opacity:1}}.created-sparks{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.created-spark{color:var(--aged-gold);font-size:1.1rem;animation:.85s cubic-bezier(.22,1,.36,1) both spark-fly;position:absolute}@keyframes spark-fly{0%{transform:rotate(var(--spark-angle)) translateX(0) scale(1.2);opacity:1}55%{opacity:1}to{transform:rotate(var(--spark-angle)) translateX(180px) scale(.2);opacity:0}}.created-spark:nth-child(2n){color:var(--parchment);font-size:.75rem;animation-duration:1s;animation-delay:80ms}.created-spark:nth-child(3n){animation-duration:.95s;animation-delay:40ms}.created-panel{background:linear-gradient(160deg, var(--walnut) 0%, #2a1608 100%);border:2px solid var(--aged-gold);border-radius:16px;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:380px;padding:36px 32px 32px;animation:.38s cubic-bezier(.175,.885,.32,1.275) .1s both created-panel-pop;display:flex;box-shadow:0 20px 60px #000000bf,0 0 40px #c49a3c2e}@keyframes created-panel-pop{0%{opacity:0;transform:scale(.82)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.created-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;text-align:center;text-shadow:0 2px 14px #c49a3c80;align-items:center;gap:12px;font-size:clamp(1.3rem,5vw,1.7rem);font-weight:700;animation:1.8s ease-in-out infinite alternate created-title-glow;display:flex}@keyframes created-title-glow{0%{text-shadow:0 2px 10px #c49a3c59}to{text-shadow:0 2px 22px #c49a3cbf}}.created-title-ornament{opacity:.65;font-size:.9rem;animation:4s linear infinite ornament-spin}@keyframes ornament-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.created-card-stage{filter:drop-shadow(0 8px 28px #000000a6)}.created-subtitle{font-family:var(--font-body);color:var(--parchment);opacity:.75;text-align:center;font-size:.95rem;line-height:1.5}.created-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.created-btn{font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;border-radius:8px;padding:11px 22px;font-size:.88rem;font-weight:700;transition:filter .15s,transform .12s,box-shadow .15s}.created-btn--primary{background:linear-gradient(135deg, var(--aged-gold), var(--brass));color:var(--dark-oak);border:2px solid var(--aged-gold);box-shadow:0 3px 14px #8b691466}.created-btn--primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 5px 20px #c49a3c8c}.created-btn--secondary{color:var(--parchment);background:0 0;border:1px solid #c49a3c59}.created-btn--secondary:hover{border-color:var(--aged-gold);color:var(--aged-gold);transform:translateY(-1px)}.created-btn:active{transform:scale(.97)}.menagerie-page{width:100%;min-height:100vh;padding-bottom:var(--bottom-bar-height);background-color:var(--dark-oak);background-image:url(/backgrounds/menagerie-garden.jpg);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;display:flex}.menagerie-header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:2px solid var(--brass);background-color:#2c181099;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 24px;display:flex;box-shadow:0 2px 12px #00000059}.menagerie-back-btn,.menagerie-lab-btn{font-family:var(--font-display);cursor:pointer;letter-spacing:.05em;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.menagerie-back-btn{color:var(--parchment);background:0 0;border:1px solid #c49a3c4d}.menagerie-back-btn:hover{color:var(--aged-gold);border-color:var(--aged-gold);background:#c49a3c1f}.menagerie-lab-btn{color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold) 0%, var(--brass) 100%);border:2px solid var(--aged-gold);box-shadow:0 2px 8px #8b691459}.menagerie-lab-btn:hover{filter:brightness(1.1);box-shadow:0 3px 14px #c49a3c80}.menagerie-title-group{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.menagerie-title-icon{flex-shrink:0;font-size:1.4rem}.menagerie-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.07em;text-shadow:0 2px 6px #0006;font-size:clamp(.9rem,2.5vw,1.25rem);font-weight:700;line-height:1.1}.menagerie-subtitle{font-family:var(--font-body);color:var(--parchment);opacity:.55;margin-top:1px;font-size:.75rem;font-style:italic}.menagerie-main{flex-direction:column;flex:1;align-items:center;padding:36px 32px 60px;display:flex}.menagerie-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:360px;margin-top:80px;display:flex}.empty-illustration{opacity:.5;font-size:4rem;animation:4s ease-in-out infinite gentle-sway}@keyframes gentle-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.empty-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;opacity:.8;font-size:1.3rem}.empty-body{font-family:var(--font-body);color:var(--parchment);opacity:.65;font-size:1rem;font-style:italic;line-height:1.6}.empty-lab-btn{font-family:var(--font-display);color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold) 0%, var(--brass) 100%);border:2px solid var(--aged-gold);cursor:pointer;letter-spacing:.06em;border-radius:8px;margin-top:8px;padding:11px 28px;font-size:.88rem;font-weight:700;transition:filter .2s,box-shadow .2s;box-shadow:0 3px 14px #8b691466}.empty-lab-btn:hover{filter:brightness(1.1);box-shadow:0 4px 20px #c49a3c8c}.menagerie-toolbar{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:900px;margin-bottom:18px;display:flex}.menagerie-drag-hint{font-family:var(--font-body);color:var(--cream);opacity:.85;text-shadow:0 1px 4px #000000b3;font-size:.78rem;font-style:italic}.sort-type-btn{font-family:var(--font-display);letter-spacing:.07em;color:var(--aged-gold);cursor:pointer;white-space:nowrap;background:#1c0e088c;border:1px solid #c49a3cb3;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:background .18s,border-color .18s,color .18s}.sort-type-btn:hover{border-color:var(--aged-gold);background:#1c0e08bf}.creature-grid{background-color:#f5f0e126;flex-wrap:wrap;justify-content:center;gap:28px;width:100%;display:flex}.creature-slot{animation:.35s both card-appear;position:relative}.creature-slot:first-child{animation-delay:40ms}.creature-slot:nth-child(2){animation-delay:80ms}.creature-slot:nth-child(3){animation-delay:.12s}.creature-slot:nth-child(4){animation-delay:.16s}.creature-slot:nth-child(5){animation-delay:.2s}.creature-slot:nth-child(6){animation-delay:.24s}.creature-slot:nth-child(7){animation-delay:.28s}.creature-slot:nth-child(8){animation-delay:.32s}@keyframes card-appear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.creature-slot[draggable=true]{cursor:grab}.creature-slot--dragging{opacity:.35;cursor:grabbing}.creature-slot--drag-over{outline:2px dashed var(--aged-gold);outline-offset:5px;border-radius:12px}.creature-slot:hover{z-index:1}.creature-slot:hover>.creature-card{transition:transform .2s,box-shadow .2s;transform:translateY(-4px);box-shadow:0 12px 36px #0000008c,0 4px 8px #0000004d,inset 0 1px #ffffff73}.release-btn{background:var(--walnut);border:2px solid var(--brass);width:26px;height:26px;color:var(--parchment);cursor:pointer;opacity:0;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;transition:opacity .2s,transform .2s,background .15s;display:flex;position:absolute;top:-9px;right:-9px;transform:scale(.7)}.creature-slot:hover .release-btn{opacity:1;transform:scale(1)}.release-btn:hover{color:#fff;background:#8b2500;border-color:#8b2500}.release-btn--locked{cursor:default;background:var(--cream);color:#c49a3c;border-color:#c49a3c;font-size:.75rem}.release-btn--locked:hover{background:var(--cream);color:#c49a3c;border-color:#c49a3c}.melt-confirm-overlay{text-align:center;z-index:20;background:#2c1810ed;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 18px;animation:.18s overlay-appear;display:flex;position:absolute;inset:0}@keyframes overlay-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.melt-warning-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;font-size:1rem;font-weight:700}.melt-warning-body{font-family:var(--font-body);color:var(--parchment);opacity:.9;font-size:.82rem;font-style:italic;line-height:1.5}.melt-warning-body strong{color:var(--cream);font-style:normal}.melt-confirm-buttons{gap:8px;margin-top:4px;display:flex}.melt-yes-btn,.melt-no-btn{font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;border-radius:6px;padding:7px 16px;font-size:.72rem;font-weight:700;transition:filter .15s}.melt-yes-btn{color:#fff;background:#8b2500;border:2px solid #8b2500}.melt-yes-btn:hover{filter:brightness(1.2)}.melt-no-btn{color:var(--parchment);background:0 0;border:2px solid #c49a3c66}.melt-no-btn:hover{border-color:var(--aged-gold);color:var(--aged-gold)}@media (width<=600px){.menagerie-main{padding:24px 16px 48px}.menagerie-header{height:56px;padding:0 12px}.menagerie-subtitle,.menagerie-drag-hint{display:none}.menagerie-toolbar{justify-content:flex-end;margin-bottom:12px}}.arena-page{height:calc(100vh - var(--bottom-bar-height));background:var(--dark-oak);background-image:radial-gradient(70% 50% at 50% 20%,#5c3a1e99 0%,#0000 70%);flex-direction:column;display:flex;overflow:hidden}.arena-header{background:var(--walnut);border-bottom:2px solid var(--brass);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;box-shadow:0 2px 12px #00000059}.arena-back-btn{font-family:var(--font-display);color:var(--parchment);cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:0 0;border:1px solid #c49a3c4d;border-radius:6px;flex-shrink:0;padding:5px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.arena-back-btn:hover{color:var(--aged-gold);border-color:var(--aged-gold);background:#c49a3c1a}.arena-title-group{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.arena-title-icon{font-size:1.2rem}.arena-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.08em;text-shadow:0 2px 6px #0006;font-size:clamp(.95rem,2.5vw,1.25rem);font-weight:700}.arena-vs-tag{font-family:var(--font-body);color:var(--parchment);opacity:.6;font-size:.8rem;font-style:italic}.arena-diff-badge{font-family:var(--font-ui);letter-spacing:.07em;border:1.5px solid;border-radius:999px;padding:3px 9px;font-size:.65rem;font-weight:700}.arena-diff-badge--easy{color:#27ae60}.arena-diff-badge--medium{color:var(--aged-gold)}.arena-diff-badge--hard{color:#c0392b}.arena-header-filler{flex-shrink:0;min-width:80px}.arena-select{flex-direction:column;flex:1;align-items:center;gap:20px;padding:28px 24px 24px;display:flex;overflow-y:auto}.arena-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:340px;margin-top:60px;display:flex}.arena-empty-icon{opacity:.45;font-size:3.5rem}.arena-empty-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;opacity:.8;font-size:1.2rem}.arena-empty-body{font-family:var(--font-body);color:var(--parchment);opacity:.65;font-size:.95rem;font-style:italic;line-height:1.6}.arena-empty-btn{font-family:var(--font-display);color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold), var(--brass));border:2px solid var(--aged-gold);cursor:pointer;letter-spacing:.06em;border-radius:8px;padding:11px 28px;font-size:.88rem;font-weight:700;transition:filter .2s,box-shadow .2s;box-shadow:0 3px 14px #8b691466}.arena-empty-btn:hover{filter:brightness(1.1);box-shadow:0 4px 20px #c49a3c80}.difficulty-section{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.difficulty-heading{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--aged-gold);opacity:.7;font-size:.68rem;font-weight:700}.difficulty-row{gap:12px;display:flex}.difficulty-btn{cursor:pointer;background:#00000040;border:2px solid #c49a3c33;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:12px 22px;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s;display:flex}.difficulty-btn:hover{border-color:var(--aged-gold);background:#c49a3c1a;transform:translateY(-3px)}.difficulty-icon{font-size:1.5rem;line-height:1}.difficulty-label{font-family:var(--font-display);letter-spacing:.06em;color:var(--parchment);font-size:.72rem;font-weight:700}.difficulty-btn--easy.difficulty-btn--selected{background:#27ae6026;border-color:#27ae60;transform:translateY(-2px);box-shadow:0 0 14px #27ae6040}.difficulty-btn--medium.difficulty-btn--selected{border-color:var(--aged-gold);background:#c49a3c2e;transform:translateY(-2px);box-shadow:0 0 14px #c49a3c40}.difficulty-btn--hard.difficulty-btn--selected{background:#c0392b2e;border-color:#c0392b;transform:translateY(-2px);box-shadow:0 0 14px #c0392b40}.difficulty-desc{font-family:var(--font-body);color:var(--parchment);opacity:.5;min-height:1.2em;font-size:.82rem;font-style:italic}.select-count{font-family:var(--font-display);color:var(--parchment);letter-spacing:.06em;opacity:.65;margin-top:-8px;font-size:.8rem;font-weight:700}.select-prompt{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.12em;text-transform:uppercase;opacity:.85;align-items:center;gap:12px;font-size:.85rem;font-weight:600;display:flex}.select-ornament{opacity:.6;font-size:.7rem}.select-grid{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.select-slot{cursor:pointer;border-radius:12px;transition:transform .2s;position:relative}.select-slot:hover{z-index:1;transform:translateY(-6px)}.select-hover-overlay{border:2px solid var(--aged-gold);font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.08em;text-shadow:0 2px 8px #0009;opacity:0;pointer-events:none;background:#c49a3c2e;border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.select-slot:hover .select-hover-overlay{opacity:1}.select-slot--chosen{outline:2px solid var(--aged-gold);outline-offset:3px}.select-badge{background:linear-gradient(135deg, var(--aged-gold), var(--brass));width:28px;height:28px;color:var(--dark-oak);font-family:var(--font-display);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 8px #00000080}.arena-start-sticky{z-index:10;background:linear-gradient(#2c1810 80%,#0000);margin:0 -16px 8px;padding:8px 16px 12px;position:sticky;top:0}.arena-start-btn{font-family:var(--font-display);color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold), var(--brass));border:2px solid var(--aged-gold);cursor:pointer;letter-spacing:.06em;border-radius:10px;margin-top:8px;padding:14px 36px;font-size:.92rem;font-weight:700;transition:filter .2s,transform .1s;animation:1.6s ease-in-out infinite btn-glow}.arena-start-btn--top{width:100%;margin-top:0;font-size:1.1rem}@keyframes btn-glow{0%,to{box-shadow:0 4px 18px #c49a3c59}50%{box-shadow:0 4px 30px #c49a3ca6}}.arena-start-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.arena-start-btn:active{transform:scale(.97)}.arena-battle{flex-direction:column;flex:1;align-items:center;gap:14px;min-height:0;padding:18px 20px 20px;display:flex;overflow-y:auto}.battlefield{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:flex-start;gap:16px;display:flex}.battle-side{flex-direction:column;align-items:center;gap:8px;display:flex}.side-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:.7rem;font-weight:700}.side-label--you{color:#7fbf7f}.side-label--enemy{color:#bf7f7f}.battle-vs-divider{opacity:.45;flex-shrink:0;align-self:center;padding-top:40px;font-size:1.8rem}.hp-bar-wrap{flex-direction:column;gap:3px;width:250px;display:flex}.hp-bar-track{background:#0000004d;border:1px solid #0003;border-radius:6px;height:10px;overflow:hidden}.hp-bar-fill{border-radius:6px;height:100%;transition:width .5s,background .4s}.hp-bar-text{font-family:var(--font-ui);color:var(--parchment);opacity:.6;text-align:center;letter-spacing:.04em;font-size:.68rem;font-weight:600}.battle-log{background:#00000047;border:1px solid #c49a3c2e;border-radius:8px;flex-direction:column;flex-shrink:0;gap:3px;width:100%;max-width:560px;max-height:110px;padding:8px 14px;display:flex;overflow-y:auto}.log-line{font-family:var(--font-body);font-size:.82rem;line-height:1.4}.log-player{color:var(--cream)}.log-enemy{color:var(--parchment);opacity:.8}.log-system{color:var(--aged-gold);opacity:.85;font-size:.76rem;font-style:italic}.battle-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100%;max-width:560px;display:flex}.attack-btn-row{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.attack-btn{border:2px solid var(--brass);cursor:pointer;background:#5c3a1e99;border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-width:130px;padding:10px 20px;transition:background .15s,border-color .15s,transform .1s;display:flex}.attack-btn:hover{border-color:var(--aged-gold);background:#8b691473;transform:translateY(-2px)}.attack-btn:active{transform:scale(.97)}.attack-btn-name{font-family:var(--font-body);color:var(--cream);font-size:.92rem}.attack-btn-dmg{font-family:var(--font-ui);color:var(--aged-gold);letter-spacing:.06em;opacity:.8;font-size:.68rem;font-weight:700}.attack-strong-star{color:var(--aged-gold);opacity:.7;align-self:flex-end;font-size:.6rem}.attack-btn--cooldown{opacity:.42;cursor:not-allowed;border-color:#8b691440}.attack-btn--cooldown:hover{background:#5c3a1e99;border-color:#8b691440;transform:none}.attack-cooldown-badge{font-family:var(--font-ui);color:var(--aged-gold);letter-spacing:.05em;opacity:.85;font-size:.62rem;font-weight:700}.attack-btn--ready{animation:.9s forwards attack-ready-flash}@keyframes attack-ready-flash{0%{border-color:var(--aged-gold);box-shadow:0 0 #c49a3c00}25%{border-color:var(--aged-gold);box-shadow:0 0 18px #c49a3cbf}60%{box-shadow:0 0 10px #c49a3c66}to{border-color:var(--brass);box-shadow:0 0 #c49a3c00}}.enemy-thinking{font-family:var(--font-body);color:var(--parchment);opacity:.55;padding:10px;font-size:.85rem;font-style:italic}.teams-row{flex-shrink:0;justify-content:space-between;width:100%;max-width:560px;display:flex}.team-pips{flex-direction:column;gap:5px;display:flex}.team-pips--enemy{align-items:flex-end}.team-pips-label{font-family:var(--font-ui);color:var(--parchment);opacity:.45;letter-spacing:.07em;text-transform:uppercase;font-size:.62rem}.pips-row{gap:5px;display:flex}.pip{border:1px solid #0000004d;border-radius:50%;width:13px;height:13px;transition:opacity .4s}.pip--alive{background:var(--pip-color,var(--aged-gold));opacity:1}.pip--fainted{opacity:.35;background:#00000059}.switch-panel{flex-direction:column;flex-shrink:0;align-items:center;gap:14px;width:100%;max-width:560px;padding:8px 0;display:flex}.switch-prompt{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.1em;text-transform:uppercase;font-size:.9rem;font-weight:700;animation:.9s ease-in-out infinite alternate pulse-gold}@keyframes pulse-gold{0%{opacity:.65}to{opacity:1}}.switch-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.winner-overlay{inset:0;bottom:var(--bottom-bar-height);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#1c0e08e0;justify-content:center;align-items:center;animation:.3s overlay-in;display:flex;position:fixed}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.winner-panel{background:linear-gradient(160deg, var(--walnut), #2e1a0e);border:2px solid var(--brass);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:40px 48px;animation:.35s cubic-bezier(.175,.885,.32,1.275) panel-pop;display:flex;box-shadow:0 12px 48px #000000b3}@keyframes panel-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.winner-icon{font-size:3.5rem}.winner-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.08em;text-shadow:0 2px 12px #c49a3c66;font-size:1.8rem;font-weight:700}.winner-body{font-family:var(--font-body);color:var(--parchment);opacity:.85;font-size:1rem;font-style:italic;line-height:1.55}.winner-coins{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.05em;background:#c49a3c1f;border:1px solid #c49a3c4d;border-radius:8px;padding:6px 18px;font-size:1.1rem;font-weight:700}.winner-btn-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.winner-btn{font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;border-radius:8px;padding:10px 24px;font-size:.85rem;font-weight:700;transition:filter .2s,box-shadow .2s}.winner-btn--primary{color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold), var(--brass));border:2px solid var(--aged-gold);box-shadow:0 3px 14px #8b691466}.winner-btn--primary:hover{filter:brightness(1.1);box-shadow:0 4px 20px #c49a3c8c}.winner-btn--secondary{color:var(--parchment);background:0 0;border:1px solid #c49a3c59}.winner-btn--secondary:hover{border-color:var(--aged-gold);color:var(--aged-gold)}.winner-levelups{border-top:1px solid #c49a3c40;flex-direction:column;align-items:center;gap:7px;width:100%;margin-top:6px;padding:12px 0 4px;display:flex}.winner-levelup-headline{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.1em;font-size:1rem;font-weight:700;animation:1s ease-in-out infinite alternate levelup-pulse}@keyframes levelup-pulse{0%{opacity:.8;text-shadow:none}to{opacity:1;text-shadow:0 0 12px #c49a3c99}}.winner-levelup-row{align-items:center;gap:9px;display:flex}.winner-levelup-name{font-family:var(--font-body);color:var(--parchment);font-size:.88rem}.winner-levelup-badge{font-family:var(--font-ui);color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold), var(--brass));border-radius:999px;padding:2px 9px;font-size:.7rem;font-weight:700}.winner-redist-btn{font-family:var(--font-display);color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold), var(--brass));border:2px solid var(--aged-gold);cursor:pointer;letter-spacing:.05em;border-radius:7px;margin-top:4px;padding:8px 22px;font-size:.8rem;font-weight:700;transition:filter .15s}.winner-redist-btn:hover{filter:brightness(1.12)}.redist-overlay{inset:0;bottom:var(--bottom-bar-height);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:60;background:#1c0e08eb;justify-content:center;align-items:center;animation:.3s overlay-in;display:flex;position:fixed}.redist-panel{background:linear-gradient(160deg, var(--walnut), #2e1a0e);border:2px solid var(--aged-gold);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:min(380px,90vw);padding:32px 40px 36px;animation:.35s cubic-bezier(.175,.885,.32,1.275) panel-pop;display:flex;box-shadow:0 12px 48px #000000bf,0 0 40px #c49a3c2e}.redist-star{font-size:2.2rem}.redist-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.1em;text-shadow:0 2px 12px #c49a3c73;margin:-4px 0 0;font-size:1.5rem;font-weight:700}.redist-creature-name{font-family:var(--font-display);color:var(--cream);letter-spacing:.06em;font-size:1.05rem;font-weight:700}.redist-reached{font-family:var(--font-body);color:var(--parchment);opacity:.65;margin-top:-4px;font-size:.82rem;font-style:italic}.redist-hint{font-family:var(--font-body);color:var(--parchment);opacity:.5;max-width:260px;font-size:.78rem;font-style:italic;line-height:1.45}.redist-pool-row{background:#00000040;border:1px solid #c49a3c33;border-radius:7px;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:6px 16px;display:flex}.redist-pool-label{font-family:var(--font-ui);color:var(--parchment);letter-spacing:.07em;text-transform:uppercase;opacity:.6;font-size:.62rem;font-weight:600}.redist-pool-value{font-family:var(--font-display);font-size:1.1rem;font-weight:700;transition:color .25s}.redist-sliders{flex-direction:column;gap:9px;width:100%;padding:4px 0;display:flex}.redist-slider-row{align-items:center;gap:10px;display:flex}.redist-label{font-family:var(--font-ui);color:var(--parchment);letter-spacing:.1em;text-align:right;opacity:.7;min-width:26px;font-size:.63rem;font-weight:700}.redist-input{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--aged-gold) 0%, var(--aged-gold) var(--fill-pct,50%), #ffffff1f var(--fill-pct,50%), #ffffff1f 100%);border-radius:3px;outline:none;flex:1;height:5px}.redist-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--aged-gold);border:2.5px solid var(--dark-oak);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 5px #0006}.redist-input::-moz-range-thumb{background:var(--aged-gold);border:2.5px solid var(--dark-oak);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 5px #0006}.redist-value{font-family:var(--font-ui);color:var(--cream);text-align:right;min-width:28px;font-size:.82rem;font-weight:700}.redist-confirm-btn{font-family:var(--font-display);color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold), var(--brass));border:2px solid var(--aged-gold);cursor:pointer;letter-spacing:.07em;border-radius:9px;margin-top:6px;padding:11px 32px;font-size:.88rem;font-weight:700;transition:filter .15s,box-shadow .15s;box-shadow:0 3px 14px #8b691466}.redist-confirm-btn:hover{filter:brightness(1.1);box-shadow:0 4px 20px #c49a3c8c}.redist-progress{font-family:var(--font-ui);color:var(--parchment);opacity:.4;letter-spacing:.06em;font-size:.65rem}.field-pick-list{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.field-pick-btn{font-family:var(--font-display);color:var(--dark-oak);background:linear-gradient(135deg, var(--parchment), var(--cream));border:2px solid var(--aged-gold);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.85rem;font-weight:700;transition:filter .15s,transform .1s;display:flex}.field-pick-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.field-pick-level{font-family:var(--font-ui);color:#8b6914;letter-spacing:.04em;font-size:.7rem;font-weight:600}.winner-field-hint{font-family:var(--font-lore);color:var(--parchment);opacity:.75;margin:0;font-size:.78rem;font-style:italic}@media (width<=600px){.arena-page{height:auto;overflow:visible}.arena-select{padding-bottom:calc(var(--bottom-bar-height) + 24px)}.arena-battle{padding-bottom:calc(var(--bottom-bar-height) + 24px);overflow-y:visible}.difficulty-btn{padding:10px 16px}.difficulty-row{gap:8px}.battlefield .creature-card,.battlefield .hp-bar-wrap{width:168px}.battle-vs-divider{align-self:center;padding-top:0;font-size:1.3rem}.battlefield{gap:8px}.winner-panel{padding:28px 20px}.winner-panel .winner-title{font-size:1.5rem}.arena-header-filler{display:none}}@media (width<=400px){.battlefield .creature-card,.battlefield .hp-bar-wrap{width:148px}.battlefield{gap:6px}}.study-page{height:calc(100vh - var(--bottom-bar-height));background:var(--dark-oak);background-image:radial-gradient(80% 60% at 50% 0,#5c3a1e80 0%,#0000 65%),repeating-linear-gradient(90deg,#0000,#0000 48px,#0000000a 48px 50px);flex-direction:column;display:flex;overflow:hidden}.study-header{background:var(--walnut);border-bottom:2px solid var(--brass);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;box-shadow:0 2px 12px #00000059}.study-back-btn{font-family:var(--font-display);color:var(--parchment);cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:0 0;border:1px solid #c49a3c4d;border-radius:6px;flex-shrink:0;padding:5px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.study-back-btn:hover{color:var(--aged-gold);border-color:var(--aged-gold);background:#c49a3c1a}.study-title-group{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.study-title-icon{font-size:1.2rem}.study-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.08em;text-shadow:0 2px 6px #0006;font-size:clamp(.95rem,2.5vw,1.25rem);font-weight:700}.study-header-filler{flex-shrink:0;min-width:80px}.study-main{flex-direction:column;flex:1;align-items:center;gap:18px;min-height:0;padding:24px 20px 28px;display:flex;overflow-y:auto}.study-hint{font-family:var(--font-body);color:var(--parchment);opacity:.45;letter-spacing:.04em;font-size:.85rem;font-style:italic}.study-footer-note{font-family:var(--font-body);color:var(--aged-gold);opacity:.35;letter-spacing:.06em;font-size:.78rem;font-style:italic}.bookcase{background:#1c0d07;border:8px solid #1a0a04;border-radius:6px 6px 4px 4px;flex-direction:column;flex-shrink:0;gap:0;width:100%;max-width:680px;padding:6px 6px 0;display:flex;box-shadow:inset 0 0 40px #0009,0 12px 40px #0009,0 2px #c49a3c26}.bookcase:before{content:"";background:linear-gradient(#3a1e0c,#2a1208);border-radius:2px;height:10px;margin-bottom:4px;display:block;box-shadow:0 2px 6px #00000080}@keyframes rumble{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-4px)rotate(-.4deg)}20%{transform:translate(4px)rotate(.4deg)}30%{transform:translate(-4px)}40%{transform:translate(4px)}50%{transform:translate(-3px)rotate(-.2deg)}60%{transform:translate(3px)rotate(.2deg)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(-1px)}}.bookcase--rumbling{animation:.75s rumble}.shelf{border-bottom:11px solid #2a1208;align-items:flex-end;gap:5px;padding:6px 10px 0;display:flex;position:relative;box-shadow:0 4px 8px #00000080}.shelf:after{content:"";background:#8b691440;height:2px;position:absolute;bottom:-11px;left:0;right:0}.shelf--dark{background:#00000040}.book{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px 4px 4px 2px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,filter .15s;display:flex;position:relative;box-shadow:inset 3px 0 5px #ffffff1f,inset -3px 0 6px #00000059,2px 0 6px #0006}.book:hover{filter:brightness(1.18);z-index:2;transform:translateY(-10px)}.book:active{transform:translateY(-8px)scale(.98)}.book--tall{height:162px}.book--medium{height:130px}.book--short{height:98px}.book--wide{width:58px}.book--normal{width:40px}.book--thin{width:27px}.book-spine{writing-mode:vertical-rl;font-family:var(--font-body);white-space:nowrap;text-overflow:clip;letter-spacing:.03em;-webkit-user-select:none;user-select:none;text-shadow:0 1px 3px #00000080;max-height:92%;padding:10px 0;font-size:.68rem;font-style:italic;line-height:1;overflow:hidden;transform:rotate(180deg)}.book--dusty{filter:grayscale(.7)brightness(.55)saturate(.4);cursor:pointer}.book--dusty:hover{filter:grayscale(.4)brightness(.75)saturate(.7);transform:translateY(-8px)}.book--dusty:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 20% 20%,#c8c8b412 0%,#0000 50%),radial-gradient(circle at 80% 70%,#c8c8b40d 0%,#0000 40%);position:absolute;inset:0}.book--has-secret{animation:3s ease-in-out infinite secret-shimmer;overflow:visible}.book--has-secret:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(160deg,#faf0d8,#ede0bc);border:1px solid #8b691459;border-radius:1px 2px 0 0;width:13px;height:11px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(4deg);box-shadow:0 -2px 5px #00000038,inset 0 1px 2px #fff9}@keyframes secret-shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.22)drop-shadow(0 0 7px #c49a3c8c)}}.book-slot{background:#0000002e;border:1px dashed #ffffff0a;border-radius:1px;flex:1;min-width:22px;max-width:80px}.book-modal-overlay{inset:0;bottom:var(--bottom-bar-height);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:60;background:#120804e0;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.open-book{width:100%;max-width:740px;max-height:calc(100vh - var(--bottom-bar-height) - 60px);background:var(--cream);border-radius:3px 5px 5px 3px;animation:.3s cubic-bezier(.175,.885,.32,1.2) book-open;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000a6,0 0 0 1px #0000001a}@keyframes book-open{0%{opacity:0;transform:scale(.9)rotateY(-6deg)}to{opacity:1;transform:scale(1)rotateY(0)}}.book-page--left{text-align:center;background:#f0e6cc;border-right:3px solid #c8a878;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:12px;width:220px;padding:40px 28px;display:flex;box-shadow:inset -10px 0 20px #00000012}.book-ornament{color:var(--brass);opacity:.55;font-size:1.5rem}.book-title{font-family:var(--font-display);color:var(--dark-oak);letter-spacing:.04em;font-size:clamp(.78rem,1.5vw,.95rem);font-weight:700;line-height:1.45}.book-rule{background:var(--brass);opacity:.5;width:60px;height:1px}.book-author{font-family:var(--font-body);color:var(--walnut);opacity:.75;font-size:.78rem;font-style:italic;line-height:1.5}.book-library{font-family:var(--font-ui);color:var(--brass);opacity:.4;letter-spacing:.1em;text-transform:uppercase;margin-top:8px;font-size:.58rem}.book-page--right{background:var(--cream);flex-direction:column;flex:1;gap:14px;padding:36px 36px 56px 28px;display:flex;overflow-y:auto}.book-para{font-family:var(--font-body);color:var(--dark-oak);white-space:pre-line;font-size:.92rem;line-height:1.7}.book-close-btn{font-family:var(--font-display);letter-spacing:.08em;color:var(--walnut);cursor:pointer;white-space:nowrap;z-index:1;background:#c49a3c1f;border:1px solid #8b691459;border-radius:20px;padding:6px 20px;font-size:.72rem;font-weight:700;transition:background .2s,border-color .2s;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.book-close-btn:hover{border-color:var(--brass);background:#c49a3c38}.vault-discover-overlay{inset:0;bottom:var(--bottom-bar-height);z-index:70;pointer-events:none;background:0 0;justify-content:center;align-items:center;transition:background .4s;display:flex;position:fixed}.vault-discover-overlay--visible{pointer-events:all;background:#000000eb}.vault-discover-panel{text-align:center;background:linear-gradient(160deg,#1a0c06,#0e0806);border:1px solid #c49a3c40;border-radius:12px;flex-direction:column;align-items:center;gap:16px;max-width:380px;padding:48px 40px;animation:.5s cubic-bezier(.175,.885,.32,1.2) vault-panel-appear;display:flex;box-shadow:0 0 80px #c49a3c26,0 20px 60px #000c}@keyframes vault-panel-appear{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.vault-discover-icon{font-size:3.5rem;animation:.6s vault-icon-spin}@keyframes vault-icon-spin{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}.vault-discover-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.08em;text-shadow:0 0 20px #c49a3c80;font-size:1.4rem;font-weight:700}.vault-discover-body{font-family:var(--font-body);color:var(--parchment);opacity:.85;font-size:.95rem;font-style:italic;line-height:1.65}.vault-discover-btn{font-family:var(--font-display);letter-spacing:.07em;color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold), var(--brass));border:2px solid var(--aged-gold);cursor:pointer;border-radius:8px;margin-top:8px;padding:12px 32px;font-size:.88rem;font-weight:700;transition:filter .2s,box-shadow .2s;box-shadow:0 4px 20px #c49a3c59}.vault-discover-btn:hover{filter:brightness(1.1);box-shadow:0 4px 28px #c49a3c8c}@media (width<=600px){.study-page{height:auto;overflow:visible}.study-main{overflow-y:visible}.open-book{flex-direction:column;max-height:90vh}.book-page--left{width:100%;box-shadow:none;border-bottom:2px solid #c8a878;border-right:none;flex-flow:wrap;justify-content:center;gap:6px;padding:16px 20px}.book-ornament{display:none}.book-title{font-size:.88rem}.book-rule,.book-library{display:none}.book-page--right{padding:20px 20px 52px}.shelf{gap:4px;padding:4px 6px 0}.book--wide{width:48px}.book--normal{width:34px}.book--thin{width:22px}}.vault-page{min-height:calc(100vh - var(--bottom-bar-height));background:#060402;flex-direction:column;display:flex;position:relative;overflow-x:hidden}.vault-candle-glow{pointer-events:none;z-index:0;background:radial-gradient(55% 35% at 50% 100%,#c8641461 0%,#0000 60%),radial-gradient(30% 25% at 8% 85%,#a0460a38 0%,#0000 50%),radial-gradient(30% 25% at 92% 85%,#a0460a38 0%,#0000 50%);animation:5s ease-in-out infinite candle-flicker;position:fixed;inset:0}@keyframes candle-flicker{0%,to{opacity:1}22%{opacity:.83}45%{opacity:.95}68%{opacity:.87}}.vault-header{z-index:1;background:#0a0502b3;border-bottom:1px solid #c49a3c26;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;position:relative}.vault-back-btn{font-family:var(--font-display);color:#c49a3c99;cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:0 0;border:1px solid #c49a3c2e;border-radius:6px;flex-shrink:0;padding:5px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.vault-back-btn:hover{color:var(--aged-gold);border-color:#c49a3c73}.vault-header-title-group{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.vault-header-icon{font-size:1.1rem}.vault-header-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.1em;text-shadow:0 0 20px #c49a3c66;font-size:clamp(.9rem,2.5vw,1.15rem);font-weight:700}.vault-header-filler{flex-shrink:0;min-width:80px}.vault-main{z-index:1;flex-direction:column;flex:1;align-items:center;gap:20px;padding:24px 20px 32px;display:flex;position:relative}.vault-tagline{font-family:var(--font-body);color:var(--aged-gold);opacity:.4;letter-spacing:.06em;text-align:center;font-size:.82rem;font-style:italic}.vault-room{background:repeating-linear-gradient(90deg,#0000 0 78px,#ffffff05 78px 80px),repeating-linear-gradient(0deg,#0000 0 38px,#ffffff04 38px 40px),linear-gradient(#0c0806,#080504);border:1px solid #c49a3c14;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:24px 20px;width:100%;max-width:580px;padding:28px 20px 32px;display:grid;box-shadow:inset 0 0 60px #00000080}.vault-footer-note{font-family:var(--font-body);color:var(--parchment);opacity:.2;text-align:center;font-size:.78rem;font-style:italic}.vault-item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;transition:transform .2s;display:flex}.vault-item:hover{transform:translateY(-6px)}.vault-item:active{transform:translateY(-4px)scale(.97)}.vault-item-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--parchment);opacity:.65;text-align:center;max-width:120px;font-size:.62rem;font-weight:600;line-height:1.3}.vault-item-status{font-family:var(--font-ui);letter-spacing:.06em;border-radius:10px;padding:2px 7px;font-size:.55rem}.vault-item-status--locked{color:#c49a3c73;border:1px solid #c49a3c33}.vault-item-status--open{color:#a8d8a8cc;border:1px solid #a8d8a84d}.vault-item--locked .vshape{filter:brightness(.85)saturate(.85)}.vault-item--open .vshape{filter:brightness(1.1)}.vault-item:hover .vshape{filter:brightness(1.25)saturate(1.1)}.vault-item--open:hover .vshape{filter:brightness(1.3)drop-shadow(0 0 10px #c49a3c80)}.vshape{filter:drop-shadow(0 6px 14px #000000b3);flex-shrink:0;transition:filter .2s,transform .2s}.vshape-chest{width:140px;position:relative}.vchest-lid{background:repeating-linear-gradient(90deg,#0000 0 22px,#0000001f 22px 24px),linear-gradient(#6b4828 0%,#3d2010 100%);border:2px solid #8b6914;border-bottom:1px solid #5a4008;border-radius:8px 8px 0 0;height:44px;position:relative;box-shadow:inset 0 2px 6px #ffffff12}.vchest-lid-band{background:linear-gradient(90deg,#8b6914,#c49a3c,#8b6914);border-radius:2px;height:4px;position:absolute;bottom:6px;left:8px;right:8px;box-shadow:0 1px 3px #00000080}.vchest-clasp{z-index:1;background:linear-gradient(135deg,#c49a3c,#8b6914);border-radius:0 0 4px 4px;width:16px;height:8px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}.vchest-body{background:repeating-linear-gradient(90deg,#0000 0 22px,#0000001a 22px 24px),linear-gradient(#4a2c12 0%,#2c1408 100%);border:2px solid #8b6914;border-top:none;border-radius:0 0 6px 6px;height:64px;position:relative;box-shadow:inset 0 -3px 8px #0000004d}.vchest-band{background:linear-gradient(90deg,#6b4a10,#c49a3c 20%,#8b6914 50%,#c49a3c 80%,#6b4a10);height:5px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 1px 3px #0006}.vchest-lock{z-index:2;background:linear-gradient(135deg,#c49a3c,#8b6914);border-radius:3px;width:20px;height:15px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0009}.vchest-lock-arch{border:2.5px solid #c49a3c;border-bottom:none;border-radius:7px 7px 0 0;width:14px;height:11px;position:absolute;top:-10px;left:3px}.vshape-lockbox{background:radial-gradient(circle at 20% 18%,#ffffff0f 0%,#0000 40%),linear-gradient(160deg,#2a2a38 0%,#141420 100%);border:2px solid #3a3a55;border-radius:5px;width:105px;height:105px;position:relative;box-shadow:inset 1px 1px #ffffff0f,inset -1px -1px #00000080,0 8px 20px #000000b3}.vlockbox-rivet{background:radial-gradient(circle at 35% 35%,#484860,#1e1e2c);border:1px solid #2c2c44;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 2px #ffffff0f}.vlockbox-rivet--tl{top:7px;left:7px}.vlockbox-rivet--tr{top:7px;right:7px}.vlockbox-rivet--bl{bottom:7px;left:7px}.vlockbox-rivet--br{bottom:7px;right:7px}.vlockbox-stripe{background:linear-gradient(#2a2a40,#404060,#2a2a40);width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.vlockbox-keys{gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.vlockbox-keyhole{background:#0a0a14;border-radius:5px 5px 2px 2px;width:10px;height:14px;position:relative;box-shadow:inset 0 1px 3px #000c}.vlockbox-keyhole:after{content:"";background:#0a0a14;border-radius:0 0 1px 1px;width:5px;height:6px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.vshape-cabinet{flex-direction:column;width:72px;display:flex}.vcabinet-crown{background:linear-gradient(#3a5030,#263820);border:1px solid #4a6838;border-radius:3px 3px 0 0;height:12px;box-shadow:0 -2px 6px #0006}.vcabinet-glass{background:linear-gradient(#50a05a0f,#3c78460a),linear-gradient(#1e2c1a,#141e10);border:none;border-left:1px solid #3a5830;border-right:1px solid #3a5830;flex:1;height:120px;position:relative;overflow:hidden}.vcabinet-glint{background:linear-gradient(#0000 0%,#ffffff0a 20%,#ffffff12 50%,#ffffff08 80%,#0000 100%);width:6px;position:absolute;top:0;bottom:0;left:4px}.vcabinet-shelf{opacity:.7;background:#4a6838;height:2px;margin:0 4px}.vcabinet-shelf:first-child{margin-top:40px}.vcabinet-shelf:nth-child(2){margin-top:36px}.vcabinet-base{background:linear-gradient(#263820,#1a2814);border:1px solid #3a5830;border-top-color:#4a6838;border-radius:0 0 3px 3px;justify-content:center;align-items:center;height:18px;display:flex}.vcabinet-knob{background:radial-gradient(circle at 38% 35%,#c49a3c,#8b6914);border-radius:50%;width:10px;height:10px;box-shadow:0 1px 3px #0009}.vshape-journal{filter:drop-shadow(0 8px 16px #0009);align-items:stretch;width:140px;height:100px;display:flex}.vjournal-page{background:repeating-linear-gradient(#0000 0 11px,#5c3a1e14 11px 12px),linear-gradient(#f5ecd8,#e8d8b8);flex:1;position:relative;overflow:hidden}.vjournal-page--left{border-radius:3px 0 0 3px}.vjournal-page--right{border-radius:0 3px 3px 0;box-shadow:-2px 0 6px #0003}.vjournal-spine{background:linear-gradient(#5c3a1e,#3a2010);width:8px;box-shadow:inset -2px 0 4px #0000004d,inset 2px 0 3px #ffffff0f}.vjournal-line{background:#5c3a1e33;border-radius:1px;height:2px;position:absolute;left:8px;right:8px}.vjournal-line:first-child{top:24px}.vjournal-line:nth-child(2){top:38px}.vjournal-line--short{top:52px;right:32px}.vshape-crates{flex-direction:column;align-items:flex-end;gap:3px;width:120px;display:flex}.vcrate{background:repeating-linear-gradient(90deg,#0000 0 18px,#0000001a 18px 20px),linear-gradient(#5a3a18,#3a2208);border:1px solid #6b4820;border-radius:3px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #ffffff0d,0 3px 8px #00000080}.vcrate--small{align-self:flex-end;width:80px;height:38px;margin-right:6px}.vcrate--large{width:120px;height:58px}.vcrate-band{background:linear-gradient(90deg,#5a3a10,#8b6020,#5a3a10);height:3px;position:absolute;left:0;right:0}.vcrate--small .vcrate-band{top:50%;transform:translateY(-50%)}.vcrate--large .vcrate-band:first-child{top:18px}.vcrate--large .vcrate-band:nth-child(2){top:36px}.vshape-sphere{background:radial-gradient(circle at 35% 32%,#b478ff80 0%,#0000 45%),radial-gradient(circle at 65% 70%,#3c0078cc 0%,#0000 50%),radial-gradient(circle,#1a0430,#0a0118);border-radius:50%;width:100px;height:100px;animation:3.5s ease-in-out infinite orb-pulse;position:relative;overflow:hidden;box-shadow:0 0 22px #6e28c88c,0 0 50px #5a14b44d,inset 0 0 20px #0009}.vsphere-glint{background:radial-gradient(#ffffff2e 0%,#0000 70%);border-radius:50%;width:22px;height:14px;position:absolute;top:18%;left:22%;transform:rotate(-30deg)}@keyframes orb-pulse{0%,to{box-shadow:0 0 22px #6e28c88c,0 0 50px #5a14b44d,inset 0 0 20px #0009}50%{box-shadow:0 0 35px #823cdcbf,0 0 70px #6e28c873,inset 0 0 20px #0009}}.vault-games{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:580px;display:flex}.vault-games-heading{align-items:center;gap:12px;display:flex}.vault-games-ornament{color:var(--aged-gold);opacity:.4;font-size:.65rem}.vault-games-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.1em;opacity:.75;font-size:1rem;font-weight:700}.vault-games-sub{font-family:var(--font-body);color:var(--parchment);opacity:.35;margin-top:-6px;font-size:.78rem;font-style:italic}.vault-games-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.vault-game-card{cursor:pointer;text-align:center;background:#00000059;border:1px solid #c49a3c2e;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;transition:background .2s,border-color .2s,transform .15s;display:flex}.vault-game-card:hover{background:#8b691433;border-color:#c49a3c73;transform:translateY(-3px)}.vault-game-icon{filter:drop-shadow(0 2px 6px #00000080);font-size:2rem;line-height:1}.vault-game-name{font-family:var(--font-display);letter-spacing:.07em;color:var(--aged-gold);opacity:.85;font-size:.62rem;font-weight:700;line-height:1.3}.vault-game-desc{font-family:var(--font-body);color:var(--parchment);opacity:.5;font-size:.7rem;font-style:italic;line-height:1.4}.vault-game-prize{font-family:var(--font-display);color:var(--aged-gold);opacity:.6;background:#c49a3c1a;border:1px solid #c49a3c33;border-radius:10px;margin-top:2px;padding:2px 8px;font-size:.62rem;font-weight:700}@media (width<=420px){.vault-games-grid{grid-template-columns:1fr}.vault-game-card{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px}.vault-game-icon{font-size:1.6rem}}.vault-panel-overlay{inset:0;bottom:var(--bottom-bar-height);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:60;background:#000000b8;justify-content:center;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed}.vault-panel{background:linear-gradient(160deg,#1c1008,#0e0804);border:1px solid #c49a3c2e;border-bottom:none;border-radius:18px 18px 0 0;flex-direction:column;gap:14px;width:100%;max-width:560px;max-height:65vh;padding:8px 28px 32px;animation:.28s cubic-bezier(.175,.885,.32,1.1) slide-up;display:flex;overflow-y:auto}.vault-panel--open{border-color:#c49a3c59}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vault-panel-drag-handle{background:#c49a3c33;border-radius:2px;align-self:center;width:40px;height:4px;margin-bottom:4px}.vault-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.vault-panel-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;font-size:1.05rem;font-weight:700}.vault-panel-badge{font-family:var(--font-ui);letter-spacing:.06em;white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:.68rem;font-weight:600}.vault-panel-badge--locked{color:#c49a3c8c;background:#c49a3c0f;border:1px solid #c49a3c33}.vault-panel-badge--open{color:#a8d8a8d9;background:#a8d8a80f;border:1px solid #a8d8a84d}.vault-panel-flavor{font-family:var(--font-body);color:var(--parchment);opacity:.88;white-space:pre-line;font-size:.95rem;font-style:italic;line-height:1.72}.vault-panel-hint{font-family:var(--font-display);color:var(--aged-gold);opacity:.5;letter-spacing:.07em;background:#c49a3c0f;border:1px dashed #c49a3c33;border-radius:6px;padding:8px 14px;font-size:.72rem;font-weight:600}.vault-panel-close{font-family:var(--font-display);letter-spacing:.08em;color:var(--parchment);cursor:pointer;opacity:.6;background:0 0;border:1px solid #c49a3c38;border-radius:20px;align-self:center;padding:7px 24px;font-size:.72rem;font-weight:700;transition:opacity .2s,border-color .2s}.vault-panel-close:hover{opacity:1;border-color:#c49a3c80}.journal-overlay{inset:0;bottom:var(--bottom-bar-height);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:70;background:#000000d1;justify-content:center;align-items:center;padding:16px;animation:.22s fade-in;display:flex;position:fixed}.journal-reader{background:#f5f0e1;border:2px solid #c49a3c;border-radius:4px;flex-direction:column;gap:16px;width:100%;max-width:560px;max-height:82vh;padding:36px 36px 28px;animation:.28s cubic-bezier(.175,.885,.32,1.1) slide-up;display:flex;position:relative;overflow-y:auto;box-shadow:0 0 0 6px #c49a3c14,0 24px 60px #000c,inset 0 0 40px #5c3a1e0f}.journal-reader:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 27px,#5c3a1e0a 27px 28px);border-radius:3px;position:absolute;inset:0}.journal-reader-meta{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.journal-reader-day{color:#8b6914;letter-spacing:.04em;font-family:Georgia,Times New Roman,serif;font-size:.82rem;font-style:italic}.journal-reader-pager{color:#8b6914;opacity:.65;font-family:Georgia,Times New Roman,serif;font-size:.74rem;font-style:italic}.journal-reader-title{color:#2c1810;letter-spacing:.04em;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,3vw,1.3rem);font-weight:700;line-height:1.3}.journal-reader-divider{opacity:.35;background:linear-gradient(90deg,#0000,#c49a3c 20% 80%,#0000);height:1px;margin:-4px 0}.journal-reader-text{color:#5c3a1e;white-space:pre-line;font-family:Georgia,Times New Roman,serif;font-size:clamp(.88rem,2.2vw,.97rem);font-style:italic;line-height:1.85;position:relative}.journal-reader-locked{color:#8b6914;opacity:.6;text-align:center;background:#8b69140a;border:1px dashed #8b69144d;border-radius:4px;padding:10px 16px;font-family:Georgia,Times New Roman,serif;font-size:.8rem;font-style:italic}.journal-reader-nav{justify-content:space-between;gap:12px;margin-top:4px;display:flex}.journal-reader-btn{color:#5c3a1e;cursor:pointer;background:#c49a3c14;border:1px solid #8b69144d;border-radius:4px;flex:1;padding:7px 18px;font-family:Georgia,Times New Roman,serif;font-size:.8rem;font-style:italic;transition:background .18s,border-color .18s,color .18s}.journal-reader-btn:hover:not(:disabled){color:#2c1810;background:#c49a3c2e;border-color:#8b691499}.journal-reader-btn:disabled{opacity:.28;cursor:default}.journal-reader-btn--prev{text-align:left}.journal-reader-btn--next{text-align:right}.journal-reader-close{color:#8b6914;cursor:pointer;opacity:.7;background:0 0;border:1px solid #8b691447;border-radius:20px;align-self:center;margin-top:4px;padding:7px 28px;font-family:Georgia,Times New Roman,serif;font-size:.78rem;font-style:italic;transition:opacity .18s,border-color .18s}.journal-reader-close:hover{opacity:1;border-color:#8b691499}@media (width<=500px){.journal-reader{max-height:88vh;padding:24px 20px 20px}.journal-reader-nav{flex-direction:column;gap:8px}.journal-reader-btn--prev,.journal-reader-btn--next{text-align:center}.vault-room{grid-template-columns:repeat(2,1fr);gap:20px 16px;padding:20px 14px 24px}.vshape-chest{width:110px}.vchest-lid{height:36px}.vchest-body{height:52px}.vshape-lockbox{width:88px;height:88px}.vshape-sphere{width:85px;height:85px}.vshape-journal{width:115px;height:82px}.vault-panel{padding:8px 20px 28px}}.match-page{background:var(--dark-oak);background-image:radial-gradient(70% 50% at 50% 0,#5c3a1e80 0%,#0000 70%)}.match-stats{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:20px;display:flex}.match-stat{font-family:var(--font-body);color:var(--parchment);opacity:.75;font-size:.9rem}.match-stat strong{font-family:var(--font-display);color:var(--aged-gold);opacity:1;font-size:.95rem}.match-stat--coins strong{color:#7fbf7f}.match-setup-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:24px 20px;display:flex}.match-setup-tagline{font-family:var(--font-display);color:var(--aged-gold);margin:0;font-size:1.3rem}.match-setup-desc{font-family:var(--font-body);color:var(--parchment);opacity:.6;margin:0;font-size:.85rem;font-style:italic}.match-size-options{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.match-size-btn{border:2px solid var(--brass);cursor:pointer;width:90px;color:var(--parchment);background:#5c3a1e59;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;transition:background .18s,border-color .18s,transform .12s;display:flex}.match-size-btn:hover{background:#8b69144d;transform:translateY(-2px)}.match-size-btn--selected{border-color:var(--aged-gold);background:#8b691473}.match-size-num{font-family:var(--font-display);color:var(--aged-gold);font-size:2rem;line-height:1}.match-size-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:.7rem}.match-size-cards{font-family:var(--font-body);color:var(--parchment);opacity:.5;margin-top:4px;font-size:.72rem}.match-size-prize{font-family:var(--font-display);color:#7fbf7f;font-size:.7rem}.match-start-btn{font-family:var(--font-display);letter-spacing:.06em;color:var(--dark-oak);background:linear-gradient(160deg, var(--aged-gold), var(--brass));cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:12px 40px;font-size:1rem;transition:filter .15s,transform .12s}.match-start-btn:hover{filter:brightness(1.12);transform:translateY(-2px)}.match-grid{flex-shrink:0;grid-template-columns:repeat(4,72px);grid-auto-rows:100px;gap:10px;display:grid}.match-card{cursor:pointer;perspective:700px;width:72px;height:100px}.match-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s;position:relative}.match-card--flipped .match-card-inner,.match-card--matched .match-card-inner{transform:rotateY(180deg)}.match-card-back,.match-card-face{backface-visibility:hidden;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.match-card-back{border:2px solid var(--brass);background:linear-gradient(160deg,#3a2010,#1e0e08);box-shadow:inset 0 0 12px #0006,0 3px 10px #00000080}.match-card-back:before{content:"";border:1px solid #c49a3c40;border-radius:4px;position:absolute;inset:6px}.match-card-back-ornament{color:var(--aged-gold);opacity:.35;font-size:1.6rem}.match-card-face{border:2px solid;border-radius:8px;gap:4px;transform:rotateY(180deg);box-shadow:0 3px 10px #00000080}.match-card-icon{font-size:2.2rem;line-height:1}.match-card-img{object-fit:contain;border-radius:4px;width:80%;height:70%}.match-card-type-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;opacity:.8;font-size:.55rem;font-weight:700}.match-creature-img-wrap{isolation:isolate;border:2px solid;border-radius:5px;flex-shrink:0;width:60px;height:62px;position:relative;overflow:hidden}.match-creature-img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.match-creature-name{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:.9;max-width:66px;font-size:.48rem;font-weight:700;line-height:1.2;overflow:hidden}.match-card--matched .match-card-face{box-shadow:0 0 0 2px #64c86499,0 0 12px #64c8644d}.match-card:not(.match-card--flipped):not(.match-card--matched):hover .match-card-inner{transform:translateY(-4px)rotateY(0)}.match-hint{font-family:var(--font-body);color:var(--parchment);opacity:.35;flex-shrink:0;font-size:.8rem;font-style:italic}.match-main{flex-direction:column;flex:1;align-items:center;gap:18px;min-height:0;padding:20px 20px 24px;display:flex;overflow-y:auto}@media (width<=380px){.match-grid{grid-template-columns:repeat(4,62px);grid-auto-rows:88px;gap:8px}.match-card{width:62px;height:88px}.match-card-icon{font-size:1.8rem}.match-creature-img-wrap{width:52px;height:54px}.match-creature-name{max-width:58px;font-size:.42rem}.match-size-options{gap:10px}.match-size-btn{width:78px;padding:12px 8px}.match-size-num{font-size:1.7rem}}.rps-page{background:var(--dark-oak);background-image:radial-gradient(70% 50% at 50% 10%,#5c3a1e80 0%,#0000 65%)}.rps-main{flex-direction:column;flex:1;align-items:center;gap:20px;min-height:0;padding:22px 20px 28px;display:flex;overflow-y:auto}.rps-scoreboard{background:#00000040;border:1px solid #c49a3c26;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:420px;padding:14px 20px;display:flex}.rps-score-side{flex-direction:column;align-items:center;gap:4px;display:flex}.rps-score-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;opacity:.5;color:var(--parchment);font-size:.65rem;font-weight:700}.rps-score-side--you .rps-score-label{color:#7fbf7f}.rps-score-side--manor .rps-score-label{color:#bf7f7f}.rps-score-num{font-family:var(--font-display);color:var(--aged-gold);font-size:2rem;font-weight:700;line-height:1}.rps-score-vs{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.rps-challenger-name{font-family:var(--font-body);color:var(--parchment);opacity:.65;font-size:.82rem;font-style:italic}.rps-best-of{font-family:var(--font-ui);color:var(--aged-gold);opacity:.4;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.rps-pips{flex-shrink:0;align-items:center;gap:8px;display:flex}.rps-pip{border:2px solid #c49a3c4d;border-radius:50%;width:14px;height:14px;transition:background .3s,border-color .3s}.rps-pip--player.rps-pip--filled{background:#7fbf7f;border-color:#7fbf7f;box-shadow:0 0 8px #7fbf7f80}.rps-pip--manor.rps-pip--filled{background:#bf7f7f;border-color:#bf7f7f;box-shadow:0 0 8px #bf7f7f80}.rps-pips-divider{color:var(--aged-gold);opacity:.3;font-size:.6rem}.rps-arena{flex-shrink:0;justify-content:center;align-items:center;gap:20px;width:100%;max-width:420px;display:flex}.rps-combatant{flex-direction:column;flex:1;align-items:center;gap:8px;transition:transform .3s;display:flex}.rps-combatant--win{transform:scale(1.08)}.rps-combatant--lose{opacity:.7;transform:scale(.93)}.rps-hand{filter:drop-shadow(0 4px 12px #00000080);font-size:3.8rem;line-height:1;transition:transform .3s}.rps-hand--manor{transform:scaleX(-1)}.rps-hand-label{font-family:var(--font-display);letter-spacing:.07em;color:var(--parchment);opacity:.65;font-size:.72rem;font-weight:600}.rps-vs-center{opacity:.6;filter:drop-shadow(0 2px 6px #00000080);flex-shrink:0;font-size:1.8rem}.rps-round-result{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;font-size:.88rem;font-weight:700;animation:.3s result-pop}.rps-round-result--win{color:#7fbf7f}.rps-round-result--lose{color:#bf7f7f}.rps-round-result--draw{color:var(--aged-gold)}@keyframes result-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.rps-choices{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:14px;width:100%;max-width:420px;display:flex}.rps-choice-btn{border:2px solid var(--brass);cursor:pointer;background:#5c3a1e80;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:100px;max-width:130px;padding:16px 10px;transition:transform .15s,background .15s,border-color .15s;display:flex}.rps-choice-btn:hover{border-color:var(--aged-gold);background:#8b691466;transform:translateY(-4px)}.rps-choice-btn:active{transform:scale(.96)}.rps-choice-icon{font-size:2.4rem;line-height:1}.rps-choice-label{font-family:var(--font-display);letter-spacing:.06em;color:var(--parchment);opacity:.8;font-size:.72rem;font-weight:700}.rps-wait{font-family:var(--font-body);color:var(--parchment);opacity:.45;font-size:.85rem;font-style:italic}.dice-page{background:var(--dark-oak);background-image:radial-gradient(70% 50% at 50% 10%,#5c3a1e80 0%,#0000 65%)}.dice-main{flex-direction:column;flex:1;align-items:center;gap:24px;min-height:0;padding:24px 20px 32px;display:flex;overflow-y:auto}.dice-rules{font-family:var(--font-body);color:var(--parchment);opacity:.6;text-align:center;max-width:320px;font-size:.9rem;font-style:italic}.dice-tray{flex-shrink:0;justify-content:center;align-items:center;gap:18px;display:flex}.die{border:2px solid;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:96px;height:96px;transition:transform .1s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #ffffff12,inset 0 -3px 8px #0006,0 8px 24px #0009,4px 4px #0000004d}.die:before{content:"";background:#ffffff1f;border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:10%;right:10%}.die--rolling{animation:.14s ease-in-out infinite alternate die-tumble}@keyframes die-tumble{0%{transform:rotate(-5deg)scale(1.04)}to{transform:rotate(5deg)scale(.97)}}.die--matched{box-shadow:inset 0 2px 8px #ffffff1a,inset 0 -3px 8px #0000004d,0 8px 24px #00000080,0 0 0 3px #c4dc6480,0 0 20px #c4dc644d}.die-icon{font-size:2.8rem;line-height:1}.die-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;font-size:.6rem;font-weight:700}.dice-result{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;animation:.4s result-fade-in;display:flex}@keyframes result-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dice-result-msg{font-family:var(--font-display);letter-spacing:.06em;color:var(--parchment);font-size:1rem;font-weight:700}.dice-result--3 .dice-result-msg{color:var(--aged-gold);text-shadow:0 0 16px #c49a3c80}.dice-result--2 .dice-result-msg{color:#a8d8a8}.dice-result--1 .dice-result-msg{opacity:.55}.dice-result-coins{font-family:var(--font-display);color:var(--aged-gold);font-size:1.2rem;font-weight:700;animation:.4s cubic-bezier(.175,.885,.32,1.4) .1s both coins-pop}@keyframes coins-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.dice-roll-btn{font-family:var(--font-display);letter-spacing:.07em;color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold), var(--brass));border:2px solid var(--aged-gold);cursor:pointer;border-radius:12px;flex-shrink:0;padding:16px 44px;font-size:1rem;font-weight:700;transition:filter .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 18px #8b691473}.dice-roll-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 24px #c49a3c8c}.dice-roll-btn:active:not(:disabled){transform:scale(.97)}.dice-roll-btn--rolling{opacity:.65;cursor:not-allowed}.dice-session-total{font-family:var(--font-display);color:var(--aged-gold);opacity:.65;letter-spacing:.06em;flex-shrink:0;font-size:.82rem;font-weight:700}.dice-odds{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.dice-odds span{font-family:var(--font-ui);color:var(--parchment);opacity:.28;letter-spacing:.04em;font-size:.65rem}@media (width<=400px){.die{border-radius:14px;width:80px;height:80px}.die-icon{font-size:2.2rem}.dice-tray{gap:12px}}.parlor-page{min-height:calc(100vh - var(--bottom-bar-height));font-family:var(--font-body);background:radial-gradient(at top,#3a1e0a 0%,#2c1810 55%,#1a0e06 100%);flex-direction:column;display:flex}@keyframes parlor-fade-anim{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.parlor-fade{animation:.28s parlor-fade-anim}.parlor-header{background:var(--walnut);border-bottom:2px solid var(--brass);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;box-shadow:0 2px 12px #0006}.parlor-back-btn{font-family:var(--font-display);color:var(--parchment);cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:0 0;border:1px solid #c49a3c4d;border-radius:6px;flex-shrink:0;padding:5px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.parlor-back-btn:hover{color:var(--aged-gold);border-color:var(--aged-gold);background:#c49a3c1a}.parlor-title-group{flex:1;justify-content:center;align-items:center;gap:8px;font-size:1.1rem;display:flex}.parlor-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.08em;text-shadow:0 2px 6px #0006;font-size:clamp(.9rem,2.5vw,1.15rem);font-weight:700}.parlor-coins{font-family:var(--font-display);color:var(--aged-gold);text-align:right;flex-shrink:0;min-width:80px;font-size:.85rem;font-weight:700}.scholar-note-overlay{z-index:250;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scholar-note-panel{background:#fff8e7;border:1.5px solid #8b6914;border-radius:8px;flex-direction:column;gap:12px;width:min(320px,90vw);padding:24px 26px 20px;display:flex;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffffb3}.scholar-note-title{font-family:var(--font-display);color:#2c1810;text-align:center;letter-spacing:.06em;margin:0;font-size:1rem}.scholar-note-flavour{color:#5c3a1e;margin:0;font-family:Georgia,serif;font-size:.85rem;font-style:italic;line-height:1.6}.scholar-note-input{color:#2c1810;box-sizing:border-box;background:#fffdf5;border:1px solid #c49a3c;border-radius:4px;outline:none;width:100%;padding:8px 10px;font-family:Georgia,serif;font-size:.9rem}.scholar-note-input:focus{border-color:#8b6914;box-shadow:0 0 0 2px #c49a3c2e}.scholar-note-submit{color:#e8c9a0;font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;background:#5c3a1e;border:1px solid #8b6914;border-radius:5px;align-self:flex-end;padding:8px 20px;font-size:.85rem;transition:background .15s,color .15s}.scholar-note-submit:hover{color:#fff8e7;background:#8b6914}.parlor-main{padding:16px 14px calc(var(--bottom-bar-height) + 20px);flex:1;overflow-y:auto}.parlor-tagline{color:var(--parchment);text-align:center;opacity:.7;margin-bottom:18px;padding:0 4px;font-size:.9rem;font-style:italic}.parlor-notice-board{border:2px solid var(--brass);background:#221208;border-radius:10px;margin-bottom:18px;overflow:hidden}.parlor-notice-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--aged-gold);background:var(--walnut);border-bottom:1px solid #8b691466;padding:5px 14px;font-size:.75rem;font-weight:700}.parlor-notice-scroll{scrollbar-width:none;gap:10px;padding:10px 12px;display:flex;overflow-x:auto}.parlor-notice-scroll::-webkit-scrollbar{display:none}.parlor-notice-pin{color:var(--parchment);background:#e8c9a00f;border:1px solid #c49a3c2e;border-radius:6px;flex-shrink:0;max-width:210px;padding:6px 10px;font-size:.78rem;font-style:italic;line-height:1.4}@keyframes encourage-glow{0%{box-shadow:0 0 10px #c49a3c33}to{box-shadow:0 0 22px #c49a3c80}}.parlor-encouragement{background:linear-gradient(135deg,#3d2010,#2c1810);border:1.5px solid #c49a3c;border-radius:10px;align-items:flex-start;gap:10px;margin:0 0 12px;padding:12px 16px;animation:2s ease-in-out infinite alternate encourage-glow;display:flex;position:relative}.parlor-encourage-icon{flex-shrink:0;font-size:1.4rem}.parlor-encourage-text{color:#e8c9a0;margin:0;font-family:Georgia,serif;font-size:.9rem;font-style:italic;line-height:1.5}.parlor-encourage-text strong{color:#c49a3c;font-style:normal}.parlor-encourage-dismiss{color:#8b6914;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:.8rem;position:absolute;top:6px;right:8px}.parlor-zone-row{gap:10px;margin-bottom:10px;display:grid}.parlor-zone-row--top{grid-template-columns:repeat(3,1fr)}.parlor-zone-row--alcoves{grid-template-columns:1fr 1fr}.parlor-zone-card{cursor:pointer;text-align:center;background:linear-gradient(160deg,#3d1f0a,#2a1608);border:1px solid #8b691466;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative}.parlor-zone-card:hover{border-color:var(--aged-gold);background:linear-gradient(160deg,#4a2610,#331a08);transform:translateY(-2px);box-shadow:0 4px 16px #0006}.parlor-zone-card--alcove{background:linear-gradient(160deg,#28120a,#1e0e06);border-style:dashed}.parlor-zone-card--empty{opacity:.5;cursor:default}.parlor-zone-card--empty:hover{box-shadow:none;border-color:#8b691466;transform:none}.pzc-icon{font-size:1.9rem}.pzc-label{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;font-size:.72rem;font-weight:700}.pzc-npc{color:var(--leather);font-size:.76rem}.pzc-desc{color:var(--parchment);opacity:.55;font-size:.68rem;font-style:italic;line-height:1.3}.parlor-zone-view{padding-bottom:calc(var(--bottom-bar-height) + 20px);flex-direction:column;flex:1;display:flex;overflow-y:auto}.parlor-zone-view--bar{background:linear-gradient(#4a281040 0%,#0000 35%)}.parlor-zone-view--alcove{background:radial-gradient(at top,#28120a80 0%,#0000 55%)}.parlor-zone-view--mystery{background:radial-gradient(at top,#3c123840 0%,#0000 50%)}.parlor-scene{flex-direction:column;align-items:center;gap:10px;padding:16px 20px 4px;display:flex}.parlor-scene--alcove{position:relative}.parlor-scene--mystery{background:radial-gradient(#4a19422e 0%,#0000 70%);border-radius:16px;margin:8px;padding-top:24px}.parlor-bar-counter{border:2px solid var(--brass);background:linear-gradient(#4a2810,#2a1608);border-radius:10px 10px 0 0;width:100%;max-width:480px;overflow:hidden}.parlor-bar-bottles{justify-content:center;gap:14px;padding:12px 16px 8px;display:flex}.parlor-bottle{font-size:1.6rem}.parlor-bar-plank{border-top:2px solid var(--brass);background:linear-gradient(#7a4820,#5c3a1e);height:14px}.parlor-scholar-books{gap:10px;padding:8px 0;display:flex}.parlor-alcove-candle{filter:drop-shadow(0 0 8px #c49a3c80);font-size:2.6rem}.parlor-mystery-glow{pointer-events:none;background:radial-gradient(at 50% 60%,#4a19424d 0%,#0000 70%);border-radius:16px;animation:3s ease-in-out infinite alternate mystery-pulse;position:absolute;inset:0}@keyframes mystery-pulse{0%{opacity:.5}to{opacity:1}}.parlor-npc-figure{flex-direction:column;align-items:center;gap:3px;display:flex}.parlor-npc-avatar{background:radial-gradient(circle,#c49a3c1a 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:3.2rem;display:flex}.parlor-npc-avatar--sm{width:52px;height:52px;font-size:2.4rem}.parlor-npc-avatar--mystery{filter:drop-shadow(0 0 8px #9600c859)}.parlor-npc-name{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;font-size:.9rem;font-weight:700}.parlor-npc-role{color:var(--leather);font-size:.76rem;font-style:italic}.parlor-npc-panel{flex-direction:column;flex:1;justify-content:flex-end;gap:10px;padding:12px 16px 16px;display:flex}.parlor-npc-bubble{cursor:pointer;background:linear-gradient(160deg,#3d2010,#2a1608);border:1px solid #c49a3c59;border-radius:14px;min-height:88px;padding:18px 20px;position:relative}.parlor-npc-text{color:var(--parchment);white-space:pre-line;font-size:1rem;font-style:italic;line-height:1.65}.parlor-npc-cursor{color:var(--aged-gold);margin-left:1px;animation:.9s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.parlor-npc-controls{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.parlor-npc-progress{color:var(--leather);opacity:.65;font-size:.76rem}.parlor-npc-btn{font-family:var(--font-display);letter-spacing:.06em;color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold), var(--brass));cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:.8rem;font-weight:700;transition:filter .18s}.parlor-npc-btn:hover{filter:brightness(1.1)}.parlor-merchant-top{align-items:flex-start;gap:12px;padding:14px 16px 8px;display:flex}.parlor-merchant-info{flex-direction:column;flex:1;gap:2px;display:flex}.parlor-mira-quip{font-family:var(--font-body);color:var(--leather);opacity:.85;margin-top:3px;font-size:.78rem;font-style:italic}.parlor-restock-badge{text-align:center;background:#00000040;border:1px solid #c49a3c40;border-radius:8px;flex-direction:column;flex-shrink:0;align-self:center;align-items:center;gap:1px;min-width:64px;padding:6px 10px;display:flex}.parlor-restock-badge--ready{border-color:#64b4644d}.parlor-restock-label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--parchment);opacity:.45;font-size:.55rem}.parlor-restock-time{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.04em;font-size:.72rem;font-weight:700}.parlor-restock-badge--ready .parlor-restock-time{color:#7fbf7f}.parlor-tabs{background:#00000040;border-radius:8px;margin:0 16px 14px;padding:3px;display:flex}.parlor-tab{font-family:var(--font-display);letter-spacing:.06em;color:var(--leather);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px;font-size:.8rem;font-weight:700;transition:all .18s}.parlor-tab--on{color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold), var(--brass))}.parlor-sell-cap{font-family:var(--font-body);color:var(--parchment);background:#c49a3c14;border:1px solid #c49a3c40;border-radius:8px;align-items:center;gap:10px;margin:0 14px 10px;padding:9px 13px;font-size:.8rem;line-height:1.4;display:flex}.parlor-sell-cap--full{background:#8b25001f;border-color:#8b25004d}.parlor-sell-cap-icon{flex-shrink:0;font-size:1rem}.parlor-sell-cap strong{color:var(--aged-gold)}.parlor-sell-cap--full strong{color:#c87050}.parlor-card-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 14px 14px;display:grid}.parlor-empty{color:var(--parchment);opacity:.6;text-align:center;grid-column:1/-1;padding:24px;font-size:.9rem;font-style:italic}.pmc{border:2px solid var(--type-color,#8b6914);background:linear-gradient(160deg,#e8c9a0,#d4a574);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.pmc-header{background:var(--type-color,#5c3a1e);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.pmc-name{font-family:var(--font-display);color:var(--cream);letter-spacing:.04em;font-size:.72rem;font-weight:700}.pmc-type{font-size:1rem}.pmc-img-wrap{aspect-ratio:4/3;background:var(--parchment);flex-shrink:0;width:100%;overflow:hidden}.pmc-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.pmc-level-row{background:#0000000f;border-top:1px solid #0000000f;justify-content:space-between;align-items:center;padding:4px 8px 2px;display:flex}.pmc-level-tag{font-family:var(--font-ui);color:var(--type-color,var(--walnut));letter-spacing:.06em;font-size:.62rem;font-weight:700}.pmc-stars{color:var(--aged-gold);letter-spacing:.05em;font-size:.65rem}.pmc-stats{flex-wrap:wrap;gap:3px;padding:6px 8px;display:flex}.pmc-stats span{font-family:var(--font-ui);color:var(--dark-oak);background:#2c18101a;border-radius:4px;padding:2px 5px;font-size:.65rem}.pmc-btn{font-family:var(--font-display);letter-spacing:.04em;color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold), var(--brass));cursor:pointer;border:none;border-radius:6px;margin:0 8px 8px;padding:6px;font-size:.72rem;font-weight:700;transition:filter .18s}.pmc-btn:hover:not(:disabled){filter:brightness(1.1)}.pmc-btn--disabled{opacity:.4;cursor:not-allowed}.pmc-btn--legendary{color:#c49a3c;opacity:1;cursor:default;text-align:center;background:0 0;border:1px solid #8b6914;border-radius:6px;padding:5px 8px;font-family:Georgia,serif;font-size:.65rem;font-style:italic;display:block}.pmc-btn--sell{color:var(--parchment);background:linear-gradient(135deg,#7a4820,#5c3a1e)}.parlor-toast{bottom:calc(var(--bottom-bar-height) + 12px);background:linear-gradient(135deg, var(--walnut), #2a1608);border:1px solid var(--aged-gold);font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.05em;white-space:nowrap;z-index:99;pointer-events:none;border-radius:20px;padding:8px 20px;font-size:.82rem;font-weight:600;animation:.25s toast-in,.25s 1.95s forwards toast-out;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.mira-dialog-overlay{z-index:200;background:#140a04c7;justify-content:center;align-items:center;padding:20px;animation:.2s parlor-fade-anim;display:flex;position:fixed;inset:0}.mira-dialog{border:2px solid var(--brass);background:linear-gradient(160deg,#3d2010,#271408);border-radius:16px;width:100%;max-width:360px;overflow:hidden;box-shadow:0 12px 48px #000000b3}.mira-dialog-header{border-bottom:1px solid #8b69144d;align-items:center;gap:12px;padding:14px 16px 10px;display:flex}.mira-dialog-identity{flex-direction:column;gap:1px;display:flex}.mira-dialog-bubble{background:#0003;border:1px solid #c49a3c40;border-radius:12px;margin:12px 14px;padding:14px 16px}.mira-dialog-line{font-family:Georgia, var(--font-body);color:var(--parchment);font-size:.95rem;font-style:italic;line-height:1.6}.mira-dialog-quality{font-family:var(--font-display);letter-spacing:.06em;color:var(--aged-gold);text-align:center;margin:0 14px 8px;font-size:.7rem;font-weight:700}.mira-dialog-offer{border-top:1px solid #8b691433;justify-content:space-between;align-items:center;padding:10px 16px 14px;display:flex}.mira-dialog-creature{font-family:var(--font-display);color:var(--cream);letter-spacing:.04em;font-size:.88rem;font-weight:700}.mira-dialog-price{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.mira-dialog-price-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--leather);opacity:.7;font-size:.58rem}.mira-dialog-price-value{font-family:var(--font-display);color:var(--aged-gold);font-size:1.2rem;font-weight:700}.mira-dialog-actions{gap:10px;padding:0 14px 16px;display:flex}.mira-dialog-btn{font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;border:none;border-radius:10px;flex:1;padding:11px;font-size:.85rem;font-weight:700;transition:filter .18s}.mira-dialog-btn:hover{filter:brightness(1.1)}.mira-dialog-btn--sell{background:linear-gradient(135deg, var(--aged-gold), var(--brass));color:var(--dark-oak)}.mira-dialog-btn--keep{color:var(--leather);background:#ffffff14;border:1px solid #c49a3c40}.mira-shop-layout{flex-direction:column;gap:0;display:flex}.mira-shop-section{flex-direction:column;display:flex}.mira-shelf-divider{border-top:2px solid var(--aged-gold);background:linear-gradient(#8b5a2b 0%,#6b4220 40%,#4a2810 100%);border-bottom:3px solid #00000073;height:14px;margin:14px 0 0;position:relative;box-shadow:0 4px 10px #0006}.mira-shelf-divider:before,.mira-shelf-divider:after{content:"✦";color:var(--aged-gold);opacity:.55;font-size:.5rem;position:absolute;top:50%;transform:translateY(-50%)}.mira-shelf-divider:before{left:14px}.mira-shelf-divider:after{right:14px}.mira-shop-section--buyback{background:linear-gradient(#1a0e06b3 0%,#140a0480 100%);border-bottom:3px solid #c49a3c59;border-left:3px solid #c49a3c59;border-right:3px solid #c49a3c59;border-radius:0 0 10px 10px;margin-top:0;padding-bottom:8px}.mira-section-header{justify-content:space-between;align-items:center;padding:8px 14px 6px;display:flex}.mira-shop-section--buyback .mira-section-header{background:linear-gradient(135deg,#4a2810 0%,#2c1810 100%);border-bottom:1px solid #c49a3c66;margin-bottom:4px;padding:10px 14px}.mira-section-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--aged-gold);text-transform:uppercase;font-size:.72rem;font-weight:700}.mira-shop-section--buyback .mira-section-title{letter-spacing:.12em;text-shadow:0 1px 4px #00000080;font-size:.82rem}.mira-section-note{font-family:var(--font-ui);color:var(--leather);opacity:.7;font-size:.62rem}.mira-shop-section--buyback .mira-section-note{opacity:.9;background:#00000040;border:1px solid #c49a3c4d;border-radius:10px;padding:2px 8px}.mira-empty-table{justify-content:center;align-items:center;padding:10px 14px 20px;display:flex}.mira-gone-sign{border:2px solid var(--brass);text-align:center;background:linear-gradient(160deg,#f5e8c8,#e8c9a0);border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:240px;padding:20px 32px 18px;display:flex;position:relative;box-shadow:0 4px 16px #00000059,inset 0 1px #fff9}.mira-gone-sign:before{content:"📌";filter:drop-shadow(0 2px 3px #0000004d);font-size:1rem;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.mira-gone-icon{filter:drop-shadow(0 2px 4px #8b691466);margin-bottom:2px;font-size:2rem}.mira-gone-text{font-family:var(--font-display);color:var(--dark-oak);letter-spacing:.06em;margin:0;font-size:1rem;font-weight:700}.mira-gone-sub{font-family:Georgia, var(--font-body);color:var(--walnut);opacity:.75;margin:0;font-size:.82rem;font-style:italic}.mira-restock-countdown{background:var(--walnut);font-family:var(--font-ui);color:var(--aged-gold);letter-spacing:.04em;border-radius:20px;margin-top:6px;padding:3px 14px;font-size:.72rem;font-weight:700;box-shadow:0 2px 6px #00000040}.pmc--buyback{border-color:var(--aged-gold);background:linear-gradient(160deg,#eee0a0,#d4b860);border-width:2px;position:relative;box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff40}.pmc--selected{outline:2px solid var(--aged-gold);outline-offset:2px;box-shadow:0 0 0 4px #c49a3c2e}.pmc-buyback-ribbon{font-family:var(--font-ui);letter-spacing:.06em;color:var(--dark-oak);background:linear-gradient(90deg, var(--aged-gold), #e8b830);text-align:center;border-bottom:1px solid #8b69144d;padding:2px 8px;font-size:.58rem;font-weight:700}.pmc-btn--buyback{color:var(--cream);background:linear-gradient(135deg,#c9a020,#a07810)}.pmc-btn--buyback:hover:not(:disabled){filter:brightness(1.12)}.mira-dialog-shelf-warn{font-family:var(--font-body);color:#c87050;text-align:center;background:#8b25001a;border:1px solid #8b25004d;border-radius:8px;margin:0 14px 10px;padding:8px 12px;font-size:.78rem;font-style:italic;line-height:1.4}@media (width<=380px){.parlor-zone-row--top{grid-template-columns:1fr 1fr}.parlor-card-grid{grid-template-columns:1fr}}.dev-overlay{z-index:500;background:#040200eb;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.dev-panel{background:var(--cream);border:2px solid var(--walnut);outline:3px solid var(--leather);outline-offset:-1px;border-radius:8px;width:100%;max-width:480px;margin:auto;overflow:hidden;box-shadow:0 16px 60px #000000b3}.dev-header{background:var(--walnut);border-bottom:2px solid var(--brass);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dev-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;font-size:.92rem;font-weight:700}.dev-close{color:var(--parchment);cursor:pointer;background:#ffffff14;border:1px solid #c49a3c59;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.88rem;transition:background .15s;display:flex}.dev-close:hover{background:#ffffff29}.dev-toast{background:var(--walnut);color:var(--aged-gold);font-family:var(--font-ui);letter-spacing:.04em;text-align:center;border-bottom:1px solid #c49a3c4d;padding:6px 16px;font-size:.8rem;font-weight:600}.dev-section{border-bottom:1px solid #5c3a1e26;padding:14px 16px 16px}.dev-section:last-child{border-bottom:none}.dev-section-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--brass);text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:700}.dev-fields{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.dev-field{font-family:var(--font-body);color:var(--walnut);justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;display:flex}.dev-field span{flex:1}.dev-input{background:var(--linen);width:80px;color:var(--dark-oak);font-family:var(--font-ui);text-align:right;border:1px solid #5c3a1e66;border-radius:4px;padding:4px 8px;font-size:.85rem}.dev-input:focus{outline:2px solid var(--brass);outline-offset:1px}.dev-btn{font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;background:linear-gradient(135deg, var(--brass), var(--aged-gold));color:var(--dark-oak);border:1px solid var(--aged-gold);border-radius:4px;width:100%;padding:8px 14px;font-size:.8rem;font-weight:600;transition:filter .15s,transform .1s}.dev-btn:hover{filter:brightness(1.08)}.dev-btn:active{transform:translateY(1px)}.dev-flags{flex-direction:column;gap:5px;display:flex}.dev-flag-btn{color:var(--walnut);font-family:var(--font-ui);cursor:pointer;text-align:left;background:#5c3a1e0a;border:1px solid #5c3a1e33;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:.75rem;transition:background .12s,border-color .12s;display:flex}.dev-flag-btn:hover{background:#5c3a1e17;border-color:#5c3a1e59}.dev-flag-btn--on{border-color:var(--aged-gold);color:var(--dark-oak);background:#8b69141f}.dev-flag-dot{text-align:center;width:14px;color:var(--brass);flex-shrink:0;font-size:.7rem}.dev-flag-btn--on .dev-flag-dot{color:var(--aged-gold)}.dev-audio-info{font-family:var(--font-ui);color:var(--walnut);gap:16px;margin-bottom:10px;font-size:.78rem;font-weight:600;display:flex}.dev-scenarios{flex-direction:column;gap:6px;display:flex}.dev-btn--scenario{color:var(--walnut);letter-spacing:.02em;text-align:left;background:#5c3a1e12;border:1px solid #5c3a1e38;padding:7px 12px;font-size:.78rem;font-weight:500}.dev-btn--scenario:hover{filter:none;background:#5c3a1e1f;border-color:#5c3a1e66}.dev-section--danger{background:#8b25000a}.dev-section--danger .dev-section-label{color:#b03010}.dev-danger-note{font-family:var(--font-body);color:var(--walnut);margin:0 0 10px;font-size:.8rem;font-style:italic;line-height:1.5}.dev-btn--reset{color:var(--cream);background:linear-gradient(135deg,#8b2500,#c62828);border-color:#8b2500}.dev-btn--reset:hover{filter:brightness(1.1)}.dev-danger-confirm{flex-direction:column;gap:8px;display:flex}.dev-danger-confirm-text{font-family:var(--font-body);color:#8b2500;font-size:.82rem;font-weight:600}.dev-btn--cancel{color:var(--walnut);background:#2c181012;border:1px solid #5c3a1e4d}@keyframes quest-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 3px #fff8e7,0 0 12px 4px #e63946cc,0 0 24px 8px #e6394666}50%{transform:scale(1.15);box-shadow:0 0 0 3px #fff8e7,0 0 20px 8px #e63946,0 0 40px 16px #e6394680}}.pzc-quest-badge{color:#fff;pointer-events:none;z-index:5;background:#e63946;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:700;animation:1.6s ease-in-out infinite quest-pulse;display:flex;position:absolute;top:-10px;right:-10px}.parlor-mira-quip--quest{color:#c87050;font-style:normal;font-weight:600}.parlor-npc-actions{flex:1;justify-content:flex-end;gap:8px;display:flex}.parlor-npc-actions .parlor-npc-btn{white-space:nowrap;flex:1;max-width:160px;padding:8px 10px;font-size:.75rem}.parlor-feedback-btn{color:#5c3a1e;cursor:pointer;background:#fff8e7;border:1px solid #d4a574;border-radius:6px;margin:8px auto 0;padding:6px 16px;font:italic 13px Georgia,serif;display:block}.parlor-feedback-btn:hover{background:#f5f0e1}.parlor-feedback-btn:disabled{opacity:.5;cursor:default}.feedback-overlay{z-index:300;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.feedback-panel{text-align:center;background:#fff8e7;border:2px solid #d4a574;border-radius:12px;width:100%;max-width:400px;padding:24px}.feedback-title{color:#2c1810;margin:0 0 4px;font:700 20px Georgia,serif}.feedback-subtitle{color:#8b6914;margin:0 0 8px;font:italic 14px Georgia,serif}.feedback-divider{color:#d4a574;margin:8px 0 16px}.feedback-label{text-align:left;color:#5c3a1e;margin:0 0 4px;font:13px Georgia,serif;display:block}.feedback-opt{color:#8b6914;font-size:11px}.feedback-input,.feedback-textarea{color:#2c1810;box-sizing:border-box;background:#f5f0e1;border:1px solid #d4a574;border-radius:6px;width:100%;margin:0 0 12px;padding:8px 10px;font:14px Georgia,serif}.feedback-textarea{resize:vertical}.feedback-rating-row{gap:6px;margin:0 0 16px;display:flex}.feedback-rating-btn{color:#5c3a1e;cursor:pointer;background:#f5f0e1;border:1px solid #d4a574;border-radius:6px;flex:1;padding:6px 4px;font:12px Georgia,serif}.feedback-rating-btn--on{color:#fff8e7;background:#c49a3c;border-color:#8b6914}.feedback-error{color:#8b2500;margin:0 0 8px;font:italic 13px Georgia,serif}.feedback-send-btn{color:#fff8e7;cursor:pointer;background:#8b6914;border:none;border-radius:8px;width:100%;margin:4px 0;padding:10px;font:700 15px Georgia,serif}.feedback-send-btn:hover{background:#c49a3c}.feedback-send-btn:disabled{opacity:.5;cursor:default}.feedback-cancel-btn{color:#8b6914;cursor:pointer;background:0 0;border:none;margin-top:4px;font:13px Georgia,serif}.feedback-done-icon{margin:0 0 8px;font-size:36px;display:block}.feedback-done-title{color:#2c1810;margin:0 0 8px;font:700 20px Georgia,serif}.feedback-done-text{color:#5c3a1e;margin:0 0 16px;font:14px Georgia,serif}.feedback-close-btn{color:#fff8e7;cursor:pointer;background:#8b6914;border:none;border-radius:8px;padding:8px 24px;font:700 14px Georgia,serif}.crogan-page{height:calc(100vh - var(--bottom-bar-height));background:var(--dark-oak);flex-direction:column;display:flex;overflow:hidden}.crogan-header{background:var(--walnut);border-bottom:2px solid var(--brass);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.crogan-back-btn{color:var(--leather);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:.8rem;transition:background .15s,color .15s}.crogan-back-btn:hover{color:var(--cream);background:#ffffff12}.crogan-title-group{align-items:center;gap:8px;display:flex}.crogan-title-icon{font-size:1.1rem}.crogan-title{font-family:var(--font-display);color:var(--cream);letter-spacing:.05em;margin:0;font-size:clamp(.8rem,2.2vw,1.1rem)}.crogan-header-filler{width:80px}.crogan-select{flex-direction:column;flex:1;align-items:center;padding:16px;display:flex;overflow-y:auto}.crogan-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px 16px;display:flex}.crogan-empty-icon{font-size:3rem}.crogan-empty-title{font-family:var(--font-display);color:var(--aged-gold);margin:0;font-size:1.1rem}.crogan-empty-body{font-family:var(--font-body);color:var(--leather);margin:0;font-size:.9rem}.crogan-empty-btn{background:linear-gradient(145deg, var(--brass), var(--aged-gold));color:var(--dark-oak);border:1px solid var(--aged-gold);font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;border-radius:4px;margin-top:8px;padding:10px 20px;font-size:.88rem;font-weight:600}.crogan-select-prompt{font-family:var(--font-display);color:var(--leather);letter-spacing:.04em;align-items:center;gap:8px;margin:0 0 4px;font-size:.88rem;display:flex}.crogan-ornament{color:var(--aged-gold);opacity:.6}.crogan-select-count{font-family:var(--font-ui);color:var(--aged-gold);margin:0 0 12px;font-size:.78rem}.crogan-enemy-preview{background:#00000040;border:1px solid #8b5a2b59;border-radius:6px;width:100%;max-width:480px;margin-bottom:16px;padding:10px 14px}.crogan-enemy-preview-label{font-family:var(--font-ui);color:var(--leather);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:.7rem}.crogan-enemy-chips{flex-wrap:wrap;gap:8px;display:flex}.crogan-enemy-chip{background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:6px;padding:5px 10px;display:flex}.crogan-enemy-chip-name{font-family:var(--font-display);color:var(--cream);font-size:.8rem}.crogan-enemy-chip-type{font-family:var(--font-ui);letter-spacing:.05em;text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:.65rem;font-weight:600}.crogan-chip-type--iron{color:#aaa;background:#1a1a1ab3}.crogan-chip-type--ember{color:#e07050;background:#8b250059}.crogan-chip-type--storm{color:#d4a020;background:#7d5a0059}.crogan-chip-type--thorn{color:#5cb878;background:#1e563159}.crogan-chip-type--tide{color:#5aaad0;background:#1b4f7259}.crogan-chip-type--phantom{color:#c070c0;background:#4a194259}.crogan-select-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;width:100%;max-width:700px;display:grid}.crogan-select-slot{cursor:pointer;outline-offset:2px;border-radius:8px;outline:2px solid #0000;transition:transform .15s,box-shadow .15s;position:relative}.crogan-select-slot:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.crogan-select-slot--chosen{outline-color:var(--aged-gold);box-shadow:0 0 0 3px #c49a3c4d}.crogan-select-badge{background:var(--aged-gold);color:var(--dark-oak);font-family:var(--font-display);pointer-events:none;border-radius:3px;padding:2px 7px;font-size:.72rem;font-weight:700;position:absolute;top:6px;left:6px}.crogan-select-hover{font-family:var(--font-display);color:var(--cream);opacity:0;pointer-events:none;background:#c49a3c1f;border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;transition:opacity .15s;display:flex;position:absolute;inset:0}.crogan-select-slot:hover .crogan-select-hover,.crogan-select-slot--chosen .crogan-select-hover{opacity:1}.crogan-start-btn{background:linear-gradient(145deg, #7a3010, var(--brass));color:var(--cream);border:1px solid var(--brass);font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;border-radius:6px;margin-top:20px;padding:14px 32px;font-size:1rem;font-weight:700;transition:filter .15s,transform .15s;box-shadow:0 4px 16px #0006}.crogan-start-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.crogan-start-btn:active{transform:translateY(0)}.crogan-battle{flex-direction:column;flex:1;display:flex;overflow:hidden}.crogan-teams-row{border-bottom:1px solid #8b5a2b33;flex-shrink:0;justify-content:space-between;padding:8px 16px;display:flex}.crogan-pips{flex-direction:column;gap:4px;display:flex}.crogan-pips--enemy{align-items:flex-end}.crogan-pips-label{font-family:var(--font-ui);color:var(--leather);text-transform:uppercase;letter-spacing:.05em;opacity:.7;font-size:.6rem}.crogan-pips-row{gap:5px;display:flex}.crogan-pip{border:1.5px solid #ffffff2e;border-radius:50%;width:12px;height:12px}.crogan-pip--alive{background:var(--pip-color,#555)}.crogan-pip--fainted{background:#ffffff12}.crogan-battlefield{flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:10px 12px;display:flex}.crogan-battle-side{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:180px;display:flex}.crogan-side-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:.68rem;font-weight:700}.crogan-side-label--you{color:#5cb878}.crogan-side-label--enemy{color:#e07050}.crogan-battle-vs{opacity:.7;flex-shrink:0;font-size:1.4rem}.crogan-hp-wrap{flex-direction:column;gap:3px;width:100%;display:flex}.crogan-hp-track{background:#00000059;border-radius:5px;height:10px;overflow:hidden}.crogan-hp-fill{border-radius:5px;height:100%;transition:width .4s}.crogan-hp-text{font-family:var(--font-ui);color:var(--parchment);text-align:right;font-size:.68rem}.crogan-log{font-family:var(--font-body);border-top:1px solid #8b5a2b2e;border-bottom:1px solid #8b5a2b2e;flex:1;min-height:70px;max-height:130px;padding:6px 16px;font-size:.82rem;overflow-y:auto}.crogan-log-line{margin:3px 0;line-height:1.4}.crogan-log-system{color:var(--leather)}.crogan-log-player{color:#5cb878}.crogan-log-enemy{color:#e07050}.crogan-log-info{color:var(--parchment);opacity:.75}.crogan-actions{flex-shrink:0;padding:10px 16px 14px}.crogan-attack-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.crogan-attack-btn{background:var(--walnut);border:1.5px solid var(--brass);color:var(--cream);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:background .15s,border-color .15s,transform .1s;display:flex;position:relative}.crogan-attack-btn:hover:not(:disabled){border-color:var(--aged-gold);background:#5c3a1ee6;transform:translateY(-1px)}.crogan-attack-btn:active:not(:disabled){transform:translateY(0)}.crogan-attack-btn--cooldown{opacity:.4;cursor:not-allowed;border-style:dashed}@keyframes crogan-ready-flash{0%,to{border-color:var(--aged-gold);box-shadow:0 0 #c49a3c00}50%{border-color:gold;box-shadow:0 0 14px #c49a3c99}}.crogan-attack-btn--ready{border-color:var(--aged-gold);animation:.6s 2 crogan-ready-flash}.crogan-attack-name{font-family:var(--font-display);font-size:.82rem;font-weight:600}.crogan-attack-dmg{font-family:var(--font-ui);color:var(--leather);font-size:.72rem}.crogan-attack-star{color:var(--aged-gold);opacity:.8;font-size:.65rem;position:absolute;top:5px;right:7px}.crogan-attack-cd{font-family:var(--font-ui);color:var(--leather);font-size:.62rem;position:absolute;top:5px;right:7px}.crogan-thinking{font-family:var(--font-body);color:var(--leather);text-align:center;opacity:.8;margin:10px 0 0;font-size:.85rem;font-style:italic}.crogan-switch-panel{flex-shrink:0;padding:12px 16px 16px}.crogan-switch-prompt{font-family:var(--font-display);color:var(--aged-gold);text-align:center;letter-spacing:.04em;margin:0 0 10px;font-size:.88rem}.crogan-switch-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.crogan-defeat-overlay{z-index:50;background:#0a0402eb;justify-content:center;align-items:center;padding:20px;animation:.4s crogan-fade-in;display:flex;position:fixed;inset:0}@keyframes crogan-fade-in{0%{opacity:0}to{opacity:1}}.crogan-defeat-panel{background:var(--cream);text-align:center;border:2px solid var(--walnut);outline:2px solid var(--leather);outline-offset:-1px;border-radius:8px;width:100%;max-width:340px;padding:32px 28px;animation:.35s cubic-bezier(.25,.46,.45,.94) both crogan-panel-rise;box-shadow:0 12px 48px #000000a6}@keyframes crogan-panel-rise{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.crogan-defeat-icon{margin-bottom:10px;font-size:2.8rem;display:block}.crogan-defeat-title{font-family:var(--font-display);color:var(--dark-oak);letter-spacing:.04em;margin:0 0 10px;font-size:1.3rem}.crogan-defeat-body{font-family:Georgia, var(--font-body);color:var(--walnut);margin:0 0 8px;font-size:.95rem;line-height:1.65}.crogan-defeat-hint{font-family:Georgia, var(--font-body);color:var(--brass);margin:0 0 20px;font-size:.85rem;font-style:italic}.crogan-defeat-btn{width:100%;font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;color:var(--walnut);background:#2c181012;border:1px solid #5c3a1e4d;border-radius:4px;margin-bottom:8px;padding:12px 18px;font-size:.88rem;font-weight:600;transition:filter .15s,transform .1s;display:block}.crogan-defeat-btn:last-child{margin-bottom:0}.crogan-defeat-btn:hover{background:#2c181021}.crogan-defeat-btn:active{transform:translateY(1px)}.crogan-defeat-btn--try-again{background:linear-gradient(145deg, #7a3010, var(--brass));color:var(--cream);border-color:var(--brass);box-shadow:0 3px 10px #00000047}.crogan-defeat-btn--try-again:hover{filter:brightness(1.08)}.crogan-reveal-overlay{z-index:300;background:#040200f0;justify-content:center;align-items:center;padding:20px 16px;animation:.3s crogan-fade-in;display:flex;position:fixed;inset:0}.crogan-reveal-panel{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:340px;animation:.45s cubic-bezier(.25,.46,.45,.94) both crogan-panel-rise;display:flex}.crogan-reveal-headline{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;text-align:center;text-shadow:0 0 20px #c49a3c80;margin:0;font-size:clamp(1.05rem,3vw,1.35rem)}.crogan-reveal-sub{font-family:Georgia, var(--font-body);color:var(--leather);text-align:center;margin:0;font-size:.85rem;font-style:italic}.crogan-reveal-card{filter:drop-shadow(0 0 28px #c49a3c80);width:100%;max-width:260px;animation:2s ease-in-out infinite crogan-card-glow}@keyframes crogan-card-glow{0%,to{filter:drop-shadow(0 0 20px #c49a3c66)}50%{filter:drop-shadow(0 0 40px #c49a3cbf)}}.crogan-reveal-btn{background:linear-gradient(145deg, var(--brass), var(--aged-gold));color:var(--dark-oak);border:1px solid var(--aged-gold);font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;border-radius:5px;padding:13px 32px;font-size:.9rem;font-weight:700;transition:filter .15s,transform .1s;box-shadow:0 4px 16px #0006}.crogan-reveal-btn:hover{filter:brightness(1.08)}.crogan-reveal-btn:active{transform:translateY(1px)}@media (width<=480px){.crogan-title{font-size:.75rem}.crogan-battlefield{gap:8px;padding:8px}.crogan-battle-side{max-width:145px}.crogan-attack-row{gap:7px}.crogan-attack-btn{padding:10px 6px}}.basement-page{height:calc(100vh - var(--bottom-bar-height));background:#1a1410;flex-direction:column;display:flex;position:relative;overflow:hidden}.basement-candlelight{pointer-events:none;z-index:0;background:radial-gradient(80% 55% at 50% 30%,#c86e141a 0%,#a0460a0d 40%,#0000 70%);animation:5s ease-in-out infinite bsmt-flicker;position:absolute;inset:0}@keyframes bsmt-flicker{0%{opacity:.7;transform:scale(1)translateY(0)}18%{opacity:1;transform:scale(1.04)translateY(-2px)}35%{opacity:.55;transform:scale(.97)translateY(1px)}52%{opacity:.9;transform:scale(1.02)translateY(-1px)}68%{opacity:.6;transform:scale(.98)translateY(2px)}84%{opacity:.85;transform:scale(1.01)translateY(0)}to{opacity:.7;transform:scale(1)translateY(0)}}.basement-page>*{z-index:1;position:relative}.basement-header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140a04d9;border-bottom:2px solid #4a2a0a;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.basement-back-btn{color:var(--leather);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:.8rem;transition:background .15s,color .15s}.basement-back-btn:hover{color:var(--cream);background:#ffffff0f}.basement-title-group{align-items:center;gap:8px;display:flex}.basement-title-icon{font-size:1.1rem}.basement-title{font-family:var(--font-display);color:var(--parchment);letter-spacing:.05em;opacity:.9;margin:0;font-size:clamp(.75rem,2vw,1rem)}.basement-header-filler{width:80px}.basement-locked{flex:1;justify-content:center;align-items:center;padding:20px 16px;display:flex;overflow-y:auto}.basement-lock-ready,.basement-lock-missing{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:520px;display:flex}.basement-lock-missing-icon{filter:drop-shadow(0 0 12px #8b5a2b66);font-size:3rem;display:block}.basement-lock-heading{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.05em;text-shadow:0 0 16px #c49a3c59;margin:0;font-size:1.1rem}.basement-lock-body{font-family:Georgia, var(--font-body);color:var(--leather);max-width:380px;margin:0;font-size:.9rem;line-height:1.65}.basement-lock-cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.basement-lock-cards>*{flex:1;min-width:150px;max-width:220px}.basement-lock-btn{background:linear-gradient(145deg, #5c1a00, var(--brass));color:var(--cream);border:1px solid var(--brass);font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;border-radius:6px;margin-top:6px;padding:14px 36px;font-size:.95rem;font-weight:700;transition:filter .15s,transform .1s,box-shadow .15s;box-shadow:0 4px 20px #00000080,0 0 16px #8b5a2b33}.basement-lock-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 24px #0000008c,0 0 24px #8b5a2b59}.basement-lock-btn:active{transform:translateY(0)}.basement-lock-btn--back{color:var(--leather);box-shadow:none;background:#2c181040;border-color:#5c3a1e66;font-size:.85rem}.basement-lock-btn--back:hover{filter:none;box-shadow:none;background:#2c181066}.basement-battle{flex-direction:column;flex:1;display:flex;overflow:hidden}.bsmt-teams-row{border-bottom:1px solid #4a2a0a80;flex-shrink:0;justify-content:space-between;padding:8px 16px;display:flex}.bsmt-pips{flex-direction:column;gap:4px;display:flex}.bsmt-pips--enemy{align-items:flex-end}.bsmt-pips-label{font-family:var(--font-ui);color:var(--brass);text-transform:uppercase;letter-spacing:.05em;opacity:.65;font-size:.6rem}.bsmt-pips-row{gap:5px;display:flex}.bsmt-pip{border:1.5px solid #ffffff26;border-radius:50%;width:12px;height:12px}.bsmt-pip--alive{background:var(--pip-color,#555)}.bsmt-pip--fainted{background:#ffffff0f}.bsmt-battlefield{background:#0000001f;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:10px 12px;display:flex}.bsmt-battle-side{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:180px;display:flex}.bsmt-side-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:.68rem;font-weight:700}.bsmt-side-label--you{color:#6dba8a}.bsmt-side-label--enemy{color:#b05030}.bsmt-battle-vs{opacity:.55;flex-shrink:0;font-size:1.4rem}.bsmt-hp-wrap{flex-direction:column;gap:3px;width:100%;display:flex}.bsmt-hp-track{background:#00000073;border-radius:5px;height:10px;overflow:hidden}.bsmt-hp-fill{border-radius:5px;height:100%;transition:width .4s}.bsmt-hp-text{font-family:var(--font-ui);color:#e8c9a0bf;text-align:right;font-size:.68rem}.bsmt-log{font-family:var(--font-body);background:#0000002e;border-top:1px solid #4a2a0a66;border-bottom:1px solid #4a2a0a66;flex:1;min-height:70px;max-height:130px;padding:6px 16px;font-size:.82rem;overflow-y:auto}.bsmt-log-line{margin:3px 0;line-height:1.4}.bsmt-log-system{color:#d4a574cc}.bsmt-log-player{color:#6dba8a}.bsmt-log-enemy{color:#b05030}.bsmt-log-info{color:#e8c9a099}.bsmt-actions{background:#0000001a;flex-shrink:0;padding:10px 16px 14px}.bsmt-attack-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bsmt-attack-btn{color:var(--parchment);cursor:pointer;background:#2c1810a6;border:1.5px solid #8b5a2b80;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;display:flex;position:relative}.bsmt-attack-btn:hover:not(:disabled){border-color:var(--brass);background:#4a2a0ab3;transform:translateY(-1px);box-shadow:0 4px 14px #00000073}.bsmt-attack-btn:active:not(:disabled){transform:translateY(0)}.bsmt-attack-btn--cooldown{opacity:.35;cursor:not-allowed;border-style:dashed}@keyframes bsmt-ready-flash{0%,to{border-color:var(--aged-gold);box-shadow:0 0 #c49a3c00}50%{border-color:gold;box-shadow:0 0 14px #c49a3c8c}}.bsmt-attack-btn--ready{border-color:var(--aged-gold);animation:.6s 2 bsmt-ready-flash}.bsmt-attack-name{font-family:var(--font-display);font-size:.82rem;font-weight:600}.bsmt-attack-dmg{font-family:var(--font-ui);color:var(--brass);font-size:.72rem}.bsmt-attack-star{color:var(--aged-gold);opacity:.8;font-size:.65rem;position:absolute;top:5px;right:7px}.bsmt-attack-cd{font-family:var(--font-ui);color:var(--leather);font-size:.62rem;position:absolute;top:5px;right:7px}.bsmt-thinking{font-family:var(--font-body);color:var(--leather);text-align:center;opacity:.75;margin:10px 0 0;font-size:.85rem;font-style:italic}.bsmt-switch-panel{background:#0000001a;flex-shrink:0;padding:12px 16px 16px}.bsmt-switch-prompt{font-family:var(--font-display);color:var(--aged-gold);text-align:center;letter-spacing:.04em;margin:0 0 10px;font-size:.88rem}.bsmt-switch-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bsmt-switch-slot{cursor:pointer;border-radius:8px;max-width:200px;transition:transform .15s,box-shadow .15s;position:relative}.bsmt-switch-slot:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000080}.bsmt-switch-hover{font-family:var(--font-display);color:var(--cream);opacity:0;pointer-events:none;background:#c49a3c1f;border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;transition:opacity .15s;display:flex;position:absolute;inset:0}.bsmt-switch-slot:hover .bsmt-switch-hover{opacity:1}.basement-defeat-overlay{z-index:50;background:#040201f0;justify-content:center;align-items:center;padding:20px;animation:.4s bsmt-fade-in;display:flex;position:fixed;inset:0}@keyframes bsmt-fade-in{0%{opacity:0}to{opacity:1}}.basement-defeat-panel{text-align:center;outline-offset:-1px;background:#1e1208;border:1px solid #8b5a2b73;border-radius:8px;outline:1px solid #4a2a0a99;width:100%;max-width:340px;padding:32px 28px;animation:.35s cubic-bezier(.25,.46,.45,.94) both bsmt-panel-rise;box-shadow:0 16px 60px #000000bf,inset 0 0 60px #6428000f}@keyframes bsmt-panel-rise{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.basement-defeat-icon{margin-bottom:10px;font-size:2.8rem;display:block}.basement-defeat-title{font-family:var(--font-display);color:var(--parchment);letter-spacing:.04em;margin:0 0 10px;font-size:1.25rem}.basement-defeat-body{font-family:Georgia, var(--font-body);color:var(--leather);margin:0 0 8px;font-size:.92rem;line-height:1.65}.basement-defeat-hint{font-family:Georgia, var(--font-body);color:var(--brass);margin:0 0 20px;font-size:.82rem;font-style:italic}.basement-defeat-btn{width:100%;font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;color:var(--leather);background:#ffffff0a;border:1px solid #5c3a1e4d;border-radius:4px;margin-bottom:8px;padding:12px 18px;font-size:.85rem;font-weight:600;transition:filter .15s,transform .1s;display:block}.basement-defeat-btn:last-child{margin-bottom:0}.basement-defeat-btn:hover{background:#ffffff14}.basement-defeat-btn:active{transform:translateY(1px)}.basement-defeat-btn--retry{color:var(--parchment);background:linear-gradient(145deg,#5c1a00,#7a3010);border-color:#8b5a2b99;box-shadow:0 3px 12px #0006}.basement-defeat-btn--retry:hover{filter:brightness(1.1)}@media (width<=480px){.basement-title{font-size:.7rem}.bsmt-battlefield{gap:8px;padding:8px}.bsmt-battle-side{max-width:145px}.bsmt-attack-row{gap:7px}.bsmt-attack-btn{padding:10px 6px}.basement-lock-cards>*{max-width:160px}}.settings-overlay{z-index:500;padding:0 16px calc(var(--bottom-bar-height,56px) + 8px) 0;background:#140a05b8;justify-content:flex-end;align-items:flex-end;display:flex;position:fixed;inset:0}.settings-panel{background:var(--parchment,#e8c9a0);border:2px solid var(--brass,#8b6914);border-radius:10px;width:100%;min-width:280px;max-width:340px;padding:18px 20px 16px;box-shadow:0 -4px 24px #0000008c,inset 0 1px #fff3}.settings-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.settings-title{font-family:var(--font-display,Georgia, serif);color:var(--dark-oak,#2c1810);letter-spacing:.04em;font-size:1rem;font-weight:700}.settings-close-btn{border:1px solid var(--brass,#8b6914);width:26px;height:26px;color:var(--dark-oak,#2c1810);cursor:pointer;background:#5c3a1e1f;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;transition:background .15s,border-color .15s;display:flex}.settings-close-btn:hover{border-color:var(--aged-gold,#c49a3c);background:#8b691440}.settings-rule{align-items:center;gap:6px;margin:8px 0 14px;display:flex}.settings-rule--bottom{margin:14px 0 0}.settings-rule-gem{color:var(--brass,#8b6914);flex-shrink:0;font-size:.65rem}.settings-rule-line{background:var(--brass,#8b6914);opacity:.35;flex:1;height:1px}.settings-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.settings-row:last-of-type{margin-bottom:0}.settings-mute-btn{cursor:pointer;background:#5c3a1e1a;border:1px solid #8b691466;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:background .15s,border-color .15s;display:flex}.settings-mute-btn:hover{border-color:var(--aged-gold,#c49a3c);background:#8b691433}.settings-mute-btn--muted{opacity:.5}.settings-slider-wrap{flex-direction:column;flex:1;gap:4px;display:flex}.settings-label{font-family:var(--font-display,Georgia, serif);color:var(--walnut,#5c3a1e);letter-spacing:.04em;cursor:pointer;font-size:.72rem;font-weight:600}.settings-slider-row{align-items:center;gap:8px;display:flex}.settings-slider{accent-color:var(--brass,#8b6914);cursor:pointer;flex:1;height:20px}.settings-slider::-webkit-slider-thumb{width:18px;height:18px}.settings-slider::-moz-range-thumb{background:var(--aged-gold,#c49a3c);border:2px solid var(--walnut,#5c3a1e);cursor:pointer;border-radius:50%;width:18px;height:18px}.settings-vol-pct{font-family:var(--font-ui,system-ui, sans-serif);color:var(--walnut,#5c3a1e);text-align:right;min-width:32px;font-size:.72rem;font-weight:700}.settings-test-btn{background:var(--walnut,#5c3a1e);color:var(--aged-gold,#c49a3c);border:1px solid var(--brass,#8b6914);font-family:var(--font-ui,system-ui, sans-serif);letter-spacing:.04em;cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:.7rem;font-weight:700;transition:background .15s,color .15s}.settings-test-btn:hover{background:var(--brass,#8b6914);color:var(--cream,#fff8e7)}@media (width<=380px){.settings-overlay{justify-content:center;padding-left:12px;padding-right:12px}.settings-panel{max-width:100%}}.bottom-bar{height:var(--bottom-bar-height);padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;background:var(--walnut);border-top:2px solid var(--brass);align-items:center;gap:12px;padding-left:16px;padding-right:16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 16px #00000073}.bar-player-chip{cursor:pointer;background:#00000040;border:1px solid #c49a3c40;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;transition:background .2s,border-color .2s;display:flex}.bar-player-chip:hover{border-color:var(--aged-gold);background:#c49a3c26}.bar-player-portrait{font-size:1rem;line-height:1}.bar-player-name{font-family:var(--font-display);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:.7rem;font-weight:600;overflow:hidden}.bar-location{flex-shrink:0;align-items:center;gap:6px;display:flex}.bar-location-icon{font-size:1rem;line-height:1}.bar-location-name{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.06em;white-space:nowrap;font-size:.7rem;font-weight:600}.bar-rule{background:#c49a3c2e;flex:1;height:1px}.bar-stats{flex-shrink:0;align-items:center;gap:8px;display:flex}.bar-stat-chip{cursor:pointer;background:#00000040;border:1px solid #c49a3c40;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;transition:background .2s,border-color .2s;display:flex}.bar-stat-chip:hover{border-color:var(--aged-gold);background:#c49a3c26}.bar-stat-chip--static{cursor:default}.bar-stat-chip--static:hover{background:#00000040;border-color:#c49a3c40}.bar-stat-icon{font-size:.85rem;line-height:1}.bar-stat-value{font-family:var(--font-ui);color:var(--cream);font-size:.82rem;font-weight:700}.bar-stat-label{font-family:var(--font-ui);color:var(--parchment);opacity:.6;letter-spacing:.04em;font-size:.6rem}.bar-quicknav{flex-shrink:0;align-items:center;gap:2px;display:flex}.bar-nav-btn{cursor:pointer;opacity:.6;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;align-items:center;gap:1px;padding:4px 10px;transition:background .15s,border-color .15s;display:flex}.bar-nav-btn:hover{opacity:1;background:#c49a3c1f;border-color:#c49a3c4d}.bar-nav-btn.active{border-color:var(--aged-gold);opacity:1;background:#c49a3c2e}.bar-nav-icon{font-size:1rem;line-height:1}.bar-nav-label{font-family:var(--font-ui);color:var(--parchment);letter-spacing:.05em;text-transform:uppercase;font-size:.55rem;font-weight:600}.bar-fs-btn{width:30px;height:30px;color:var(--parchment);cursor:pointer;opacity:.55;background:0 0;border:1px solid #c49a3c4d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,border-color .15s,background .15s;display:flex}.bar-fs-btn:hover{opacity:1;border-color:var(--aged-gold);background:#c49a3c1f}.bar-settings-btn{width:30px;height:30px;color:var(--brass);cursor:pointer;opacity:.7;background:0 0;border:1px solid #c49a3c4d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,border-color .15s,background .15s,color .15s;display:flex}.bar-settings-btn:hover,.bar-settings-btn[aria-expanded=true]{opacity:1;color:var(--aged-gold);border-color:var(--aged-gold);background:#c49a3c1f}.bar-settings-btn svg{transition:transform .4s}.bar-settings-btn:hover svg,.bar-settings-btn[aria-expanded=true] svg{transform:rotate(45deg)}@media (width<=480px){.bar-player-name,.bar-location-name,.bar-stat-label,.bar-nav-label{display:none}.bottom-bar{gap:8px;padding-left:12px;padding-right:12px}}.game-page{height:calc(100vh - var(--bottom-bar-height));flex-direction:column;display:flex;overflow:hidden}.game-header{background:var(--walnut);border-bottom:2px solid var(--brass);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;box-shadow:0 2px 12px #00000059}.game-back-btn{font-family:var(--font-display);color:var(--parchment);cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:0 0;border:1px solid #c49a3c4d;border-radius:6px;flex-shrink:0;padding:5px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.game-back-btn:hover{color:var(--aged-gold);border-color:var(--aged-gold);background:#c49a3c1a}.game-title-group{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.game-title-icon{font-size:1.1rem}.game-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.08em;text-shadow:0 2px 6px #0006;font-size:clamp(.88rem,2.5vw,1.15rem);font-weight:700}.game-header-filler{flex-shrink:0;min-width:80px}.game-result-overlay{inset:0;bottom:var(--bottom-bar-height);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#1c0e08e6;justify-content:center;align-items:center;animation:.3s overlay-in;display:flex;position:fixed}.game-result-panel{background:linear-gradient(160deg, var(--walnut), #2e1a0e);border:2px solid var(--brass);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:calc(100vw - 40px);max-width:360px;padding:40px 48px;animation:.35s cubic-bezier(.175,.885,.32,1.275) panel-pop;display:flex;box-shadow:0 12px 48px #000000b3}.game-result-icon{font-size:3.2rem}.game-result-title{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.08em;text-shadow:0 2px 12px #c49a3c66;font-size:1.7rem;font-weight:700}.game-result-body{font-family:var(--font-body);color:var(--parchment);opacity:.85;font-size:.95rem;font-style:italic;line-height:1.55}.game-result-coins{font-family:var(--font-display);color:var(--aged-gold);letter-spacing:.05em;background:#c49a3c1f;border:1px solid #c49a3c4d;border-radius:8px;padding:6px 18px;font-size:1.05rem;font-weight:700}.game-result-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.game-result-btn{font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;border-radius:8px;padding:10px 22px;font-size:.82rem;font-weight:700;transition:filter .2s,box-shadow .2s}.game-result-btn--primary{color:var(--dark-oak);background:linear-gradient(135deg, var(--aged-gold), var(--brass));border:2px solid var(--aged-gold);box-shadow:0 3px 14px #8b691466}.game-result-btn--primary:hover{filter:brightness(1.1);box-shadow:0 4px 20px #c49a3c8c}.game-result-btn--secondary{color:var(--parchment);background:0 0;border:1px solid #c49a3c59}.game-result-btn--secondary:hover{border-color:var(--aged-gold);color:var(--aged-gold)}:root{--dark-oak:#2c1810;--walnut:#5c3a1e;--brass:#8b6914;--aged-gold:#c49a3c;--leather:#d4a574;--parchment:#e8c9a0;--cream:#fff8e7;--linen:#f5f0e1;--ink-ember:#8b2500;--ink-tide:#1b4f72;--ink-thorn:#1e5631;--ink-storm:#7d5a00;--ink-phantom:#4a1942;--ink-iron:#1a1a1a;--font-display:"Cinzel", Georgia, serif;--font-body:"Crimson Text", Georgia, serif;--font-ui:system-ui, -apple-system, sans-serif;--bottom-bar-height:calc(58px + env(safe-area-inset-bottom,0px));--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}#root{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:auto}body{font-family:var(--font-body);background:var(--dark-oak);color:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.no-select{-webkit-user-select:none;user-select:none}