:root{color:#f8f4ec;background:#121212;font-family:Trebuchet MS,Gill Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}.app{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(255,255,255,.14),transparent 42%),linear-gradient(180deg,#172132,#101723);overflow:hidden}.app--legendary{background:radial-gradient(circle at 50% 15%,rgba(255,227,122,.34),transparent 28%),radial-gradient(circle at 50% -10%,rgba(255,140,0,.3),transparent 44%),linear-gradient(180deg,#432203,#1d1003 44%,#080b16)}.background-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:blur(10px);opacity:.3;transform:scale(1.04)}.rare-sun-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.rare-sun-halo,.rare-sun-core,.rare-sun-rays,.rare-sun-orbit,.rare-sun-flare{position:absolute;left:50%;top:12%;transform:translate(-50%)}.rare-sun-halo{border-radius:50%;mix-blend-mode:screen}.rare-sun-halo--outer{width:min(72vw,760px);aspect-ratio:1;background:radial-gradient(circle,rgba(255,232,140,.36),rgba(255,123,0,.18) 48%,transparent 72%);filter:blur(24px);animation:sunPulse 8s ease-in-out infinite}.rare-sun-halo--inner{width:min(46vw,460px);aspect-ratio:1;background:radial-gradient(circle,rgba(255,252,224,.92),rgba(255,204,82,.78) 48%,rgba(255,128,0,.12) 72%,transparent 74%);filter:blur(4px);animation:sunPulse 5.5s ease-in-out infinite reverse}.rare-sun-core{width:min(24vw,240px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff9dd,#ffe78f 32%,#ffb020 74%,#ff7a00);box-shadow:0 0 32px #ffd466e6,0 0 80px #ff941880;animation:sunCore 6s ease-in-out infinite}.rare-sun-rays{top:calc(12% - min(18vw,120px));width:min(90vw,980px);aspect-ratio:1;border-radius:50%;opacity:.48}.rare-sun-rays:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,#ffe87a00,#ffe87a00 8deg,#ffe87ac7 8deg,#ffe87ac7 18deg,#ffe87a00 18deg,#ffe87a00 30deg,#ffaa2b94 30deg,#ffaa2b94 40deg,#ffe87a00 40deg,#ffe87a00 54deg,#ffde70bd 54deg,#ffde70bd 64deg,#ffe87a00 64deg,#ffe87a00 78deg,#ffaa2b99 78deg,#ffaa2b99 90deg,#ffe87a00 90deg,#ffe87a00 108deg,#ffe87ac7 108deg,#ffe87ac7 118deg,#ffe87a00 118deg,#ffe87a00 132deg,#ffaa2b94 132deg,#ffaa2b94 144deg,#ffe87a00 144deg,#ffe87a00 162deg,#ffde70bd 162deg,#ffde70bd 172deg,#ffe87a00 172deg,#ffe87a00 186deg,#ffaa2b99 186deg,#ffaa2b99 198deg,#ffe87a00 198deg,#ffe87a00 216deg,#ffe87ac7 216deg,#ffe87ac7 226deg,#ffe87a00 226deg,#ffe87a00 240deg,#ffaa2b94 240deg,#ffaa2b94 252deg,#ffe87a00 252deg,#ffe87a00 270deg,#ffde70bd 270deg,#ffde70bd 280deg,#ffe87a00 280deg,#ffe87a00 294deg,#ffaa2b99 294deg,#ffaa2b99 306deg,#ffe87a00 306deg,#ffe87a00 324deg,#ffe87ac7 324deg,#ffe87ac7 334deg,#ffe87a00 334deg,#ffe87a00 360deg);mask:radial-gradient(circle,transparent 0 18%,black 38%,transparent 68%)}.rare-sun-rays--slow{animation:rotateSun 22s linear infinite}.rare-sun-rays--fast{width:min(74vw,820px);opacity:.34;animation:rotateSunReverse 11s linear infinite}.rare-sun-orbit{border:1px solid rgba(255,218,105,.28);border-radius:50%;transform-origin:center}.rare-sun-orbit:before,.rare-sun-orbit:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,#fffbdff2,#ffaf3166);box-shadow:0 0 18px #ffd06680}.rare-sun-orbit--one{top:calc(12% - min(8vw,52px));width:min(58vw,620px);aspect-ratio:1;animation:rotateSun 16s linear infinite}.rare-sun-orbit--one:before{width:14px;height:14px;top:12%;left:8%}.rare-sun-orbit--one:after{width:10px;height:10px;right:12%;bottom:14%}.rare-sun-orbit--two{top:calc(12% - min(13vw,86px));width:min(82vw,900px);aspect-ratio:1;animation:rotateSunReverse 24s linear infinite}.rare-sun-orbit--two:before{width:12px;height:12px;top:18%;right:11%}.rare-sun-orbit--two:after{width:16px;height:16px;left:10%;bottom:17%}.rare-sun-flare{top:8%;width:min(44vw,420px);height:min(18vw,170px);border-radius:999px;background:linear-gradient(90deg,#ffe58c00,#ffe58c6b,#ffe58c00);filter:blur(20px);opacity:.55}.rare-sun-flare--left{transform:translate(calc(-50% - min(28vw,260px))) rotate(-22deg);animation:flarePulse 7s ease-in-out infinite}.rare-sun-flare--right{transform:translate(calc(-50% + min(28vw,260px))) rotate(22deg);animation:flarePulse 9s ease-in-out infinite reverse}.secret-trigger{position:absolute;top:0;right:0;z-index:4;width:96px;height:96px;border:0;padding:0;background:transparent;cursor:pointer}.secret-trigger:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:-10px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(circle at top,rgba(255,255,255,.1),transparent 36%),linear-gradient(180deg,#0b132b38,#0b132bb8)}.overlay--legendary{background:radial-gradient(circle at 50% 12%,rgba(255,228,122,.2),transparent 24%),linear-gradient(180deg,#39160029,#0b132bb3)}.content{position:relative;z-index:3;width:min(92vw,860px);padding:clamp(28px,5vw,56px);border:1px solid rgba(255,255,255,.22);border-radius:32px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090e1966;box-shadow:0 24px 90px #00000052}.image-frame{display:grid;place-items:center;margin:0 0 24px;padding:clamp(12px,2vw,18px);border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#ffffff0f;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.image-frame--legendary{border-color:#f4c36fd1;background:radial-gradient(circle at top,rgba(255,233,189,.22),transparent 55%),#ffffff14;box-shadow:0 18px 40px #f4c36f2e,0 0 40px #ff972d1f}.status-image{display:block;width:100%;max-height:min(52vh,460px);object-fit:contain;object-position:center;border-radius:16px}.eyebrow{margin:0 0 12px;font-size:clamp(1rem,2vw,1.25rem);letter-spacing:.28em;text-transform:uppercase}.status-title{margin:0;font-family:Baskerville Old Face,Palatino Linotype,serif;font-size:clamp(5rem,18vw,11rem);line-height:.92;text-shadow:0 8px 28px rgba(0,0,0,.4)}.status-title--long{font-size:clamp(3.4rem,9.8vw,6.3rem);line-height:.98}.status-title--mega{font-size:clamp(2.9rem,8.2vw,5.3rem);line-height:1}.status-title--mega-very-long{font-size:clamp(2.1rem,6vw,4rem);line-height:1.04}.status-title--very-long{font-size:clamp(2.6rem,7.4vw,5rem);line-height:1.02}.status-title--legendary{font-size:clamp(2rem,5.2vw,3.85rem);line-height:1.06;color:#fff3c8;text-shadow:0 0 18px rgba(255,208,103,.2),0 12px 30px rgba(0,0,0,.36)}.status{margin:18px 0 0;font-size:clamp(1.1rem,2.4vw,1.5rem)}.override-badge{display:inline-block;margin:18px 0 0;padding:10px 16px;border:1px solid rgba(244,195,111,.34);border-radius:999px;background:#f4c36f1f;color:#ffe2a6;font-size:.96rem}.flash-message{margin:18px auto 0;max-width:28rem;color:#ffefbe;font-size:1rem;font-weight:700;letter-spacing:.04em;text-shadow:0 0 24px rgba(244,195,111,.35)}.status-message{margin:18px auto 0;max-width:34rem;color:#ffd6bf;font-size:.98rem;line-height:1.45}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:24px;overflow-y:auto;background:#03070ead;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal{position:relative;width:min(92vw,420px);max-height:calc(100vh - 48px);padding:28px;overflow-y:auto;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:linear-gradient(180deg,#111928f5,#080c14f5);box-shadow:0 24px 80px #0000006b}.modal--wide{width:min(92vw,760px)}.modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:999px;background:#ffffff14;color:#f8f4ec;font-size:1rem;cursor:pointer}.modal-label{margin:0 0 10px;color:#f4c36f;font-size:.82rem;letter-spacing:.24em;text-transform:uppercase}.modal h2{margin:0;font-family:Baskerville Old Face,Palatino Linotype,serif;font-size:clamp(2rem,6vw,3rem)}.modal-copy{margin:12px 0 0;color:#f8f4eccc;font-size:1rem;line-height:1.5}.pin-display{display:flex;justify-content:center;gap:12px;margin:24px 0 12px}.pin-dot{width:16px;height:16px;border:2px solid rgba(255,255,255,.32);border-radius:999px;background:transparent}.pin-dot.filled{border-color:#f4c36f;background:#f4c36f;box-shadow:0 0 18px #f4c36f66}.error-message{min-height:24px;margin:0 0 12px;color:#ffb0a1;text-align:center}.admin-section{margin-top:22px}.admin-heading{margin:0;font-size:1.2rem}.helper-copy,.empty-copy{margin:10px 0 0;color:#f8f4ecc7;line-height:1.45}.override-form{display:grid;gap:14px;margin-top:18px}.field{display:grid;gap:8px}.field-label{font-size:.92rem;color:#f8f4ecd9}.field-input{width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#ffffff14;color:#f8f4ec;font:inherit}.field-input::placeholder{color:#f8f4ec70}.field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.add-button{margin-top:4px}.action-row{display:flex;gap:12px;margin-top:18px}.action-row .primary-button{margin-top:0}.override-list{display:grid;gap:12px;margin-top:18px}.override-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#ffffff0f}.override-copy{min-width:0}.override-name,.override-meta{margin:0}.override-name{font-size:1rem;font-weight:700}.override-meta{margin-top:6px;color:#f8f4ecbd;font-size:.94rem}.danger-button{flex:none;min-height:42px;padding:0 14px;border:0;border-radius:12px;background:#ff78782e;color:#ffd6d6;font:inherit;cursor:pointer}.status-grid{display:grid;gap:12px;margin-top:18px}.status-option{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#ffffff12;color:#f8f4ec;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.status-option:hover{transform:translateY(-1px);background:#ffffff1f}.status-option.active{border-color:#f4c36fcc;background:#f4c36f24;box-shadow:0 10px 30px #d98e3a2e}.status-option:disabled,.danger-button:disabled,.field-input:disabled,.keypad-button:disabled,.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.status-option-name{font-size:1.05rem;font-weight:700}.status-option-description{color:#f8f4ecc7;font-size:.95rem;line-height:1.35}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}.keypad-button,.primary-button{border:0;border-radius:18px;color:#f8f4ec;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.keypad-button{min-height:64px;background:#ffffff14;font-size:1.2rem}.keypad-button--secondary{font-size:.92rem}.primary-button{width:100%;margin-top:16px;padding:16px 18px;background:linear-gradient(135deg,#f4c36f,#d98e3a);color:#16110b;font-size:1rem;font-weight:700}.secondary-action{background:#ffffff1a;color:#f8f4ec}.keypad-button:hover,.primary-button:hover{transform:translateY(-1px)}.keypad-button:hover{background:#ffffff24}.primary-button:hover{box-shadow:0 16px 30px #d98e3a3d}.secondary-action:hover{box-shadow:none;background:#ffffff24}@keyframes rotateSun{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}@keyframes rotateSunReverse{0%{transform:translate(-50%) rotate(360deg)}to{transform:translate(-50%) rotate(0)}}@keyframes sunPulse{0%,to{transform:translate(-50%) scale(.96);opacity:.86}50%{transform:translate(-50%) scale(1.04);opacity:1}}@keyframes sunCore{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 32px #ffd466e6,0 0 80px #ff941880}50%{transform:translate(-50%) scale(1.06);box-shadow:0 0 44px #ffe390,0 0 110px #ff94189e}}@keyframes flarePulse{0%,to{opacity:.38}50%{opacity:.72}}@media (max-width: 640px){.content{border-radius:24px}.eyebrow{letter-spacing:.18em}.secret-trigger{width:84px;height:84px}.background-image{transform:scale(1.02)}.rare-sun-core{top:10%;width:min(34vw,190px)}.rare-sun-rays{top:calc(10% - 60px)}.rare-sun-flare{top:6%}.modal{max-height:calc(100vh - 24px);padding:24px 20px 20px}.override-item{flex-direction:column;align-items:flex-start}.action-row{flex-direction:column}.danger-button{width:100%}.keypad-button{min-height:58px}}