.res-stack{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.res-stack .res-gems{font-size:.85em}.res.res-gold,.res.res-gems{font:inherit;color:inherit;cursor:pointer;font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:700}.res.res-gold:focus-visible,.res.res-gems:focus-visible{outline:2px solid var(--bronze);outline-offset:2px;border-radius:6px}:root .portrait.portrait-framed{--frame-a:#e6c35c;--frame-b:#a07a1c;border-color:var(--frame-a);box-shadow:0 0 0 2px var(--frame-b), inset 0 0 0 1px var(--frame-b)}:root .portrait.frame-double{box-shadow:0 0 0 2px var(--frame-b), 0 0 0 4px var(--frame-a)}:root .portrait.frame-gem,:root .portrait.frame-laurel{box-shadow:0 0 0 2px var(--frame-b), 0 0 6px 2px color-mix(in srgb, var(--frame-a) 60%, transparent)}:root .portrait.frame-gem:after{content:"";background:var(--frame-b);border:1px solid var(--frame-a);width:6px;height:6px;position:absolute;top:1px;left:50%;transform:translate(-50%)rotate(45deg)}:root .portrait.frame-pearl{box-shadow:0 0 0 1px var(--frame-b);border-style:dotted;border-width:3px}:root .portrait.frame-laurel{border-image:linear-gradient(135deg, var(--frame-a), var(--frame-b), var(--frame-a)) 1;border-radius:12px}@property --great-spin{syntax:"<angle>";inherits:false;initial-value:0deg}:root .portrait.frame-great{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--frame-a) 38%, #1a1410), #120d0a 78%) padding-box, conic-gradient(from var(--great-spin), var(--frame-a), var(--frame-b) 25%, var(--frame-a) 50%, var(--frame-b) 75%, var(--frame-a)) border-box;box-shadow:0 0 0 1px var(--frame-b), 0 0 12px 3px color-mix(in srgb, var(--frame-a) 65%, transparent);border:3px solid #0000;animation:5s linear infinite great-spin,2.6s ease-in-out infinite great-glow}:root .portrait.frame-great:after{filter:drop-shadow(0 0 2px var(--frame-a));font-size:10px;line-height:1;position:absolute;bottom:1px;left:2px}:root .portrait.frame-great-aurelio:after{content:"🌿"}:root .portrait.frame-great-brokk:after{content:"🔥"}:root .portrait.frame-great-ithilwen:after{content:"✨"}@keyframes great-spin{to{--great-spin:360deg}}@keyframes great-glow{50%{box-shadow:0 0 0 1px var(--frame-b), 0 0 20px 6px color-mix(in srgb, var(--frame-a) 85%, transparent)}}@media (prefers-reduced-motion:reduce){:root .portrait.frame-great{animation:none}}.gem-loading{padding:16px}.gem-head{gap:10px}.gem-balance{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;display:flex}.gem-balance-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}.gem-fitting{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gem-fitting-weapon{background:radial-gradient(ellipse at 50% 60%, var(--panel-2) 0 40%, var(--bg-2) 75%);border:1px solid var(--line);border-radius:12px;flex:none;place-items:center;height:108px;padding:0 4px;display:grid}.gem-fitting-weapon canvas{width:auto;height:100px;image-rendering:pixelated}.gem-weapon-swatch{object-fit:contain;width:auto;max-width:40px;height:40px;image-rendering:pixelated}.gem-fitting-figure{background:radial-gradient(ellipse at 50% 85%, var(--panel-2) 0 45%, var(--bg-2) 70%);border:1px solid var(--line);border-radius:12px;flex:none;place-items:center;width:124px;height:108px;display:grid;position:relative}.gem-fitting-figure .portrait{position:absolute;top:4px;right:4px}.gem-figure{width:120px;height:102px}.gem-bonus{margin:0}.gem-capped{color:var(--bronze)}.segmented.gem-tabs{grid-template-columns:repeat(3,1fr);margin-bottom:0}.segmented.gem-workshop-kinds{grid-template-columns:repeat(2,1fr);margin-bottom:0}.gem-intro,.gem-slots{margin:0 2px}.gem-piece{border-left:4px solid var(--rarity,var(--line))}.gem-piece .market-offer-desc{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.gem-piece-bonus{color:var(--green)}.gem-craft-tag{color:var(--bronze);border-color:var(--bronze)}.gem-piece-actions{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.gem-swatch.market-swatch-aura,.gem-swatch.market-swatch-frame{border-radius:50%}.gem-workshop-head{gap:8px;display:grid}.gem-workshop-head h3,.gem-workshop-head p{margin:0}.gem-sources{margin:0;padding-left:1.1em}.gem-pet{gap:8px;display:grid}.gem-pet-head{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.gem-pet-head .market-price{margin-left:auto;font-size:.85rem}.gem-pet-skins{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.gem-pet-skin{font:inherit;border:1px solid var(--line);background:var(--bg-2);color:var(--text);cursor:pointer;border-radius:10px;justify-items:center;gap:2px;padding:6px 2px;display:grid}.gem-pet-skin small{text-align:center;font-size:.7rem;line-height:1.2}.gem-pet-skin .pet-sprite{max-width:100%;height:auto}.gem-pet-skin.is-owned{border-color:var(--green)}.gem-pet-skin.is-special{background:radial-gradient(circle at 50% 38%, #f0c85a38, transparent 62%), var(--bg-2)}.gem-pet-skin.is-worn{border-color:var(--bronze);box-shadow:inset 0 0 0 1px var(--bronze)}.gem-pet-skin:disabled{cursor:default}.gem-pet-skin:disabled:not(.is-worn){opacity:.55}.gem-pet-skin-state{color:var(--muted)}.gem-ledger h3,.gem-ledger p{margin:0 0 6px}.gem-ledger ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.gem-ledger li{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px;padding:4px 0;font-size:.85rem;display:grid}.gem-ledger-when{color:var(--muted);white-space:nowrap;font-size:.75rem}.gem-ledger-text{overflow-wrap:anywhere;min-width:0}.gem-ledger-delta{font-variant-numeric:tabular-nums;white-space:nowrap}.gem-ledger-delta.is-in{color:var(--green)}.gem-ledger-delta.is-out{color:var(--red)}.market-taller-link{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;display:flex}.market-taller-link p{margin:0}.gem-skin-total{margin:0 2px 8px}.gem-pet-skin-bonus{color:var(--green)}.gem-skins .market-list{gap:8px}.gem-pet-rule{margin:0}.gem-piece{cursor:pointer}.gem-piece.is-trying .market-offer-icon{width:64px;height:56px;overflow:hidden}.gem-card-figure{width:64px;height:auto;image-rendering:pixelated}.gem-pet-preview{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;place-items:center;width:52px;height:46px;display:grid}.gem-pet-preview .pet-sprite{max-width:100%;max-height:100%;image-rendering:pixelated}.gem-pet-skin.is-trying{border-color:var(--bronze);border-style:dashed}.gem-pet-buy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;display:flex}.gem-pet-buy .market-reason{flex-basis:100%;margin:0}.modal.confirm-dialog{gap:12px;width:min(100%,400px);padding:16px;display:grid;position:relative}.confirm-close{width:36px;height:36px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-size:1rem;line-height:1;display:grid;position:absolute;top:6px;right:6px}.confirm-close:hover,.confirm-close:focus-visible{color:var(--text);background:var(--bg-2)}.confirm-title{overflow-wrap:anywhere;margin:0;padding-right:32px}.confirm-body{gap:10px;display:grid}.confirm-actions{flex-wrap:wrap;gap:8px;display:flex}.confirm-actions .btn{flex:auto}.gem-confirm-item{align-items:center;gap:12px;display:flex}.gem-confirm-preview{background:radial-gradient(ellipse at 50% 85%, var(--panel-2) 0 45%, var(--bg-2) 70%);border:1px solid var(--line);border-radius:12px;flex:none;place-items:center;width:124px;height:108px;display:grid}.gem-confirm-preview .pet-sprite{max-width:100%;max-height:100%;image-rendering:pixelated}.gem-confirm-icon{font-size:3rem;line-height:1}.gem-confirm-text{justify-items:start;gap:4px;min-width:0;display:grid}.gem-confirm-name{overflow-wrap:anywhere}.gem-confirm-tags{flex-wrap:wrap;gap:4px;display:flex}.gem-confirm-effect,.gem-confirm-capped{margin:0}.gem-confirm-sums{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;gap:4px;margin:0;padding:8px 10px;display:grid}.gem-confirm-sums div{justify-content:space-between;gap:10px;display:flex}.gem-confirm-sums dt{color:var(--muted)}.gem-confirm-sums dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}@media (width<=360px){.gem-confirm-preview{width:92px;height:84px}.gem-confirm-preview .gem-figure{width:88px;height:auto}}.gem-toast{left:50%;top:calc(env(safe-area-inset-top,0px) + 100px);z-index:25;background:var(--panel-2);width:max-content;max-width:min(92vw,420px);color:var(--text);border:1px solid var(--green);box-shadow:var(--shadow);pointer-events:none;border-radius:12px;margin:0;padding:8px 14px;font-weight:600;animation:.2s pop-in;position:fixed;transform:translate(-50%)}