:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#100e0c;--ink-2:#1b1612;--gold:#d4b483;--gold-dim:#d4b48366;--cinnabar:#a33b32;--paper:#f4ead8;--mist:#b7a794;--serif:"Cormorant Garamond", "Noto Serif", serif}html,body,#root{min-height:100%;margin:0}body{color:var(--paper);background-color:var(--ink);background-image:radial-gradient(at 50% -8%,#a33b3238,#0000 46%),radial-gradient(at 100% 100%,#d4b48314,#0000 32%),radial-gradient(at 0 80%,#46301c59,#0000 40%);font-family:Be Vietnam Pro,Segoe UI,sans-serif}.shell{background:0 0;min-height:100vh}.shell h1,.shell h2,.shell h3,.shell h4,.shell h5,.shell .ant-card-head-title,.shell .ant-collapse-header-text,.shell .ant-statistic-content-value{font-family:var(--serif);letter-spacing:.03em;font-weight:600}.element-stripe{height:5px;display:flex;box-shadow:0 8px 24px #00000059}.element-stripe span{flex:1}.site-header.ant-layout-header{background:0 0;justify-content:space-between;align-items:center;gap:16px;height:auto;padding:22px 28px 8px;line-height:1.4;display:flex}.masthead{align-items:center;gap:16px;display:flex}.seal{border:2px solid var(--cinnabar);color:#f0d2c4;width:58px;height:58px;font-family:var(--serif);background:#781c1859;flex:none;place-items:center;font-size:28px;line-height:1;display:grid;transform:rotate(-8deg);box-shadow:inset 0 0 0 4px #a33b3259}.eyebrow{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin:0 0 2px;font-size:12px}.masthead h1{color:var(--paper);margin:0;font-size:40px;font-weight:600;line-height:.95}.site-content{width:min(1240px,100% - 32px);margin:8px auto 48px}.shell .ant-card{border-color:var(--gold-dim);background-color:#16120eeb;background-image:linear-gradient(var(--gold), var(--gold)), linear-gradient(var(--gold), var(--gold)), linear-gradient(var(--gold), var(--gold)), linear-gradient(var(--gold), var(--gold)), linear-gradient(var(--gold), var(--gold)), linear-gradient(var(--gold), var(--gold)), linear-gradient(var(--gold), var(--gold)), linear-gradient(var(--gold), var(--gold));background-position:8px 8px,8px 8px,right 8px top 8px,right 8px top 8px,left 8px bottom 8px,left 8px bottom 8px,right 8px bottom 8px,right 8px bottom 8px;background-repeat:no-repeat;background-size:14px 1px,1px 14px,14px 1px,1px 14px,14px 1px,1px 14px,14px 1px,1px 14px;border-radius:2px;box-shadow:0 18px 40px #00000047}.shell .ant-card-head{border-bottom-color:#d4b48338;min-height:48px}.shell .ant-card-head-title{font-size:22px}.shell .ant-btn-primary{color:#fbeedc;background:linear-gradient(#b24a3e,#7d2822);border-color:#e0c48a}.shell .ant-btn-primary:not(:disabled):hover{color:#fffaf2!important;background:linear-gradient(#c45a4c,#8d3129)!important;border-color:#f0ddb0!important}.shell .ant-alert{border-radius:2px}.shell .ant-alert-info{background:#d4b48314;border-color:#d4b48359}.shell .ant-progress-bg{background:linear-gradient(90deg,#7d2822,#d4b483)}.shell .ant-tag{border-radius:2px}.weapon-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.weapon-pick{border:1px solid color-mix(in srgb, var(--el) 50%, #6a5030);min-height:64px;color:var(--el);cursor:pointer;text-align:left;font:inherit;background:linear-gradient(#2a2016f2,#100c0af5);border-radius:2px;align-items:center;gap:10px;padding:8px 12px;display:flex}.weapon-pick strong,.weapon-pick small{display:block}.weapon-pick strong{font-family:var(--serif);letter-spacing:.04em;font-size:24px;font-weight:600;line-height:1}.weapon-pick small{color:var(--mist);letter-spacing:.04em;margin-top:3px;font-size:11px}.weapon-pick.is-on{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d4b4838c, 0 0 22px color-mix(in srgb, var(--el) 28%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--el) 20%, #1c140f), #120e0b)}.weapon-pick.is-on small{color:#f0d7c4}.weapon-mark{border:1px solid color-mix(in srgb, var(--el) 70%, #d4b483);background:color-mix(in srgb, var(--el) 16%, #120e0c);border-radius:2px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.pos-gt{grid-area:1/1}.pos-mu{grid-area:1/2}.pos-dc{grid-area:1/3}.pos-nt{grid-area:2/1}.pos-ao{grid-area:2/2}.pos-vk{grid-area:2/3}.pos-nd{grid-area:3/1}.pos-dai{grid-area:3/2}.pos-giay{grid-area:3/3}.pos-nb{grid-area:4/1}.slot-wrap,.slot-card{height:100%}.slot-card{cursor:pointer;transition:transform .16s,border-color .16s;border-left:3px solid var(--el)!important}.slot-card:hover{transform:translateY(-2px);border-color:var(--gold)!important}.slot-name{font-family:var(--serif);letter-spacing:.04em;font-size:18px}.slot-card.is-ok{box-shadow:inset 3px 0 0 var(--el), inset 0 0 0 1px #8ea56a59}.slot-card.is-bad{box-shadow:inset 3px 0 0 var(--el), inset 0 0 0 1px #d25a4a80}.slot-card.is-locked{outline:1px solid var(--gold);outline-offset:2px}.slot-card.is-dim{opacity:.38}.slot-card.is-pulse{animation:1.4s ring-swap}@keyframes ring-swap{0%,to{box-shadow:inset 3px 0 0 var(--el)}30%{box-shadow:inset 0 0 0 2px var(--gold), 0 0 18px #d4b48373}}.slot-card .ant-card-body{flex-direction:column;gap:8px;height:100%;display:flex}.slot-detail,.slot-note{font-size:12px;margin-bottom:0!important}.picker-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.picker-choice{flex-direction:column;align-items:center;gap:4px;border-color:var(--el)!important;background:#14110e!important;border-radius:2px!important;height:auto!important;padding:12px 6px!important;display:flex!important}.picker-choice.is-selected{box-shadow:inset 0 0 0 1px var(--gold);background:color-mix(in srgb, var(--el) 18%, #14110e)!important}.picker-mark{font-family:var(--serif);font-size:22px;font-weight:600}.compare-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.compare-btn{color:inherit;font:inherit;cursor:pointer;background:#120e0c;border:1px solid #d4b48347;border-radius:2px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;display:flex}.compare-btn.is-current{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d4b48359}.compare-btn:disabled{cursor:default;opacity:.72}.compare-btn strong{font-family:var(--serif);color:var(--gold);font-size:26px;line-height:1}.compare-btn span:last-child{color:var(--mist);font-size:11px}.solution-grid{grid-template-columns:1fr;gap:12px;display:grid}.solution-card{border:1px solid var(--gold-dim);background:linear-gradient(var(--gold), var(--gold)) 8px 8px / 12px 1px no-repeat, linear-gradient(var(--gold), var(--gold)) 8px 8px / 1px 12px no-repeat, linear-gradient(var(--gold), var(--gold)) right 8px top 8px / 12px 1px no-repeat, linear-gradient(var(--gold), var(--gold)) right 8px top 8px / 1px 12px no-repeat, #14110e;border-radius:2px;flex-direction:column;gap:12px;padding:14px;display:flex}.switch-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.switch-chip{align-items:center;gap:4px;display:inline-flex}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mini{background:#0e0c0a;border:1px solid #d4b48333;border-radius:2px;min-width:0;padding:6px}.mini.changed{border-color:var(--el)}.mini span,.mini strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini span{color:var(--mist);font-size:11px}.mini strong{color:var(--el);font-size:13px}.solution-foot{margin-top:auto}.ant-drawer-section,.ant-drawer-content,.ant-modal-content{border:1px solid #d4b48359;border-radius:2px;background:#17130f!important}.ant-drawer-header,.ant-modal-header{background:0 0!important;border-bottom-color:#d4b48338!important}.ant-drawer-title,.ant-modal-title{letter-spacing:.03em;font-family:var(--serif)!important;font-size:26px!important}@media (width>=900px){.mini-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=900px){.site-header.ant-layout-header{flex-direction:column;align-items:flex-start;padding:16px}.masthead h1{font-size:32px}.weapon-row,.compare-grid,.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.board{flex-direction:column;display:flex}.weapon-row{grid-template-columns:1fr}.seal{width:46px;height:46px;font-size:22px}}
