:root,:root.dark-colorful{color-scheme:dark;--back-bg:#a88588;--back-shadow:#785558;--body-edge:#7da8b6;--body-bg:#4d7886;--body-shadow:#1d4856;--antibody-edge:#bde8f6;--antibody-bg:#9dc8d6;--header:#ddd;--antiheader:#333;--summary-edge:#ffe750;--summary-bg:gold;--summary-shadow:#e7b700;--summary-color:#000;--summary-link:#006400;--dialog-bg:#666;--dialog-shadow:#333;--error:orange;--success-bg:#006400;--success-shadow:#004800;--link:#90ee90}body{background-color:var(--back-bg);margin:0;text-align:center;-webkit-font-smoothing:subpixel-antialiased;font-family:-apple-system-font,BlinkMacSystemFont,Helvetica Neue,sans-serif,Apple Color Emoji,Noto Color Emoji;text-rendering:optimizeLegibility;color:var(--header);min-height:100vh}a{color:var(--link)}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2em;padding:1em}.landing h1{margin:0;font-size:2.5em;text-shadow:2px 2px 2px var(--back-shadow)}.landing .sub{color:var(--header);text-shadow:1px 1px var(--antiheader);margin-top:-1em}.landing .choices{gap:2em;flex-wrap:wrap}.landing .choice,.landing .choices{display:flex;justify-content:center}.landing .choice{flex-direction:column;align-items:center;background-color:var(--body-bg);box-shadow:inset 2px 2px 1px var(--body-edge),3px 3px 3px var(--back-shadow);color:var(--header);text-shadow:2px 2px var(--antiheader);border-radius:25px;padding:2em 3em;font-size:1.5em;cursor:pointer;text-decoration:none;min-width:8em;transition:transform .15s ease}.landing .choice:hover{transform:scale(1.05)}.landing .choice .emoji{font-size:2.5em;margin-bottom:.3em}.duel{display:flex;flex-direction:row;min-height:100vh;gap:0}.column{flex:1 1 50%;display:flex;flex-direction:column;padding:.5em;min-width:0}.column.me,.column.opponent{background-color:var(--back-bg)}.column.opponent{border-left:2px dashed var(--back-shadow)}.column-header{display:flex;flex-direction:column;align-items:center;margin-bottom:.5em;padding:.5em;background-color:var(--summary-bg);box-shadow:inset 2px 2px 1px var(--summary-edge),3px 3px 3px var(--back-shadow);color:var(--summary-color);border-radius:15px}.column-header h2{margin:0;font-size:1.8em}.column-header .status{font-size:.9em;margin-top:.2em}.column-header .status.online{color:#006400;font-weight:700}.column-header .status.offline{color:#800;font-weight:700}.day-meter{font-size:1.2em;letter-spacing:.1em;margin:.3em 0 0}.content-box{flex-grow:1;background:var(--body-bg);box-shadow:inset 2px 2px 1px var(--body-edge),3px 3px 3px var(--back-shadow);padding:.8em;border-radius:10px;color:var(--header);display:flex;flex-direction:column}.form{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.form,.guessbox{margin-bottom:.5em}.guessbox{position:relative}.guess{padding:.3em 1.6em .3em .4em}.guess,.guess-btn{font-size:1.1em;border-radius:5px;border-width:1px}.guess-btn{margin-left:.5em;padding:.3em .8em;cursor:pointer;margin-bottom:.5em}.guess-btn:disabled{cursor:not-allowed;opacity:.6}.error{font-weight:700;color:var(--error);margin-left:.7em;margin-bottom:.5em;min-height:1.2em}.success{margin:.3em 0 .6em;padding:.6em .8em;background-color:var(--success-bg);box-shadow:inset 2px 2px 2px var(--success-shadow),2px 2px var(--body-edge);border-radius:10px;color:#fff;text-align:center}table.guessable{width:100%;border-collapse:collapse;font-size:clamp(.7rem,2.4vw,1rem)}table.guessable th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}table.guessable td{white-space:nowrap;padding:.1em .2em}table.guessable td.word{text-align:left;padding-left:.3em;overflow:hidden;text-overflow:ellipsis;max-width:7em}table.guessable td.number{text-align:right;padding-left:.3em}table.guessable td.emoji{padding:0 .3em;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1.1em}table.guessable td.progress{text-align:left;width:30%}#guessed,table.guessable .close{font-weight:700}#guessed{background-color:hsla(0,0%,100%,.08)}.pinned-last{font-weight:700;background-color:hsla(0,0%,100%,.12);box-shadow:inset 0 -2px 0 var(--body-edge)}.separator-row td{height:.5em;padding:0}.progress-container{background-color:#333;box-shadow:1px 1px var(--body-edge);color:#000;font-weight:700;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left;vertical-align:middle;font-size:.85em}.progress-bar,.progress-container{display:inline-block;height:1.4em;line-height:1.4em;border-radius:5px}.progress-bar{text-align:center;white-space:nowrap;overflow:hidden;vertical-align:top}.progress-bar.growing{width:0;transition:width 1s linear}.hidden-word{color:hsla(0,0%,100%,.4);font-style:italic;letter-spacing:.1em}.matched-row{background:linear-gradient(90deg,rgba(255,215,0,.25),rgba(255,215,0,.05));font-weight:700}.legend{display:flex;gap:.4em;flex-wrap:wrap;justify-content:center;margin:.4em 0;font-size:.85em;opacity:.8}.back-link,.legend{color:var(--header)}.back-link{display:inline-block;margin:.5em 0;text-decoration:underline;cursor:pointer;background:none;border:none;font-size:.9em}.match-banner{margin:.4em 0;padding:.5em;background-color:var(--summary-bg);color:var(--summary-color);border-radius:8px;box-shadow:inset 2px 2px 1px var(--summary-edge);font-weight:700;text-align:center}.chat{position:fixed;right:1em;bottom:1em;z-index:50;font-family:inherit}.chat.open{display:flex;flex-direction:column;width:min(320px,90vw);height:min(420px,60vh);background-color:var(--body-bg);box-shadow:inset 2px 2px 1px var(--body-edge),3px 3px 8px var(--back-shadow);border-radius:12px;overflow:hidden;color:var(--header)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.5em .8em;background-color:var(--summary-bg);font-weight:700;box-shadow:inset 0 -2px 0 var(--summary-shadow)}.chat-header,.chat-toggle{color:var(--summary-color)}.chat-toggle{background:none;border:none;font-size:1.3em;cursor:pointer;padding:0 .3em;line-height:1}.chat-list{flex:1 1 auto;overflow-y:auto;padding:.5em;display:flex;flex-direction:column;gap:.3em}.chat-empty{margin:auto;opacity:.6;font-style:italic;text-align:center}.chat-msg{max-width:80%;padding:.3em .6em;border-radius:10px;word-wrap:break-word;overflow-wrap:anywhere;font-size:.9em;line-height:1.3}.chat-msg.mine{align-self:flex-end;background-color:var(--summary-bg);color:var(--summary-color);border-bottom-right-radius:2px}.chat-msg.theirs{align-self:flex-start;background-color:var(--antibody-bg);color:var(--antiheader);border-bottom-left-radius:2px}.chat-msg-from{font-size:.7em;opacity:.7;font-weight:700;text-transform:uppercase}.chat-form{display:flex;gap:.3em;padding:.4em;border-top:1px solid var(--body-shadow)}.chat-input{flex:1 1 auto;font-size:.95em;padding:.3em .5em;border-radius:5px;border:1px solid var(--body-shadow);min-width:0}.chat-send{background-color:var(--summary-bg);color:var(--summary-color);border:none;border-radius:5px;padding:.3em .8em;cursor:pointer;font-size:1.1em;font-weight:700}.chat-send:disabled{opacity:.5;cursor:not-allowed}.chat-bubble{position:relative;width:56px;height:56px;border-radius:50%;background-color:var(--summary-bg);color:var(--summary-color);border:none;box-shadow:3px 3px 8px var(--back-shadow);cursor:pointer;font-size:1.6em}.chat-badge,.chat-bubble{display:flex;align-items:center;justify-content:center}.chat-badge{position:absolute;top:-4px;right:-4px;background-color:#c0392b;color:#fff;border-radius:999px;min-width:1.4em;height:1.4em;padding:0 .3em;font-size:.6em;font-weight:700}@media (max-width:800px),(orientation:portrait){.duel{flex-direction:column}.column.opponent{border-left:none;border-top:2px dashed var(--back-shadow)}}