/* Scalable cloud and fretwork borders; decoration never receives input. */
:root{--frame-wood:#49392c;--frame-gold:#c7a56e;--frame-fret:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M46%203H19C10%203%203%2010%203%2019v27M46%208H21C14%208%208%2014%208%2021v25%22%20stroke%3D%22%23b99a62%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M40%2014H23v9H14v17M34%2019H28v9h-9v6%22%20stroke%3D%22%239b743b%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M9%2015c-3%200-4%204-1%205%203%202%207-1%206-4-1-3-5-3-6-1M15%209c0-3%204-4%205-1%202%203-1%207-4%206-3-1-3-5-1-6%22%20stroke%3D%22%23c5a367%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22m22%2034%204%204-4%204-4-4%204-4Z%22%20fill%3D%22%23b99a62%22%20fill-opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E");--frame-cloud:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2028%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M3%2021h19c-7-1-8-8-3-10%204-2%209%201%207%204-1%202-4%202-5%200M26%2021h13c-9-1-13-12-6-17%206-4%2014%200%2012%206-2%205-10%203-10%200M43%2021h12c-5-8%202-16%208-15%209%201%2011%209%205%2013-3%203-8%200-7-3M65%2021h18c-4-7%203-13%208-10%205%202%203%208-1%207M84%2021h33%22%20stroke%3D%22%23c2a16b%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9%2025h102%22%20stroke%3D%22%23907348%22%20stroke-width%3D%22.8%22%2F%3E%3C%2Fsvg%3E")}
.prototype-ribbon{position:relative;background:linear-gradient(180deg,#493a2d,#302c25);color:#eadbb7;border-bottom:1px solid #bf9b62;box-shadow:inset 0 1px #d6b78066,inset 0 -3px #120f0b55}
.prototype-ribbon:before,.prototype-ribbon:after{content:"";position:absolute;top:1px;width:88px;height:23px;background:var(--frame-cloud) center/contain no-repeat;opacity:.8;pointer-events:none}
.prototype-ribbon:before{left:15px}.prototype-ribbon:after{right:15px;transform:scaleX(-1)}
.topbar{border-bottom-color:#bd9c615c;box-shadow:inset 0 -3px #081b234d,inset 0 -4px #e2c58b18}
#homeScreen .card{border:1px solid #a98b59;border-radius:9px;box-shadow:0 8px 22px #05171e4d,inset 0 0 0 2px #49392c,inset 0 0 0 4px #806446,inset 0 0 0 5px #d3b880,inset 0 0 0 8px #493d30}
#homeScreen .card:before{content:"";position:absolute;inset:11px;border:1px solid #b898616b;border-radius:2px;pointer-events:none;z-index:2}
#homeScreen .card-body{padding:21px 20px}
#homeScreen .card-ornaments{inset:12px}
#homeScreen .card-ornaments i{width:30px;height:30px;border:0;background:var(--frame-fret) center/contain no-repeat}
#homeScreen .card-ornaments i:after{display:none}
#homeScreen .panel-clouds{opacity:.19;right:8px;bottom:8px}
#homeScreen .panel-heading{padding-bottom:14px;border-bottom-color:#bda67966}
#homeScreen .panel-heading:before{content:"";position:absolute;left:0;bottom:-1px;width:28px;height:2px;background:var(--panel-accent,#a48651)}
#homeScreen .panel-heading:after{content:"";left:50%;bottom:-3px;width:5px;height:5px;padding:0;border:1px solid #b59b69;background:#f3ead9;transform:translateX(-50%) rotate(45deg)}
#homeScreen .destiny-card{--panel-accent:#ae8a49}
#homeScreen .elements-card{--panel-accent:#66816b}
#homeScreen .event-card{--panel-accent:#ab6250}
#homeScreen .journey-card{--panel-accent:#9b855c}
#homeScreen .heading-glyph{opacity:.8}
#homeScreen .hex-portrait{border-color:#b2945c;box-shadow:inset 0 0 0 2px #d5b97d22,0 2px 5px #69503720}
.frame-trim{position:absolute;inset:7px;z-index:7;border:1px solid #d6b98070;border-radius:3px;pointer-events:none;color:#d6b980}
.frame-trim i{position:absolute;width:31px;height:31px;background:var(--frame-fret) center/contain no-repeat;opacity:.95}
.frame-trim i:nth-child(1){left:-1px;top:-1px}.frame-trim i:nth-child(2){right:-1px;top:-1px;transform:rotate(90deg)}.frame-trim i:nth-child(3){right:-1px;bottom:-1px;transform:rotate(180deg)}.frame-trim i:nth-child(4){left:-1px;bottom:-1px;transform:rotate(270deg)}
.frame-trim:after{content:"";position:absolute;top:-7px;left:50%;width:66px;height:17px;background:var(--frame-cloud) center/contain no-repeat;transform:translateX(-50%);opacity:.8}
#homeScene{border:2px solid #a48a5c;border-radius:9px;box-shadow:0 12px 32px #04131b6b,inset 0 0 0 3px #493a2a}
#homeScene .frame-trim{inset:8px;border-color:#e2c38a50}
#homeScene .frame-trim:after{width:52px;opacity:.7}
.dock{position:relative;isolation:isolate;border-color:#ae8f58;border-radius:9px;background:radial-gradient(ellipse at 50% 0,#344a47,transparent 70%),linear-gradient(110deg,#162d32,#263d3e,#172e33);box-shadow:0 6px 24px #03151a55,inset 0 0 0 2px #40362b,inset 0 0 0 3px #9d8055,inset 0 0 0 5px #2a2d25}
.dock .frame-trim{inset:8px;border-color:#c5a66b55}.dock .frame-trim:after{top:-8px}
.dock .dock-button{z-index:1;color:#f1e5ca}
.dock .dock-button small{color:#c2b79b}
.dock .dock-button:after{background:linear-gradient(transparent,#c9ae7766,transparent)}
.dock .dock-button:hover,.dock .dock-button[aria-expanded="true"]{background:#d6bc7e13;border-color:#c9ae7755}
.dock .dock-icon{border-color:#cbb281;background:linear-gradient(145deg,#f1e5c8,#d9ccb0);box-shadow:0 2px 7px #071b2355,inset 0 0 0 2px #fffae233}
.dock .nav-number{color:#bda77d}
.item-shortcut{box-shadow:inset 0 0 0 3px #d3b57f0e;border-color:#c6a67166}
.drawer{border-left:4px double #ad8e58;box-shadow:-16px 0 48px #06171f66,inset 3px 0 #493a291c}
.drawer-head{position:relative;border-bottom-color:#a98b5977}
.drawer-head:after{content:"";position:absolute;left:0;bottom:-2px;width:36px;height:3px;background:#a7874f}
.drawer-item,.team-slot:not(.empty),.companion-card,.record-card{box-shadow:inset 0 0 0 3px #b7985920;border-color:#b39a70}
.battle-status,.action-panel,.battle-footer,.modal{border:1px solid #b39969;box-shadow:0 6px 20px #03192322,inset 0 0 0 3px #a98c5326;border-radius:8px}
.shell .stage{border:2px solid #9e8555;box-shadow:0 10px 32px #03151b66}
.shell.is-regular .stage{border-color:#a58b5c;box-shadow:0 8px 24px #67573522,inset 0 0 0 3px #b495551c}
.stage .showcase-frame{display:none}
.stage .frame-trim{inset:8px;border-color:#ba9b6066}.stage .frame-trim:after{width:54px;opacity:.7}
.stage .frame-trim i{width:29px;height:29px}
.hero-card{box-shadow:inset 0 0 0 2px #b8965820}
.hero-card.selected{box-shadow:inset 0 0 0 2px #d1b37533,0 3px 10px #05192322}
.detail-dialog,.face-dialog{border:1px solid #ad9060;box-shadow:0 16px 56px #05171b66,inset 0 0 0 3px #b99c6333}
@media(min-width:1101px){#homeScreen .destiny-card .card-body{padding:20px 18px}#homeScreen .elements-card .card-body{padding:20px 18px}.dock{padding:10px}.dock-wrap{position:relative;bottom:auto}.scene-content{bottom:26px}#homeScene{height:max(400px,calc(100svh - 284px))}.side-stack{max-height:max(400px,calc(100svh - 284px))}}
@media(min-width:1101px) and (max-width:1360px){#homeScreen .card-body{padding:20px 17px}#homeScreen .destiny-card .card-body{padding:19px 17px}.scene-cta{gap:9px}}
@media(max-width:1100px){.dock-wrap{padding-bottom:8px}.dock{padding:6px 5px}.dock .frame-trim{inset:5px}.dock .frame-trim i{width:18px;height:18px}.dock .frame-trim:after{display:none}.frame-trim i{width:25px;height:25px}.frame-trim:after{width:48px}}
@media(max-width:480px){.prototype-ribbon:before,.prototype-ribbon:after{display:none}#homeScreen .card-body{padding:25px 23px}#homeScreen .card-ornaments i{width:30px;height:30px}.dock .dock-button{min-height:67px}.dock .dock-button b{font-size:16px}.dock .dock-icon{border:1px solid #cbb281;background:#e4d6b5;width:31px;height:30px}.dock .dock-icon .icon{width:22px;height:22px}.stage .frame-trim i{width:23px;height:23px}}
:root{--frame-fret-compact:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M46%203H19C10%203%203%2010%203%2019v27M46%208H21C14%208%208%2014%208%2021v25%22%20stroke%3D%22%23b99a62%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M40%2014H23v9H14v17M34%2019H28v9h-9v6%22%20stroke%3D%22%239b743b%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M9%2015c-3%200-4%204-1%205%203%202%207-1%206-4-1-3-5-3-6-1M15%209c0-3%204-4%205-1%202%203-1%207-4%206-3-1-3-5-1-6%22%20stroke%3D%22%23c5a367%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fsvg%3E")}
#homeScreen .card-ornaments{inset:9px}
#homeScreen .card-ornaments i{width:24px;height:24px;background-image:var(--frame-fret-compact)}
.dock .nav-number{display:none}
@media(min-width:1101px){#homeScene .scene-weather{top:65px}#homeScene .hotspot-cultivation{top:20%;left:8%}}
@media(max-width:480px){#homeScreen .card-ornaments i{width:27px;height:27px}}