*{margin:0;padding:0;box-sizing:border-box}.claim-page{min-height:100vh;background:#0a0a1a;display:flex;justify-content:center;padding:40px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.claim-container{width:100%;max-width:420px}.claim-header{text-align:center;margin-bottom:32px}.gift-icon{font-size:48px;display:inline-block;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-title{font-size:28px;font-weight:700;background:linear-gradient(135deg,#e53935,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:12px}.claim-subtitle{color:#888;font-size:14px;margin-top:8px}.claim-form{display:flex;flex-direction:column;gap:16px}.form-group label{display:block;color:#ccc;font-size:14px;margin-bottom:6px}.form-select,.form-input{width:100%;padding:12px 14px;background:#16162a;border:1px solid #333;border-radius:8px;color:#fff;font-size:16px;outline:none;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.form-select:focus,.form-input:focus{border-color:#e53935}.form-input::placeholder{color:#555}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#e53935,#ff5722);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #e539354d;transition:opacity .2s}.submit-btn:hover{opacity:.9}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.error-msg{color:#f44336;font-size:14px;text-align:center;margin-top:8px}.success-section{margin-top:24px}.success-header{text-align:center;margin-bottom:20px}.success-icon{width:48px;height:48px;margin:0 auto 12px}.success-title{color:#4caf50;font-size:20px;font-weight:600}.role-info-bar{display:flex;justify-content:center;gap:16px;background:#16162a;border-radius:8px;padding:10px 16px;margin-bottom:16px}.role-info-bar span{color:#aaa;font-size:14px}.role-info-bar strong{color:#fff}.code-cards{display:flex;flex-direction:column;gap:10px}.code-card{display:flex;align-items:center;justify-content:space-between;background:#16162a;border:1px solid #333;border-radius:8px;padding:12px 14px}.code-left{flex:1;margin-right:10px;min-width:0}.code-label{color:#888;font-size:11px;margin-bottom:4px}.code-value{color:#fff;font-family:Courier New,monospace;font-size:14px;word-break:break-all}.code-text{color:#fff;font-family:Courier New,monospace;font-size:14px;word-break:break-all;flex:1;margin-right:10px}.copy-btn{flex-shrink:0;padding:6px 14px;background:linear-gradient(135deg,#e53935,#ff9800);border:none;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:opacity .2s}.copy-btn.copied{background:#666;opacity:.7}.code-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.copied-tag{padding:6px 10px;background:#2e7d32;border:none;border-radius:6px;color:#fff;font-size:12px;white-space:nowrap}.already-claimed-header{text-align:center;margin-bottom:16px}.copy-btn:hover{opacity:.85}.already-claimed{text-align:center;margin-top:24px;color:#ff9800;font-size:15px}.already-claimed .timestamp{display:block;color:#888;font-size:13px;margin-top:6px}