.attempt-item{background:#14161ab3;border:1px solid var(--tile-border);border-radius:10px;padding:16px;width:100%;box-shadow:0 2px 12px #00000026;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.attempt-item.correct{border-left:4px solid var(--correct)}.attempt-item.incorrect{border-left:4px solid var(--absent)}.attempt-item:after{content:"";position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;opacity:.8}.attempt-item.correct:after{background-color:var(--correct);box-shadow:0 0 8px var(--correct)}.attempt-item.incorrect:after{background-color:var(--absent);box-shadow:0 0 8px var(--absent)}.attempt-name{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--tile-border);color:var(--text);font-size:1.2rem;letter-spacing:.3px}.character-name{font-weight:600}.attempt-status{font-size:.9rem;padding:3px 8px;border-radius:12px;font-weight:500}.attempt-item.correct .attempt-status{background:#39b36b26;color:#39b36b}.attempt-item.incorrect .attempt-status{background:#b71c1c26;color:#b71c1c}.attempt-clues{display:flex;flex-wrap:nowrap;gap:10px;width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--tile-border) transparent}.attempt-clue{flex:0 0 auto;min-width:120px;max-width:180px;display:flex;flex-direction:column;padding:10px 12px;border-radius:6px;font-size:.9rem;background:#80808026;border:1px solid var(--tile-border);box-sizing:border-box;transition:transform .1s ease,box-shadow .2s ease}.attempt-clue:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media (max-width: 1200px){main.two-col{max-width:100%;padding:1rem .75rem}}@media (max-width: 1024px){main.two-col{grid-template-columns:1fr}}@media (max-width: 768px){main{padding:.75rem;max-width:100%}.attempt-clue{min-width:100px;padding:8px 10px;font-size:.8rem}.attempt-clue-label{font-size:.75em}}.attempt-clue-label{opacity:.8;font-size:.8em;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attempt-clue-value{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attempt-clue.success{background:#2e7d322e;border-color:#2e7d32}.attempt-clue.warn{background:#ffa7262e;border-color:#ffa726}.attempt-clue.fail{background:#b71c1c2e;border-color:#b71c1c}.attempt-clue.neutral{opacity:.6;border-style:dashed}.character-list-modal{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:flex-start;padding:2rem;z-index:1000;overflow-y:auto}.character-list-container{background:var(--bg);border:1px solid var(--tile-border);border-radius:10px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.character-list-header{padding:1rem;background:#14161ae6;border-bottom:1px solid var(--tile-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.character-list-header h3{margin:0;font-size:1.2rem}.pagination-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-controls select,.pagination-controls button{padding:.4rem .8rem;border:1px solid var(--tile-border);background:#80808026;color:var(--text);border-radius:4px;cursor:pointer}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.character-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;padding:1rem;overflow-y:auto;flex:1}.character-item{padding:.6rem .8rem;background:#8080801a;border:1px solid var(--tile-border);border-radius:4px;cursor:pointer;transition:background .2s,transform .1s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.character-item:hover{background:#6ea8fe33;transform:translateY(-2px)}.no-results{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--text-muted)}.close-button{background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:0 .5rem;line-height:1;opacity:.7}.close-button:hover{opacity:1}.search-all-item{font-weight:700;background:#6ea8fe1a!important;border-left:3px solid var(--accent)!important}[data-theme=light] .badge.success{background:#44af4a}[data-theme=light] .badge.fail{background:#b71c1c}[data-theme=light] .clue.success{background:#2e7d321f}[data-theme=light] .clue.warn{background:#ffa7261f}[data-theme=light] .clue.fail{background:#b71c1c1f}*{box-sizing:border-box}:root{--bg: #0f0f12;--text: #e7e9ea;--tile: #1a1c1f;--tile-border: #2a2d31;--correct: #39b36b;--present: #c9a93b;--absent: #3a3d42;--accent: #6ea8fe;--grad-1: #0f0f12;--grad-2: #121428;--grad-3: #1b1e3a;--glow-accent: rgba(110,168,254,.45);--glow-success: rgba(68, 207, 55, .795);--glow-warn: rgba(255, 168, 38, .589);--glow-fail: rgba(183, 28, 28, .637)}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 600px at 20% 10%,var(--grad-3),transparent 60%),radial-gradient(900px 500px at 90% 20%,#0f1730,transparent 60%),linear-gradient(160deg,var(--grad-1),var(--grad-2));color:var(--text);display:grid;grid-template-rows:auto 1fr;background-attachment:fixed;animation:gradientShift 18s ease-in-out infinite alternate;position:relative}.topbar,main,dialog,.character-list-modal,.toast{position:relative;z-index:1}:root{--bg-image: url(assets/bg.jpg)}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(12px) saturate(105%);transform:scale(1.05);z-index:0;opacity:.8}body:after{background:radial-gradient(1200px 700px at 15% 5%,rgba(0,0,0,.18),transparent 55%),radial-gradient(900px 600px at 85% 15%,rgba(0,0,0,.18),transparent 55%),linear-gradient(180deg,#00000054,#00000073);z-index:0}.topbar{background:#0f0f148c;backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);box-shadow:0 1px #ffffff0a,0 10px 30px #00000040;position:sticky;top:0;z-index:50}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--tile-border);gap:.75rem}.topbar .left-tools{grid-column:1;justify-self:start}.topbar .title-wrap{grid-column:2;justify-self:center;text-align:center}.topbar .actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:.5rem}.mode-switch{display:inline-flex;background:#ffffff0f;border:1px solid var(--tile-border);border-radius:999px;padding:2px;gap:2px}.mode-switch button{appearance:none;border:0;background:transparent;color:var(--text);font-weight:700;font-size:.85rem;padding:.35rem .7rem;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.mode-switch button[aria-selected=true]{background:var(--accent);color:#0b1220;box-shadow:0 0 0 2px #6ea8fe40}.character-list-modal{position:fixed!important;inset:0;z-index:1000;background:#0000008c;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);display:flex;align-items:center;justify-content:center;padding:24px}.character-list-container{width:min(900px,92vw);max-height:min(80vh,820px);display:grid;grid-template-rows:auto 1fr;background:#14161af2;border:1px solid var(--tile-border);border-radius:14px;box-shadow:0 20px 60px #00000073,0 0 0 1px #ffffff0a inset;overflow:hidden}.character-list-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:12px 14px;border-bottom:1px solid var(--tile-border);background:#ffffff05}.character-list-header h3{margin:0;font-size:1rem}.character-list-header .pagination-controls{display:flex;align-items:center;gap:.5rem}.character-list-header .close-button{background:transparent;color:var(--text);border:1px solid var(--tile-border);width:28px;height:28px;border-radius:6px;cursor:pointer}.character-list{overflow:auto;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.character-item{padding:10px 12px;border:1px solid var(--tile-border);border-radius:10px;background:#ffffff08;cursor:pointer}.character-item:hover{background:#6ea8fe24}.no-results{opacity:.8;padding:16px;text-align:center}body.has-modal{overflow:hidden}#guessInput{background:#14161ad9;color:var(--text);border:1px solid var(--tile-border);border-radius:10px;padding:10px 12px;outline:none;transition:border-color .2s ease,box-shadow .25s ease,transform .05s ease}#guessInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6ea8fe2e,0 0 24px 2px var(--glow-accent)}button{background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:var(--text);border:1px solid var(--tile-border);border-radius:10px;padding:8px 12px;cursor:pointer;transition:transform .08s ease,box-shadow .25s ease,border-color .2s ease,background .25s ease}button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000040,0 0 18px #6ea8fe1f;border-color:#6ea8fe73}button:active{transform:translateY(0)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem;color:#fff}.badge.success{background:var(--correct);box-shadow:0 0 18px var(--glow-success)}.badge.fail{background:#b71c1c;box-shadow:0 0 18px var(--glow-fail)}.clues-panel{position:relative}.clues-title{letter-spacing:.2px}.clues-list li{transition:transform .12s ease,box-shadow .25s ease,opacity .25s ease,background .25s ease,border-color .25s ease}.clues-list li:hover{transform:translateY(-1px)}.clue.success{box-shadow:0 0 24px var(--glow-success)}.clue.warn{box-shadow:0 0 24px var(--glow-warn)}.clue.fail{box-shadow:0 0 24px var(--glow-fail)}.clue.neutral{background:#8080801a;border-style:dashed}.toast{opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}.toast.show{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%{background-position:0% 0%,100% 0%,0% 0%}to{background-position:0% 10%,90% 20%,100% 100%}}@media (prefers-reduced-motion: reduce){body{animation:none}.clues-list li,button,#guessInput,.toast{transition:none!important}}.info-panel{margin:16px auto;max-width:800px;padding:12px 14px;border:1px solid var(--tile-border);border-radius:10px;background:#14161a80;box-shadow:0 6px 24px #0000002e}.info-title{margin:0 0 6px;font-size:1.05rem;letter-spacing:.2px}.info-body{font-weight:600}.topbar h1{font-size:1.1rem;margin:0;letter-spacing:.06em}.topbar #title img{height:100px;width:auto;display:block}.game-date{font-size:.9rem;opacity:.8;margin-top:2px}.topbar .actions button{margin-left:.5rem;background:var(--tile);color:var(--text);border:1px solid var(--tile-border);border-radius:8px;padding:.35rem .6rem;cursor:pointer}main.two-col{width:100%;max-width:1200px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:1fr minmax(760px,1200px) 1fr;align-items:start;gap:1rem;box-sizing:border-box}.two-col .left{min-width:0;grid-column:2}.attempts-list{display:flex;flex-direction:column;gap:1rem;width:100%}.board{display:grid;grid-template-rows:repeat(6,1fr);gap:.4rem}.row{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.tile{width:100%;aspect-ratio:1 / 1;display:grid;place-items:center;border:2px solid var(--tile-border);background:var(--tile);color:var(--text);font-weight:700;font-size:1.4rem;text-transform:uppercase;border-radius:6px}.tile.revealed{transition:background .2s ease,border-color .2s ease}.tile.correct{background:var(--correct);border-color:var(--correct)}.tile.present{background:var(--present);border-color:var(--present)}.tile.absent{background:var(--absent);border-color:var(--absent)}.keyboard{display:grid;gap:.4rem}.kb-row{display:grid;grid-template-columns:repeat(10,1fr);gap:.4rem}.kb-key{background:var(--tile);color:var(--text);border:1px solid var(--tile-border);border-radius:6px;padding:.6rem .4rem;text-align:center;font-weight:600;cursor:pointer;user-select:none}.kb-key.wide{grid-column:span 2}.kb-key.correct{background:var(--correct);border-color:var(--correct)}.kb-key.present{background:var(--present);border-color:var(--present)}.kb-key.absent{background:var(--absent);border-color:var(--absent)}.toast{position:fixed;left:50%;top:72px;transform:translate(-50%);background:#000000b3;color:var(--text);padding:.6rem .8rem;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s ease}.toast.show{opacity:1}dialog::backdrop{background:#00000080}dialog{background:#17181b;color:var(--text);border:1px solid var(--tile-border);border-radius:10px;padding:1rem}.tile.demo{display:inline-grid;width:1.6rem;height:1.6rem;font-size:.9rem;margin-right:.3rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.picture{display:grid;place-items:center}.picture figure{margin:0}.picture img{max-width:100%;max-height:240px;border-radius:12px;border:1px solid var(--tile-border);object-fit:cover}body[data-theme=light]{--bg: #f6f7f9;--text: #0f1215;--tile: #ffffff;--tile-border: #d9dde3;--correct: #2f9e62;--present: #c19a2e;--absent: #cbd2db}.guess-area{display:grid;gap:.6rem}.ac-wrap{position:relative}#guessInput{width:100%;padding:.65rem .8rem;border-radius:8px;border:1px solid var(--tile-border);background:var(--tile);color:var(--text)}.ac-list{position:absolute;z-index:10;inset-inline:0;top:calc(100% + 4px);background:var(--tile);border:1px solid var(--tile-border);border-radius:8px;list-style:none;margin:0;padding:.25rem;max-height:220px;overflow:auto}.ac-list li{padding:.45rem .5rem;border-radius:6px;cursor:pointer}.ac-list li:hover,.ac-list li[aria-selected=true]{background:#6ea8fe33}#submitGuessBtn{align-self:start;padding:.6rem .9rem;border-radius:8px;border:1px solid var(--tile-border);background:var(--accent);color:#0b1220;font-weight:700;cursor:pointer}.attempts-info{opacity:.8;font-size:.9rem}.attempts-list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.attempt-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:8px;border:1px solid var(--tile-border);background:#80808014}.attempt-name{margin:0;font-size:.95rem}.attempt-clues{gap:.5rem}.attempt-clue{min-width:140px;padding:10px 12px;font-size:.9rem}.badge{display:inline-block;padding:.15rem .45rem;border-radius:999px;font-size:.8rem;font-weight:700;border:1px solid var(--tile-border)}.badge.success{background:var(--correct);color:#07160e;border-color:var(--correct)}.badge.fail{background:#c75252;color:#230a0a;border-color:#c75252}