{font-family:'Kanit',sans-serif;display:flex;flex-direction:column;align-items:center;padding:30px 15px;background:#000;color:#fff;}.warn-box {width:100%;max-width:280px;background:rgba(255,0,0,0.1);border-left:4px solid #f00;padding:12px;margin-bottom:30px;border-radius:2px;}.warn-tag {font-family:'Oswald',sans-serif;color:#f00;font-size:12px;margin-bottom:5px;letter-spacing:1px;}.warn-box p {font-size:11px;line-height:1.5;color:#ffcccc;margin:0;}.portrait-container {width:210px;height:290px;position:relative;margin-bottom:35px;}.p-frame {display:block;width:100%;height:100%;position:relative;cursor:pointer;overflow:hidden;border:1px solid #333;box-shadow:0 0 20px rgba(255,0,0,0.2);}.p-frame img {position:absolute;width:100%;height:100%;object-fit:cover;transition:0.6s cubic-bezier(0.23,1,0.32,1);}.p-back {opacity:0;transform:scale(1.2);}.nodisplay {display:none;}.nodisplay:checked+.p-frame .p-front {opacity:0;transform:translateY(20px);}.nodisplay:checked+.p-frame .p-back {opacity:1;transform:scale(1);}.p-deco {position:absolute;top:-10px;right:-10px;width:50px;height:50px;border-top:2px solid #f00;border-right:2px solid #f00;pointer-events:none;}.p-hint {text-align:center;font-size:9px;color:#f00;margin-top:12px;letter-spacing:2px;}.identity-card {width:280px;background:linear-gradient(180deg, #111, #000);padding:20px;border:1px solid #222;margin-bottom:25px;}.identity-card h2 {font-family:'Oswald',sans-serif;font-size:18px;color:#f00;margin:0 0 20px;letter-spacing:3px;text-align:center;}.stat-grid {display:flex;flex-direction:column;gap:10px;}.s-item {display:flex;justify-content:space-between;border-bottom:1px solid #1a1a1a;padding-bottom:5px;}.label {font-size:11px;color:#666;}.val {font-size:12px;color:#eee;font-weight:500;}.content-drawer {width:280px;margin-bottom:35px;}.content-drawer details {margin-bottom:10px;border:1px solid #1a1a1a;}.content-drawer summary {padding:12px;font-size:13px;color:#f00;cursor:pointer;list-style:none;display:flex;align-items:center;background:#080808;}.content-drawer summary span {font-family:'Oswald',sans-serif;margin-right:15px;color:#444;font-size:14px;}.d-inner {padding:15px;font-size:12px;color:#aaa;line-height:1.7;background:#050505;}.dc-gate-v4 {width:260px;text-align:center;border-top:1px solid #222;padding-top:25px;}.dc-title {font-size:12px;color:#888;margin-bottom:15px;}.dc-btn-v4 {display:inline-block;background:transparent;border:1px solid #5865f2;color:#5865f2;text-decoration:none;padding:10px 20px;font-size:11px;font-weight:bold;letter-spacing:1px;transition:0.3s;}.dc-btn-v4:hover {background:#5865f2;color:#fff;box-shadow:0 0 15px rgba(88,101,242,0.5);}