:root{
    --navy:#0b1730;
    --navy-2:#132140;
    --gold:#c9a24b;
    --gold-light:#e6c877;
    --teal:#1c7f79;
    --teal-2:#0f5c58;
    --bg:#f4f5f7;
    --card:#ffffff;
    --line:#e7e8ec;
    --text:#161a22;
    --muted:#6b7280;
    --danger:#c0392b;
    --blue:#1e5fae;
    --radius:16px;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    font-family:'Noto Sans KR', sans-serif;
    background:#ffffff;
    color:var(--text);
    -webkit-font-smoothing:antialiased;
  }
  .frame{
    max-width:460px;
    margin:0 auto;
    background:var(--bg);
    min-height:100vh;
    box-shadow:0 0 40px rgba(0,0,0,.15);
    position:relative;
  }
  a{color:inherit;text-decoration:none;}
  button{font-family:inherit;cursor:pointer;}

  /* ---- Disclaimer bar ---- */
  .notice-bar{
    background:var(--navy);
    color:#dbe2ee;
    font-size:10.5px;
    line-height:1.5;
    padding:7px 56px 7px 12px;
    display:flex;
    align-items:center;
    gap:6px;
    position:relative;
  }
  .notice-bar .n-text{
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;
  }
  .notice-bar.expanded{align-items:flex-start;padding-top:9px;}
  .notice-bar.expanded .n-text{white-space:normal;}
  .notice-bar b{color:var(--gold-light);}
  .notice-toggle{
    background:none;border:none;color:#9aa5b8;font-size:10px;
    position:absolute;right:28px;top:8px;
    padding:4px;line-height:1;
  }
  .notice-close{
    background:none;border:none;color:#9aa5b8;font-size:13px;
    position:absolute;right:6px;top:7px;
    padding:4px;line-height:1;
  }

  /* ---- Header ---- */
  header{
    background:#fff;
    padding:14px 16px 0;
    border-bottom:1px solid var(--line);
    position:sticky;
    top:0;
    z-index:50;
  }
  .top-row{
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:12px;
  }
  .logo-img{height:22px;width:auto;display:block;}
  .logo{
    font-family:'Noto Sans KR', sans-serif;
    font-size:19px;
    letter-spacing:0.5px;
    font-weight:900;
    display:flex;align-items:center;gap:7px;
    cursor:pointer;
  }
  .logo .mark{
    width:26px;height:26px;
    background:linear-gradient(135deg,var(--gold-light),var(--gold));
    border-radius:8px;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:15px;color:var(--navy);font-weight:900;font-family:'Noto Sans KR';
  }
  .icon-row{display:flex;gap:14px;align-items:center;color:#333;}
  .icon-row .lang{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:4px 8px;display:flex;gap:3px;align-items:center;color:#555;cursor:pointer;}
  .icon-row .icon-search,.icon-row .icon-bell{display:flex;align-items:center;cursor:pointer;color:#333;}
  .icon-row .icon-search svg,.icon-row .icon-bell svg{width:18px;height:18px;}

  /* ---- PC-only side panel (fills the space left of the centered mobile frame on wide screens) ---- */
  .pc-side{
    display:none;
    position:fixed;
    top:0;left:0;bottom:0;
    width:calc(50% - 230px);
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    padding:0 40px 0 24px;
  }
  .pc-group{display:flex;flex-direction:column;gap:clamp(26px,3vw,44px);}
  .pc-logo-img{height:clamp(20px,2vw,32px);width:auto;display:block;}
  .pc-hero-sub{
    margin:0 0 8px;
    font-size:clamp(18px,1.9vw,27px);
    font-weight:500;
    line-height:1.45;
    color:#4b5468;
  }
  .pc-hero-main{
    margin:0;
    font-size:clamp(24px,3.1vw,42px);
    font-weight:900;
    letter-spacing:0.5px;
    color:var(--navy);
  }
  .pc-hero-bar{
    width:clamp(34px,3.5vw,56px);height:clamp(4px,0.4vw,6px);border-radius:3px;
    background:linear-gradient(90deg,var(--gold-light),var(--gold));
    margin-top:14px;
  }
  .pc-qr{
    display:flex;align-items:center;gap:clamp(8px,1vw,14px);
    width:fit-content;
    background:var(--navy);
    border-radius:16px;
    padding:clamp(10px,1.4vw,18px) clamp(14px,1.8vw,22px);
  }
  .pc-qr img{
    width:clamp(52px,6vw,86px);height:clamp(52px,6vw,86px);border-radius:8px;background:#fff;padding:4px;display:block;
  }
  .pc-qr-arrow{color:rgba(255,255,255,.35);font-size:clamp(16px,1.6vw,22px);font-weight:700;}
  .pc-qr-text{color:#fff;font-size:clamp(11px,1.1vw,14px);line-height:1.55;font-weight:500;max-width:clamp(110px,13vw,190px);}
  @media (min-width:1000px){
    .pc-side{display:flex;}
  }
  .nav-tabs{
    display:flex;gap:18px;font-size:14.5px;font-weight:500;color:#8a8f9a;
    overflow-x:auto; padding-bottom:0;
  }
  .nav-tabs a{
    padding:10px 2px 12px;white-space:nowrap;color:inherit;
  }
  .nav-tabs .active{color:var(--navy);font-weight:700;border-bottom:2px solid var(--navy);}

  /* ---- Hero ---- */
  .hero-carousel{margin:14px 14px 0;}
  .hero-track{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:20px;
  }
  .hero-track::-webkit-scrollbar{display:none;}
  .hero-slide{
    flex:none;width:100%;scroll-snap-align:start;
    background:var(--card);border-radius:20px;overflow:hidden;
  }
  .hero-slide .slide{
    position:relative;
    width:100%;aspect-ratio:920/613;background-size:cover;background-position:center;
  }
  .hero-slide .slide:after{
    content:'';position:absolute;left:0;right:0;bottom:-1px;height:22%;
    background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 55%, var(--card) 100%);
    pointer-events:none;
  }
  .hero-slide-empty{
    height:100%;
    background:repeating-linear-gradient(135deg, #eef0f2 0 12px, #e7e9ec 12px 24px);
  }

  /* ---- Hero caption (below photo, inside the slide card) ---- */
  .hero-caption{
    padding:16px 20px 18px;text-align:center;
  }
  .hero-caption .hc-eyebrow{
    font-size:12.5px;font-weight:700;letter-spacing:.3px;color:var(--teal-2);
    margin:0 0 6px;
  }
  .hero-caption .hc-title{
    font-size:19px;line-height:1.4;font-weight:700;color:var(--navy);margin:0;
  }
  .hero-caption .hc-title .brand{color:var(--gold);}

  .hero-dots{display:flex;gap:5px;justify-content:center;margin-top:10px;}
  .hero-dots span{width:5px;height:5px;border-radius:50%;background:#d5d9de;transition:all .15s;}
  .hero-dots span.on{background:var(--navy);width:14px;border-radius:4px;}

  /* ---- Country strip ---- */
  .country-strip{display:flex;gap:13px;overflow-x:auto;padding:14px 16px 6px;}
  .country-strip a{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#8a8f9a;flex:none;letter-spacing:.1px;}
  .country-strip .fc{
    width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #ececef;
    display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;
  }
  .country-strip .fc svg{width:100%;height:100%;display:block;filter:saturate(.6) brightness(1.04);}
  .country-strip .fc.fc-all{background:var(--navy);color:#fff;font-size:9px;font-weight:800;letter-spacing:.3px;}
  .chip-flag{width:13px;height:13px;border-radius:3px;display:inline-block;vertical-align:-2.5px;margin-right:5px;overflow:hidden;}
  .chip-flag svg{width:100%;height:100%;display:block;filter:saturate(.6) brightness(1.04);}
  .country-strip a.active{color:#1a1d24;font-weight:700;}
  .country-strip a.active .fc{border-color:#1a1d24;}

  /* ---- Hide scrollbars on horizontal-scroll rows (swipe only) ---- */
  .country-strip, .hscroll, .chip-row, .board-tabs, .nav-tabs{
    scrollbar-width:none; -ms-overflow-style:none;
  }
  .country-strip::-webkit-scrollbar, .hscroll::-webkit-scrollbar,
  .chip-row::-webkit-scrollbar, .board-tabs::-webkit-scrollbar,
  .nav-tabs::-webkit-scrollbar{
    display:none; height:0; width:0;
  }

  /* ---- Slim icon menu ---- */
  .icon-menu-slim{
    display:grid;grid-template-columns:repeat(5,1fr);
    gap:6px;background:#fff;margin:10px 14px 0;padding:18px 4px;border-radius:16px;
  }
  .icon-menu-slim a{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10.3px;color:#8a8f9a;letter-spacing:.1px;position:relative;}
  .icon-menu-slim .qi{
    width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid #ececef;
    display:flex;align-items:center;justify-content:center;color:#1a1d24;position:relative;
  }
  .icon-menu-slim .qi svg{width:21px;height:21px;display:block;}
  .icon-menu-slim .qi .dot{
    position:absolute;top:1px;right:1px;width:7px;height:7px;border-radius:50%;
    background:var(--gold);border:1.5px solid #fff;
  }

  /* ---- Horizontal scroll photo cards ---- */
  .hscroll{display:flex;gap:12px;overflow-x:auto;padding:2px 16px 6px;margin:0 -16px;}
  .pcard{flex:none;width:148px;}
  .pcard .pimg{
    width:148px;height:104px;border-radius:14px;background-size:cover;background-position:center;
    position:relative;overflow:hidden;
  }
  .pcard .pimg .ptag{
    position:absolute;top:7px;left:7px;background:rgba(11,23,48,.5);color:#fff;
    font-size:9px;font-weight:500;padding:2px 7px;border-radius:6px;
    display:flex;align-items:center;gap:4px;
  }
  .tag-flag{width:10px;height:10px;border-radius:2.5px;display:inline-block;overflow:hidden;flex:none;}
  .tag-flag svg{width:100%;height:100%;display:block;filter:saturate(.6) brightness(1.04);}
  .chead-flag{width:17px;height:17px;border-radius:4px;display:inline-block;overflow:hidden;flex:none;filter:saturate(.6) brightness(1.04);}
  .flag-inline{width:20px;height:20px;border-radius:5px;display:inline-block;overflow:hidden;vertical-align:middle;filter:saturate(.6) brightness(1.04);}
  .pcard .pimg .peye{
    position:absolute;bottom:7px;right:7px;background:rgba(11,23,48,.55);color:#fff;
    font-size:9px;padding:2px 6px;border-radius:6px;display:flex;align-items:center;gap:3px;
  }
  .pcard h4{font-size:12.5px;margin:8px 0 4px;font-weight:700;}
  .pcard .ploc{font-size:10.3px;color:var(--muted);margin:0 0 5px;}
  .pcard .pmeta{display:flex;align-items:center;gap:4px;font-size:9.8px;color:#5a6270;}
  .pcard .pmeta i{width:6px;height:6px;border-radius:50%;display:inline-block;}
  .pcard .pmeta i.blue{background:var(--blue);}
  .pcard .pmeta i.gray{background:#9aa0ab;}

  /* ---- Country dual-card grid (horizontal slider: ~2.5 cards visible) ---- */
  .dual-grid{
    display:flex;gap:10px;overflow-x:auto;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    margin:0 -16px;padding:0 16px 4px;
  }
  .dual-grid::-webkit-scrollbar{display:none;}
  .dual-grid.dragging, .hscroll.dragging{cursor:grabbing;user-select:none;-webkit-user-select:none;}
  .dual-grid.dragging .dcard, .hscroll.dragging .pcard{-webkit-user-drag:none;}
  .dcard{background:#fff;border-radius:14px;border:1px solid var(--line);overflow:hidden;flex:none;width:38%;-webkit-user-drag:none;}
  .pcard{-webkit-user-drag:none;}
  @media (min-width:1000px){
    .dual-grid, .hscroll{cursor:grab;}
  }
  .dcard .dimg{height:116px;background-size:cover;background-position:center;position:relative;}
  .dcard .dimg .dflag{
    position:absolute;top:6px;left:6px;background:rgba(11,23,48,.5);color:#fff;
    font-size:8.5px;font-weight:500;padding:2px 6px;border-radius:6px;
    display:flex;align-items:center;gap:3px;
  }
  .dcard .dbody{padding:7px 10px 8px;}
  .dcard h4{font-size:12px;margin:0 0 2px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .dcard .dloc{font-size:9.5px;color:var(--muted);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .dcard .dmeta{font-size:9px;display:flex;align-items:center;gap:5px;color:#4b515c;}
  .dcard .dtag{font-size:9px;display:flex;align-items:center;gap:4px;color:#4b515c;min-width:0;flex-shrink:1;overflow:hidden;}
  .dcard .dtag span{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .dcard .dtag i{width:6px;height:6px;border-radius:50%;display:inline-block;flex:none;}
  .dcard .dtag i.blue{background:var(--blue);}
  .dcard .dtag i.gray{background:#9aa0ab;}
  .dcard .dsep{color:#c7cbd3;flex:none;}
  .dcard .dhours{font-size:9px;color:#9aa0ab;flex:none;}

  /* ---- Magazine ---- */
  .article-card{
    display:flex;gap:12px;background:#fff;border:1px solid var(--line);
    border-radius:14px;padding:10px;margin-bottom:10px;
  }
  .article-card .aimg{
    width:84px;height:84px;border-radius:10px;background-size:cover;
    background-position:center;flex:none;
  }
  .article-card .abody{flex:1;min-width:0;}
  .article-card .acat{
    font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:6px;
    background:#eef4fb;color:var(--blue);display:inline-block;margin-bottom:5px;
  }
  .article-card h4{font-size:13px;margin:0 0 4px;font-weight:700;line-height:1.4;}
  .article-card p{font-size:11px;color:var(--muted);margin:0 0 6px;line-height:1.5;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .article-card .adate{font-size:9.8px;color:#9aa0ab;}
  .article-card .afull{display:none;}
  .board-item .pfull{display:none;}

  /* ---- Quick menu ---- */
  .quick-menu{
    display:grid;grid-template-columns:repeat(4,1fr);
    gap:14px 4px;
    background:#fff;margin:14px 14px 0;padding:18px 8px;border-radius:16px;
    box-shadow:0 1px 3px rgba(0,0,0,.04);
  }
  .quick-menu a{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11.5px;color:#333;}
  .quick-menu .qi{
    width:44px;height:44px;border-radius:13px;background:#f0f3f5;
    display:flex;align-items:center;justify-content:center;font-size:19px;
  }

  /* ---- Section heading ---- */
  .section{margin:26px 16px 0;}
  .section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;}
  .section-head h2{font-size:17px;margin:0;font-weight:700;}
  .section-head .more{font-size:12px;color:var(--navy);font-weight:600;flex:none;}
  .section-sub{font-size:12px;color:var(--muted);margin:0 0 14px;}

  /* ---- Region chips ---- */
  .chip-row{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;margin-bottom:6px;}
  .chip{
    flex:none;font-size:12.5px;padding:8px 14px;border-radius:20px;
    background:#fff;border:1px solid var(--line);color:#444;white-space:nowrap;
  }
  .chip.active{background:var(--navy);color:#fff;border-color:var(--navy);}
  #regionChips{margin-top:4px;}
  #regionChips .chip.active{background:var(--teal-2);border-color:var(--teal-2);}

  /* ---- Country badge selector (카지노찾기) ---- */
  .country-badges{display:flex;gap:10px;overflow-x:auto;padding:2px 0 6px;}
  .cbadge{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10.3px;color:#8a8f9a;flex:none;letter-spacing:.1px;}
  .cb-box{
    width:50px;height:50px;border-radius:14px;background:#fff;border:1.4px solid var(--line);
    display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;
  }
  .cb-box svg{width:100%;height:100%;display:block;filter:saturate(.6) brightness(1.04);}
  .cb-all{background:var(--navy);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.2px;}
  .cbadge.active{color:#1a1d24;font-weight:700;}
  .cbadge.active .cb-box{border-color:var(--navy);border-width:2px;}
  .cbadge.active .cb-all{background:var(--navy);}

  /* ---- Finder stats row ---- */
  .finder-stats{display:flex;align-items:center;gap:14px;margin:2px 0 14px;}
  .finder-stats div{display:flex;align-items:baseline;gap:5px;}
  .finder-stats b{font-size:17px;color:var(--navy);font-weight:800;}
  .finder-stats span{font-size:11.5px;color:var(--muted);}
  .finder-stats .fs-sep{width:1px;height:12px;background:var(--line);display:block;}
  .finder-note{font-size:10.8px;color:#9aa0ab;margin:14px 0 0;line-height:1.6;}
  .finder-empty{padding:50px 20px;text-align:center;color:#9aa0ab;font-size:12.5px;}

  /* ---- Casino grid (2-column photo cards) ---- */
  .casino-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
  .casino-grid .casino-card{margin:0;border-radius:14px;}
  .casino-grid .casino-card .cover{height:88px;padding:8px 10px;position:relative;}
  .casino-grid .casino-card .cover > span.flag{font-size:14px;margin-right:5px;}
  .casino-grid .casino-card .cover > div > div:first-child{font-size:11.8px;line-height:1.3;}
  .casino-grid .casino-card .cover > div > div:last-child{font-size:9px;}
  .casino-grid .casino-card .cover .tag24{display:none;}
  .casino-grid .casino-card .casino-body{padding:9px 10px 11px;}
  .casino-grid .casino-card .badge-row{gap:4px;margin-bottom:7px;}
  .casino-grid .casino-card .badge{font-size:8.6px;padding:3px 6px;border-radius:6px;}
  .casino-grid .casino-card .badge-row .badge:nth-child(n+3){display:none;}
  .casino-grid .casino-card .desc,
  .casino-grid .casino-card .info-grid,
  .casino-grid .casino-card .mini-list,
  .casino-grid .casino-card .review-empty,
  .casino-grid .casino-card .more-info{display:none;}
  .ribbon, .view-count{display:none;}
  .casino-grid .casino-card .ribbon{
    display:block;position:absolute;top:8px;right:8px;background:var(--danger);color:#fff;
    font-size:8.6px;font-weight:700;padding:3px 7px;border-radius:20px;letter-spacing:.2px;
  }
  .casino-grid .casino-card .view-count{
    display:flex;position:absolute;bottom:8px;right:8px;background:rgba(11,23,48,.5);color:#fff;
    font-size:8.6px;padding:2px 6px;border-radius:6px;align-items:center;gap:3px;
  }
  .casino-grid .casino-card .view-count svg{width:9px;height:9px;display:block;}
  .casino-grid .casino-card h3,
  .casino-grid .casino-card .name-row,
  .casino-grid .casino-card .loc{display:none;}

  /* ---- Casino cards ---- */
  .casino-card{
    background:#fff;border-radius:16px;border:1px solid var(--line);
    margin-bottom:14px;overflow:hidden;
  }
  .casino-card .cover{
    height:96px;position:relative;
    display:flex;align-items:flex-end;padding:10px 14px;color:#fff;
  }
  .cover-1{background-image:linear-gradient(120deg,rgba(10,64,60,.78),rgba(29,116,109,.42) 60%);background-size:cover;background-position:center;}
  .cover-2{background-image:linear-gradient(120deg,rgba(46,32,10,.80),rgba(122,90,30,.42) 60%);background-size:cover;background-position:center;}
  .cover-3{background-image:linear-gradient(120deg,rgba(28,20,46,.80),rgba(74,51,120,.42) 60%);background-size:cover;background-position:center;}
  .cover-4{background-image:linear-gradient(120deg,rgba(10,32,45,.80),rgba(20,74,99,.42) 60%);background-size:cover;background-position:center;}
  .cover-5{background-image:linear-gradient(120deg,rgba(46,10,20,.80),rgba(122,30,58,.42) 60%);background-size:cover;background-position:center;}
  .cover-6{background-image:linear-gradient(120deg,rgba(12,17,23,.80),rgba(35,50,64,.45) 60%);background-size:cover;background-position:center;}
  .flag{font-size:22px;margin-right:8px;}
  .cover .tag24{
    position:absolute;top:10px;right:10px;background:rgba(255,255,255,.2);
    font-size:10.5px;padding:4px 8px;border-radius:20px;backdrop-filter:blur(2px);
  }
  .casino-body{padding:12px 14px 14px;}
  .casino-body .name-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px;}
  .casino-body h3{font-size:15.5px;margin:0;}
  .casino-body .loc{font-size:11.5px;color:var(--muted);margin:0 0 10px;}
  .badge-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
  .badge{
    font-size:10.5px;background:#f0f3f5;color:#4a5160;padding:4px 8px;border-radius:8px;
  }
  .badge.gold{background:#fbf3e2;color:#8a6a1f;}
  .badge.blue{background:#e8f0fb;color:var(--blue);font-weight:700;}
  .badge.gray{background:#eef0f2;color:#5a6270;font-weight:700;}
  .badge.purple{background:#f1ecfb;color:#6a4bb8;font-weight:700;}
  .legend{display:flex;gap:14px;font-size:11px;color:var(--muted);margin:10px 2px 14px;flex-wrap:wrap;}
  .legend span{display:flex;align-items:center;gap:5px;}
  .dot{width:8px;height:8px;border-radius:50%;display:inline-block;}
  .dot.blue{background:var(--blue);}
  .dot.gray{background:#9aa0ab;}
  .dot.amber{background:#c9a24b;}
  .country-acc{margin:12px 0 0;}
  .country-acc:first-of-type{margin-top:4px;}
  .country-acc .country-body{
    padding:12px 12px 14px;
    border:1px solid var(--line);border-top:none;border-radius:0 0 14px 14px;
    background:#fafbfc;
  }
  .country-head{
    display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;
    color:var(--navy);
    list-style:none;cursor:pointer;user-select:none;
    background:#fff;border:1px solid var(--line);border-radius:14px;
    padding:14px 14px;
  }
  .country-head::-webkit-details-marker{display:none;}
  .country-head:after{
    content:'⌄';margin-left:auto;font-size:16px;color:#9aa0ab;font-weight:700;
    transition:transform .15s;
  }
  .country-acc[open] > .country-head:after{transform:rotate(180deg);}
  .country-acc[open] > .country-head{border-radius:14px 14px 0 0;border-bottom:none;}
  .country-head span.n{
    font-size:10.5px;font-weight:700;color:#fff;background:var(--teal);
    padding:2px 7px;border-radius:20px;
  }
  .city-head{
    display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;
    margin:16px 0 8px 4px;color:#4b515c;
  }
  .city-head span.n{
    font-size:10px;font-weight:700;color:#fff;background:#9aa0ab;
    padding:1px 6px;border-radius:20px;
  }
  .mini-list{margin:0 0 4px;padding:0;list-style:none;}
  .mini-list li{
    font-size:11.5px;color:#4b515c;padding:7px 0;border-bottom:1px dashed var(--line);
    display:flex;justify-content:space-between;gap:8px;
  }
  .mini-list li:last-child{border-bottom:none;}
  .mini-list li b{color:#222;font-weight:600;}
  .mini-list li span{color:#9aa0ab;flex:none;font-size:10.5px;}
  .link-out{
    display:flex;align-items:center;justify-content:space-between;
    background:#fff;border:1px dashed var(--line);border-radius:14px;
    padding:14px 16px;margin-bottom:14px;font-size:13px;color:var(--navy);font-weight:700;
  }
  .link-out span.arrow{color:var(--muted);font-weight:400;}
  .desc{font-size:12.5px;color:#4b515c;line-height:1.6;margin:0 0 10px;white-space:pre-line;}
  .info-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;
    background:#f8f9fa;border-radius:10px;padding:10px 12px;margin-bottom:10px;
  }
  .info-grid div{font-size:11.5px;color:#555;line-height:1.5;}
  .info-grid b{display:block;font-size:10.5px;color:#9aa0ab;font-weight:500;margin-bottom:2px;}
  .review-empty{
    display:flex;align-items:center;justify-content:space-between;
    font-size:11.5px;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px;
  }
  .review-empty .stars{color:#d8dade;letter-spacing:1px;}
  .more-info{margin-top:2px;}
  .more-info summary{
    list-style:none;cursor:pointer;font-size:12px;color:var(--navy);font-weight:700;
    padding:9px 0 2px;display:flex;align-items:center;gap:3px;
  }
  .more-info summary::-webkit-details-marker{display:none;}
  .more-info summary:after{content:'›';font-weight:700;transition:transform .15s;}
  .more-info[open] summary:after{transform:rotate(90deg);}
  .more-info[open] summary{padding-bottom:8px;}
  .more-info .inner{padding-top:2px;}

  /* ---- Board ---- */
  .board-notice{
    background:#eef4fb;border:1px solid #d8e6f7;border-radius:12px;
    padding:12px 14px;font-size:11.5px;color:#2c4a6e;line-height:1.6;margin-bottom:14px;
  }
  .board-notice b{color:var(--blue);}
  .board-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px;}
  .board-tabs span{
    flex:none;font-size:12px;padding:7px 13px;border-radius:20px;background:#fff;
    border:1px solid var(--line);color:#555;white-space:nowrap;
  }
  .board-tabs span.active{background:var(--navy);color:#fff;border-color:var(--navy);}
  .board-list{background:#fff;border-radius:16px;border:1px solid var(--line);overflow:hidden;margin-bottom:12px;}
  .board-item{padding:14px 16px;border-bottom:1px solid var(--line);}
  .board-item:last-child{border-bottom:none;}
  .board-item .cat{
    display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;margin-bottom:6px;
  }
  .cat.q{background:#eaf1fc;color:var(--blue);}
  .cat.info{background:#e9f7f0;color:#1c7f4a;}
  .cat.review{background:#fbf3e2;color:#8a6a1f;}
  .cat.notice{background:#fdece0;color:#b5541a;}
  .board-item h4{font-size:13.5px;margin:0 0 6px;font-weight:500;}
  .board-item .meta{font-size:11px;color:#9aa0ab;display:flex;gap:10px;}
  .write-btn{
    display:flex;align-items:center;justify-content:center;gap:6px;
    background:var(--navy);color:#fff;font-size:13px;font-weight:700;
    padding:12px;border-radius:12px;
  }
  .sample-tag{font-size:10px;color:#b7bcc4;text-align:right;margin-top:2px;}

  /* ---- Guide list ---- */
  .guide-list{background:#fff;border-radius:16px;border:1px solid var(--line);overflow:hidden;}
  .guide-item{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;gap:12px;}
  .guide-item:last-child{border-bottom:none;}
  .guide-item .gi{font-size:18px;width:30px;flex:none;text-align:center;}
  .guide-item h4{font-size:13.5px;margin:0 0 4px;}
  .guide-item p{font-size:11.8px;color:var(--muted);margin:0;line-height:1.6;}

  /* ---- Responsible gambling ---- */
  .care-box{
    background:#fff5f4;border:1px solid #f3d9d5;border-radius:16px;padding:16px;
  }
  .care-box h3{font-size:14px;margin:0 0 8px;color:#9a3a2f;display:flex;align-items:center;gap:6px;}
  .care-box p{font-size:12px;color:#7c4b44;line-height:1.7;margin:0 0 10px;}
  .care-box .hotline{
    display:flex;align-items:center;justify-content:space-between;
    background:#fff;border-radius:10px;padding:10px 12px;font-size:12.5px;
  }
  .care-box .hotline b{color:#9a3a2f;font-size:15px;}

  footer{
    margin:30px 0 0;padding:22px 16px 90px;background:#fff;color:#8a8f9a;border-top:1px solid var(--line);
  }
  footer .flogo{color:#333;font-family:'Noto Sans KR',sans-serif;font-weight:900;font-size:15px;letter-spacing:0.5px;margin-bottom:10px;}
  footer p{font-size:11px;line-height:1.8;margin:0 0 10px;color:#8a8f9a;}
  footer .flinks{display:flex;gap:14px;font-size:11.5px;color:#6b7280;margin-bottom:14px;flex-wrap:wrap;}

  /* ---- Bottom tab bar ---- */
  .tabbar{
    position:sticky;bottom:0;left:0;right:0;
    background:#fff;border-top:1px solid var(--line);
    display:flex;justify-content:space-around;padding:8px 0 10px;
    max-width:460px;margin:0 auto;
  }
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:#9aa0ab;}
  .tabbar a.active{color:var(--navy);font-weight:700;}
  .tabbar .ti{font-size:18px;}

  /* ---- Search box (카지노찾기) ---- */
  .search-box{
    display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);
    border-radius:12px;padding:11px 14px;margin:0 0 14px;
  }
  .search-box svg{width:17px;height:17px;color:#9aa0ab;flex:none;}
  .search-box input{border:none;outline:none;font-size:16px;flex:1;font-family:inherit;background:transparent;color:#222;}
  .search-box input::placeholder{color:#b3b8c1;}
  .chip{cursor:pointer;}
  .board-tabs span{cursor:pointer;}

  /* ---- Overlay screens (상세페이지 / 마이페이지) ---- */
  .overlay-screen{
    position:fixed;inset:0;max-width:460px;margin:0 auto;
    background:var(--bg);z-index:300;display:none;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
  }
  .overlay-screen.open{display:block;}
  .ov-header{
    position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);
    display:flex;align-items:center;gap:10px;padding:14px 16px;
  }
  .ov-back{
    width:32px;height:32px;border-radius:50%;background:#f0f3f5;flex:none;border:none;
    display:flex;align-items:center;justify-content:center;color:#4a5160;padding:0;
  }
  .ov-back svg{width:17px;height:17px;}
  .ov-title{font-size:15px;font-weight:700;color:var(--navy);flex:1;}
  .ov-fav{
    width:32px;height:32px;border-radius:50%;background:#f0f3f5;flex:none;border:none;
    display:flex;align-items:center;justify-content:center;color:#c7cbd2;font-size:18px;padding:0;line-height:1;
  }
  .ov-fav.on{color:var(--gold);background:#fbf3e2;}
  .ov-body{padding-bottom:40px;}
  .ov-body .casino-card{border:none;border-radius:0;margin:0;}
  .ov-body .casino-card .cover{height:150px;}
  .ov-empty{padding:60px 24px;text-align:center;color:#9aa0ab;font-size:12.5px;line-height:1.7;}

  /* ---- Casino detail page ---- */
  #scr-casino .ov-body{padding-bottom:48px;}
  .cd-topbar{position:absolute;top:0;left:0;right:0;max-width:460px;margin:0 auto;display:flex;justify-content:space-between;padding:14px 14px 0;z-index:2;}
  .cd-icon-btn{
    width:34px;height:34px;border-radius:50%;background:rgba(11,23,48,.42);backdrop-filter:blur(3px);
    border:none;display:flex;align-items:center;justify-content:center;color:#fff;padding:0;flex:none;
  }
  .cd-icon-btn svg{width:17px;height:17px;}
  .cd-icon-btn.on{color:var(--gold);}
  .cd-icon-btn.on svg{fill:var(--gold);}

  .cd-gallery{position:relative;background:#000;aspect-ratio:1/1;width:100%;overflow:hidden;}
  .cd-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .cd-track::-webkit-scrollbar{display:none;}
  .cd-slide{flex:none;width:100%;height:100%;scroll-snap-align:start;position:relative;
    display:flex;align-items:flex-end;padding:18px;color:#fff;box-sizing:border-box;}
  .cd-slide .flag{font-size:24px;margin-right:9px;}
  .cd-slide .cd-cap{position:absolute;left:18px;bottom:18px;font-size:11px;color:#fff;
    background:rgba(11,23,48,.45);padding:4px 11px;border-radius:20px;backdrop-filter:blur(2px);}
  .cd-counter{position:absolute;right:14px;bottom:30px;background:rgba(11,23,48,.55);color:#fff;
    font-size:11px;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:4px;z-index:2;}
  .cd-counter svg{width:12px;height:12px;}
  .cd-dots{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:5px;z-index:2;}
  .cd-dots span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55);transition:all .15s;}
  .cd-dots span.on{background:#fff;width:14px;border-radius:4px;}
  .cd-arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;
    border-radius:50%;border:none;background:rgba(11,23,48,.45);color:#fff;align-items:center;justify-content:center;
    cursor:pointer;z-index:3;padding:0;}
  .cd-arrow svg{width:18px;height:18px;}
  .cd-arrow.prev{left:12px;}
  .cd-arrow.next{right:12px;}
  .cd-track.dragging{cursor:grabbing;scroll-behavior:auto;}
  @media (min-width:700px){
    .cd-gallery.has-multi .cd-arrow{display:flex;}
    .cd-track{cursor:grab;}
  }

  .cd-sheet{background:#fff;border-radius:20px 20px 0 0;margin-top:-16px;position:relative;z-index:1;padding:22px 16px 0;}
  .cd-eyebrow{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--teal-2);text-transform:uppercase;margin:0 0 7px;}
  .cd-sheet h1{font-size:21px;margin:0 0 5px;font-weight:800;color:var(--navy);line-height:1.3;}
  .cd-sheet .cd-sub{font-size:12.5px;color:var(--muted);margin:0 0 14px;}

  .cd-rank{display:flex;align-items:center;gap:12px;background:#fbf3e2;border-radius:14px;padding:13px 14px;margin:0 0 16px;}
  .cd-rank .cd-rank-n{
    width:27px;height:27px;border-radius:50%;background:var(--gold);color:#fff;font-weight:800;
    font-size:13px;display:flex;align-items:center;justify-content:center;flex:none;
  }
  .cd-rank .cd-rank-text{flex:1;font-size:12.3px;color:#4b515c;line-height:1.5;}
  .cd-rank .cd-rank-text b{color:#8a6a1f;}
  .cd-rank .cd-rank-sub{font-size:10.5px;color:#a68b4a;margin-top:2px;}

  .cd-summary{background:#f8f9fa;border-radius:14px;padding:15px 16px;margin:0 0 20px;}
  .cd-summary .cd-summary-head{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--navy);margin-bottom:9px;}
  .cd-summary ul{margin:0;padding-left:17px;}
  .cd-summary li{font-size:12.5px;color:#4b515c;line-height:1.75;}

  .cd-jump{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 4px;padding:0 16px 12px;position:sticky;top:0;background:#fff;z-index:3;scrollbar-width:none;}
  .cd-jump::-webkit-scrollbar{display:none;}
  .cd-jump a{flex:none;font-size:12.3px;padding:7px 14px;border-radius:20px;background:#f0f3f5;color:#555;cursor:pointer;}
  .cd-jump a.active{background:var(--navy);color:#fff;}

  .cd-section{margin:22px 0;scroll-margin-top:54px;}
  .cd-section-title{font-size:15px;font-weight:700;color:var(--navy);margin:0 0 10px;}

  .cd-nearby-card{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);cursor:pointer;}
  .cd-nearby-card:last-child{border-bottom:none;}
  .cd-nearby-thumb{
    width:66px;height:66px;border-radius:12px;flex:none;position:relative;overflow:hidden;
    display:flex;align-items:flex-end;padding:6px;color:#fff;
  }
  .cd-nearby-thumb .flag{font-size:14px;}
  .cd-nearby-body{flex:1;min-width:0;}
  .cd-nearby-body h5{font-size:13px;margin:0 0 3px;font-weight:700;color:#222;}
  .cd-nearby-body p{font-size:11px;color:var(--muted);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .cd-nearby-body .cd-nearby-meta{font-size:10px;color:#9aa0ab;display:flex;align-items:center;gap:4px;}
  .cd-nearby-meta svg{width:10px;height:10px;}

  .cd-map-embed{margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#eef0f2;}
  .cd-map-embed iframe{width:100%;height:180px;border:0;display:block;}
  .cd-map-link{
    display:flex;align-items:center;justify-content:center;gap:6px;
    margin-top:8px;font-size:11.5px;color:var(--navy);font-weight:700;text-decoration:none;
  }
  .cd-map-link svg{width:13px;height:13px;flex:none;}

  /* -- rating summary: derived from real submitted reviews only, never fabricated -- */
  .cd-rating-box{background:#f8f9fa;border-radius:14px;padding:16px;margin-bottom:14px;}
  .cd-rating-top{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
  .cd-rating-num{font-size:32px;font-weight:800;color:var(--navy);line-height:1;}
  .cd-rating-stars{color:var(--gold);letter-spacing:2px;font-size:14px;margin-bottom:4px;}
  .cd-rating-count{font-size:12px;color:var(--muted);}
  .cd-rating-bars{display:flex;flex-direction:column;gap:6px;}
  .cd-rating-bar-row{display:flex;align-items:center;gap:8px;}
  .cd-rating-bar-label{font-size:10.5px;color:#9aa0ab;width:24px;flex:none;}
  .cd-rating-bar-track{flex:1;height:6px;border-radius:4px;background:#e7e8ec;overflow:hidden;}
  .cd-rating-bar-fill{height:100%;background:var(--gold);border-radius:4px;}
  .cd-rating-bar-count{font-size:10.5px;color:#9aa0ab;width:18px;flex:none;text-align:right;}

  /* -- 5SEONG editor comment -- */
  .cd-editor-box{background:#fbf8f1;border:1px solid #f0e4c8;border-radius:14px;padding:15px 16px;margin:0 0 20px;}
  .cd-editor-head{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#8a6a1f;margin-bottom:9px;}
  .cd-editor-badge{background:var(--navy);color:#fff;font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:20px;letter-spacing:.2px;}
  .cd-editor-box p{font-size:12.8px;color:#4b4636;line-height:1.75;margin:0;white-space:pre-line;}
  .cd-op-note{margin-top:12px;padding-top:12px;border-top:1px dashed #eadfc0;}
  .cd-op-note-label{font-size:10.5px;color:#a68b4a;font-weight:700;margin-bottom:6px;}
  .cd-op-note-text{font-size:12.5px;color:#4b4636;line-height:1.6;margin-bottom:6px;white-space:pre-line;}
  .cd-op-note-edit-btn{font-size:11px;color:#8a6a1f;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;}
  .cd-op-note-form textarea{
    width:100%;box-sizing:border-box;border:1px solid #f0e4c8;border-radius:8px;
    padding:8px 10px;font-size:12px;font-family:inherit;color:#333;resize:none;
    margin-bottom:6px;background:#fff;
  }
  .cd-op-note-form button{font-size:11px;font-weight:700;background:var(--navy);color:#fff;border:none;border-radius:6px;padding:6px 13px;cursor:pointer;}

  /* -- admin-editable casino description -- */
  .cd-desc-wrap{position:relative;}
  .cd-desc-edit-btn{display:block;margin-top:6px;font-size:11px;color:#8a6a1f;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;}
  .cd-desc-form textarea{
    width:100%;box-sizing:border-box;border:1px solid #f0e4c8;border-radius:8px;
    padding:8px 10px;font-size:12px;font-family:inherit;color:#333;resize:none;
    margin-bottom:6px;background:#fff;
  }
  .cd-desc-form button{font-size:11px;font-weight:700;background:var(--navy);color:#fff;border:none;border-radius:6px;padding:6px 13px;cursor:pointer;}

  /* -- admin-editable 5SEONG editor comment -- */
  .cd-tip-wrap{position:relative;}
  .cd-tip-edit-btn{display:block;margin-top:6px;font-size:11px;color:#8a6a1f;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;}
  .cd-tip-form textarea{
    width:100%;box-sizing:border-box;border:1px solid #f0e4c8;border-radius:8px;
    padding:8px 10px;font-size:12px;font-family:inherit;color:#333;resize:none;
    margin-bottom:6px;background:#fff;
  }
  .cd-tip-form button{font-size:11px;font-weight:700;background:var(--navy);color:#fff;border:none;border-radius:6px;padding:6px 13px;cursor:pointer;}

  /* -- review writing (star + text) -- */
  .cd-review-list{margin-bottom:14px;}
  .cd-review-item{padding:12px 0;border-bottom:1px solid var(--line);}
  .cd-review-item:first-child{padding-top:0;}
  .cd-review-meta{display:flex;align-items:baseline;gap:7px;margin-bottom:4px;}
  .cd-review-meta b{font-size:12px;color:var(--navy);font-weight:700;}
  .cd-review-meta span{font-size:11px;color:#9aa0ab;}
  .cd-review-stars{color:var(--gold);letter-spacing:1px;font-size:12px;display:block;margin-bottom:5px;}
  .cd-review-item p{font-size:12.5px;color:#444;line-height:1.6;margin:0;white-space:pre-line;}
  .cd-review-form{background:#f8f9fa;border-radius:14px;padding:15px 16px;}
  .cd-review-form-head{font-size:12.5px;font-weight:700;color:var(--navy);margin-bottom:10px;}
  .cd-star-input{display:flex;gap:6px;margin-bottom:10px;}
  .cd-star-input span{font-size:22px;line-height:1;color:#d8dade;cursor:pointer;}
  .cd-star-input span.on{color:var(--gold);}
  .cd-review-text{
    width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;
    padding:10px 12px;font-size:16px;font-family:inherit;color:#333;resize:none;
    margin-bottom:10px;background:#fff;
  }
  .cd-review-text::placeholder{color:#aaa;}
  .cd-review-submit{
    width:100%;border:none;border-radius:10px;background:var(--navy);color:#fff;
    font-size:13px;font-weight:700;padding:11px;cursor:pointer;
  }
  .cd-review-submit:disabled{background:#c7cbd3;cursor:default;}

  /* auth (login/signup) */
  .auth-tabs{display:flex;gap:8px;margin-bottom:20px;}
  .auth-tab{flex:1;border:none;background:#f1f2f5;color:#8a8f9a;font-size:13px;font-weight:700;padding:11px;border-radius:10px;cursor:pointer;}
  .auth-tab.on{background:var(--navy);color:#fff;}
  .auth-label{display:block;font-size:11.5px;color:var(--muted);font-weight:700;margin:0 0 6px;}
  .auth-input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:12px 13px;font-size:16px;font-family:inherit;color:#222;margin-bottom:14px;background:#fff;}
  .auth-input:focus{outline:none;border-color:var(--navy);}
  .auth-submit{width:100%;border:none;border-radius:10px;background:var(--navy);color:#fff;font-size:14px;font-weight:700;padding:13px;cursor:pointer;margin-top:2px;}
  .auth-submit:disabled{background:#c7cbd3;cursor:default;}
  .auth-error{background:#fdecec;color:#c0392b;font-size:12px;padding:10px 12px;border-radius:8px;margin-bottom:14px;line-height:1.5;}
  .auth-hint{text-align:center;font-size:12px;color:var(--muted);margin-top:16px;}
  .auth-hint a{color:var(--navy);font-weight:700;}

  /* article/post detail */
  .article-full{padding:18px 16px 0;}
  .article-full .aimg-full{width:100%;aspect-ratio:16/10;border-radius:14px;background-size:cover;background-position:center;margin-bottom:16px;background-color:#eef0f2;}
  .article-full h1{font-size:19px;line-height:1.45;margin:8px 0;color:var(--navy);}
  .article-full .ameta{font-size:11.5px;color:#9aa0ab;margin-bottom:18px;}
  .article-full .abody-full{font-size:13.5px;line-height:1.9;color:#333;white-space:pre-line;}
  .post-full{padding:16px;}
  .post-full h1{font-size:16px;margin:8px 0;line-height:1.5;}
  .post-full .pmeta{font-size:11.5px;color:#9aa0ab;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line);}
  .post-full .pbody{font-size:13.5px;line-height:1.85;color:#333;margin-bottom:22px;white-space:pre-line;}
  .comment-list{border-top:6px solid #f4f5f7;padding-top:14px;}
  .comment-list h4{font-size:12.5px;color:#9aa0ab;margin:0 0 4px;}
  .comment-item{padding:10px 0;border-bottom:1px solid #f2f3f5;font-size:12.5px;}
  .comment-item b{color:#222;margin-right:6px;}
  .comment-item span{color:#555;}

  /* my page */
  .mypage-profile{
    background:#fff;margin:14px 16px 0;padding:18px 16px;border-radius:16px;
    display:flex;align-items:center;gap:13px;border:1px solid var(--line);
  }
  .mypage-avatar{
    width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--navy),#1e3a63);
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;flex:none;
  }
  .mypage-profile h3{font-size:14.5px;margin:0 0 3px;}
  .mypage-profile p{font-size:11px;color:var(--muted);margin:0;line-height:1.5;}
  .mypage-login{flex:none;font-size:11.5px;font-weight:700;color:#fff;background:var(--navy);padding:8px 13px;border:none;border-radius:20px;}
  .mypage-menu{background:#fff;margin:14px 16px 0;border-radius:16px;border:1px solid var(--line);overflow:hidden;}
  .mypage-menu a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:13.3px;color:#222;}
  .mypage-menu a:last-child{border-bottom:none;}
  .mypage-menu .mi{width:19px;height:19px;flex:none;color:#8a8f9a;}
  .mypage-menu .mn{flex:1;}
  .mypage-menu .mc{color:#c7cbd2;font-size:13px;}
  #recentList{list-style:none;}
  #recentList li{padding:11px 0;border-bottom:1px solid var(--line);font-size:12.8px;color:#333;}
  #recentList li:last-child{border-bottom:none;}
  #favList .mini-list{list-style:none;margin:0;padding:2px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;}
  #favList .mini-list li{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;color:#333;}
  #favList .mini-list li:last-child{border-bottom:none;}
  #favList .mini-list li span{color:var(--gold);}

  .toast{
    position:fixed;left:50%;bottom:88px;transform:translateX(-50%);
    background:rgba(20,24,32,.94);color:#fff;font-size:12.5px;
    padding:11px 18px;border-radius:22px;z-index:400;opacity:0;pointer-events:none;
    transition:opacity .2s;white-space:nowrap;
  }
  .toast.show{opacity:1;}

  /* ---- Static per-casino SEO pages (/casino/<slug>/) ---- */
  .info-grid dt{display:block;font-size:10.5px;color:#9aa0ab;font-weight:500;margin-bottom:2px;}
  .info-grid dd{margin:0;font-size:11.5px;color:#555;line-height:1.5;}
  body.scp{background:var(--bg);}
  .scp-header{
    max-width:520px;margin:0 auto;padding:14px 16px;
    display:flex;align-items:center;
  }
  .scp-header a{
    font-size:13px;font-weight:700;color:var(--navy);text-decoration:none;
    display:inline-flex;align-items:center;gap:6px;
  }
  .scp-main{max-width:520px;margin:0 auto;background:var(--card);}
  .scp-hero{position:relative;aspect-ratio:1/1;overflow:hidden;background:#000;}
  .scp-hero-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;height:100%;-webkit-overflow-scrolling:touch;}
  .scp-hero-track::-webkit-scrollbar{display:none;}
  .scp-hero-track img{
    flex:none;width:100%;height:100%;object-fit:cover;scroll-snap-align:start;
  }
  .scp-hero-placeholder{
    height:100%;display:flex;align-items:flex-end;padding:20px;color:#fff;
  }
  .scp-hero-placeholder .flag{font-size:26px;margin-right:10px;}
  .scp-hero-placeholder .scp-hero-name{font-size:19px;font-weight:800;}
  .scp-hero-placeholder .scp-hero-loc{font-size:12.5px;opacity:.9;margin-top:2px;}
  .scp-cta{margin:22px 0 30px;}
  .scp-cta-btn{
    display:flex;align-items:center;justify-content:center;gap:6px;
    background:var(--navy);color:#fff;text-decoration:none;
    font-size:13.5px;font-weight:700;border-radius:12px;padding:14px 18px;
  }
  .scp-footer{
    max-width:520px;margin:0 auto;padding:24px 16px 40px;
    font-size:11.5px;color:var(--muted);text-align:center;
  }
  .scp-footer a{color:var(--teal-2);text-decoration:none;font-weight:700;}
  @media (min-width:521px){
    .scp-main{border-left:1px solid var(--line);border-right:1px solid var(--line);}
  }

  /* ---- Admin CRUD screen ---- */
  .icon-admin{display:none;align-items:center;cursor:pointer;color:#333;} /* shown via JS (inline style) only when isAdmin */
  .icon-admin svg{width:18px;height:18px;}
  .admin-section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px;}
  .admin-section-head:first-child{margin-top:0;}
  .admin-section-head h3{font-size:14px;margin:0;}
  .admin-add-btn{
    font-size:11.5px;font-weight:700;color:#fff;background:var(--navy);
    border:none;border-radius:8px;padding:7px 12px;cursor:pointer;
  }
  .admin-head-btns{display:flex;align-items:center;gap:6px;}
  .admin-regen-btn{
    font-size:11.5px;font-weight:700;color:#555;background:#f1f2f5;
    border:none;border-radius:8px;padding:7px 10px;cursor:pointer;white-space:nowrap;
  }
  .admin-regen-btn:disabled{opacity:.5;cursor:default;}
  .admin-list{background:#fff;border-radius:14px;border:1px solid var(--line);overflow:hidden;}
  .admin-row{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;}
  .admin-row:last-child{border-bottom:none;}
  .admin-row-main{flex:1;min-width:0;}
  .admin-row-main b{display:block;font-size:13px;margin-bottom:2px;}
  .admin-row-main span{display:block;font-size:11px;color:var(--muted);}
  .admin-row-actions{display:flex;gap:4px;flex:none;flex-wrap:wrap;justify-content:flex-end;}
  .admin-row-actions button{
    font-size:10.5px;font-weight:700;color:var(--navy);background:#f1f2f5;
    border:none;border-radius:6px;padding:5px 8px;cursor:pointer;white-space:nowrap;
  }
  .admin-row-actions button.danger{color:var(--danger);}
  .admin-row-actions button:disabled{opacity:.5;cursor:default;}
  .admin-empty{padding:24px 14px;text-align:center;font-size:12.5px;color:var(--muted);}
  .admin-form{background:#f8f9fa;border-radius:14px;padding:15px 16px;margin-bottom:14px;}
  .admin-form-head{font-size:12.5px;font-weight:700;color:var(--navy);margin-bottom:10px;}
  .admin-form-row{margin-bottom:10px;}
  .admin-form-row label{display:block;font-size:11px;color:var(--muted);font-weight:700;margin-bottom:5px;}
  .admin-form-row input, .admin-form-row select, .admin-form-row textarea{
    width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;
    padding:9px 11px;font-size:16px;font-family:inherit;color:#222;background:#fff;resize:vertical;
  }
  .admin-form-actions{display:flex;gap:8px;margin-top:12px;}
  .admin-form-actions button{
    flex:1;border:none;border-radius:10px;font-size:12.5px;font-weight:700;padding:10px;cursor:pointer;
  }
  .admin-form-save{background:var(--navy);color:#fff;}
  .admin-form-save:disabled{background:#c7cbd3;cursor:default;}
  .admin-form-cancel{background:#f1f2f5;color:#555;}
  .admin-info-pair-row{display:flex;gap:6px;margin-bottom:6px;}
  .admin-info-pair-row input{flex:1;}