*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);min-height:100vh;padding:10px;color:#333}.splash-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.97);opacity:0;pointer-events:none;transition:opacity 220ms ease}.splash-screen.visible{opacity:1;pointer-events:auto}.splash-screen.hidden{display:none}.splash-inner{width:min(520px,92vw);display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 16px;text-align:center}.splash-title{font-size:22px;font-weight:700;color:#2e7d32;letter-spacing:.2px}.splash-deck{position:relative;width:min(360px,80vw);height:min(460px,60vh);max-height:520px}.splash-card{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);transform:translate(var(--dx,0),var(--dy,0)) rotate(var(--rot,0deg)) scale(1);transition:transform 180ms ease,opacity 180ms ease;will-change:transform,opacity;user-select:none;pointer-events:none}.splash-card.peek{transform:translate(18px,-26px) rotate(10deg) scale(1.06);z-index:9999!important}.splash-copyright{font-size:12px;color:#222;line-height:1.35}.splash-disclaimer{font-size:10px;color:#666;line-height:1.35;max-width:520px}.container{max-width:600px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.2);overflow:hidden}.screen{display:none;padding:0 20px 20px 20px;min-height:calc(100vh - 20px)}.screen.active{display:block}h1{text-align:center;color:#667eea;margin-bottom:20px;font-size:24px}h2{color:#764ba2;margin:2px 0 1px 0;font-size:18px}h3{color:#555;margin:2px 0 1px 0;font-size:16px}.section{margin-bottom:2px;padding:3px;background:#f8f9fa;border-radius:10px}.help-text{color:#666;font-size:14px;margin-bottom:10px}.card-selection{display:flex;flex-direction:column;gap:5px}.card-group-wrapper{display:flex;align-items:stretch;gap:4px}.card-group{background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.08) 3px,rgba(255,255,255,.08) 6px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,0,0,.015) 3px,rgba(0,0,0,.015) 6px),#fff;padding:1px 10px 10px 10px;border-radius:8px;position:relative}.card-group-label{font-size:10px;color:#666;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;padding:0 2px;line-height:1.2}.card-group-wrapper:has(#room-list) .card-group{background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.08) 3px,rgba(255,255,255,.08) 6px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,0,0,.015) 3px,rgba(0,0,0,.015) 6px),#e5e5e5}.card-group-wrapper:has(#suspect-list) .card-group{background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.08) 3px,rgba(255,255,255,.08) 6px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,0,0,.015) 3px,rgba(0,0,0,.015) 6px),#ffe5f0}.card-group-wrapper:has(#weapon-list) .card-group{background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.08) 3px,rgba(255,255,255,.08) 6px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,0,0,.015) 3px,rgba(0,0,0,.015) 6px),#e5f0ff}.card-group-wrapper:has(#room-list) .card-group-label{background:#e5e5e5}.card-group-wrapper:has(#suspect-list) .card-group-label{background:#ffe5f0}.card-group-wrapper:has(#weapon-list) .card-group-label{background:#e5f0ff}.card-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:1px}.card-items .card-item,.card-list .card-item{flex:0 0 calc(50% - 4px);box-sizing:border-box;min-width:0}.card-selection .card-item{font-size:16px}.card-item{display:flex;align-items:center;gap:6px;padding:9px 12px;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px),#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 3px 8px rgba(0,0,0,.2);touch-action:manipulation}.card-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.25)}.card-item:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px rgba(0,0,0,.2)}.card-item.selected{background:#667eea;color:#fff;border-color:#667eea}.card-item.eliminated{background:#e0e0e0;color:#000;text-decoration:none;cursor:not-allowed}.card-item.eliminated .card-item-text{text-decoration:none!important}.card-item.solution{background:#4caf50!important;color:#fff!important;font-weight:700}.card-item.solution .card-item-text{text-decoration:none!important}.card-item-text{display:flex;flex-wrap:wrap;flex-direction:row;align-items:baseline;gap:.25em .35em}.card-item-hint{font-size:.75em;opacity:.95;font-weight:400;font-style:normal}.card-item{position:relative}.card-item-avatar-wrap{position:absolute;top:0;right:0;display:flex;align-items:flex-start;justify-content:flex-end;gap:0;pointer-events:none}.card-item-hint-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid #999;margin:0;display:block}.card-item-avatar-wrap .card-item-hint-avatar+.card-item-hint-avatar{margin:0}.card-item-envelope-icon{margin:0;line-height:0}.card-item-envelope-icon svg{display:block}.card-item-main{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.card-items .card-item-main .card-item-text{min-width:0;flex:1}.card-item-crumbs{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:2px;margin-left:auto;flex-shrink:0;align-self:flex-end}.card-item-crumb{width:2px;height:2px;border-radius:1px;background:currentColor;opacity:.7}.suspect-icon{display:inline-block;vertical-align:middle;flex-shrink:0;margin-right:2px}.suspect-icon svg{display:block}.weapon-icon{display:inline-block;vertical-align:middle;flex-shrink:0;margin-right:2px}.weapon-icon img{display:block}.room-icon{display:inline-block;vertical-align:middle;flex-shrink:0;margin-right:2px}.room-icon img{display:block}.custom-select{position:relative;display:inline-block;flex:0 0 auto;width:auto;min-width:140px}.custom-select:has(input[type=hidden][disabled]) .custom-select-trigger{opacity:.7;pointer-events:none;cursor:not-allowed}.custom-select-trigger{display:flex;align-items:center;gap:6px;padding:10px 12px;border:2px solid #ddd;border-radius:8px;font-size:16px;background:#fff;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-sizing:border-box;overflow:hidden;min-width:0;max-width:100%}.custom-select-trigger:hover:not([aria-disabled=true]){border-color:#667eea}.custom-select:not([data-selected-card-state]) .custom-select-trigger{background:#fff;color:#000}.custom-select[data-selected-card-state=default] .custom-select-trigger{background:#fff5e6;color:#000}.custom-select[data-selected-card-state=eliminated] .custom-select-trigger{background:#d3d3d3;color:#000}.custom-select[data-selected-card-state=yours] .custom-select-trigger{background:#b8b8b8;color:#000}.custom-select[data-selected-card-state=solution] .custom-select-trigger{background:#4caf50!important;color:#fff!important}.custom-select-trigger:focus{outline:0;border-color:#667eea}.custom-select-trigger .custom-select-label{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;min-width:0;flex:1;max-width:100%}.custom-select-trigger .custom-select-label>:not(.suspect-icon):not(.weapon-icon):not(.room-icon),.custom-select-trigger .custom-select-label>span:not(.suspect-icon):not(.weapon-icon):not(.room-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}.custom-select-list{display:none;position:absolute;top:100%;left:0;right:0;margin-top:2px;max-height:400px;overflow-y:auto;min-width:max-content;background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:100}.custom-select-list.is-open{display:block}.custom-select-option{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:16px;cursor:pointer;border:none;background:#fff5e6;touch-action:manipulation;width:100%;text-align:left;white-space:nowrap;-webkit-tap-highlight-color:transparent}.custom-select-option.custom-select-option-placeholder{background:#fff}.custom-select-option[data-card-state=default]{background-color:#fff5e6}.custom-select-option[data-card-state=eliminated]{background-color:#d3d3d3;color:#000}.custom-select-option[data-card-state=yours]{background-color:#b8b8b8;color:#000}.custom-select-option[data-card-state=solution]{background:#4caf50!important;color:#fff!important}.custom-select-player .custom-select-option{background:#fff!important}.custom-select-player .custom-select-option:hover{background:#f0f0ff!important}.custom-select-player .custom-select-trigger,.custom-select-player[data-selected-card-state=default] .custom-select-trigger,.custom-select-player[data-selected-card-state=eliminated] .custom-select-trigger,.custom-select-player[data-selected-card-state=solution] .custom-select-trigger,.custom-select-player[data-selected-card-state=yours] .custom-select-trigger,.custom-select-player[data-selected-card-state] .custom-select-trigger{background:#fff!important;color:#000!important}.custom-select-option:has(.strikethrough){background-color:#e8e8f0}.custom-select-option[data-card-state=eliminated]:has(.strikethrough){background-color:#d3d3d3}.custom-select-option .strikethrough{display:inline}.custom-select-label-avatar,.custom-select-option-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.custom-select-label .strikethrough{background-color:#e8e8f0;padding:1px 4px;border-radius:2px;display:inline}.custom-select[data-selected-card-state=default] .custom-select-trigger .custom-select-label .strikethrough,.custom-select[data-selected-card-state=eliminated] .custom-select-trigger .custom-select-label .strikethrough,.custom-select[data-selected-card-state=solution] .custom-select-trigger .custom-select-label .strikethrough,.custom-select[data-selected-card-state=yours] .custom-select-trigger .custom-select-label .strikethrough{background-color:transparent}.custom-select-option[data-card-state=default]:hover{background:#ffecd1}.custom-select-option:hover{background:#f0f0ff}.custom-select-option[data-card-state=eliminated]:hover{background:#c5c5c5}.custom-select-option[data-card-state=yours]:hover{background:#a8a8a8}.custom-select-option[data-card-state=solution]:hover{background:#43a047!important}.custom-select-option:first-child{border-radius:6px 6px 0 0}.custom-select-option:last-child{border-radius:0 0 6px 6px}.answer-form .custom-select-trigger,.answer-form-inline .custom-select-trigger,.turn-info .custom-select-trigger{padding:10px}#suggested-section.asked-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:10px;min-width:0;max-width:100%}.asked-dropdowns{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.asked-dropdowns-row{display:flex;flex-direction:row;align-items:flex-start;gap:4px;width:100%;min-width:0;max-width:100%;box-sizing:border-box}#suggested-section .custom-select{position:relative;margin:0;flex:1 1 0%!important;min-width:110px!important;max-width:calc((100% - 16px)/ 3)!important;width:0!important;box-sizing:border-box}#suggested-section .custom-select .custom-select-trigger{height:44px;min-height:44px;max-height:44px;box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:5px 6px}#their-turn-section .custom-select{position:relative;margin:0;flex:0 0 194px!important;min-width:194px!important;max-width:194px!important;width:194px!important;box-sizing:border-box}#their-turn-section .custom-select .custom-select-trigger{height:44px;min-height:44px;max-height:44px;box-sizing:border-box;width:100%;max-width:100%;min-width:0}.btn{padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5568d3}#hint-btn,#record-answer-btn{min-width:100px;width:100px;box-sizing:border-box}#record-answer-btn.btn-primary:disabled,#record-answer-btn:disabled,button#record-answer-btn.btn-primary:disabled{background:#d3d3d3!important;color:#888!important;opacity:1!important;cursor:not-allowed!important;pointer-events:none!important;border:2px solid #bbb!important}.btn-primary:disabled,.btn:disabled,button#record-answer-btn.btn-primary:disabled,button#record-answer-btn:disabled,button.btn-primary:disabled,button.btn:disabled,button:disabled.btn{background:#d3d3d3!important;color:#888!important;opacity:1!important;cursor:not-allowed!important;pointer-events:none!important;border:2px solid #bbb!important}.btn-primary:disabled:active,.btn:disabled:active,button.btn:disabled:active,button:disabled.btn:active{transform:none!important}.btn-success{background:#48bb78;color:#fff}.btn-success:hover:not(:disabled){background:#38a169}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover:not(:disabled){background:#e53e3e}.btn-secondary{background:#718096;color:#fff}.btn-secondary:hover:not(:disabled){background:#4a5568}.btn-secondary:disabled{background:#d3d3d3!important;color:#888!important;cursor:not-allowed}.btn-large{width:100%;margin:10px 0;padding:15px;font-size:18px}.btn-small{padding:8px 15px;font-size:14px}.player-input{display:flex;gap:10px;margin-bottom:4px}.player-input input{flex:1;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px}.player-input input:focus{outline:0;border-color:#667eea}.players-list{display:flex;flex-direction:column;gap:4px}.player-item{display:flex;justify-content:space-between;align-items:center;padding:2px 15px;background:#fff;user-select:none;border-radius:8px;border:2px solid #ddd}.player-item .player-name{flex:1;margin:0 8px;min-width:0}.player-item .remove-btn{background:#f56565;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;cursor:pointer;font-size:12px}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.game-header.setup-header{flex-direction:column;gap:10px;margin-bottom:8px}.game-header h1{margin:0}.app-title-small{font-size:8px;font-weight:400;margin-top:3px;color:#666;line-height:1;margin-bottom:2px}.app-title{font-size:18px;font-weight:600;margin:0;color:#333;line-height:1.2}.app-icon.app-icon-avatar{border-radius:50%;object-fit:cover}.game-content{display:flex;flex-direction:column;gap:8px}.game-content>.section:first-child{margin-top:-10px}#record-answer-section{margin-top:-12px;margin-bottom:-5px;padding-bottom:0}#record-answer-section+.section{margin-top:-15px;padding-top:0}.turn-info{display:flex;flex-direction:column;gap:2px;margin-bottom:2px}.turn-info-inline{flex-direction:row;align-items:center;gap:1px}#record-answer-btn{white-space:normal;word-wrap:break-word;max-width:120px;text-align:center;line-height:1.2;padding:8px 12px;font-size:14px;height:44px;min-height:44px;max-height:44px;box-sizing:border-box}.inline-heading{display:inline;margin:0 5px 0 0;font-size:18px}.turn-info-inline select{width:auto;flex:0 0 auto;min-width:150px;padding:10px;border:2px solid #ddd;border-radius:8px;font-size:16px;background:#fff;height:auto}.turn-info label{font-weight:600;color:#555;font-size:14px}.turn-info select{padding:10px;border:2px solid #ddd;border-radius:8px;font-size:16px;background:#fff;height:auto;box-sizing:border-box}.turn-info select:focus,.turn-info-inline select:focus{outline:0;border-color:#667eea}.answer-form{display:flex;flex-direction:column;gap:4px}#record-answer-section .answer-form{margin-top:2px}.answer-form-inline{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.answer-form-inline-row{display:flex;flex-direction:row;align-items:center;gap:1px;min-width:0;max-width:100%}.answer-form-inline-row select{min-width:150px!important;max-width:150px!important;width:150px!important;flex:0 0 150px!important;flex-shrink:0!important;flex-grow:0!important;box-sizing:border-box!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#answerer-select{min-width:150px!important;max-width:150px!important;width:150px!important;flex:0 0 150px!important;flex-shrink:0!important;flex-grow:0!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important}.answer-form-inline-row>div:has(#answerer-select){min-width:150px!important;max-width:150px!important;width:150px!important;flex:0 0 150px!important;flex-shrink:0!important;flex-grow:0!important;box-sizing:border-box!important;overflow:visible!important;position:relative!important}.answer-form label{font-weight:600;color:#555;font-size:14px;margin:0}.answer-form-inline select{min-width:200px!important;max-width:200px!important;width:200px!important;flex:0 0 auto;padding:10px;border:2px solid #ddd;border-radius:8px;font-size:16px;background:#fff;height:auto;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.answer-form select{padding:10px;border:2px solid #ddd;border-radius:8px;font-size:16px;background:#fff;height:auto;box-sizing:border-box}.answer-form select:focus,.answer-form-inline select:focus{outline:0;border-color:#667eea}.solutions-display{background:#fff;padding:5px;border-radius:8px;border:2px solid #48bb78}.solution-item{padding:5px;margin:5px 0;background:#f0fff4;border-left:4px solid #48bb78;border-radius:4px;font-size:14px}.solution-item strong{color:#2d5016}.solution-suggest{font-size:.95em;color:#555}.remaining-cards{display:flex;flex-direction:column;gap:5px}.card-category-wrapper{display:flex;align-items:stretch;gap:4px}.card-category{background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.08) 3px,rgba(255,255,255,.08) 6px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,0,0,.015) 3px,rgba(0,0,0,.015) 6px),#fff;padding:1px 10px 10px 10px;border-radius:8px;box-shadow:0 3px 8px rgba(0,0,0,.15);position:relative}.card-category-wrapper:has(#remaining-rooms) .card-category{background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.08) 3px,rgba(255,255,255,.08) 6px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,0,0,.015) 3px,rgba(0,0,0,.015) 6px),#e5e5e5}.card-category-wrapper:has(#remaining-suspects) .card-category{background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.08) 3px,rgba(255,255,255,.08) 6px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,0,0,.015) 3px,rgba(0,0,0,.015) 6px),#ffe5f0}.card-category-wrapper:has(#remaining-weapons) .card-category{background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.08) 3px,rgba(255,255,255,.08) 6px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,0,0,.015) 3px,rgba(0,0,0,.015) 6px),#e5f0ff}.card-category-wrapper:has(#remaining-rooms) .card-category-label{background:#e5e5e5}.card-category-wrapper:has(#remaining-suspects) .card-category-label{background:#ffe5f0}.card-category-wrapper:has(#remaining-weapons) .card-category-label{background:#e5f0ff}.card-category-label{font-size:10px;color:#666;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;padding:0 2px;line-height:1.2}.card-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:1px}.card-items .card-item{background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.15) 2px,rgba(255,255,255,.15) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px),#e6fffa;border-color:#38b2ac;font-weight:700;box-shadow:0 3px 8px rgba(56,178,172,.4)!important}.card-items .card-item:hover{box-shadow:0 5px 12px rgba(56,178,172,.5)!important}.card-items .card-item:active{box-shadow:0 1px 3px rgba(56,178,172,.5)}.card-items .card-item.possible{background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.15) 2px,rgba(255,255,255,.15) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px),#fff5e6;border-color:#ed8936;box-shadow:0 3px 8px rgba(237,137,54,.4)!important}.card-items .card-item.possible:hover{box-shadow:0 5px 12px rgba(237,137,54,.5)!important}.card-items .card-item.possible:active{box-shadow:0 1px 3px rgba(237,137,54,.5)}.card-items .card-item.eliminated{background:#d3d3d3!important;border-color:#bbb!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.card-items .card-item.eliminated.card-item-yours{background:#b8b8b8!important;border-color:#a8a8a8!important}.card-items .card-item.eliminated:active{box-shadow:0 1px 2px rgba(0,0,0,.15)!important}.card-items .card-item.solution{background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px),#4caf50!important;color:#fff!important;font-weight:700;border-color:#2e7d32!important;box-shadow:0 3px 8px rgba(46,125,50,.5)!important}.card-items .card-item.solution:hover{box-shadow:0 5px 12px rgba(46,125,50,.6)!important}.card-items .card-item.solution:active{box-shadow:0 1px 3px rgba(46,125,50,.6)!important}.card-items .card-item.solution .card-item-text{text-decoration:none!important}.card-items .card-item.selected-in-dropdown{border-color:#000!important;border-width:2px!important;border-style:dashed!important}.card-items .card-item.selected-in-dropdown.possible{border-color:#000!important;border-width:2px!important}.card-items .card-item.selected-in-dropdown.solution{border-color:#000!important;border-width:2px!important}.card-items .card-item.selected-in-dropdown.eliminated{border-color:#000!important;border-width:2px!important}.history-list{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.history-table{width:100%;min-width:320px;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;font-size:12px}.history-header{background:#667eea;color:#fff;font-weight:600}.history-header th{padding:6px 6px;text-align:left;border-bottom:2px solid #5568d3}.history-header th:last-child{width:36px;padding-left:2px;padding-right:2px;text-align:center}.history-row{border-bottom:1px solid #e0e0e0}.history-row:hover{background:#f8f9fa}.history-row td{padding:6px 6px;vertical-align:top;word-wrap:break-word;overflow-wrap:break-word}.history-row td:last-child{padding-left:2px;padding-right:2px;text-align:center;vertical-align:top}.history-item{padding:10px;background:#fff;border-radius:8px;border-left:4px solid #667eea;font-size:14px}.history-item .history-player{font-weight:600;color:#667eea}.history-item .history-suggestion{color:#555;margin:5px 0}.history-item .history-answer{color:#48bb78;font-style:italic}@media (max-width:480px){body{padding:5px}.screen{padding:0 15px 15px 15px}h1{font-size:20px}.card-item{font-size:12px;padding:6px 10px}.btn{font-size:14px;padding:10px 15px}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.settings-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center}.settings-modal-content{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);max-width:400px;width:90%;max-height:90vh;overflow-y:auto}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.settings-modal-header h2{margin:0;color:#764ba2}.settings-close-btn{background:0 0;border:none;font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;line-height:30px;color:#666;transition:color .2s}.settings-close-btn:hover{color:#000}.settings-modal-body{padding:10px 0}.settings-item{margin-bottom:12px}.settings-avatar-wrap{display:block;flex-shrink:0;cursor:pointer}.settings-avatar-preview{width:40px;height:40px;border-radius:3px;object-fit:cover;border:1px solid #ccc;display:block}.settings-avatar-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.settings-text-input{padding:10px 12px;border:2px solid #ddd;border-radius:8px;font-size:16px;width:100%;max-width:240px;box-sizing:border-box}.settings-modal-body .settings-text-input{max-width:none}.settings-modal-body .settings-item>.btn{width:100%;box-sizing:border-box;text-align:left;padding-left:10px}.settings-text-input:focus{outline:0;border-color:#667eea}.settings-room-control-btn{flex-shrink:0;background:0 0;border:1px solid #ddd;border-radius:8px;font-size:18px;cursor:pointer;padding:6px 10px;color:#333;transition:background .2s,opacity .2s}.settings-room-control-btn .room-control-icon{display:block;width:1.15em;height:1.15em;vertical-align:middle}.settings-room-control-btn:hover:not(:disabled){background:#f0f0f0}.settings-room-control-btn:disabled{cursor:not-allowed}.settings-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:16px;padding:8px;border-radius:8px;transition:background-color .2s;user-select:none;-webkit-tap-highlight-color:transparent}.settings-modal-body .settings-checkbox-label{padding:6px 0}.settings-checkbox-label:hover{background-color:#f5f5f5}.settings-checkbox-label:active{background-color:#eee}.settings-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.settings-checkbox-custom{position:relative;width:38px;height:38px;min-width:38px;min-height:38px;border:3px solid #667eea;border-radius:8px;background-color:#fff;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.settings-checkbox-custom::after{content:'';position:absolute;width:0;height:0;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg);transition:all .2s ease;opacity:0}.settings-checkbox-input:checked+.settings-checkbox-custom{background-color:#667eea;border-color:#667eea}.settings-checkbox-input:checked+.settings-checkbox-custom::after{width:10px;height:16px;opacity:1;margin-top:-2px}.settings-checkbox-input:focus+.settings-checkbox-custom{box-shadow:0 0 0 3px rgba(102,126,234,.2)}.settings-checkbox-text{flex:1;font-weight:500;color:#333;line-height:1.4}@media (max-width:480px){.settings-checkbox-label{font-size:16px;padding:8px;gap:10px}.settings-checkbox-custom{width:36px;height:36px;min-width:36px;min-height:36px}}.log-modal{display:none;position:fixed;z-index:1100;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center}.log-modal-content{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);max-width:90%;width:560px;max-height:85vh;display:flex;flex-direction:column}.log-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.log-modal-header h2{margin:0;color:#764ba2;font-size:18px}.log-close-btn{background:0 0;border:none;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;line-height:30px;color:#666}.log-close-btn:hover{color:#000}.log-modal-body{display:flex;flex-direction:column;gap:12px;min-height:0}.log-content{font-family:ui-monospace,'Cascadia Code','Source Code Pro',Menlo,Consolas,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-all;overflow:auto;max-height:400px;padding:12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin:0}.btn-icon{background:0 0;border:none;font-size:20px;cursor:pointer;padding:5px 10px;color:#667eea;transition:opacity .2s}.btn-icon:hover{opacity:.7}.app-version{display:block;text-align:right;margin:0 20px 6px 0;font-size:12px;color:#222}.app-icon.health-ok{border:3px solid #28a745;border-radius:7px}.app-icon.health-fail{border:3px solid #dc3545;border-radius:7px}.room-users-names-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;line-height:1}.room-users-avatars-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:4px;line-height:1}.room-user-pair{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between}.room-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #ccc}.room-user-name{font-size:9px;color:#666;text-decoration:none;white-space:nowrap;margin-top:2px}