*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans Thai,sans-serif;min-height:100vh;width:70%;overflow-x:hidden;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:flex-end;padding:10px 0}.color-dot{width:34px;height:34px;border-radius:8px;cursor:pointer;margin-right:12px;transition:all .2s}.color-dot.red{background:#e8254a}.color-dot.blue{background:#87ceeb}.donate-btn{background:#ffb7d7;border:2px solid rgba(255,255,255,.25);color:#fff;padding:7px 22px;border-radius:10px;font-family:Oxanium,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;text-decoration:none;transition:all .2s}.donate-btn:hover{background:#ff70b0}.hero{width:100%;min-height:380px;background:linear-gradient(to bottom,#fffbfd,#ff83ba 63%,#ff70b0);position:relative;display:flex;align-items:stretch;border-radius:20px;overflow:visible}.hero-bg-img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:center;border-radius:20px;opacity:.15;z-index:1}.hero-char{position:absolute;left:-50px;bottom:0;height:120%;object-fit:contain;object-position:bottom left;z-index:2}.hero-right{position:relative;z-index:3;padding:36px 44px 36px 0;margin-left:25rem;display:flex;flex-direction:column;justify-content:center;max-width:520px}.hero-logo{width:200px;margin-bottom:16px}.hero-desc{font-size:14.5px;line-height:1.85;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.2)}.hero-desc strong{color:#fff;font-weight:700}.coming-soon{margin-top:10px;font-size:14px;color:#ffffffd9;font-style:italic}.bottom{padding:16px;display:grid;grid-template-columns:260px 1fr 260px;gap:14px}.social-col{display:flex;flex-direction:column;gap:10px}.social-btn{display:flex;align-items:center;gap:12px;background:#fff;border:none;border-radius:14px;padding:12px 16px;text-decoration:none;color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 8px #00000014}.social-btn:hover{transform:translate(3px);box-shadow:0 4px 14px #0000001f}.sicon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sicon.tw{background:#6441a5}.sicon.tt{background:#000}.sicon.yt{background:red}.sicon.xx{background:#000}.sicon svg{width:18px;height:18px;fill:#fff}.mid-col{display:flex;flex-direction:column;gap:10px}.chapter-btn{background:#fff;border:none;border-radius:14px;padding:14px 18px;color:#333;font-size:14.5px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000014;font-family:Noto Sans Thai,sans-serif;transition:all .18s}.chapter-btn:hover{box-shadow:0 4px 14px #0000001f}.chapter-btn .arrow{color:#999;font-size:18px}.shop-btn{flex:1;background:#ffb7d7;border:none;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:22px;font-weight:700;cursor:pointer;position:relative;box-shadow:0 2px 8px #00000014;min-height:160px;transition:all .2s}.shop-btn:hover{background:#ff70b0}.right-col{display:flex;flex-direction:column;gap:10px}.art-card{border-radius:14px;overflow:hidden;position:relative;flex:1;height:170px;box-shadow:0 2px 8px #00000014}.art-card img{width:100%;height:100%;object-fit:cover;display:block}.art-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000a6);padding:20px 12px 10px;font-size:13px;color:#ffffffe6}.secret-btn{background:#111;border:none;border-radius:14px;padding:16px;color:#e8254a;font-family:Oxanium,sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;cursor:pointer;text-align:center;transition:all .18s;box-shadow:0 2px 8px #0003}.si-dc,.sicon.dc{background:#5865f2}.secret-btn:hover{background:#1a1a1a;letter-spacing:3px}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:20px;padding:32px;max-width:500px;width:100%;max-height:85vh;overflow-y:auto;position:relative;animation:popIn .25s ease;color:#222}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.modal::-webkit-scrollbar-thumb{background:#e8254a66;border-radius:10px}.modal::-webkit-scrollbar-thumb:hover{background:#e8254a99}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:none}}.modal-close{position:absolute;top:14px;right:18px;background:none;border:none;font-size:22px;cursor:pointer;color:#999;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{color:#333;background:#0000000d}.modal-title{font-family:Oxanium,sans-serif;font-size:20px;font-weight:800;color:#e8254a;margin-bottom:4px}.modal-sub{font-size:13px;color:#999;margin-bottom:18px}.divider{height:1px;background:linear-gradient(90deg,#e8254a,#f4a0bc,transparent);margin:14px 0}.chapter-list{display:flex;flex-direction:column;gap:10px}.story-item{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #e8e8e8;border-radius:12px;padding:16px 18px;color:#333;font-size:14px;font-family:Noto Sans Thai,sans-serif;font-weight:600;cursor:pointer;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.story-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(232,37,74,.1),transparent);transition:left .5s}.story-item:hover{border-color:#e8254a;background:linear-gradient(135deg,#fff,#fff5f8);box-shadow:0 6px 20px #e8254a26;transform:translateY(-2px)}.story-item:hover:before{left:100%}.story-item:active{transform:translateY(0)}.back-btn{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;padding:10px 16px;color:#666;font-size:14px;font-family:Noto Sans Thai,sans-serif;font-weight:600;cursor:pointer;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a;position:relative;overflow:hidden;margin-bottom:16px}.back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(232,37,74,.08),transparent);transition:left .5s}.back-btn:hover{background:linear-gradient(135deg,#fff,#fff5f8);border-color:#e8254a;color:#e8254a;box-shadow:0 4px 12px #e8254a1f;transform:translate(-2px)}.back-btn:hover:before{left:100%}.back-btn:active{transform:translate(0)}.chapter-body{font-size:14.5px;line-height:1.9;color:#444}.chapter-body h3{color:#e8254a;font-size:16px;margin-bottom:8px}.chapter-body strong{color:#333}.secret-input{width:100%;border:2px solid #e8e8e8;border-radius:12px;padding:13px 18px;font-size:18px;font-family:Oxanium,sans-serif;letter-spacing:4px;text-align:center;outline:none;margin-bottom:12px;transition:border-color .2s;color:#333}.secret-input:focus{border-color:#e8254a}.submit-btn{width:100%;background:#e8254a;border:none;border-radius:12px;padding:13px;color:#fff;font-family:Oxanium,sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .18s}.submit-btn:hover{background:#c01535}.secret-msg{display:none;text-align:center;margin-top:12px;padding:12px;background:#fff0f3;border:1px solid #f4a0bc;border-radius:10px;color:#e8254a;font-size:14px;font-weight:600}.overlay.active{display:flex}.modal{background:#0e0b07;border:.5px solid #e8254a;border-radius:16px;padding:32px;max-width:560px;width:100%;max-height:88vh;overflow-y:auto;position:relative;animation:popIn .25s ease;color:#f5efe3}.modal::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb{background:#1a0106;border-radius:4px}.modal-close{position:absolute;top:14px;right:18px;background:none;border:.5px solid #e8254a;color:#e8254a;font-size:16px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:0;transition:all .2s}.modal-close:hover{color:#e8254a;border-color:#e8254a;background:none}.modal-title{font-family:Cinzel,serif;font-size:20px;font-weight:700;color:#e8254a;margin-bottom:10px;letter-spacing:.08em}.modal-sub{font-size:12px;color:#e8254a;margin-bottom:16px;letter-spacing:.12em}.divider{height:.5px;background:linear-gradient(90deg,#e8254a,#e8254a,transparent);margin:14px 0 20px;position:relative}.divider:after{content:"✦";position:absolute;left:0;top:50%;transform:translateY(-50%);color:#e8254a;font-size:.6rem;background:#0e0b07;padding-right:8px}.back-btn{background:none;border:.5px solid #e8254a;border-radius:0;padding:8px 14px;color:#e8254a;font-size:13px;font-family:Noto Sans Thai,sans-serif;font-weight:400;cursor:pointer;text-align:left;transition:all .2s;box-shadow:none;margin-bottom:16px;letter-spacing:.05em}.back-btn:before{display:none}.back-btn:hover{background:#3e0c15;border-color:#e8254a;color:#e8254a;box-shadow:none;transform:none}.chapter-list{display:flex;flex-direction:column;gap:8px}.story-item{background:#3e0c15;border:.5px solid #e8254a;border-radius:0;padding:14px 16px;color:#e8254a;font-size:14px;font-family:Noto Sans Thai,sans-serif;font-weight:400;cursor:pointer;text-align:left;transition:all .2s;box-shadow:none;letter-spacing:.02em}.story-item:before{display:none}.story-item:hover{background:#1c0207;border-color:#e8254a;color:#e8254a;box-shadow:none;transform:none}.story-item:active{transform:none}.chapter-body{font-size:14.5px;line-height:2;color:#e8dcc8;font-family:Noto Sans Thai,sans-serif}.chapter-body h3{font-family:Cinzel,serif;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#e8254a;margin:1.8rem 0 .8rem;display:flex;align-items:center;gap:8px}.chapter-body h3:first-child{margin-top:0}.chapter-body p{color:#e8dcc8;border-left:2px solid #e8254a;padding-left:14px;margin-bottom:0}.chapter-body .divider{margin:1.6rem 0}.chapter-body blockquote{border:.5px solid #e8254a;border-left:2px solid #e8254a;padding:12px 16px;margin:1.2rem 0;background:#3e0c15;font-style:italic;color:#e8254a;font-size:14px;line-height:1.85}.pinterest-modal{width:90%;max-width:1100px;max-height:85vh;overflow-y:auto;padding:20px;border-radius:16px;background:#fff}.card-grid{column-count:4;column-gap:15px}.info-btn{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #e8254a;border-radius:30px;color:#fff;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:1px;cursor:pointer;transition:.25s}.info-btn:hover{background:#e8254a;box-shadow:0 0 14px #e8254a99}.info-icon{color:#e8254a}.info-btn:hover .info-icon{color:#fff}.info-modal .id-card{display:flex;justify-content:center;margin-bottom:26px}.id-card img{width:100%;max-width:380px;border-radius:14px;border:1px solid rgba(232,37,74,.4);box-shadow:0 0 20px #e8254a40}.like-dislike-wrap{display:flex;gap:24px;flex-wrap:wrap}.like-dislike-col{flex:1;min-width:200px}.ld-title{font-family:Rajdhani,sans-serif;font-size:16px;margin-bottom:10px}.ld-title.like{color:#4ade80}.ld-title.dislike{color:#e8254a}.ld-list{display:flex;flex-direction:column;gap:10px}.ld-item{display:flex;align-items:center;gap:10px}.ld-item img{width:32px;height:32px;border-radius:8px;object-fit:cover;background:#1a1a2e}.ld-item span{font-family:Noto Sans Thai,sans-serif;font-size:14px;color:#ddd}.welcome-modal{max-width:420px;text-align:center;background:#fff;border-radius:14px;color:#222}.welcome-modal .modal-title{color:#111}.welcome-modal .divider{background:#ddd}.welcome-modal p{color:#444}.welcome-modal .modal-close{color:#222}.welcome-btn-group{display:flex;flex-direction:column;gap:12px}.welcome-btn{display:block;padding:14px 20px;border-radius:10px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.05rem;text-decoration:none;color:#fff;transition:transform .15s ease,opacity .15s ease}.welcome-btn:hover{transform:translateY(-2px);opacity:.9}.welcome-btn.donate{background:linear-gradient(135deg,#e8254a,#ff4d6d)}.welcome-btn.steam{background:linear-gradient(135deg,#1b2838,#2a475e)}.welcome-btn.news{background:linear-gradient(135deg,#3554e8,#5b7cfa)}@media (max-width: 900px){.card-grid{column-count:3}}@media (max-width: 600px){.card-grid{column-count:2}}.card{background:#1a1a1a;margin-bottom:15px;border-radius:12px;overflow:hidden;break-inside:avoid;cursor:pointer;transition:transform .2s ease}.card:hover{transform:scale(1.03)}.card img{width:100%;display:block}.card-content{padding:10px}.card-content h3{font-size:14px;margin:0;color:#fff}.card-content p{font-size:12px;color:#aaa;margin-top:5px}@media (max-width: 860px){.bottom{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.social-col{grid-column:1 / 2;grid-row:1 / 2}.mid-col{grid-column:2 / 3;grid-row:1 / 2}.right-col{grid-column:1 / 3;grid-row:2 / 3;flex-direction:row}.art-card{flex:1;min-height:140px}.secret-btn{flex:1}.hero-content{margin-left:240px;padding:30px 24px 30px 16px}.hero-right{margin-left:18rem;padding-top:30px;max-width:none}.hero-char{height:110%}.hero-logo{width:200px}}@media (max-width: 600px){body{width:90%}.topbar{padding:10px 14px;gap:8px}.dot-red,.dot-blue{width:30px;height:30px;border-radius:7px}.donate-btn{padding:8px 16px;font-size:13px}.hero{min-height:300px}.hero-char{height:110%;left:-50px}.hero-content{margin-left:150px;padding:20px 14px 20px 10px;min-height:300px}.hero-right{padding-top:20px;margin-left:12rem;max-width:none;justify-content:flex-start}.hero-logo{width:150px;margin-bottom:10px}.hero-text{font-size:12px;line-height:1.75}.coming-soon{font-size:12px;margin-top:6px}.bottom{grid-template-columns:1fr;grid-template-rows:auto;padding:14px 12px 18px;gap:10px}.social-col,.mid-col{grid-column:1;grid-row:auto}.right-col{grid-column:1;grid-row:auto;flex-direction:row}.social-link{padding:10px 14px;font-size:13.5px;border-radius:12px}.si{width:32px;height:32px;border-radius:8px}.si svg{width:16px;height:16px}.chapter-btn{font-size:13.5px;padding:12px 14px;border-radius:12px}.shop-card{min-height:150px}.shop-icon{width:52px}.shop-label{font-size:20px}.art-card{flex:1;min-height:130px}.secret-btn{flex:1;font-size:13px;letter-spacing:1.5px;padding:0 12px}.modal{padding:24px 20px 22px;border-radius:16px}.modal-title{font-size:18px}.chapter-body{font-size:13.5px}.code-input{font-size:16px;padding:11px 14px}.submit-btn{font-size:13px;padding:12px}}@media (max-width: 380px){body{width:95%}.hero-char{left:-28px}.hero-content{margin-left:120px}.hero-logo{width:130px}.hero-text{font-size:11px}.right-col{flex-direction:column}.art-card{min-height:160px}}.gallery-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.gallery-tab{background:#1a1a1a;border:.5px solid #444;border-radius:6px;color:#aaa;font-family:Oxanium,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;padding:6px 16px;cursor:pointer;transition:all .18s}.gallery-tab.active,.gallery-tab:hover{background:#e8254a;border-color:#e8254a;color:#fff}.gallery-grid{columns:4;column-gap:10px}@media (max-width: 900px){.gallery-grid{columns:3}}@media (max-width: 600px){.gallery-grid{columns:2}}.gallery-item{break-inside:avoid;margin-bottom:10px;border-radius:10px;overflow:hidden;position:relative;cursor:pointer;background:#111}.gallery-item img{width:100%;display:block;transition:transform .3s ease,filter .3s ease}.gallery-item:hover img{transform:scale(1.05);filter:brightness(.7)}.gallery-item-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000bf);color:#fff;font-size:11px;padding:18px 8px 7px;font-family:Noto Sans Thai,sans-serif;opacity:0;transition:opacity .25s}.gallery-item:hover .gallery-item-label{opacity:1}.lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:500;align-items:center;justify-content:center;gap:16px;padding:20px}.lightbox.active{display:flex}.lightbox-inner{max-width:80vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:12px}.lightbox-inner img{max-width:100%;max-height:80vh;border-radius:10px;box-shadow:0 0 40px #e8254a4d;object-fit:contain;display:block}.lightbox-caption{color:#ffffffbf;font-family:Oxanium,sans-serif;font-size:13px;letter-spacing:.08em;text-align:center}.lightbox-close{position:fixed;top:18px;right:22px;background:none;border:.5px solid rgba(255,255,255,.3);color:#fff;font-size:20px;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:501}.lightbox-close:hover{background:#e8254a;border-color:#e8254a}.lightbox-nav{background:#ffffff14;border:.5px solid rgba(255,255,255,.2);color:#fff;font-size:36px;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;-webkit-user-select:none;user-select:none}.lightbox-nav:hover{background:#e8254a;border-color:#e8254a}@media (max-width: 600px){.lightbox-inner{max-width:95vw}.lightbox-nav{width:38px;height:38px;font-size:26px}}a.chapter-btn,a.secret-btn,a.art-card,a.info-btn,a.shop-btn{text-decoration:none;cursor:pointer}a.art-card{color:inherit}a.shop-btn{cursor:pointer}.hero-name{display:block;font-size:14.5px;font-weight:700;color:#fff;margin:0 0 2px;font-family:inherit}.image-placeholder{display:inline-flex;align-items:center;justify-content:center;color:#e8254a8c;background:#ffffff14}.image-placeholder svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:1.5}.account-login-btn{color:#e8254a;text-decoration:none;font-family:Oxanium,sans-serif;font-size:13px;font-weight:700;padding:7px 16px;border:2px solid #e8254a;border-radius:10px;margin-right:12px;transition:all .2s}.account-login-btn:hover{background:#e8254a;color:#fff}.account-widget{display:flex;align-items:center;gap:8px;margin-right:12px}.account-name{text-decoration:none;font-family:Oxanium,sans-serif;font-size:13px;font-weight:700;color:#333;background:#fff;padding:7px 14px;border-radius:10px;box-shadow:0 2px 8px #00000014}.account-logout{background:none;border:1px solid #ccc;border-radius:10px;padding:6px 10px;font-size:12px;cursor:pointer;color:#888;transition:all .2s}.account-logout:hover{border-color:#e8254a;color:#e8254a}.chapter-btn.gacha-btn{background:linear-gradient(135deg,#ffe6ee,#fff)}.continue-btn{display:block;width:100%;background:#3e0c15;border:.5px solid #e8254a;color:#e8254a;padding:12px;margin-bottom:14px;font-family:Noto Sans Thai,sans-serif;font-size:13px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:.2s}.continue-btn:hover{background:#1c0207}.chapter-modal{display:flex;flex-direction:column;max-height:88vh}.chapter-modal .chapter-body{flex:1 1 auto;overflow-y:auto;min-height:0;padding-right:6px}.chapter-modal .chapter-body::-webkit-scrollbar{width:4px}.chapter-modal .chapter-body::-webkit-scrollbar-track{background:transparent}.chapter-modal .chapter-body::-webkit-scrollbar-thumb{background:#3e0c15;border-radius:4px}.reading-progress-track{height:3px;background:#e8254a26;border-radius:2px;margin-bottom:14px;overflow:hidden;flex:0 0 auto}.reading-progress-fill{height:100%;background:#e8254a;transition:width .1s linear}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;flex:0 0 auto}.reader-time{font-size:11px;color:#e8254a;letter-spacing:.05em;font-family:Oxanium,sans-serif}.reader-font-controls{display:flex;gap:6px}.reader-font-controls button{background:none;border:.5px solid #e8254a;color:#e8254a;width:28px;height:28px;cursor:pointer;font-family:Oxanium,sans-serif;font-size:12px;transition:.2s}.reader-font-controls button:hover:not(:disabled){background:#3e0c15}.reader-font-controls button:disabled{opacity:.35;cursor:default}.chapter-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:16px;border-top:.5px solid rgba(232,37,74,.3);flex:0 0 auto}.chapter-nav button{flex:1;background:none;border:.5px solid #e8254a;color:#e8254a;padding:10px 12px;font-family:Noto Sans Thai,sans-serif;font-size:13px;cursor:pointer;transition:.2s}.chapter-nav button:hover:not(:disabled){background:#3e0c15}.chapter-nav button:disabled{opacity:.3;cursor:default}.auth-modal{max-width:400px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{margin-bottom:0}.auth-error{color:#ff7a7a;font-size:13px;text-align:center}.auth-switch{display:block;width:100%;text-align:center;margin-top:14px;background:none;border:none;color:#e8254a;font-size:13px;cursor:pointer;text-decoration:underline}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;margin-top:6px}.inventory-card{background:#111;border-radius:12px;padding:10px;text-align:center;border:1px solid rgba(255,255,255,.08);transition:transform .2s}.inventory-card:hover{transform:translateY(-3px)}.inventory-card:not(.locked){cursor:pointer}.inventory-card.locked{cursor:default}.inventory-card-img{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#1a1a1a;margin-bottom:8px;position:relative}.inventory-card-img img{width:100%;height:100%;object-fit:cover;display:block}.inventory-card.locked .inventory-card-img img{filter:brightness(0) opacity(.5)}.inventory-count{position:absolute;bottom:4px;right:4px;background:#000000bf;color:#fff;font-size:11px;padding:2px 6px;border-radius:6px}.inventory-card-name{font-size:12.5px;font-weight:700;color:#fff}.inventory-card-outfit{font-size:11px;color:#aaa;margin:2px 0 4px}.inventory-card-rarity{font-size:10.5px;letter-spacing:.06em;font-weight:700}.inventory-card.rarity-common{border-color:#9aa0a666}.inventory-card.rarity-rare{border-color:#4da3ff80;box-shadow:0 0 10px #4da3ff26}.inventory-card.rarity-epic{border-color:#b16cff80;box-shadow:0 0 10px #b16cff2e}.inventory-card.rarity-legendary{border-color:#ffb64899;box-shadow:0 0 16px #ffb6484d}.lightbox-caption .detail-name{font-size:16px;color:#fff;font-weight:700;margin-bottom:4px}.lightbox-caption .detail-rarity{font-size:13px;font-weight:700;margin-bottom:4px}.lightbox-caption .detail-count{font-size:12px;color:#fff9}.gacha-modal{max-width:600px}.reel-viewport{position:relative;height:150px;overflow:hidden;border-radius:12px;background:#050505;border:1px solid rgba(232,37,74,.4);margin-bottom:16px}.reel-viewport:before,.reel-viewport:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.reel-viewport:before{left:0;background:linear-gradient(90deg,#050505,transparent)}.reel-viewport:after{right:0;background:linear-gradient(270deg,#050505,transparent)}.reel-pointer{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#e8254a;transform:translate(-1px);z-index:3;box-shadow:0 0 8px #e8254a}.reel-pointer:before,.reel-pointer:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:7px solid transparent}.reel-pointer:before{top:-1px;border-top-color:#e8254a}.reel-pointer:after{bottom:-1px;border-bottom-color:#e8254a}.reel-track{display:flex;gap:12px;padding:10px 0;will-change:transform}.reel-item{flex:0 0 130px;height:130px;border-radius:10px;overflow:hidden;background:#151515;border:2px solid rgba(255,255,255,.08)}.reel-item img{width:100%;height:100%;object-fit:contain;display:block}.reel-item.rarity-rare{border-color:#4da3ff80}.reel-item.rarity-epic{border-color:#b16cff8c}.reel-item.rarity-legendary{border-color:#ffb648b3;box-shadow:0 0 14px #ffb64859}.daily-ticket-btn{display:block;width:100%;background:#3e0c15;border:.5px solid #e8254a;color:#e8254a;padding:10px;margin-bottom:14px;font-family:Noto Sans Thai,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:.2s}.daily-ticket-btn:hover:not(:disabled){background:#1c0207}.daily-ticket-btn:disabled{opacity:.45;cursor:default}.redeem-code{margin:2px 0 14px;padding:12px;border:1px solid rgba(232,37,74,.3);background:#3e0c1559}.redeem-code-label{color:#e8dcc8;font-size:12px;margin-bottom:8px}.redeem-code-row{display:flex;gap:8px}.redeem-code-input{flex:1;min-width:0;margin:0;padding:10px 12px;font-size:14px}.redeem-code-btn{width:auto;margin:0;padding:8px 14px;white-space:nowrap}.redeem-code-message{color:#e8254a;font-size:11px;margin-top:7px}.gacha-pull-btn{margin-top:4px}.gacha-note{text-align:center;font-size:11px;color:#888;margin-top:10px}.gacha-result{position:relative;margin-top:22px;text-align:center;padding:22px 16px;border:1px solid rgba(232,37,74,.4);background:#0a0705;border-radius:12px;animation:resultPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes resultPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.gacha-result img{width:150px;height:150px;object-fit:contain;background:#050505;border-radius:12px;margin-bottom:12px;position:relative;z-index:1}.gacha-result-name{font-family:Cinzel,serif;font-size:18px;color:#fff;letter-spacing:.05em}.gacha-result-outfit{font-size:13px;color:#e8dcc8;margin:4px 0 8px}.gacha-result-rarity{font-size:13px;font-weight:700;letter-spacing:.15em;margin-bottom:14px}.gacha-result .chapter-btn{display:inline-flex}.gacha-result-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;pointer-events:none}.gacha-result.rarity-legendary .gacha-result-glow{background:radial-gradient(circle at 50% 30%,rgba(255,182,72,.35),transparent 70%);animation:glowPulse 1.6s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.song-request-modal{max-width:420px}.song-check-btn{justify-content:center;width:100%;padding:10px 12px;font-size:12.5px}.song-preview{display:flex;gap:10px;align-items:center;padding:10px;border:.5px solid rgba(232,37,74,.35);background:#3e0c1559}.song-preview img{width:80px;height:45px;object-fit:cover;border-radius:4px;flex:0 0 auto}.song-preview-title{font-size:13px;font-weight:700;color:#fff}.song-preview-author{font-size:11.5px;color:#aaa;margin-top:2px}.song-request-success{text-align:center;padding:20px 10px;color:#e8dcc8;font-size:14px}.song-mode-tabs{display:flex;gap:6px}.song-mode-tabs button{flex:1;border:1px solid rgba(232,37,74,.35);background:transparent;color:#aaa;padding:9px;cursor:pointer;font-size:12px}.song-mode-tabs button.is-active{background:#3e0c15;color:#fff;border-color:#e8254a}.song-search-row{display:flex;gap:8px}.song-search-row .auth-input{min-width:0;flex:1}.song-search-btn{width:auto;flex:0 0 auto;padding:10px 14px}.song-search-fallback{color:#e8dcc8;font-size:11px;text-align:center;text-decoration:underline}.song-search-results{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.song-search-result{display:flex;gap:9px;align-items:center;width:100%;padding:7px;border:1px solid rgba(255,255,255,.1);background:#111;color:#fff;text-align:left;cursor:pointer}.song-search-result:hover{border-color:#e8254a}.song-search-result img{width:80px;height:45px;object-fit:cover;flex:0 0 auto}.song-search-result span{min-width:0;display:flex;flex-direction:column;gap:3px}.song-search-result strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.song-search-result small{color:#aaa;font-size:10.5px}.queue-admin-modal{max-width:480px}.queue-list{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto}.queue-row{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.08);background:#111}.queue-row.is-playing{border-color:#e8254a99;background:#3e0c1559}.queue-row img{width:64px;height:36px;object-fit:cover;border-radius:4px;flex:0 0 auto}.queue-row-info{flex:1 1 auto;min-width:0}.queue-row-title{font-size:12.5px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row-requester{font-size:11px;color:#aaa;margin-top:2px}.queue-row-actions{display:flex;gap:4px;flex:0 0 auto}.queue-row-actions button{background:none;border:.5px solid #e8254a;color:#e8254a;width:26px;height:26px;cursor:pointer;font-size:12px;transition:.2s}.queue-row-actions button:hover:not(:disabled){background:#3e0c15}.queue-row-actions button:disabled{opacity:.3;cursor:default}.overlay-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;background:transparent;padding:20px;font-family:Noto Sans Thai,sans-serif;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;box-sizing:border-box}.overlay-player-wrap{width:480px;max-width:100%;aspect-ratio:16 / 9}.overlay-player-wrap iframe{width:100%;height:100%}.overlay-now-playing{display:flex;align-items:center;gap:12px;background:#050505d1;border:1px solid rgba(232,37,74,.5);border-radius:10px;padding:10px 14px;max-width:480px}.overlay-now-playing.overlay-idle{color:#e8dcc8;font-size:13px}.overlay-now-playing img{width:56px;height:56px;object-fit:cover;border-radius:6px}.overlay-now-playing-label{font-size:10.5px;letter-spacing:.1em;color:#e8254a;font-weight:700}.overlay-now-playing-title{font-size:14px;font-weight:700;color:#fff}.secret-song-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:14px 24px;box-sizing:border-box;background:transparent;font-family:Arial,sans-serif}.secret-song-player{display:flex;width:min(310px,calc(100vw - 48px));min-height:98px;overflow:hidden;background:#fffefa;border:1px solid rgba(31,31,31,.1);border-radius:10px;box-shadow:0 2px 12px #0000001f;color:#161616}.secret-song-art{width:96px;min-width:96px;background:#050505}.secret-song-art img,.secret-song-art .image-placeholder{display:block;width:100%;height:100%;object-fit:cover}.secret-song-art .image-placeholder svg{stroke:#777}.secret-song-content{min-width:0;flex:1;padding:10px 12px 8px}.secret-song-heading{display:flex;align-items:flex-start;gap:8px}.secret-song-copy{min-width:0;flex:1}.secret-song-copy strong,.secret-song-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-song-copy strong{font-size:12px;line-height:15px}.secret-song-copy span{color:#777;font-size:9.5px;margin-top:1px}.secret-song-menu{width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#c9c9c9;color:#fff;font-size:12px;line-height:16px;cursor:pointer}.secret-song-time{display:flex;justify-content:space-between;margin-top:7px;color:#8b8b8b;font-size:8px}.secret-song-progress{height:2px;margin-top:2px;overflow:hidden;background:#dededc}.secret-song-progress span{display:block;height:100%;background:#222;transition:width .3s linear}.secret-song-controls{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.secret-song-controls button{width:20px;height:20px;padding:0;border:0;background:transparent;color:#151515;cursor:pointer;font-size:13px;line-height:20px}.secret-song-controls button:hover{color:#777}.secret-song-controls .secret-song-play{font-size:12px}.secret-song-overlay{flex-direction:column;gap:8px}.secret-song-copy .secret-song-requester{color:#e8254a;font-size:9.5px;font-weight:700}.secret-song-next{display:flex;align-items:flex-start;gap:6px;width:min(310px,calc(100vw - 48px))}.secret-song-next-label{align-self:center;color:#fff;font-size:10px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7)}.secret-song-next-item{width:44px;text-align:center}.secret-song-next-item img,.secret-song-next-item .image-placeholder{display:block;width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #0000004d;background:#050505}.secret-song-next-item span{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:8.5px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.secret-song-next-more{align-self:center;color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7)}.secret-song-youtube{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}@media (max-width: 380px){.secret-song-overlay{padding:10px}.secret-song-player{width:min(310px,calc(100vw - 20px))}}.overlay-now-playing-requester{font-size:11.5px;color:#aaa;margin-top:2px}.overlay-up-next{background:#050505b3;border-radius:10px;padding:8px 14px;max-width:480px}.overlay-up-next-label{font-size:10px;letter-spacing:.1em;color:#e8254a;font-weight:700;margin-bottom:4px}.overlay-up-next-item{font-size:12px;color:#e8dcc8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 600px){.chapter-nav{flex-direction:column}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}.account-name{font-size:11px;padding:6px 10px}.account-widget{margin-right:6px}}.shop-banner{display:flex;align-items:stretch;gap:16px;margin:16px}.shop-carousel{flex:1;min-width:0;position:relative;border-radius:20px;overflow:hidden;background:#111;box-shadow:0 2px 8px #00000014}.shop-carousel-track{display:flex;transition:transform .5s cubic-bezier(.16,1,.3,1)}.shop-slide{flex:0 0 100%;position:relative;display:block;min-height:220px;color:inherit}.shop-slide img{width:100%;height:220px;object-fit:cover;display:block}.shop-slide-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000bf);padding:30px 16px 12px;color:#fff}.shop-slide-name{font-size:15px;font-weight:700}.shop-slide-price{font-size:13px;color:#f4a0bc;margin-top:2px}.shop-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000073;border:none;color:#fff;width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;transition:background .18s}.shop-carousel-arrow:hover{background:#e8254ad9}.shop-carousel-prev{left:12px}.shop-carousel-next{right:12px}.shop-carousel-dots{position:absolute;bottom:10px;right:14px;display:flex;gap:6px}.shop-carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff73;cursor:pointer;padding:0}.shop-carousel-dot.active{background:#e8254a}.shop-banner-cta{flex:0 0 200px;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffb7d7;border-radius:20px;color:#fff;font-family:Oxanium,sans-serif;font-weight:700;font-size:15px;text-align:center;box-shadow:0 2px 8px #00000026;transition:transform .18s,box-shadow .18s}.shop-banner-cta:hover{background:#ff70b0;transform:translateY(-2px);box-shadow:0 4px 14px #ff70b059}.shop-banner-cta .arrow{font-size:18px}@media (max-width: 860px){.shop-banner{flex-direction:column}.shop-banner-cta{flex:0 0 auto;padding:14px}}.shop-page{--shop-pink: #ff2d78;--shop-pink-dark: #e01463;--shop-pink-soft: #ffe3ef;--shop-blue: #2f6fed;--shop-blue-dark: #1e54c9;--shop-blue-soft: #e8f0ff;--shop-btn: #FFB7D7;--shop-btn-hover: #FF70B0;--shop-ink: #16181d;--shop-muted: #6b7280;--shop-bg: #f7f8fb;--shop-card: #ffffff;--shop-border: #ecedf2;min-height:100vh;background:var(--shop-bg);color:var(--shop-ink);padding-bottom:40px;font-family:Kanit,Noto Sans Thai,sans-serif}.shop-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:16px 24px;background:var(--shop-card);border-bottom:1px solid var(--shop-border);position:sticky;top:0;z-index:5}.shop-logo{font-family:Kanit,sans-serif;font-weight:800;font-size:18px;color:var(--shop-ink);text-decoration:none}.shop-logo span{color:var(--shop-pink)}.shop-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shop-header-link{font-size:12.5px;font-weight:700;color:var(--shop-ink);background:var(--shop-bg);padding:8px 14px;border-radius:999px;text-decoration:none;position:relative}.shop-header-link-muted{color:var(--shop-muted);background:transparent}.shop-header-link-primary{background:var(--shop-btn);color:#fff}.shop-header-link-primary:hover{background:var(--shop-btn-hover)}.shop-cart-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;margin-left:6px;border-radius:999px;background:var(--shop-blue);color:#fff;font-size:10.5px}.shop-hero-v2{background:linear-gradient(#00000059,#00000059),url(/assets/shop/bg.png) center / cover no-repeat,linear-gradient(120deg,var(--shop-pink) 0%,#ff6fa8 45%,var(--shop-blue) 100%);padding:52px 24px;text-align:center}.shop-hero-v2-inner{max-width:620px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px}.shop-hero-v2-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd9}.shop-hero-v2-title{font-family:Kanit,sans-serif;font-size:32px;font-weight:800;line-height:1.25;color:#fff;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.12)}.shop-hero-v2-sub{color:#ffffffeb;font-size:14px;margin:0}.shop-hero-v2-ctas{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.shop-cta-primary{background:#fff;color:var(--shop-btn-hover);border:none;border-radius:999px;padding:12px 24px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .15s}.shop-cta-primary:hover{transform:translateY(-2px)}.shop-cta-secondary{background:#ffffff26;border:1.5px solid rgba(255,255,255,.7);color:#fff;border-radius:999px;padding:12px 24px;font-weight:700;font-size:14px;cursor:pointer}.shop-cta-secondary:hover{background:#ffffff40}.shop-search{width:100%;max-width:420px;padding:13px 20px;border-radius:999px;border:none;background:#fff;color:var(--shop-ink);font-size:14px;outline:none;box-shadow:0 4px 16px #0000001f}.shop-search::placeholder{color:#9aa0ab}.shop-search:focus{box-shadow:0 0 0 3px var(--shop-blue)}.shop-categories{display:flex;gap:12px;padding:20px 24px 0;max-width:1200px;margin:0 auto;overflow-x:auto}.shop-category-card{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--shop-card);border:1px solid var(--shop-border);border-radius:16px;padding:16px 10px;cursor:pointer;transition:border-color .15s,transform .15s}.shop-category-card:hover{border-color:var(--shop-blue);transform:translateY(-2px)}.shop-category-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.shop-category-label{font-size:12.5px;font-weight:700;color:var(--shop-ink)}.shop-trust-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;max-width:1200px;margin:8px auto 0;padding:20px 24px}.shop-trust-item{display:flex;align-items:center;gap:12px}.shop-trust-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--shop-blue-soft);flex-shrink:0}.shop-icon{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shop-category-icon .shop-icon{width:24px;height:24px;color:var(--shop-blue)}.shop-trust-icon .shop-icon{width:20px;height:20px;color:var(--shop-blue)}.shop-tab .shop-icon{width:15px;height:15px;vertical-align:-3px;margin-right:3px}.shop-trust-title{font-size:13px;font-weight:700;color:var(--shop-ink)}.shop-trust-sub{font-size:11.5px;color:var(--shop-muted);margin-top:2px}.shop-section{padding:28px 24px 0;max-width:1200px;margin:0 auto}.shop-section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.shop-section-title{font-family:Kanit,sans-serif;font-size:20px;font-weight:700;color:var(--shop-ink);margin:0 0 16px}.shop-section-head .shop-section-title{margin-bottom:0}.shop-tabs{gap:8px}.shop-tab{border-radius:999px;border:1px solid var(--shop-border);background:#fff;color:var(--shop-muted);font-weight:700;font-size:12.5px;padding:8px 14px}.shop-tab.active{background:var(--shop-btn);color:#fff;border-color:var(--shop-btn)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.product-card{background:var(--shop-card);border:1px solid var(--shop-border);border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #1018280a;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}.product-card:hover{box-shadow:0 8px 24px #10182814;transform:translateY(-2px)}.product-card img{width:100%;height:150px;object-fit:cover;display:block;background:#eee}.product-card-body{padding:12px;display:flex;flex-direction:column;gap:4px;flex:1}.product-card-name{font-size:14px;font-weight:700;color:var(--shop-ink)}.product-card-desc{font-size:12px;color:var(--shop-muted)}.product-card-price{font-size:14px;font-weight:700;color:var(--shop-pink);margin-top:auto}.buy-btn{margin-top:8px;background:var(--shop-btn);border:none;border-radius:10px;padding:9px;color:#fff;font-weight:700;font-size:12.5px;cursor:pointer}.buy-btn:hover{background:var(--shop-btn-hover)}.buy-btn:disabled{background:#e5e7eb;color:#9aa0ab;cursor:not-allowed}@media (max-width: 600px){.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.shop-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1.5px solid var(--shop-border);border-radius:10px;padding:11px;font-weight:700;font-size:13.5px;color:var(--shop-ink);cursor:pointer}.shop-google-btn:hover{border-color:var(--shop-blue)}.shop-google-btn:disabled{opacity:.6;cursor:default}.shop-auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--shop-muted);font-size:12px}.shop-auth-divider:before,.shop-auth-divider:after{content:"";flex:1;height:1px;background:var(--shop-border)}.shop-page .submit-btn{background:var(--shop-btn)}.shop-page .submit-btn:hover{background:var(--shop-btn-hover)}.shop-page .auth-input:focus{box-shadow:0 0 0 2px var(--shop-blue)}.shop-page .auth-switch{color:var(--shop-blue)}.shop-auth-modal{max-width:400px}.shop-page .modal{background:var(--shop-card);border:1px solid var(--shop-border);color:var(--shop-ink)}.shop-page .modal::-webkit-scrollbar-thumb{background:var(--shop-border)}.shop-page .modal-close{border-color:var(--shop-border);color:var(--shop-muted)}.shop-page .modal-close:hover{color:var(--shop-pink);border-color:var(--shop-pink);background:none}.shop-page .modal-title{font-family:Kanit,sans-serif;color:var(--shop-ink);letter-spacing:normal}.shop-page .modal-sub{color:var(--shop-muted);letter-spacing:normal}.shop-page .divider{background:linear-gradient(90deg,var(--shop-pink),var(--shop-blue),transparent)}.shop-page .divider:after{display:none}.shop-page .auth-error{color:#d92d3a}.shop-page .coming-soon{color:var(--shop-muted)}.cart-list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto}.cart-row{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:10px}.cart-row img{width:44px;height:44px;object-fit:cover;border-radius:8px;background:#eee}.cart-row-name{font-size:13px;font-weight:700;color:#222}.cart-row-price{font-size:12px;color:#777}.cart-row-qty{display:flex;align-items:center;gap:6px}.cart-row-qty button{width:24px;height:24px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer}.cart-row-remove{background:none;border:none;color:#999;cursor:pointer;font-size:14px}.cart-summary{display:flex;justify-content:space-between;font-weight:700;font-size:15px;color:#222;padding:12px 0;border-top:1px solid #eee;margin-top:10px}.checkout-form{display:flex;flex-direction:column;gap:10px}.checkout-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-list{display:flex;flex-direction:column;gap:8px}.order-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#f7f7f7;color:#222}.order-row-status{font-size:12px;font-weight:700}.order-row-total{font-weight:700}.order-status-line{font-weight:700;font-size:15px;text-align:center}.order-status-line.status-paid,.order-status-line.status-fulfilled{color:#1c9a5b}.order-status-line.status-payment_failed,.order-status-line.status-cancelled{color:#e8254a}.order-status-total,.order-status-id{text-align:center;color:#777;font-size:13px;margin-top:4px}.receipt-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}.receipt-table th,.receipt-table td{text-align:left;padding:6px 4px;border-bottom:1px solid #eee}.receipt-address{font-size:13px;color:#444;margin-bottom:10px}@media print{body *{visibility:hidden}.receipt-print,.receipt-print *{visibility:visible}.receipt-print{position:absolute;top:0;left:0;width:100%}.no-print{display:none!important}}html:has(.ov-page),body:has(.ov-page){background:transparent!important}.ov-page{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:16px;overflow:hidden;font-family:Noto Sans Thai,sans-serif;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.ov-page-chat{display:flex;flex-direction:column;justify-content:flex-end}.ov-chat{display:flex;flex-direction:column;gap:6px}.ov-chat-msg{background:#050505b8;border-left:3px solid #888;border-radius:8px;padding:6px 10px;font-size:15px;line-height:1.35;word-break:break-word}.ov-chat-twitch{border-color:#9146ff}.ov-chat-youtube{border-color:#ff2d2d}.ov-chat-tiktok{border-color:#25f4ee}.ov-chat-badge{font-size:10px;font-weight:700;letter-spacing:.06em;opacity:.75;margin-right:6px;text-transform:uppercase}.ov-chat-author{font-weight:700;color:#ffd0d8;margin-right:8px}.ov-viewers{display:inline-flex;flex-direction:column;align-items:flex-start;background:#050505c7;border:1px solid rgba(232,37,74,.5);border-radius:12px;padding:10px 18px}.ov-viewers-label{font-size:11px;letter-spacing:.1em;color:#e8254a;font-weight:700}.ov-viewers-total{font-family:Oxanium,sans-serif;font-size:44px;font-weight:700;line-height:1.1}.ov-viewers-breakdown{display:flex;gap:12px;font-size:12px;color:#e8dcc8}.ov-missions{width:380px;max-width:100%;background:#050505c7;border:1px solid rgba(232,37,74,.5);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.ov-missions-title{font-size:11px;letter-spacing:.1em;color:#e8254a;font-weight:700}.ov-mission-head{display:flex;justify-content:space-between;gap:12px;font-size:16px;font-weight:700}.ov-mission-bar{height:10px;border-radius:6px;background:#ffffff2e;overflow:hidden;margin-top:4px}.ov-mission-bar span{display:block;height:100%;background:#e8254a;transition:width .5s ease}.ov-mission-done .ov-mission-bar span{background:#3ddc84}.ov-vs{display:inline-flex;flex-direction:column;align-items:center;gap:8px;background:#050505cc;border:1px solid rgba(232,37,74,.5);border-radius:14px;padding:12px 24px}.ov-vs-title{font-size:12px;letter-spacing:.12em;color:#e8254a;font-weight:700;text-transform:uppercase}.ov-vs-row{display:flex;align-items:center;gap:28px}.ov-vs-team{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:130px;font-size:22px;font-weight:700}.ov-vs-team img{width:72px;height:72px;object-fit:contain}.ov-vs-tbd{opacity:.5}.ov-vs-score{display:flex;align-items:center;gap:14px;font-family:Oxanium,sans-serif}.ov-vs-score b{font-size:48px}.ov-vs-score i{font-size:18px;font-style:normal;color:#e8254a;font-weight:700}.ov-bracket{display:inline-block;background:#050505cc;border:1px solid rgba(232,37,74,.5);border-radius:14px;padding:12px 18px}.ov-bracket-title{font-size:13px;letter-spacing:.12em;color:#e8254a;font-weight:700;margin-bottom:8px;text-transform:uppercase}.ov-bracket-cols{display:flex;gap:24px}.ov-bracket-col{display:flex;flex-direction:column;min-width:170px}.ov-bracket-round{font-size:11px;color:#e8dcc8;margin-bottom:6px}.ov-bracket-matches{display:flex;flex-direction:column;justify-content:space-around;flex:1;gap:10px}.ov-bracket-match{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:8px;overflow:hidden}.ov-bracket-match.ov-current{border-color:#e8254a;box-shadow:0 0 10px #e8254a99}.ov-bracket-team{display:flex;justify-content:space-between;gap:10px;padding:5px 10px;font-size:14px}.ov-bracket-team+.ov-bracket-team{border-top:1px solid rgba(255,255,255,.12)}.ov-bracket-team.ov-winner{background:#3ddc8438;font-weight:700}.carousel{position:relative;overflow:hidden;border-radius:14px;background:#eee;aspect-ratio:4 / 3;outline-offset:2px}.carousel-track{display:flex;height:100%;transition:transform .3s ease}.carousel-slide{flex:0 0 100%;height:100%}.carousel-slide img,.carousel .image-placeholder{width:100%;height:100%;object-fit:cover;display:block}.carousel .image-placeholder{display:flex;align-items:center;justify-content:center}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:none;background:#ffffffe0;color:var(--shop-ink);font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0000002e}.carousel-btn:hover{background:#fff;color:var(--shop-pink)}.carousel-btn-prev{left:8px}.carousel-btn-next{right:8px}.carousel-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px}.carousel-dot{width:8px;height:8px;padding:0;border-radius:50%;border:none;background:#fff9;box-shadow:0 0 0 1px #00000026;cursor:pointer}.carousel-dot.active{background:var(--shop-pink);width:18px;border-radius:999px}.product-card-link{display:block;color:inherit;text-decoration:none}.product-card-link:hover .product-card-name{color:var(--shop-pink)}.product-card>.product-card-link:first-child{position:relative}.product-limited-badge{position:absolute;top:8px;left:8px;background:var(--shop-btn-hover);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.08em;border-radius:999px;padding:3px 9px}.product-sale-timer{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;padding:6px 12px;background:var(--shop-pink-soft);color:var(--shop-pink-dark)}.product-sale-timer.sale-upcoming{background:var(--shop-blue-soft);color:var(--shop-blue-dark)}.product-sale-timer.sale-ended{background:#f1f2f5;color:var(--shop-muted)}.product-sale-timer-lg{font-size:14px;border-radius:10px;padding:10px 14px}.product-detail-tags{display:flex;gap:6px;flex-wrap:wrap}.product-detail-tag-limited{color:#fff;background:var(--shop-btn-hover)}.shop-page .product-modal{max-width:860px}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.product-detail-info{display:flex;flex-direction:column;gap:10px;padding-right:20px}.product-detail-tag{align-self:flex-start;font-size:11.5px;font-weight:700;color:var(--shop-blue);background:var(--shop-blue-soft);border-radius:999px;padding:4px 10px}.product-detail-name{font-family:Kanit,sans-serif;font-size:22px;margin:0;color:var(--shop-ink)}.product-detail-price{font-size:22px;font-weight:700;color:var(--shop-pink)}.product-detail-desc{margin:0;font-size:14px;line-height:1.6;color:var(--shop-muted);white-space:pre-line}.product-detail-meta{margin:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.product-detail-meta div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--shop-border)}.product-detail-meta dt{color:var(--shop-muted)}.product-detail-meta dd{margin:0;font-weight:700;text-align:right}.product-detail-meta .is-instock{color:#1c9a5b}.product-detail-meta .is-soldout{color:#d92d3a}.product-detail-buy{display:flex;align-items:center;gap:12px;margin-top:6px}.product-detail-buy .submit-btn{flex:1}.product-detail-buy .cart-row-qty span{min-width:22px;text-align:center;font-weight:700}.shop-page .cart-row-qty button:disabled{opacity:.4;cursor:default}.product-detail-added{font-size:13px;color:#1c9a5b;font-weight:700}.product-detail-cart-link{display:inline;width:auto;margin:0}@media (max-width: 720px){.product-detail{grid-template-columns:1fr}.product-detail-info{padding-right:0}}.commission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.commission-card{background:var(--shop-card);border:1px solid var(--shop-border);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 10px #1018280a}.commission-card-body{display:flex;flex-direction:column;gap:8px;flex:1}.commission-card-name{margin:0;font-family:Kanit,sans-serif;font-size:16px;color:var(--shop-ink)}.commission-card-desc{margin:0;font-size:12.5px;color:var(--shop-muted);line-height:1.5;white-space:pre-line}.commission-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border-radius:12px;background:var(--shop-bg);margin-top:auto}.commission-stat-label{display:block;font-size:10.5px;color:var(--shop-muted)}.commission-stat-value{display:block;font-size:13px;font-weight:700;color:var(--shop-ink);margin-top:2px}.commission-stat-price{color:var(--shop-pink)}.commission-btn{display:block;text-align:center;text-decoration:none}.shop-page a.submit-btn{display:block;text-align:center;text-decoration:none;box-sizing:border-box}.shop-page .commission-modal{max-width:520px}.commission-form{margin-top:14px}.commission-textarea{font-family:inherit;resize:vertical;min-height:70px}.commission-note{margin:0;font-size:12px;color:var(--shop-muted)}.commission-sent{display:flex;flex-direction:column;gap:10px;margin-top:14px;text-align:center;color:var(--shop-muted);font-size:13.5px}.commission-sent p{margin:0}.commission-request-head{grid-template-columns:1fr auto auto}.commission-request-details{margin:8px 0 4px;font-size:13px;color:#444;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.commission-request-note{margin-top:6px;padding:8px 10px;border-radius:8px;background:var(--shop-blue-soft);font-size:12.5px;color:var(--shop-ink)}.commission-status-done,.commission-status-accepted,.commission-status-in_progress{color:#1c9a5b}.commission-status-rejected,.commission-status-cancelled{color:#e8254a}.commission-status-pending{color:#b7791f}.shop-page .account-modal{max-width:620px}.order-card{border:1px solid var(--shop-border);border-radius:12px;padding:8px;background:#fff}.order-card .order-row{text-decoration:none}.order-items{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.order-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:4px;border-radius:8px;color:inherit;text-decoration:none}a.order-item:hover{background:var(--shop-bg)}.order-item-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;background:#eee;display:block}.order-item-thumb.image-placeholder{display:flex;align-items:center;justify-content:center}.order-item-info{display:flex;flex-direction:column;min-width:0}.order-item-name{font-size:13px;font-weight:700;color:var(--shop-ink)}.order-item-sub{font-size:12px;color:var(--shop-muted)}.order-item-total{font-size:13px;font-weight:700;color:var(--shop-ink)}.order-tracking{margin-top:6px;font-size:12px;color:var(--shop-muted);padding-left:4px}.receipt-product{display:flex;align-items:center;gap:10px}.receipt-product-link{color:var(--shop-ink);font-weight:700;text-decoration:none}.receipt-product-link:hover{color:var(--shop-pink)}.receipt-product-desc{display:block;color:var(--shop-muted);font-weight:400}.profile-section-title{font-family:Kanit,sans-serif;font-size:14px;font-weight:700;color:var(--shop-ink);margin-top:4px}.profile-address{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-address-full{grid-column:1 / -1}.profile-password{margin-top:18px;padding-top:14px;border-top:1px solid var(--shop-border)}.shop-page .secret-input:disabled{background:var(--shop-bg);color:var(--shop-muted);cursor:not-allowed}@media (max-width: 480px){.commission-stats{grid-template-columns:1fr 1fr}.profile-address{grid-template-columns:1fr}}