*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #2f4dc2;--secondary-color: #50c878;--danger-color: #e74c3c;--text-primary: #333;--text-secondary: #666;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--border-color: #ddd;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:#c5e3f1;background-image:var(--bg-image-url);background-size:150px 150px;background-repeat:repeat;position:relative;overflow-x:hidden;animation:bgiLoop 5s linear infinite}#background-text{display:none}@keyframes bgiLoop{0%{background-position:0 0}to{background-position:150px 150px}}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative;z-index:1}.logo-container{text-align:center;margin-bottom:1rem}.logo{max-width:500px;width:100%;height:auto}.sound-toggle-container{text-align:center;margin-bottom:.5rem}.sound-toggle-text{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;color:#333;font-size:1rem;-webkit-user-select:none;user-select:none}.sound-toggle-text .material-icons{font-size:1.5rem;border:2px solid #333;border-radius:50%;padding:.3rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.sound-toggle-text:hover{opacity:.7}.sound-label{font-weight:500}h1{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary-color);text-align:center}h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.signboard-title{text-align:center;font-size:1.8rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2541a8,#2f4dc2,#2541a8);padding:1.2rem 2rem;margin:-2rem -2rem 2rem;border-radius:12px 12px 0 0;box-shadow:0 4px 8px #2f4dc24d,inset 0 2px #ffffff4d,inset 0 -2px #0003;text-shadow:2px 2px 4px rgba(0,0,0,.3);border:3px solid #1f3699;position:relative}.signboard-title:before,.signboard-title:after{content:"";position:absolute;top:50%;width:8px;height:60%;background:linear-gradient(180deg,#333,#666,#333);border-radius:4px;transform:translateY(-50%);box-shadow:inset 0 1px 2px #ffffff4d}.signboard-title:before{left:1rem}.signboard-title:after{right:1rem}.view{width:100%;max-width:600px;position:relative}.card{width:100%;background-color:var(--bg-primary);padding:2rem;border-radius:12px;box-shadow:var(--shadow);margin-bottom:1rem}.card-with-room-id{margin-top:2rem;position:relative}.room-id-badge{position:absolute;top:-1.5rem;right:0;background:linear-gradient(135deg,#2541a8,#2f4dc2);color:#fff;border-radius:20px;font-weight:700;box-shadow:0 4px 12px #2f4dc266;letter-spacing:.5px;padding:.6rem 1.5rem;font-size:1.1rem;margin:0;white-space:nowrap;z-index:10}.card-with-room-id:not(:has(.qr-code-section)) .room-id-badge{left:50%;right:auto;transform:translate(-50%)}h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}input[type=text],textarea{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;transition:border-color .2s}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--primary-color)}input[readonly]{background-color:var(--bg-secondary);cursor:default}.sound-toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.sound-toggle-label input[type=checkbox]{width:auto;cursor:pointer}.sound-toggle-label span{cursor:pointer}button,.btn,a.btn{display:inline-block;min-width:120px;min-height:44px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background-color:var(--primary-color);border:none;border-radius:8px;cursor:pointer;text-decoration:none;text-align:center;transition:background-color .2s,transform .1s;touch-action:manipulation}button:hover:not(:disabled),.btn:hover:not(:disabled),a.btn:hover{background-color:#2541a8}button:active:not(:disabled),.btn:active:not(:disabled),a.btn:active{transform:scale(.98)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-color)}.btn-secondary{background-color:var(--text-secondary)}.btn-danger{background-color:var(--danger-color)}.btn-success{background-color:var(--secondary-color)}.input-group{display:flex;gap:.5rem;align-items:center}.input-group input{flex:1;margin-bottom:0}.input-group .btn{flex-shrink:0}.player-list{list-style:none;margin:1rem 0}.player-item{padding:.75rem 1rem;margin-bottom:.5rem;background-color:var(--bg-secondary);border-radius:8px;display:flex;align-items:center;gap:.5rem}.player-nickname{flex:1;font-weight:500}.badge{padding:.25rem .5rem;font-size:.75rem;font-weight:600;background-color:var(--primary-color);color:#fff;border-radius:4px}.badge-self{background-color:var(--secondary-color)}.empty-state{padding:2rem;text-align:center;color:var(--text-secondary);font-style:italic}.qr-code-section{text-align:center;margin:1.5rem 0;padding:1rem;background-color:var(--bg-secondary);border-radius:8px}.btn-copy-url-mobile{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;padding:.6rem 1.2rem;white-space:nowrap;margin:0 auto}.qr-code-section p{margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem}.qr-code{max-width:200px;height:auto;border:2px solid var(--border-color);border-radius:8px}.icon-clip{width:20px;height:20px;filter:brightness(0) invert(1)}.share-url-section{margin:1.5rem 0;display:none}.share-url-section label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.players-section{margin:1.5rem 0}.divider{text-align:center;margin:1.5rem 0;color:var(--text-secondary);position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background-color:var(--border-color)}.divider:before{left:0}.divider:after{right:0}.hint{font-size:.875rem;color:var(--text-secondary);text-align:center;margin-top:.5rem}.game-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.5rem;margin-bottom:1rem}.progress-indicator{font-size:1.2rem;font-weight:600;color:var(--primary-color);margin:1rem 0;padding:.8rem 1.2rem;background-color:#e8f0fe;border-radius:8px;border:2px solid var(--primary-color);text-align:center;transition:all .3s ease}.progress-indicator.progress-updated{transform:scale(1.05);background-color:#d0e7ff;box-shadow:0 4px 12px #2f4dc24d}.question-section{flex:1;margin-bottom:0;padding:.8rem 1rem;background-color:#fff9d8;border-radius:8px;border:2px solid #ffd700}.question-header{display:block;color:#2f4dc2;font-size:1rem;font-weight:700;margin-bottom:.25rem;text-align:center;letter-spacing:.05em;border:none}.question-display-card{background:transparent!important;font-size:1.4rem!important;padding:.4rem 0!important;line-height:1.5!important;border-radius:0!important;font-weight:700!important;color:#333!important;text-align:center!important;border:none!important;box-shadow:none!important;margin-bottom:0!important}.timer-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px}.timer{font-size:1.5rem;margin:0;text-align:center;font-weight:500;color:#444}.question-text{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-top:.5rem}.answer-form{margin-top:1.5rem}.btn-large{width:100%;padding:1rem 1.5rem;font-size:1.125rem}.btn-submit{width:100%;max-width:400px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;background:linear-gradient(145deg,#3a5ad6,#2f4dc2);box-shadow:0 4px #1e3a8a,0 6px 12px #2f4dc266;border:none;position:relative;transition:all .1s ease;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.btn-submit:active{transform:translateY(2px);box-shadow:0 2px #1e3a8a,0 3px 6px #2f4dc24d}.btn-submit:hover:not(:disabled){background:linear-gradient(145deg,#4563db,#3552c9)}.answer-submitted-section{text-align:center;padding:2rem 0}.ready-count-display{font-size:2rem;font-weight:700;color:var(--primary-color);margin:1.5rem 0;padding:1rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px;box-shadow:0 2px 8px #4a90e233}.ready-count-display-large{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:2rem auto;padding:1.5rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:16px;box-shadow:0 4px 16px #4a90e24d;text-align:center;max-width:600px}.waiting-animation{margin-top:2rem}.dots{display:flex;justify-content:center;gap:.5rem}.dots span{width:12px;height:12px;background-color:var(--primary-color);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dots span:nth-child(1){animation-delay:-.32s}.dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.result-header{text-align:center;padding:2rem;border-radius:12px;margin-bottom:1.5rem}.result-header.success{background:linear-gradient(135deg,#50c878,#3aa563);color:#fff}.result-header.fail{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.result-header.fail h1,.result-header.fail .result-message{color:#fff}.result-message{font-size:1.125rem;margin-top:.5rem;opacity:.95}.answer-list{list-style:none;margin:1rem 0}.answer-item{padding:1rem;margin-bottom:.75rem;background-color:var(--bg-secondary);border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.player-name{font-weight:600;color:var(--text-primary);min-width:100px}.player-answer{flex:1;text-align:right;color:var(--primary-color);font-weight:500;font-size:1.125rem}.unique-answers-section{margin:2rem 0;padding:1rem;background-color:#fff3cd;border-radius:8px}.unique-answers-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.unique-answers-list li{padding:.5rem 1rem;background-color:#fff;border-radius:4px;font-weight:500}.game-over-section,.next-round-section,.waiting-section{margin-top:2rem;text-align:center}.status-message{padding:.75rem 1rem;border-radius:8px;margin:1rem 0;text-align:center}.status-message.info{background-color:#e3f2fd;color:#1976d2}.status-message.success{background-color:#e8f5e9;color:#388e3c}.status-message.warning{background-color:#fff3cd;color:#856404}.status-message.error{background-color:#f8d7da;color:#721c24}@media (max-width: 768px){h1{font-size:1.5rem}.card{padding:1.5rem}button,.btn,a.btn{width:100%;margin-bottom:.5rem}.input-group{flex-direction:column}.input-group .btn{width:100%}}.loading{text-align:center;padding:2rem}.loading:after{content:"...";animation:dots 1.5s steps(3,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.text-center{text-align:center}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.hidden{display:none}.timer{font-size:2.5rem;font-weight:700;color:var(--secondary-color);text-align:center;margin:1rem 0;font-family:Courier New,monospace}.timer.warning{color:#f39c12}.timer.danger{color:var(--danger-color);animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.handwritten-instruction{background-color:#fff3cd;border:2px dashed #ffc107;border-radius:8px;padding:1.5rem;margin:1.5rem 0;text-align:center}.handwritten-instruction p{margin:.5rem 0;font-size:1.1rem}.handwritten-instruction .hint{font-size:.9rem;color:var(--text-secondary)}.judgment-section{text-align:center;padding:2rem}.judgment-section .instruction{font-size:1.2rem;margin-bottom:2rem;color:var(--text-primary)}.waiting-header{background:linear-gradient(135deg,#003b95,#0052cc);color:#fff;text-align:center;padding:1.5rem 1rem;margin:-1rem -1rem 1.5rem;border-radius:0}.waiting-header h1{font-size:1.5rem;margin:0;line-height:1.4;color:#fff}.question-display-card{background-color:#fffacd;border:3px solid #f4e04d;border-radius:12px;padding:2.5rem 1.5rem 2rem;font-size:1.3rem;text-align:center;color:#333;font-weight:600;line-height:1.6;position:relative}.players-ready-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.player-ready-card{background:linear-gradient(135deg,#9e9e9e,#757575);border-radius:12px;padding:1.5rem 1rem;text-align:center;color:#fff;box-shadow:0 4px 6px #0003}.ready-label{font-size:2.5rem;font-weight:700;color:#ffd54f;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.player-nickname{font-size:1rem;font-weight:500}.answer-judgment-card .player-nickname{width:100%;background-color:#d6dd03;padding:.5rem;margin:0;text-align:center;font-size:.9rem;font-weight:600}.btn-open-answers{width:100%;max-width:500px;margin:2rem auto 0;display:block;background:linear-gradient(135deg,#003b95,#0052cc);color:#fff;font-size:1.5rem;font-weight:700;padding:1.2rem 2rem;border:none;border-radius:50px;cursor:pointer;box-shadow:0 6px 12px #003b9566;transition:transform .2s,box-shadow .2s}.btn-open-answers:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #003b9580}.btn-open-answers:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#ffebee;border:2px solid #f44336;border-radius:8px;padding:1.5rem;margin:2rem 0;text-align:center}.error-message p{margin:.5rem 0;color:#c62828}.error-detail{font-size:.9rem;color:#d32f2f;font-family:monospace}.answers-judgment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:2rem 0}.answer-judgment-card{background-color:#fbff95;padding:0;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:hidden;position:relative}.answer-image-display{width:100%;background-color:#fff;border:4px solid #d5dd00;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;overflow:hidden}.answer-image-display img{max-width:100%;max-height:100%;object-fit:contain}.answer-text{font-size:1.5rem;font-weight:700;color:#555;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.judgment-buttons-container{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.btn-judgment{flex:1;max-width:250px;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;color:#fff}.btn-consensus{background:linear-gradient(135deg,#003b95,#0052cc);box-shadow:0 4px 12px #003b954d}.btn-consensus:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #003b9566}.btn-no-consensus{background:linear-gradient(135deg,#2c2c2c,#1a1a1a);box-shadow:0 4px 12px #0000004d}.btn-no-consensus:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0006}.btn-judgment:disabled{opacity:.6;cursor:not-allowed}.hint-center{text-align:center;font-size:1.1rem;color:#666;margin:2rem 0 1rem}.judgment-buttons{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.judgment-buttons .btn{flex:1;max-width:200px}.btn-success{background-color:var(--secondary-color);color:#fff}.btn-success:hover:not(:disabled){background-color:#45b369}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#c0392b}.lottie-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.next-round-section{text-align:center;padding:2rem}.next-round-section p{font-size:1.2rem;margin-bottom:1.5rem}.drawing-section{display:flex;flex-direction:column;align-items:center;padding:1rem 0;gap:1rem;max-width:600px;margin:0 auto}.drawing-instruction{text-align:left;font-size:1.1rem;margin-bottom:0;color:var(--text-primary);flex:1;min-width:0}.drawing-tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;margin-top:.5rem;margin-bottom:1rem}.btn-clear{align-self:flex-end;padding:.6rem 1.5rem;background:#e0e0e0!important;color:#444!important;border:2px solid #999!important;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;box-shadow:none!important;transition:all .2s}.btn-clear:hover{background:#d0d0d0!important;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a!important}.btn-clear-text{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:color .2s}.btn-clear-text:hover{color:var(--text-primary)}.btn-clear-overlay{position:absolute;top:0;right:0;background:#fff;border:2px solid #ccc;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;color:var(--text-primary);transition:all .2s;z-index:10;box-shadow:0 2px 4px #0000001a}.btn-clear-overlay:hover{background:#f5f5f5;border-color:#999;box-shadow:0 2px 8px #00000026}.btn-clear-outside{background:#f0f0f0;border:2px solid #ccc;border-radius:6px;padding:6px 0;font-size:.875rem;cursor:pointer;color:var(--text-primary);transition:all .2s;box-shadow:0 2px 4px #0000001a;white-space:nowrap;flex-shrink:0;width:70px;min-width:70px;min-height:auto}.btn-clear-outside:hover{background:#f5f5f5;border-color:#999;box-shadow:0 2px 8px #00000026}.tool-btn{padding:.5rem 1rem;border:2px solid var(--border-color);background-color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.tool-btn:hover{background-color:var(--bg-secondary)}.tool-btn.active{border-color:var(--primary-color);background-color:#e3f2fd;font-weight:700}.line-width-picker{display:flex;gap:.5rem;align-items:center}.line-width-picker label{font-size:.9rem;color:var(--text-secondary)}.width-btn{padding:.4rem .8rem;border:2px solid var(--border-color);background-color:#fff;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.width-btn:hover{background-color:var(--bg-secondary)}.width-btn.active{border-color:var(--primary-color);background-color:#e3f2fd;font-weight:700}.drawing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;max-width:600px;margin-left:auto;margin-right:auto}.canvas-container{width:100%;border:3px solid var(--border-color);border-radius:8px;background-color:#fff;overflow:hidden;box-shadow:var(--shadow)}#drawing-canvas{display:block;width:100%;aspect-ratio:1 / 1;cursor:crosshair;touch-action:none;background-color:#fff}@media (max-width: 768px){.view{max-width:100%}.card{padding:1rem;margin:.5rem 0}.game-header{flex-direction:column;gap:.5rem;padding:.75rem}.game-header h1{font-size:1.25rem}.timer{font-size:1.75rem}.progress-indicator{font-size:.9rem}.question-section h2{font-size:1.1rem}.question-text{font-size:1rem}.drawing-instruction{font-size:.95rem}.drawing-tools{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.75rem}.tool-btn{font-size:.85rem;padding:.4rem .6rem;flex:0 0 auto}.line-width-picker{width:100%;justify-content:center}.width-btn{padding:.4rem .8rem;font-size:.85rem}.canvas-container{max-width:100%;margin:1rem auto}.btn-large{font-size:1rem;padding:.9rem 1.5rem;width:100%}.judgment-buttons{flex-direction:column;width:100%}.judgment-buttons .btn{width:100%;max-width:none}.result-header{padding:1.5rem 1rem}.result-header h1{font-size:1.5rem}.result-message{font-size:1rem}.waiting-header{margin:-.75rem -.75rem 1rem;padding:1rem}.waiting-header h1{font-size:1.2rem}.question-display-card{font-size:1.1rem;padding:1.5rem 1rem;width:100%}.players-ready-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.player-ready-card{padding:1.2rem 1rem}.ready-label{font-size:1.8rem}.player-nickname{font-size:.9rem}.btn-open-answers{font-size:1.2rem;padding:1rem 1.5rem}.answers-judgment-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.answer-judgment-card{padding:0}.answer-judgment-card .player-nickname{font-size:.8rem;padding:.4rem}.answer-text{font-size:1.2rem;min-height:50px}.judgment-buttons-container{flex-direction:column;gap:.75rem}.btn-judgment{max-width:none;width:100%;font-size:1.1rem;padding:.9rem 1.5rem}.hint-center{font-size:1rem}.btn-copy-url-mobile{display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:.4rem;width:auto;font-size:.85rem;padding:.5rem 1rem;margin:0 auto}.icon-clip{width:20px;height:20px;filter:brightness(0) invert(1)}.share-url-section{display:none}.qr-code-section{text-align:center}.qr-code{max-width:150px;margin:.5rem auto;display:block}}.reaction-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.reaction-bubble{position:absolute;bottom:20px;background:#46bc72;color:#fffff8;padding:.8rem 1.5rem 1rem;border-radius:30px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 12px #00000026;border:2px solid #24a950;animation:floatUp 3s ease-out forwards;white-space:nowrap}.reaction-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #46bc72}.reaction-bubble:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:10px solid #24a950;z-index:-1}@keyframes floatUp{0%{bottom:20px;opacity:1;transform:translate(0) translateY(0) rotate(0)}to{bottom:calc(100% - 20px);opacity:0;transform:translate(calc(var(--swing-amount, 20px))) translateY(-50px) rotate(calc(var(--rotate-amount, 10deg)))}}.reaction-bubble:nth-child(odd){--swing-amount: 20px;--rotate-amount: 10deg}.reaction-bubble:nth-child(2n){--swing-amount: -20px;--rotate-amount: -10deg}.reaction-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:nowrap;margin:1.5rem 0;padding:.5rem 1rem 1rem;overflow-x:auto}.reaction-btn{background:#46bc72;color:#fffff8;border:2px solid #24a950;border-radius:30px;padding:.6rem 1.2rem;font-size:clamp(.7rem,2.5vw,1rem);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;white-space:nowrap;flex-shrink:1;position:relative;min-width:fit-content}.reaction-btn:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #46bc72}.reaction-btn:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:10px solid #24a950;z-index:-1}.reaction-btn:hover:not(:disabled){background:#52d084;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.reaction-btn:hover:not(:disabled):after{border-top-color:#52d084}.reaction-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.reaction-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.reaction-bubble{font-size:1rem;padding:.6rem 1.2rem}.reaction-bubble:after{bottom:-6px;border-left-width:6px;border-right-width:6px;border-top-width:6px}.reaction-bubble:before{bottom:-8px;border-left-width:7px;border-right-width:7px;border-top-width:8px}.reaction-buttons{gap:.3rem;padding:.5rem .5rem .8rem;margin:1rem 0}.reaction-btn{font-size:clamp(.6rem,2vw,.8rem);padding:.4rem .6rem;border-radius:12px;flex-shrink:1;min-width:fit-content}.reaction-btn:after{bottom:-6px;border-left-width:6px;border-right-width:6px;border-top-width:6px}.reaction-btn:before{bottom:-8px;border-left-width:7px;border-right-width:7px;border-top-width:8px}}