/* Existing SEO detail styles, extracted unchanged from C00003.html. */

    :root { color-scheme: light; --bg:#fffaf5; --panel:#ffffff; --text:#241715; --muted:#6b4f48; --line:rgba(194,65,12,.12); --accent:#c2410c; --accent-2:#7c2d12; --accent-soft:rgba(194,65,12,.08); --shadow:0 18px 44px rgba(36,23,21,.08); }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(circle at top right, rgba(255,209,184,.45), transparent 32%), linear-gradient(180deg, #fffaf5 0%, #fff2e8 100%); color:var(--text); }
    .page { max-width:1180px; margin:0 auto; padding:24px 16px 64px; }
    .search-shell { position:sticky; top:10px; z-index:20; margin-bottom:16px; }
    .search-bar { display:flex; align-items:center; gap:8px; flex-wrap:nowrap; padding:6px 8px; min-height:30px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.9); backdrop-filter:blur(12px); box-shadow:0 8px 24px rgba(36,23,21,.06); }
    .search-brand { display:inline-flex; align-items:center; justify-content:center; height:30px; padding:0 10px; border-radius:999px; background:linear-gradient(135deg,#c2410c,#ea580c); color:#fff; font-size:12px; font-weight:800; text-decoration:none; white-space:nowrap; flex:0 0 auto; }
    .search-form { display:flex; flex:1 1 auto; align-items:center; gap:8px; min-width:0; }
    .search-input { flex:1 1 auto; min-width:0; height:30px; padding:0 12px; border-radius:999px; border:1px solid var(--line); background:#fff; color:var(--text); font-size:13px; }
    .search-button { display:inline-flex; align-items:center; justify-content:center; height:30px; padding:0 12px; border-radius:999px; border:0; cursor:pointer; background:#7c2d12; color:#fff; font-size:12px; font-weight:800; white-space:nowrap; flex:0 0 auto; }
    .topbar { position:sticky; top:10px; z-index:10; display:flex; flex-wrap:wrap; gap:10px; padding:10px 12px; margin-bottom:16px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.75); backdrop-filter:blur(12px); box-shadow:0 8px 24px rgba(36,23,21,.06); }
    .topbar a { text-decoration:none; color:var(--accent-2); font-size:13px; font-weight:700; padding:8px 12px; border-radius:999px; background:var(--accent-soft); }
    .hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,1.05fr); align-items:center; gap:28px; background:rgba(255,255,255,.82); border:1px solid var(--line); border-radius:28px; padding:24px; box-shadow:var(--shadow); backdrop-filter:blur(10px); }
    .live-entry-strip { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 0; }
    .live-entry-link { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:10px 14px; border-radius:999px; border:1px solid var(--line); text-decoration:none; font-weight:800; color:var(--accent-2); background:#fff; }
    .live-entry-link.primary { background:linear-gradient(135deg, #c2410c, #ea580c); color:#fff; border-color:transparent; }
    .live-entry-link.ghost { background:var(--accent-soft); }
    .live-tab-row { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 0; }
    .live-tab-link { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 14px; border-radius:14px; border:1px solid var(--line); text-decoration:none; color:var(--accent-2); background:#fff7f1; font-weight:700; }
    .live-tab-link.is-current { background:#ffe7da; border-color:rgba(194,65,12,.28); }
    /* seo-game-entry-styles:start */
    .game-entry-card { position:relative; display:grid; grid-template-columns:86px minmax(0,1fr) auto; align-items:center; gap:14px; width:100%; min-height:104px; margin-top:2px; padding:12px 14px; border-radius:22px; text-decoration:none; color:#f8fffb; overflow:hidden; background:linear-gradient(135deg,#0f766e 0%,#0b3b6f 58%,#16113a 100%); border:1px solid rgba(255,255,255,.18); box-shadow:0 16px 36px rgba(15,118,110,.22); isolation:isolate; }
    .game-entry-card::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 16% 14%,rgba(255,255,255,.26),transparent 26%), radial-gradient(circle at 82% 78%,rgba(167,243,208,.18),transparent 28%); z-index:-1; }
    .game-entry-card::after { content:""; position:absolute; inset:auto -18px -28px auto; width:120px; height:120px; border-radius:36px; transform:rotate(14deg); background:rgba(255,255,255,.08); z-index:-1; }
    .game-entry-map { position:relative; display:block; width:86px; height:76px; border-radius:18px; overflow:hidden; background:#dff6ea url("https://world.cre8travel.com/data/worldmap.png") center/cover no-repeat; box-shadow:inset 0 0 0 1px rgba(255,255,255,.45), 0 10px 24px rgba(0,0,0,.2); }
    .game-entry-map::after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(15,118,110,.08),rgba(11,59,111,.32)); }
    .game-route { position:absolute; left:16px; top:44px; width:52px; height:18px; border-top:3px dashed rgba(255,255,255,.86); border-radius:50%; transform:rotate(-18deg); z-index:1; }
    .game-player { position:absolute; left:29px; top:20px; width:30px; height:30px; object-fit:contain; z-index:2; filter:drop-shadow(0 5px 7px rgba(0,0,0,.35)); }
    .game-note-dot { position:absolute; right:10px; top:10px; width:22px; height:17px; border-radius:10px 10px 10px 3px; background:#fff7d6; z-index:2; box-shadow:0 5px 12px rgba(0,0,0,.18); }
    .game-badge-dot { position:absolute; left:10px; bottom:9px; width:22px; height:22px; border-radius:50%; background:linear-gradient(135deg,#fde68a,#f59e0b); z-index:2; box-shadow:inset 0 0 0 3px rgba(255,255,255,.42), 0 6px 13px rgba(0,0,0,.18); }
    .game-entry-copy { display:grid; gap:5px; min-width:0; }
    .game-entry-copy strong { font-size:18px; line-height:1.18; color:#fff; }
    .game-entry-copy > span { color:rgba(248,255,251,.86); font-size:13px; line-height:1.45; }
    .game-entry-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:2px; }
    .game-entry-tags em { font-style:normal; padding:4px 8px; border-radius:999px; color:#08352e; background:rgba(220,252,231,.92); font-size:11px; font-weight:800; white-space:nowrap; }
    .game-entry-cta { display:inline-flex; align-items:center; justify-content:center; min-width:64px; min-height:36px; padding:8px 12px; border-radius:999px; background:#fff; color:#0f4d45; font-size:13px; font-weight:900; box-shadow:0 8px 20px rgba(0,0,0,.18); white-space:nowrap; }
    .game-entry-card:hover { transform:translateY(-1px); box-shadow:0 20px 44px rgba(15,118,110,.28); }
    @media (max-width: 640px) { .game-entry-card { grid-template-columns:72px minmax(0,1fr); align-items:start; min-height:0; padding:12px; } .game-entry-map { width:72px; height:68px; } .game-entry-cta { grid-column:1/-1; width:100%; } .game-entry-copy strong { font-size:16px; } }
    /* seo-game-entry-styles:end */
    .eyebrow { display:inline-flex; padding:6px 10px; border-radius:999px; background:var(--accent-soft); color:var(--accent); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:12px; }
    h1 { margin:0; font-size:clamp(30px,4vw,48px); line-height:1.08; letter-spacing:-.02em; }
    .subhead { margin:12px 0 0; color:var(--muted); font-size:17px; line-height:1.7; }
    .hero-note { margin-top:18px; padding:16px 18px; border-radius:18px; background:linear-gradient(180deg, rgba(255,244,235,.88), rgba(255,255,255,.8)); border:1px solid var(--line); color:#543833; line-height:1.75; }
    .facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin-top:18px; }
    .fact,.stat-card,.content-section { border:1px solid var(--line); background:#fff; border-radius:18px; }
    .fact { padding:14px 16px; }
    .fact-label,.stat-label,.section-eyebrow { color:var(--accent); font-size:12px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; }
    .fact-value,.stat-value,.section-desc,.list-card-body,p { word-break:break-word; overflow-wrap:anywhere; }
    .hero-media { width:100%; aspect-ratio:1 / 1; min-height:0; align-self:stretch; border-radius:22px; overflow:hidden; background:linear-gradient(135deg,#fff1ea,#ffd8c7 42%,#ffe9dc 100%); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; padding:18px; }
    .hero-media-link { display:flex; width:100%; height:100%; aspect-ratio:1 / 1; min-height:0; text-decoration:none; align-items:center; justify-content:center; }
    .hero-media img { display:block; width:100%; height:100%; object-fit:contain; border-radius:18px; }
    .hero-placeholder { padding:24px; color:#8a4b2d; text-align:center; line-height:1.6; }
    .stat-grid,.ideas-grid,.tweet-grid { display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:20px; }
    .story-grid { display:grid; gap:16px; grid-template-columns:1fr; margin-top:20px; }
    .content-section { padding:20px; margin-top:20px; }
    .section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:14px; }
    .section-title { margin:4px 0 0; font-size:24px; }
    .copy-toolbar { display:flex; justify-content:flex-end; margin-bottom:12px; }
    .copy-btn { border:1px solid var(--line); background:var(--accent-soft); color:var(--accent-2); border-radius:999px; padding:8px 12px; cursor:pointer; font-weight:700; }
    .copy-btn.copied { background:#ffe7da; }
    .list-card,.story-block { border:1px solid var(--line); border-radius:18px; padding:14px 16px; background:#fffaf8; min-width:0; }
    .list-card { display:grid; grid-template-columns:auto auto 1fr; gap:12px; align-items:start; }
    .list-card-actions,.story-block-head { display:flex; justify-content:space-between; gap:12px; align-items:center; }
    .list-card-index { color:var(--accent); font-weight:800; }
    .tag-wrap { display:flex; flex-wrap:wrap; gap:12px; }
    .tag-chip { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:999px; padding:8px 12px; background:#fff7f1; max-width:100%; }
    .empty-state { border:1px dashed var(--line); border-radius:16px; padding:18px; color:var(--muted); background:#fffaf8; }
    .meta-link { color:var(--accent-2); font-weight:700; }
    @media (max-width: 900px) { .hero,.stat-grid,.ideas-grid,.tweet-grid { grid-template-columns:1fr; } .hero-media { max-width:min(100%,560px); margin:0 auto; } }
    @media (max-width: 640px) { .page { padding:16px 12px 48px; } .search-bar { gap:6px; padding:5px 6px; } .search-brand { display:none; } .search-form,.topbar,.copy-toolbar,.list-card-actions,.story-block-head,.live-entry-strip,.live-tab-row { flex-direction:column; align-items:stretch; } .search-form { gap:6px; } .search-input { height:30px; padding:0 10px; font-size:12px; } .search-button { height:30px; padding:0 10px; font-size:12px; } .topbar { border-radius:20px; } .copy-btn,.live-entry-link,.live-tab-link,.search-button { width:100%; } .tag-chip { width:100%; justify-content:space-between; } .hero-media { max-width:min(100%,420px); margin:0 auto; } }