/* The anonymous portrait background is identical for every daily answer. */
body.identity-mode main{background:radial-gradient(ellipse at 15% 8%,#8d78ec33,transparent 55%),linear-gradient(145deg,#344cb3 0%,#4534a5 58%,#2f448c 100%)}
.identity-badge{position:relative}
#identity-portrait{height:250px;background:radial-gradient(ellipse at 50% 32%,#eef0f4 0%,#c7cbd3 50%,#969dab 100%);box-shadow:0 6px 0 #12323b}
#identity-portrait:before{inset:0;border-radius:0;background:linear-gradient(0deg,#12323b18,transparent 55%)}
.identity-rlcs-tag{position:absolute;z-index:3;top:13px;left:13px;padding:5px 9px 6px;border-radius:5px;background:#ddff69;color:#12323b;font-family:var(--display);font-size:19px;font-weight:800;line-height:1;letter-spacing:.6px;transform:rotate(3deg);pointer-events:none}
#identity-portrait .identity-player-silhouette{position:absolute;z-index:0;bottom:-1px;left:50%;height:96%;width:auto;max-width:100%;object-fit:contain;border:0;transform:translateX(-50%);filter:brightness(0)}
#identity-portrait strong{margin-top:80px;font-size:91px;color:#ddff69;transform:rotate(5deg);text-shadow:0 3px 0 #12323b}
#identity-view[data-result=playing] #identity-portrait{border-color:#12323b}
#identity-portrait img{position:relative;z-index:1}

@media(max-width:600px){
  #identity-view{width:calc(100% - 36px);padding:24px 0 42px}
  #identity-view .game-switcher{margin-bottom:32px;gap:15px}
  #identity-view .game-hop{width:44px;height:44px;min-height:44px;padding:9px;border:0;background:transparent;color:#e2fff3;box-shadow:none}
  #identity-view .game-hop>span{display:none}
  #identity-view .game-hop:hover{background:#ffffff10;transform:none}
  #identity-view .game-countdown{font-size:22px;font-weight:800;color:#e2fff3;letter-spacing:.8px}
  #identity-view .game-reset{gap:5px}
  #identity-view .game-reset>span{font-size:11px;opacity:.8}
  .identity-heading{position:relative;gap:13px;margin:0 0 26px}
  #identity-heading{font-size:clamp(42px,11vw,58px);letter-spacing:-.5px;line-height:1}
  #identity-rules{flex-shrink:0;width:44px;height:44px;font-size:24px;border-color:#bde8df;background:transparent;color:#fff8df;box-shadow:none}
  .identity-controls{gap:12px;margin-bottom:32px}
  .identity-controls fieldset{gap:3px;padding:3px;border:0;background:#222b6888;border-radius:10px}
  .identity-controls button{font-family:var(--font);font-size:13px;font-weight:600;text-transform:none;min-width:83px;min-height:44px;padding:11px 18px;border-radius:7px;color:#e2fff3}
  .identity-controls button[aria-pressed=true]{background:#e5ffad;color:#12323b}
  #identity-date{font-size:11px;color:#d4eee5}
  .identity-dossier{grid-template-columns:minmax(0,1fr);gap:29px}
  .identity-badge{width:100%;transform:none}
  #identity-portrait{height:190px;border-width:3px;border-radius:18px 30px 18px 18px;background-position:center 48%;box-shadow:0 5px 0 #12323b}
  #identity-portrait strong{font-size:78px;margin-top:70px}
  #identity-portrait img:not(.identity-player-silhouette){width:152px;height:100%;object-fit:cover;border-inline:2px solid #81ead7}
  #identity-name{position:relative;max-width:calc(100% - 32px);margin-top:-14px;padding:9px 18px;border-radius:7px;font-size:20px;line-height:1.1;z-index:2}
  #identity-clues{gap:15px}
  #identity-clues li{padding:18px;border-width:2px;border-radius:12px 25px 12px 16px;box-shadow:0 4px 0 #12323b}
  #identity-clues .identity-clue-label{font-size:19px;gap:10px;letter-spacing:.2px}
  .identity-clue-number{width:30px;height:30px;font-size:20px}
  .identity-clue-icon{width:25px;height:25px}
  #identity-clues p{font-size:15px;line-height:1.55;margin-top:14px}
  #identity-clues a{display:inline-flex;align-items:center;min-height:44px;padding-top:0;margin-bottom:-8px;font-size:11px}
  #identity-clues li.identity-clue-locked{padding:14px 16px;min-height:60px;flex-direction:row;align-items:center;gap:10px;box-shadow:none}
  #identity-clues .identity-clue-locked .identity-clue-label{font-size:17px;gap:9px}
  .identity-clue-locked>span{font-size:11px}
  .identity-clue-photos{float:none;margin:14px 0 0;gap:8px}
  .identity-clue-photos img{width:40px;height:40px;border-radius:8px}
  .identity-clue-actions{justify-content:space-between;gap:16px;margin:26px 0 34px}
  #identity-next-clue{min-height:52px;padding:13px 20px;font-size:23px;border-radius:9px 17px 9px 9px}
  #identity-clue-count{font-size:12px;white-space:nowrap}
  .identity-guess-label{font-size:13px;gap:12px;margin:0 3px 13px}
  #identity-form{flex-direction:column;gap:17px}
  .identity-search-wrap{width:100%}
  #identity-search{height:56px;font-size:16px;border-width:2px;border-radius:12px;padding-inline:16px}
  #identity-selected-photo{top:11px;left:12px}
  #identity-submit{width:100%;min-height:54px;align-self:stretch;font-size:26px;border-width:2px;border-radius:11px}
  #identity-suggestions{max-height:240px}
  #identity-suggestions li{min-height:52px;padding:8px 10px}
  #identity-guesses{margin-top:27px;gap:12px;justify-content:flex-start}
  .identity-guess{font-size:13px;padding:5px 12px 5px 5px;gap:9px}
  .identity-guess img{width:36px;height:36px}
  #identity-result{margin-top:32px}
  #identity-result-title{font-size:43px;line-height:1.05}
  #identity-share{min-height:54px;font-size:25px}
  .identity-back{margin-top:34px}
}
@media(max-width:350px){
  #identity-view{width:calc(100% - 32px)}
  .identity-controls button{min-width:78px;padding-inline:14px}
  #identity-heading{font-size:40px}
  #identity-portrait{height:175px}
  #identity-clues li{padding:16px}
  #identity-clues li.identity-clue-locked{padding:13px}
  #identity-clues .identity-clue-locked .identity-clue-label{font-size:16px}
  .identity-clue-locked>span{font-size:10px}
  #identity-next-clue{font-size:21px;padding-inline:15px}
}

/* Blue and violet tie the game into the shared RLCS Daily palette. */
#identity-clues li.identity-clue-locked{background:#293c87;border-color:#243367;color:#e0e7ff;box-shadow:none}
#identity-clues .identity-clue-locked .identity-clue-label{color:#d7e2ff}
.identity-clue-locked .identity-clue-number{background:#22316c;border-color:#5367a5;color:#c2d2f6}
.identity-guess{background:#293c87}
.identity-controls fieldset{background:#222b68}
#identity-submit:disabled{background:#8394c4;color:#354169}
#identity-win-dialog{background:radial-gradient(ellipse at 50% 40%,#6c62cf 0,#4534a5 50%,#2f448c 100%)}
#info-dialog[data-theme^=identity]{background:#4534a5}
#info-dialog[data-theme=identity-rules]{background:radial-gradient(ellipse at 15% 8%,#8d78ec33,transparent 65%),#4534a5}