/* KOTOMON · หน้าแรกแบบใหม่ (Master Art Style Gen 2) · ใช้คู่กับ title2.js */
body.t2 #scrTitle{background:#7cc46a url(/img/t2/bg.webp) center/cover no-repeat;position:relative}
body.t2 #scrTitle .logo-kanji,body.t2 #scrTitle .logo,body.t2 #scrTitle .logo-mon{display:none}
body.t2 .t2-logo{width:min(70vw,260px);height:auto;margin:0 auto 2px;display:block;filter:drop-shadow(0 4px 0 rgba(45,42,74,.35))}
body.t2 #scrTitle>*{position:relative;z-index:1}
/* โลโก้ */
body.t2 .logo-nick{background:rgba(255,248,231,.92);border:2px solid #2d2a4a;border-radius:20px;padding:0 12px;opacity:1}
/* ธงภาษา = ปุ่ม */
body.t2 #scrTitle .flags span{cursor:pointer;background:#fff8e7;border:3px solid #2d2a4a;border-radius:8px;box-shadow:0 3px 0 #2d2a4a;transition:transform .08s}
body.t2 #scrTitle .flags span:active{transform:translateY(2px);box-shadow:0 1px 0 #2d2a4a}
body.t2 #scrTitle .flags span.sel{background:#ffd23f;transform:translateY(-2px);box-shadow:0 5px 0 #2d2a4a}
body.t2 #scrTitle .flags span:focus-visible{outline:3px solid #e8504d;outline-offset:2px}
/* ไข่ + รัง (ภาพจาก GPT · แยกไข่กับรังเพื่อให้ไข่โยกได้) */
body.t2 .egg-row{gap:10px;margin:2px 0 14px;align-items:flex-end}
body.t2 .ttl-egg{position:relative;width:76px;height:88px}
body.t2 .ttl-egg img{position:absolute;left:0;bottom:0;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
body.t2 .ttl-eggi{transform-origin:50% 66%;animation:t2egg 2.2s ease-in-out infinite;z-index:1}
body.t2 .ttl-nest{z-index:0}
body.t2 .ttl-egg.e1 .ttl-eggi{animation-duration:2.6s;animation-delay:.7s}
body.t2 .ttl-egg.e2 .ttl-eggi{animation-duration:1.9s;animation-delay:1.3s}
@keyframes t2egg{0%,52%,100%{transform:translateY(0) rotate(0)}58%{transform:translateY(-3px) rotate(-6deg)}66%{transform:translateY(-1px) rotate(6deg)}74%{transform:translateY(-2px) rotate(-3deg)}82%,90%{transform:translateY(0) rotate(0)}}
/* กรอบข้อมูล: ครีม ขอบเข้ม หัวกรมท่า */
body.t2 .pitch{background:#fff8e7;border:3px solid #2d2a4a;border-radius:10px;box-shadow:0 0 0 3px #fff8e7,0 0 0 6px #2d2a4a,4px 8px 0 4px rgba(45,42,74,.35);margin-top:2px}
body.t2 .logo-sub{background:#2d2a4a;color:#fff8e7;border-color:#2d2a4a}
/* ปุ่ม: แสงวิ่ง */
body.t2 #btnStart{position:relative;overflow:hidden}
body.t2 #btnStart::after{content:'';position:absolute;top:-20%;bottom:-20%;width:26%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:t2shine 3.2s ease-in-out infinite;pointer-events:none}
@keyframes t2shine{0%,55%{left:-40%}85%,100%{left:130%}}
body.t2 #btnStart:active,body.t2 #btnGoLogin:active{transform:translateY(2px)}
body.t2 .credit{text-shadow:2px 2px 0 #2d2a4a}
/* เอฟเฟกต์ลอย: กลีบซากุระ + แสงโคม (อยู่ใต้เนื้อหา ไม่รับการแตะ) */
#ttlFx{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
body.t2 #scrTitle.on~#ttlFx{display:block}
body.t2 #scrTitle.on{z-index:auto}
.ttl-petal{position:absolute;top:-12px;width:8px;height:8px;background:#ffb3cc;box-shadow:4px 0 0 #ffd3e2,0 4px 0 #f78fb3;clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 100%);animation:t2fall linear infinite,t2sway ease-in-out infinite alternate;image-rendering:pixelated}
.ttl-petal.s{width:4px;height:4px;box-shadow:none}
@keyframes t2fall{from{top:-12px}to{top:102%}}
@keyframes t2sway{from{transform:translateX(-14px)}to{transform:translateX(14px)}}
#ttlLantern{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,215,122,.75),rgba(255,180,71,0) 70%);animation:t2glow 2.4s ease-in-out infinite}
@keyframes t2glow{0%,100%{opacity:.45}50%{opacity:.95}}
@media (prefers-reduced-motion:reduce){
  body.t2 .ttl-eggi,body.t2 #btnStart::after,.ttl-petal,#ttlLantern{animation:none}
  .ttl-petal{display:none}
}
/* จอเล็ก: ลดโลโก้/ไข่ เพื่อให้ปุ่มขึ้นเร็วขึ้น · ข้อความ CJK เล็กลงเล็กน้อยให้ตัดบรรทัดสวย */
@media (max-width:360px){
  body.t2 .t2-logo{width:min(60vw,220px)}
  body.t2 .ttl-egg{width:64px;height:74px}
  body.t2 .pitch{padding:8px 10px;gap:5px}
  body.t2 .pitch li{font-size:14px}
  body.t2 #scrTitle .flags span{padding:1px 8px;font-size:18px}
}
html:is([lang=ja],[lang=zh],[lang=ko]) body.t2 .pitch li{font-size:14px;line-height:1.4}

/* ข้อความ: ตัดบรรทัดเฉพาะจุดที่กำหนด (|) ไม่ตัดกลางคำ */
body.t2 .t2-seg{display:inline-block;white-space:nowrap}
body.t2 #btnStart,body.t2 #btnGoLogin{white-space:nowrap}
body.t2 .logo-sub{max-width:calc(100% - 8px)}