*{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:#f4a0bc;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:not-allowed;position:relative;opacity:.9;box-shadow:0 2px 8px #00000014;min-height:160px}.shop-btn .lock{position:absolute;top:10px;right:14px;font-size:15px}.shop-icon{width:56px;opacity:.9}.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{text-decoration:none;cursor:pointer}a.art-card{color:inherit}.hero-name{display:block;font-size:14.5px;font-weight:700;color:#fff;margin:0 0 2px;font-family:inherit}.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}}@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}}