.chn-visual-page { min-height: 100vh; background-color: var(--chn-ground); background-position: center; background-size: cover; background-attachment: fixed; }
.chn-visual-page .chn-header { background: #0d1424dc; backdrop-filter: blur(6px); }
.chn-menu-page { background-image: linear-gradient(#0d14241f,#0d14241f), url('/images/coinhunt-menu.webp'); overflow-x: hidden; }
.chn-dealers-page { background-image: linear-gradient(#0d14243d,#0d14243d), url('/images/participating-dealers.webp'); }
.chn-wishlist-page { background-image: linear-gradient(#0d14243d,#0d14243d), url('/images/wishlist.webp'); }
.chn-compass-menu { position: relative; width: min(88vw,980px); height: min(78vh,680px); margin: 0 auto; }
.chn-compass-link { position: absolute; display: grid; place-items: center; min-width: 10rem; padding: .8rem 1.1rem; border: 1px solid var(--chn-accent); border-radius: 999px; background: #0d1424e8; color: var(--chn-text); font-weight: 700; text-align: center; text-decoration: none; box-shadow: 0 .75rem 2rem #0009; transition: background .15s,color .15s,transform .15s; }
.chn-compass-link:hover, .chn-compass-link:focus-visible { background: var(--chn-accent); color: var(--chn-on-accent); }
.chn-north { left: 50%; top: 3%; transform: translateX(-50%); }
.chn-east { right: 0; top: 50%; transform: translateY(-50%); }
.chn-south { left: 50%; bottom: 3%; transform: translateX(-50%); }
.chn-west { left: 0; top: 50%; transform: translateY(-50%); }
.chn-visual-content { width: min(780px,calc(100% - 2rem)); margin-left: auto; margin-right: clamp(1rem,5vw,6rem); padding: clamp(2rem,7vw,6rem) 0; }
.chn-visual-content h1 { margin-top: 0; color: var(--chn-accent); font: clamp(2rem,5vw,3.5rem) var(--font-display); }
.chn-directory-list { display: grid; gap: 1rem; padding: 0; list-style: none; }
.chn-directory-list li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 6rem; padding: 1rem 1.25rem; border: 1px solid var(--chn-accent); border-radius: var(--radius-md); background: #0d1424dc; box-shadow: var(--shadow-card); backdrop-filter: blur(5px); }
.chn-directory-list strong, .chn-directory-list span { display: block; }
.chn-directory-list span { margin-top: .3rem; color: var(--chn-text-muted); font-size: .86rem; }
.chn-visual-empty, .chn-overlay-panel { padding: 1.5rem; border: 1px solid var(--chn-accent); border-radius: var(--radius-md); background: #0d1424df; backdrop-filter: blur(5px); }
.chn-overlay-panel { margin-top: 2rem; }
.chn-overlay-panel h2 { color: var(--chn-accent); font-family: var(--font-display); }
@media (max-width: 700px) { .chn-compass-menu { width: 96vw; height: 78vh; } .chn-compass-link { min-width: 8rem; max-width: 9.5rem; font-size: .85rem; } .chn-east { right: 1%; } .chn-west { left: 1%; } .chn-visual-content { margin: auto; padding-top: 2rem; } .chn-directory-list li { align-items: flex-start; flex-direction: column; } }
.chn-seller-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; }
.chn-seller-choice { min-height: 15rem; padding: 1.5rem; border: 1px solid var(--chn-accent); border-radius: var(--radius-md); background: var(--chn-surface); color: var(--chn-text); text-decoration: none; box-shadow: var(--shadow-card); }
.chn-seller-choice h2, .chn-seller-choice strong { color: var(--chn-accent); }
.chn-seller-choice:hover, .chn-seller-choice:focus-visible { transform: translateY(-2px); border-color: var(--chn-accent-hover); }
@media (max-width: 700px) { .chn-seller-choice-grid { grid-template-columns: 1fr; } }