:root{color-scheme:dark;--bg:#0b111c;--panel:#121c2b;--line:#273448;--gold:#f2c875;--text:#f7f2e7;--muted:#a9b5c7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,"Malgun Gothic",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.shell{width:min(1400px,calc(100% - 48px));margin-inline:auto}.top{border-bottom:1px solid var(--line);background:#101826}.bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;white-space:nowrap}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:.23em}.mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #76613b;border-radius:9px;background:#28241e;color:var(--gold);font-size:22px}.bar nav{display:flex;gap:26px;color:var(--muted);font-size:14px}.account{border:1px solid #74613e;padding:8px 15px;border-radius:8px;color:var(--gold);white-space:nowrap;font-size:14px}.hero{position:relative;isolation:isolate;overflow:hidden;margin-top:30px;border:1px solid #554930;border-radius:20px;background:radial-gradient(ellipse at 90% 20%,#49391f 0%,transparent 58%),linear-gradient(115deg,#17253b,#121b2a 67%);min-height:360px;padding:45px 48px}.hero-content{position:relative}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.06em;margin:0 0 18px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--gold)}h1{font-size:clamp(32px,5.6vw,62px);letter-spacing:-.075em;line-height:1.15;margin:0}h1 em{font-style:normal;color:var(--gold)}.intro{color:var(--muted);margin:16px 0 22px}.cards{position:absolute;z-index:-1;right:14%;top:19%;display:flex;gap:0;opacity:.82;pointer-events:none}.cards span{display:grid;place-items:center;width:126px;height:170px;background:#161f2d;border:1px solid #b08d54;border-radius:14px;color:var(--gold);font-size:68px;transform:rotate(-19deg);box-shadow:0 16px 32px #0006}.cards span+span{transform:translate(-18px,15px) rotate(13deg);background:#222837}.search{display:flex;width:min(100%,420px);gap:8px}.search input{flex:1;min-width:0;background:#101725;border:1px solid #45516a;border-radius:8px;padding:11px 12px;color:var(--text);font:inherit}.search input::placeholder{color:var(--muted)}.search button{border:0;border-radius:8px;background:var(--gold);color:#211a0e;padding:0 20px;font:inherit;font-weight:800;cursor:pointer}.notice{display:flex;align-items:center;gap:12px;padding:13px 16px;margin:16px 0 22px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:13px}.notice strong{color:var(--gold)}.notice .more{margin-left:auto;white-space:nowrap}.tiles,.guide-grid,.feeds{display:grid;gap:14px}.tiles,.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tiles a,.panel{border:1px solid var(--line);border-radius:13px;background:var(--panel)}.tiles a{display:flex;align-items:center;gap:12px;padding:15px}.tiles a:hover{border-color:#9e8251}.tiles a>span{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:8px;background:#2c291f;color:var(--gold);font-size:21px}.tiles small{display:block;color:var(--muted)}.tiles i{margin-left:auto;color:var(--muted);font-style:normal}.feeds{grid-template-columns:1fr 1fr;margin:22px 0}.panel>header{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:14px 16px}.panel h2{margin:0;font-size:17px}.panel header a,.panel li small{font-size:12px;color:var(--muted);white-space:nowrap}.panel ul{list-style:none;margin:0;padding:0 16px}.panel li+li{border-top:1px solid var(--line)}.panel li a{display:flex;justify-content:space-between;gap:12px;padding:13px 0}.panel li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty,.guide-grid{padding:0 16px;color:var(--muted)}.guide-grid{padding-bottom:14px}.guide h3{font-size:14px;color:var(--gold);margin-bottom:4px}.guide p{font-size:13px;margin:0}.footer{margin-top:34px;border-top:1px solid var(--line);padding:20px 0 28px;color:var(--muted);display:flex;gap:12px;font-size:13px}.footer strong{color:var(--text)}@media(max-width:720px){.shell{width:calc(100% - 28px)}.bar{flex-wrap:wrap;gap:0;padding-top:11px}.bar nav{order:3;width:100%;justify-content:space-between;gap:8px;overflow:auto;padding:12px 0;white-space:nowrap;font-size:12px}.hero{margin-top:17px;padding:29px 19px;min-height:auto}.cards{right:-25px;top:20px;opacity:.23}.cards span{width:73px;height:105px;font-size:36px}.intro{font-size:14px}.tiles,.feeds,.guide-grid{grid-template-columns:1fr}.notice{gap:8px}.notice .more{display:none}.footer{flex-wrap:wrap}}

@media(min-width:1001px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:721px) and (max-width:1000px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

.feeds{grid-template-columns:repeat(2,minmax(0,1fr))}
.board-feed li a{display:grid;gap:3px}
.board-feed li .feed-title{white-space:normal;overflow-wrap:anywhere}
.board-feed li .feed-meta{display:flex;align-items:baseline;gap:10px;min-width:0}
.board-feed .feed-meta time{flex-shrink:0;font-variant-numeric:tabular-nums}
@media(max-width:720px){.feeds{grid-template-columns:minmax(0,1fr)}}

.hero { min-height: 245px; }
.hero h1 { max-width: 870px; font-size: clamp(27px, 4.6vw, 56px); }
.hero h1 em { display: block; font-size: .76em; margin-top: .18em; }
.quick-guide { margin-top: 14px; }
.quick-guide .guide-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-top: 14px;
}
.guide-link {
  display: block;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow-wrap: anywhere;
}
.guide-link:hover { border-color: var(--gold); }
.guide-link h3 { margin: 0 0 4px; }
@media (max-width: 1000px) {
  .quick-guide .guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .hero { min-height: auto; }
  .quick-guide .guide-grid { gap: 8px; padding-inline: 10px; }
  .guide-link { padding: 9px; }
}