/*
 * K.I.R.I.N. Sprint40
 * iPhone Settings Phase1
 *
 * Scope: Settings view only, <=480px.
 * Home/Races completed header/nav remain untouched.
 */
@media screen and (max-width:480px){

  /* ---------- Page header: Home/Races density contract ---------- */
  .kirin-settings-screen{
    gap:10px;
  }

  .kirin-settings-header{
    padding:14px;
    gap:10px;
    border:1px solid var(--line-soft);
    border-radius:14px;
    background:#0b0e0b;
  }

  .kirin-settings-header .kirin-breadcrumb{
    margin:0 0 3px;
    font-size:10px;
    line-height:1.3;
  }

  .kirin-settings-header h1{
    margin:0;
    font-size:22px;
    line-height:1.22;
  }

  .kirin-settings-header>div>p:last-child{
    margin:3px 0 0;
    font-size:10px;
    line-height:1.35;
  }

  .kirin-settings-version{
    padding:2px 5px;
    border-radius:999px;
    font-size:9px;
    line-height:1.15;
  }

  /* ---------- Settings cards density ---------- */
  .kirin-settings-grid{
    gap:10px;
  }

  .kirin-settings-card{
    padding:14px;
  }

  .kirin-settings-card-heading{
    gap:10px;
    margin-bottom:10px;
  }

  .kirin-settings-card-heading h2{
    margin-bottom:3px;
    font-size:15px;
  }

  .kirin-settings-card-heading p{
    font-size:10px;
    line-height:1.45;
  }

  .kirin-settings-card-heading>span{
    padding:2px 5px;
    font-size:9px;
  }

  /* ---------- Startup screen: 3 choices in one row ---------- */
  .kirin-settings-choice-group{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }

  .kirin-settings-choice-group span{
    min-height:36px;
    padding:0 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    box-sizing:border-box;
  }

  /* ---------- Race tree ---------- */
  .kirin-settings-switch{
    gap:12px;
  }

  .kirin-settings-switch>span{
    gap:3px;
  }

  .kirin-settings-switch strong{
    font-size:12px;
  }

  .kirin-settings-switch small{
    font-size:9px;
    line-height:1.35;
  }

  /* ---------- Saved data ---------- */
  .kirin-settings-data-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .kirin-settings-data-actions button,
  .kirin-settings-import span{
    width:100%;
    min-height:36px;
    padding:0 8px;
    font-size:10px;
    box-sizing:border-box;
  }

  .kirin-settings-status{
    min-height:14px;
    margin-top:8px;
    font-size:9px;
  }

  /* ---------- System info: 3 columns ---------- */
  .kirin-settings-system dl{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }

  .kirin-settings-system dl>div{
    min-width:0;
    padding:9px 8px;
  }

  .kirin-settings-system dt{
    font-size:8px;
    line-height:1.2;
  }

  .kirin-settings-system dd{
    margin-top:4px;
    font-size:11px;
    line-height:1.2;
    overflow-wrap:anywhere;
  }

  /* Footer inherits the completed Home/Races contract. */
}