.home{--wall: image-set(url(../assets/rooms/home-wall-cells-768.webp) 1x, url(../assets/rooms/home-wall-cells.webp) 2x);--wall-watch: image-set(url(../assets/rooms/home-wall-watch-768.webp) 1x, url(../assets/rooms/home-wall-watch.webp) 2x);--wall-squad: image-set(url(../assets/rooms/home-wall-squad-768.webp) 1x, url(../assets/rooms/home-wall-squad.webp) 2x);--wall-top: image-set(url(../assets/rooms/home-wall-top-768.webp) 1x, url(../assets/rooms/home-wall-top.webp) 2x);overflow-y:auto;overflow-x:hidden;background:#6b4a2c;color:var(--text);flex-direction:column}.home:not([hidden]){display:flex}.hearth{position:relative;overflow:hidden;width:100%;min-width:0;flex:none;padding:0 0 max(0px,calc(11vw - 50px));background:radial-gradient(70% 60% at 50% 55%,#3a3d63,#1f2645 60%,#151a33)}.hearth:before{content:"";position:absolute;left:calc(-1 * var(--tile));right:calc(-1 * var(--tile));bottom:0;height:70%;--tile: var(--cloud-tile-w);background:url(../assets/sky/clouds.webp) right bottom / auto 100% repeat-x;filter:grayscale(.6) brightness(.55);opacity:.8;animation:drift-right var(--t-drift-hearth) var(--ease-drift) infinite}.hearth-inner{position:relative;z-index:1;width:min(560px,124%);left:50%;translate:-50% 0}.hearth-bg{display:block;width:100%;filter:brightness(calc(.6 + .4 * var(--light)));transition:filter var(--t-light) var(--ease-light)}.hearth-kins{position:absolute;inset:0;z-index:1}.on-rug{position:absolute;width:15%;translate:-50% -92%;cursor:var(--cursor-hover)}.on-rug:before{content:"";position:absolute;left:26%;right:26%;bottom:5%;height:7%;background:radial-gradient(50% 50% at 50% 50%,rgba(40,25,12,.55),transparent 70%)}.niches{position:relative;z-index:2;isolation:isolate;width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,1fr);align-content:start;flex:1 0 auto;padding-bottom:64px;background:var(--wall) 0 0 / 100% auto repeat-y}.niches:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;backdrop-filter:brightness(.62) saturate(.55) contrast(.92);-webkit-backdrop-filter:brightness(.62) saturate(.55) contrast(.92);--niche-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='1.6'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M11 64V34Q11 10 50 10Q89 10 89 34V64H94V91H6V64Z' filter='url(%23b)'/%3E%3C/svg%3E");-webkit-mask:var(--niche-mask) 0 0 / 25% auto repeat;mask:var(--niche-mask) 0 0 / 25% auto repeat}.niches:after{content:"";position:absolute;left:0;right:0;bottom:100%;z-index:3;pointer-events:none;aspect-ratio:1536 / 527;translate:0 38.3%;background:var(--wall-top) center bottom / 100% auto no-repeat}.niche-cell{position:relative;aspect-ratio:1;padding:0;border:0;background:none;color:inherit;font:inherit;container-type:inline-size}.niche-cell.lived:before,.niche-cell .lit{content:"";position:absolute;inset:0;pointer-events:none;background:var(--left, var(--wall)) calc(var(--col) / 3 * 100%) calc(var(--row) / 2 * 100%) / 400% 300% no-repeat}.niche-cell.lived:before{clip-path:inset(8% 9% 32% 9% round 42% 42% 3% 3% / 34% 34% 3% 3%)}.niche-cell .lit{--left: var(--wall);clip-path:inset(63% 5% 8% 5%)}.left-watch{--left: var(--wall-watch)}.left-squad{--left: var(--wall-squad)}.niche{position:absolute;inset:14% 12% 33%;z-index:4}.niche .kinfig{position:absolute;left:50%;width:96%;bottom:0;translate:-50% 0}.plate{--ph: 23cqw;position:absolute;left:50%;translate:-50% 0;bottom:8%;height:var(--ph);width:76%;display:flex;justify-content:center;align-items:center;padding:0 calc(var(--ph) * 24 / 48) 1px 0;border-style:solid;border-width:0 calc(var(--ph) * 16 / 48) 0 calc(var(--ph) * 40 / 48);border-image:url(../assets/rooms/plank.webp) 0 48 0 120 fill / 0 calc(var(--ph) * 16 / 48) 0 calc(var(--ph) * 40 / 48) stretch;color:#fbeccb;text-shadow:0 1px 1px rgba(40,20,5,.7)}.plate b{font:700 8.7cqw var(--font-display);letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet{position:fixed;inset:0;z-index:var(--z-sheet);background:linear-gradient(transparent var(--dim-from, 40%),rgba(20,12,6,.35) calc(var(--dim-from, 40%) + 4%))}.sheet[hidden]{display:none}.sheet-card{position:absolute;left:50%;top:var(--card-top, 8%);width:min(300px,86vw);translate:-50% 0;animation:tip-in var(--t-pop) var(--ease-pop);cursor:var(--cursor-grab);touch-action:none;user-select:none}.sheet-card.dragging{cursor:var(--cursor-grabbing)}.sheet-card .kincard{will-change:transform;backface-visibility:hidden;transform-origin:50% 30%;transition:transform var(--t-card-lift) var(--ease-card-lift),filter var(--t-card-lift) var(--ease-card-shadow)}.sheet-card.dragging .kincard{transform:translateY(-6px) scale(1.04) rotate(var(--tilt, 0deg));filter:drop-shadow(0 18px 22px rgba(30,18,8,.5));transition:transform var(--t-card-grab) var(--ease-card-grab),filter var(--t-card-lift) var(--ease-card-shadow)}.sheet-card .info h3{font-size:15px}.kincard{position:relative;min-width:0;border-style:solid;border-width:36px;border-image:url(../assets/ui/card-frame.webp) 90 fill / 36px / 0 stretch;background:linear-gradient(var(--card-parchment),var(--card-parchment)) center / calc(100% - 20px) calc(100% - 20px) no-repeat border-box;filter:drop-shadow(0 6px 10px rgba(30,18,8,.45))}.kincard>*{margin:-16px -16px 0}.kincard .info{margin-top:0}.kincard.r-rare{filter:drop-shadow(0 6px 10px rgba(30,18,8,.45)) drop-shadow(0 0 6px rgba(127,152,191,.8))}.kincard.r-epic{filter:drop-shadow(0 6px 10px rgba(30,18,8,.45)) drop-shadow(0 0 6px rgba(154,124,192,.8))}.kincard.r-legendary{filter:drop-shadow(0 6px 10px rgba(30,18,8,.45)) drop-shadow(0 0 8px rgba(247,180,79,.9))}.portrait{position:relative;overflow:hidden;aspect-ratio:1 / .82;display:grid;place-items:end center}.portrait .kinfig{width:80%;margin-bottom:3%;z-index:1}.portrait:before{content:"";position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(to right,transparent,rgba(120,85,50,.35) 20%,rgba(120,85,50,.35) 80%,transparent) top / 100% 1px no-repeat,radial-gradient(70% 90% at 50% 0%,rgba(150,110,70,.16),transparent 70%)}.portrait:after{content:"";position:absolute;left:24%;right:24%;bottom:6%;height:10%;background:radial-gradient(50% 50% at 50% 50%,#4a321e73,#4a321e00 70%)}.kincard.resting .portrait{background:radial-gradient(60% 55% at 50% 55%,rgba(120,135,190,.18),transparent 70%)}.kincard.resting .portrait:after{left:14%;right:14%;background:radial-gradient(50% 50% at 50% 50%,#282d5080,#282d5000 70%)}.info{padding:8px 2px 0;display:grid;gap:5px}.info h3{margin:0;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.tags{display:flex;gap:4px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;padding:1px 7px 1px 5px;border-radius:999px;background:#efe3cc;color:var(--text)}.tag svg{width:12px;height:12px;fill:currentColor;stroke:currentColor;stroke-width:.6}.tag.aff-plant{color:#5d6a2e}.tag.aff-earth{color:#7a5a36}.tag.aff-fire{color:#a4491f}.tag.aff-night{color:#45507a}.tag.rarity{padding-left:7px;opacity:.8}.r-rare .tag.rarity{color:#4f6b99}.r-epic .tag.rarity{color:#6c4f97}.r-legendary .tag.rarity{color:var(--gold)}.rank{font-size:12px;color:var(--gold);letter-spacing:1px}.rank span{color:#d9c7a6}.charges{display:flex;align-items:center;gap:6px;font-size:11px}.charges .label{opacity:.7}.pips{display:inline-flex;gap:3px}.pips i{width:8px;height:8px;border-radius:50%;border:1px solid var(--gold)}.pips i.on{background:radial-gradient(circle at 35% 35%,#ffe9b0,var(--glow));border-color:var(--gold-dark);box-shadow:0 0 4px #f7b44f99}.charges .count{margin-left:auto;font-variant-numeric:tabular-nums}.next{font-size:10.5px;opacity:.65}.rest{font-size:10.5px;color:#45507a;display:flex;align-items:center;gap:4px}.rest:before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;opacity:.7}
/*# sourceMappingURL=home.css.map */