/* GUARDIANS OF THE DEEP — SOVEREIGNTY SECURITY STYLES © 2025 Tsakonas Spiridon */
.eye-pattern-wrap{background:#020810;border:1px solid rgba(201,168,76,0.3);padding:2rem;max-width:380px;margin:0 auto;text-align:center;}
.eye-pattern-title{font-family:'Cinzel',serif;font-size:0.8rem;letter-spacing:0.3em;color:#c9a84c;margin-bottom:0.5rem;text-transform:uppercase;}
.eye-pattern-subtitle{font-size:0.75rem;color:rgba(232,224,208,0.5);margin-bottom:1.5rem;}
.eye-pattern-grid{display:grid;gap:6px;width:220px;height:220px;margin:0 auto 1rem;padding:0.8rem;background:rgba(201,168,76,0.03);border:1px solid rgba(201,168,76,0.1);user-select:none;-webkit-user-select:none;}
.ep-cell{background:rgba(201,168,76,0.06);border:1px solid rgba(201,168,76,0.15);border-radius:3px;cursor:crosshair;transition:all 0.1s;position:relative;}
.ep-cell:hover{background:rgba(201,168,76,0.12);}
.ep-cell.ep-active{background:rgba(201,168,76,0.3);border-color:#c9a84c;box-shadow:0 0 8px rgba(201,168,76,0.4);}
.ep-cell.ep-active::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;background:#c9a84c;border-radius:50%;}
.ep-cell.ep-success{background:rgba(0,255,136,0.2);border-color:#00ff88;}
.ep-cell.ep-error{background:rgba(255,50,50,0.2);border-color:#ff3333;animation:shake 0.3s ease;}
@keyframes shake{0%,100%{transform:translateX(0);}33%{transform:translateX(-3px);}66%{transform:translateX(3px);}}
.eye-pattern-status{font-size:0.75rem;color:rgba(232,224,208,0.5);margin-bottom:0.8rem;min-height:1rem;letter-spacing:0.1em;}
.eye-pattern-actions{display:flex;gap:0.8rem;justify-content:center;}
.ep-btn{padding:0.5rem 1.2rem;font-family:'Rajdhani',sans-serif;font-size:0.75rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:all 0.3s;border:none;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);}
.ep-clear{background:transparent;color:rgba(201,168,76,0.6);border:1px solid rgba(201,168,76,0.3);}
.ep-clear:hover{background:rgba(201,168,76,0.1);}
.ep-confirm{background:linear-gradient(135deg,#c9a84c,#f0d080);color:#020810;}
.ep-confirm:disabled{opacity:0.3;cursor:not-allowed;}
.ep-confirm:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(201,168,76,0.4);}
#sovereignty-declaration{position:fixed;inset:0;z-index:99000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity 0.5s ease;}
#sovereignty-declaration.sd-visible{opacity:1;}
.sd-backdrop{position:absolute;inset:0;background:rgba(1,5,8,0.96);backdrop-filter:blur(20px);}
.sd-modal{position:relative;z-index:10;background:linear-gradient(135deg,#020810,#040d1a);border:1px solid rgba(201,168,76,0.4);max-width:540px;width:100%;padding:2.5rem 2rem;text-align:center;box-shadow:0 0 80px rgba(201,168,76,0.08);animation:sdRise 0.6s cubic-bezier(0.16,1,0.3,1) both;}
@keyframes sdRise{from{transform:translateY(30px);opacity:0;}to{transform:translateY(0);opacity:1;}}
.sd-top-bar{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#c9a84c,#f0d080,#c9a84c,transparent);}
.sd-modal.sd-success{border-color:rgba(0,255,136,0.5);}
.sd-eyebrow{font-family:'Share Tech Mono',monospace;font-size:0.6rem;letter-spacing:0.4em;color:rgba(0,212,255,0.7);margin-bottom:1rem;}
.sd-shield{font-size:2.5rem;margin-bottom:0.8rem;filter:drop-shadow(0 0 20px rgba(201,168,76,0.5));animation:glow 3s ease-in-out infinite;}
@keyframes glow{0%,100%{filter:drop-shadow(0 0 15px rgba(201,168,76,0.3));}50%{filter:drop-shadow(0 0 30px rgba(201,168,76,0.7));}}
.sd-title{font-family:'Cinzel',serif;font-size:clamp(1.2rem,3vw,1.7rem);font-weight:900;background:linear-gradient(135deg,#c9a84c,#f0d080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.2rem;letter-spacing:0.1em;}
.sd-oath{font-size:0.85rem;color:rgba(232,224,208,0.75);line-height:1.9;margin-bottom:1.5rem;padding:1.2rem;background:rgba(201,168,76,0.03);border:1px solid rgba(201,168,76,0.1);text-align:left;}
.sd-oath strong{color:#c9a84c;}.sd-username{color:#f0d080;font-size:1.05em;}.sd-verse{font-style:italic;color:rgba(201,168,76,0.6);font-size:0.8rem;margin-top:0.5rem;}
.sd-input-wrap{margin-bottom:1.2rem;text-align:left;}
.sd-label{display:block;font-size:0.7rem;letter-spacing:0.2em;color:rgba(232,224,208,0.4);margin-bottom:0.4rem;text-transform:uppercase;}
.sd-input{width:100%;padding:0.7rem 0.9rem;background:rgba(201,168,76,0.05);border:1px solid rgba(201,168,76,0.3);color:#f0e8d8;font-family:'Cinzel',serif;font-size:0.95rem;letter-spacing:0.1em;outline:none;transition:all 0.3s;}
.sd-input:focus{border-color:#c9a84c;box-shadow:0 0 15px rgba(201,168,76,0.1);}
.sd-status{font-size:0.7rem;letter-spacing:0.15em;margin-top:0.3rem;min-height:1rem;transition:all 0.3s;}
.sd-match{color:#00ff88;}.sd-nomatch{color:#ff6060;}
.sd-btn{width:100%;padding:0.9rem;font-family:'Rajdhani',sans-serif;font-size:0.95rem;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;background:linear-gradient(135deg,#c9a84c,#f0d080,#c9a84c);background-size:200%;color:#020810;border:none;cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:all 0.3s;margin-bottom:1rem;}
.sd-btn:disabled{opacity:0.3;cursor:not-allowed;filter:grayscale(1);}
.sd-btn.sd-ready{animation:shimmer 2s linear infinite;}
.sd-btn.sd-ready:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(201,168,76,0.4);}
@keyframes shimmer{0%{background-position:0%;}100%{background-position:200%;}}
.sd-footer{font-size:0.6rem;letter-spacing:0.2em;color:rgba(232,224,208,0.2);}