/* Borderless visual hierarchy: depth, spacing and light replace UI outlines. */
.maritime-edition {
  background:
    radial-gradient(circle at 12% 10%, rgba(255, 101, 54, .075), transparent 34rem),
    radial-gradient(circle at 88% 20%, rgba(57, 191, 174, .065), transparent 38rem),
    linear-gradient(180deg, #050807, #070b09 48%, #050807);
}

.maritime-edition .site-header {
  border: 0;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .2);
}

.maritime-edition .brand-mark,
.maritime-edition .primary-button,
.maritime-edition .outline-button,
.maritime-edition .icon-button,
.maritime-edition .glass-button,
.maritime-edition .danger-button,
.maritime-edition .control-button,
.maritime-edition .filter,
.maritime-edition .table-button,
.maritime-edition .game-code,
.maritime-edition .live-pill {
  border: 0 !important;
}

.maritime-edition .outline-button,
.maritime-edition .glass-button,
.maritime-edition .icon-button,
.maritime-edition .control-button,
.maritime-edition .table-button {
  background: rgba(255, 255, 255, .065) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .055);
}

.maritime-edition .outline-button:hover,
.maritime-edition .glass-button:hover,
.maritime-edition .icon-button:hover,
.maritime-edition .control-button:hover,
.maritime-edition .table-button:hover {
  background: rgba(255, 101, 54, .13) !important;
}

.platform-hero,
.activity-strip,
.maritime-edition .game-card,
.maritime-edition .panel,
.page-scene-heading,
.maritime-edition .maritime-content-board,
.maritime-edition .stats-row > div,
.maritime-edition .room,
.game-title-plaque,
.maritime-edition .game-header,
.maritime-demo-board,
.demo-message,
.maritime-edition .hand-zone,
.maritime-edition .game-log,
.maritime-edition .modal,
.maritime-edition .toast {
  border: 0 !important;
}

.platform-hero {
  box-shadow: 0 35px 90px rgba(0, 0, 0, .34);
}

.hero-game-art > div {
  border: 0;
  background: linear-gradient(180deg, rgba(11, 20, 14, .74), rgba(7, 12, 9, .92));
  box-shadow: 0 18px 40px rgba(0, 0, 0, .3);
}

.live-board {
  border: 0;
  background: linear-gradient(145deg, rgba(23, 37, 27, .9), rgba(11, 19, 14, .82));
  box-shadow: 0 26px 60px rgba(0, 0, 0, .28);
}

.live-board-title { border: 0; padding-bottom: 12px; }
.live-board > button {
  margin-top: 7px;
  padding: 13px 11px;
  border: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, .025);
  transition: background .18s, transform .18s;
}
.live-board > button:hover { background: rgba(152, 207, 49, .085); transform: translateX(3px); }

.activity-strip {
  background: linear-gradient(90deg, rgba(18, 27, 21, .84), rgba(11, 18, 14, .58));
  box-shadow: 0 18px 50px rgba(0, 0, 0, .16);
}
.activity-strip > div { border: 0; }

.maritime-edition .game-grid { gap: 10px; }
.maritime-edition .game-card {
  background: radial-gradient(circle at 88% 95%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 48%), linear-gradient(145deg, rgba(20, 29, 24, .88), rgba(8, 13, 10, .72));
  box-shadow: 0 16px 38px rgba(0, 0, 0, .12);
}
.game-card::before { display: none; }
.maritime-edition .game-card:hover {
  background: radial-gradient(circle at 88% 95%, color-mix(in srgb, var(--accent) 17%, transparent), transparent 52%), linear-gradient(145deg, rgba(27, 39, 31, .94), rgba(10, 16, 12, .82));
  box-shadow: 0 28px 55px rgba(0, 0, 0, .3);
}
.maritime-edition .game-card .game-icon { border: 0; box-shadow: 0 12px 28px rgba(0, 0, 0, .3); }
.maritime-edition .game-card p { font-size: 14px; line-height: 1.5; }
.game-motto { font-size: 12px; }
.game-coast,.game-card .players { font-size: 10px; }

.maritime-edition .panel,
.maritime-edition .stats-row > div {
  background: linear-gradient(145deg, rgba(19, 29, 23, .8), rgba(8, 14, 10, .55));
  box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}
.panel::after { display: none; }
.maritime-edition .friend,
.maritime-edition .invite,
.history-row { border: 0; border-radius: 14px; }
.maritime-edition .friend,
.maritime-edition .invite { padding-inline: 10px; }
.maritime-edition .friend:hover,
.maritime-edition .invite:hover,
.history-row:hover { background: rgba(255, 255, 255, .035); }
.friend strong,.invite strong { font-size: 14px; }
.friend small,.invite small { font-size: 12px; }

.page-scene-heading {
  box-shadow: 0 28px 75px rgba(0, 0, 0, .3);
}
.page-crest { border: 0; box-shadow: 0 15px 35px rgba(0, 0, 0, .32); }
.maritime-edition .maritime-content-board { background: transparent; box-shadow: none; padding-inline: 6px; }
.maritime-edition .filter { background: rgba(255, 255, 255, .045); }
.maritime-edition .filter.active { box-shadow: 0 8px 22px rgba(152, 207, 49, .15); }
.maritime-edition .room {
  background: linear-gradient(90deg, rgba(21, 32, 25, .78), rgba(11, 18, 14, .5));
  box-shadow: 0 12px 30px rgba(0, 0, 0, .1);
}
.maritime-edition .room:hover { background: linear-gradient(90deg, rgba(28, 43, 33, .94), rgba(13, 22, 17, .72)); }
.room h3 { font-size: 15px; }
.room p,.room .seats { font-size: 12px; }
.search-box,
.form-field input,
.form-field select,
.table-select {
  border: 0 !important;
  background: rgba(0, 0, 0, .32) !important;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, .25), 0 1px rgba(255, 255, 255, .035);
}

.game-title-plaque,
.maritime-edition .game-header {
  background: linear-gradient(90deg, rgba(18, 29, 22, .82), rgba(8, 14, 10, .35));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .13);
}
.maritime-edition .game-code { background: rgba(0, 0, 0, .24) !important; }
.maritime-edition .game-surface {
  border: 0 !important;
  border-radius: 38px;
  box-shadow: 0 34px 78px rgba(0, 0, 0, .52);
}
.maritime-edition .game-surface::before { border: 0 !important; box-shadow: none; }
.maritime-edition .opponent,
.maritime-edition .you-seat {
  border: 0 !important;
  box-shadow: 0 13px 30px rgba(0, 0, 0, .58), inset 0 1px rgba(255, 255, 255, .055) !important;
}
.maritime-edition .game-prompt { border: 0; box-shadow: 0 12px 28px rgba(0, 0, 0, .32); }
.maritime-edition .empty-table { border: 0 !important; background: radial-gradient(circle, rgba(228, 184, 92, .09), transparent 68%); }
.maritime-edition .hand-zone,
.maritime-edition .game-log {
  background: linear-gradient(145deg, rgba(17, 27, 21, .8), rgba(6, 11, 8, .52));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .12);
}
.maritime-edition .playing-card,
.maritime-edition .playing-card.maritime-card,
.maritime-edition .card-back { border: 0 !important; }
.maritime-card .court-mark { border: 0; }

.maritime-edition .modal { box-shadow: 0 35px 100px rgba(0, 0, 0, .65); }
.modal::before { display: none; }
.rules-list { max-height: min(62vh, 620px); overflow: auto; padding-right: 10px; margin: 18px 0; }
.rules-list h3 { margin: 18px 0 5px; color: var(--kpg-cream); font: 700 16px "DM Sans", sans-serif; }
.rules-list h3 small { margin-left: 6px; color: rgba(255,255,255,.48); font: 600 10px "DM Sans", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.rules-list h3:first-child { margin-top: 0; }
.rules-list p { margin: 0; line-height: 1.55; }
.rules-list ul { margin: 8px 0 0; padding-left: 20px; color: rgba(255,255,255,.72); }
.rules-list li { margin: 6px 0; line-height: 1.5; }
.rules-intro { color: rgba(255,255,255,.7); line-height: 1.55; }
.rules-list::-webkit-scrollbar { width: 6px; }
.rules-list::-webkit-scrollbar-thumb { background: rgba(237, 28, 36, .55); border-radius: 8px; }
.maritime-edition .toast { box-shadow: 0 18px 45px rgba(0, 0, 0, .4); }
.coast-footer { border: 0; }

/* Borders are removed visually; clear focus remains for keyboard users. */
.maritime-edition button:focus-visible,
.maritime-edition a:focus-visible,
.maritime-edition [tabindex]:focus-visible,
.maritime-edition input:focus-visible,
.maritime-edition select:focus-visible {
  outline: 3px solid var(--kpg-green);
  outline-offset: 4px;
}

@media (max-width: 850px) {
  .maritime-edition .main-nav { border: 0; box-shadow: 0 30px 70px rgba(0, 0, 0, .6); }
}

@media (max-width: 620px) {
  .platform-hero,
  .page-scene-heading,
  .maritime-edition .game-surface { border-radius: 24px !important; }
  .activity-strip { border-radius: 16px; }
  .maritime-edition .maritime-content-board { padding-inline: 0; }
}