.hero-form{grid-template-columns:124px 124px minmax(80px,1fr) 150px 116px 118px 82px 164px;width:min(1120px,100% - 48px)}.hero-field select{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:18px;font-weight:800}.analysis-card{text-align:left;width:min(980px,100vw - 32px)}.analysis-card>span,.analysis-card h2,.analysis-card>p{text-align:center}.manse-result{margin-top:28px}.manse-panel,.luck-section{border-top:1px solid var(--hairline);margin-top:18px;padding-top:18px}.manse-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.manse-heading strong,.luck-section h3{margin:0;font-size:24px;line-height:1.2;display:block}.manse-heading span,.manse-heading p,.luck-section small{color:color-mix(in srgb, var(--ink) 72%, transparent);margin:6px 0 0;font-size:14px;font-weight:700}.pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.pillar-card,.luck-item{border:1px solid var(--primary);background:var(--canvas);box-shadow:4px 4px 0 var(--shadow-color);text-align:center;border-radius:8px}.pillar-card{padding:12px}.pillar-card strong{background:var(--hairline-soft);padding:6px;font-size:15px;display:block}.pillar-card em{color:var(--accent-magenta);margin-top:8px;font-size:13px;font-style:normal;font-weight:800;display:block}.ganji-box{grid-template-columns:1fr;gap:6px;width:68px;margin:8px auto;display:grid}.ganji-box b,.mini-ganji b{border:2px solid var(--primary);background:var(--surface-soft);aspect-ratio:1;place-items:center;font-size:34px;line-height:1;display:grid}.ganji-box b.el-wood{color:var(--el-wood);box-shadow:inset 0 -3px 0 var(--el-wood)}.ganji-box b.el-fire{color:var(--el-fire);box-shadow:inset 0 -3px 0 var(--el-fire)}.ganji-box b.el-earth{color:var(--el-earth);box-shadow:inset 0 -3px 0 var(--el-earth)}.ganji-box b.el-metal{color:var(--ink);box-shadow:inset 0 -3px 0 var(--el-metal)}.ganji-box b.el-water{color:var(--ink);box-shadow:inset 0 -3px 0 var(--el-water)}body[data-theme=dark] .ganji-box b.el-water{box-shadow:inset 0 -3px #4a5f78}.pillar-card small,.luck-item small{font-size:13px;font-weight:800}.pillar-card.is-unknown span{border:2px dashed var(--hairline);width:68px;height:142px;color:color-mix(in srgb, var(--ink) 55%, transparent);place-items:center;margin:8px auto;font-size:18px;font-weight:900;display:grid}.element-line{text-align:center;margin:14px 0 0;font-weight:900}.luck-section h3{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.luck-track{grid-auto-columns:86px;grid-auto-flow:column;gap:10px;margin-top:14px;padding:0 4px 10px 0;display:grid;overflow-x:auto}.luck-item{box-shadow:3px 3px 0 var(--shadow-color);padding:8px}.luck-item strong,.luck-item span{font-size:13px;font-weight:900;display:block}.luck-item span{margin-top:4px}.mini-ganji{gap:4px;width:48px;margin:6px auto;display:grid}.mini-ganji b{font-size:24px}@media (max-width:980px){.hero-form{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 48px)}.hero-form .time-field{grid-column:1}.hero-form .time-checks{flex-direction:column;grid-column:2;display:flex}.hero-form .time-checks .unknown-time{border-right:0;flex:1;gap:8px;min-height:44px;padding:0 10px;font-size:12.5px}.hero-form .time-checks .unknown-time input{width:22px;height:22px}.hero-form .primary-button{grid-column:1/-1}.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manse-heading,.luck-section h3{display:block}}@media (max-width:640px){.hero-form{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 28px)}.hero-field,.unknown-time{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);min-height:58px}.hero-form>:nth-child(2),.hero-form>:nth-child(4){border-right:0}.hero-form .primary-button{grid-column:1/-1}}