.word-tile{background:#f0ebe6cc;border:none;border-radius:8px;padding:.5rem;font-size:1.125rem;font-weight:500;color:var(--color-text);text-align:center;transition:var(--transition);cursor:pointer;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:.01em;text-transform:uppercase;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;word-break:break-word;overflow-wrap:break-word;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.word-tile:hover:not(.disabled){background:#f5f0ebe6}.word-tile.selected{background:var(--color-primary)!important;color:var(--color-text);font-weight:600;will-change:background-color;-webkit-transform:translateZ(0);transform:translateZ(0)}.word-tile.selected:active,.word-tile.selected:focus{background:var(--color-primary-dark)!important}.word-tile.disabled{opacity:.3;cursor:not-allowed;background:#f0ebe666}.word-tile:active:not(.disabled):not(.selected){background:#faf5f0}@media (max-width: 768px){.word-tile{padding:.375rem;font-size:.75rem}}.group-display{background:transparent;border-left:3px solid;padding:.5rem .75rem;margin-bottom:0;animation:slideIn .3s ease;border-top:none;border-right:none;border-bottom:1px solid var(--color-border-light)}.group-display-revealed-on-loss{animation:group-reveal .5s ease-out}@keyframes group-reveal{0%{opacity:0;transform:translateY(10px)}60%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.group-display:last-child{border-bottom:none;margin-bottom:0}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.group-header{display:flex;align-items:center;margin-bottom:.375rem;flex-wrap:wrap;gap:.375rem}.group-difficulty{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .375rem;border-radius:var(--border-radius-sm);background:#0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:nowrap}.group-category{font-size:.8125rem;font-weight:600;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.3}.group-words{display:flex;flex-wrap:wrap;gap:.375rem}.group-word{background:var(--color-background-solid);padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;color:var(--color-text);border:1px solid var(--color-border);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-transform:uppercase;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;word-break:break-word;overflow-wrap:break-word;line-height:1.4}@media (max-width: 768px){.group-display{padding:.5rem .625rem;margin-bottom:0}.group-display:last-child{border-bottom:none;margin-bottom:0}.group-header{margin-bottom:.25rem;gap:.25rem}.group-difficulty{font-size:.5625rem;padding:.125rem .25rem}.group-category{font-size:.75rem;line-height:1.2}.group-words{gap:.25rem}.group-word{font-size:.6875rem;padding:.1875rem .375rem;line-height:1.3}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}.modal-content{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:2.5rem;max-width:550px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border-light);position:relative}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.modal-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-border-light)}.modal-emoji{font-size:4rem;display:block;margin-bottom:.75rem;animation:bounce .6s ease-out}.modal-header h2{font-size:1.75rem;color:var(--color-text);margin-bottom:.75rem;font-weight:800;letter-spacing:-.02em}.modal-header p{color:var(--color-text-secondary);font-size:1.05rem;font-weight:500}.modal-groups{margin:1.5rem 0 2rem}.modal-group{border-radius:999px;padding:.9rem 1.2rem;margin-bottom:.85rem;text-align:center;color:#1f2933;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:none}.modal-group:hover{transform:none;box-shadow:none}.modal-group-category{display:block;font-weight:700;margin-bottom:.25rem;font-size:.9rem;text-transform:uppercase}.modal-group-words{font-size:.85rem;font-weight:500;line-height:1.4}.modal-group-easy{background:#dfcfbe73}.modal-group-medium{background:#dfcfbea6}.modal-group-hard{background:#dfcfbecc}.modal-group-very-hard{background:#dfcfbee6}.modal-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem;background:linear-gradient(135deg,var(--color-background-solid) 0%,#f9fafb 100%);border-radius:var(--border-radius);margin-bottom:2rem;border:1px solid var(--color-border-light)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--color-surface);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close-button{width:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;padding:1rem;border-radius:var(--border-radius-lg);font-weight:700;font-size:1.1rem;transition:var(--transition);box-shadow:var(--shadow-primary);letter-spacing:.5px}.modal-close-button:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);transform:translateY(-3px);box-shadow:0 12px 32px #c8102e59}.modal-close-button:active{transform:translateY(-1px)}.modal-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border-light);text-align:center}.modal-sponsor{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:var(--color-text-light);font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:italic}.coffing-logo-footer{width:28px;height:28px;object-fit:contain;opacity:.8;transition:var(--transition)}.modal-sponsor:hover .coffing-logo-footer{opacity:1}.modal-promotion{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border-radius:var(--border-radius);border:2px solid var(--color-primary-dark);text-align:center}.promotion-header h3{font-size:1.5rem;color:var(--color-text);margin-bottom:.75rem;font-weight:700}.promotion-title{font-size:1.1rem;color:var(--color-text);font-weight:600;margin-bottom:.5rem}.promotion-title p,.promotion-description p{margin:.5rem 0}.promotion-description{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.5}.promotion-code-container{margin:1.5rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.promotion-code{display:block;background:var(--color-surface);color:var(--color-text);padding:1rem 2rem;border-radius:var(--border-radius);font-size:1.5rem;font-weight:800;letter-spacing:.2em;font-family:Courier New,monospace;border:2px solid var(--color-primary-dark);box-shadow:var(--shadow-md);text-align:center}.promotion-copy-button{background:var(--color-primary-dark);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;font-size:.9rem;transition:var(--transition);border:none;cursor:pointer;width:auto}.promotion-copy-button:hover{background:var(--color-text);transform:translateY(-2px);box-shadow:var(--shadow-md)}.promotion-note{font-size:.75rem;color:var(--color-text-secondary);font-style:italic;margin-top:.5rem}.modal-share-top{margin:.75rem 0 1.25rem;display:flex;justify-content:center}.modal-actions-row{margin-top:1.25rem;display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.modal-share-whatsapp{background:#25d366;color:#fff;padding:.6rem 1.4rem;border-radius:999px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:var(--transition)}.modal-share-whatsapp:hover{background:#1ebe5a;transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.modal-content{padding:1.5rem}.modal-emoji{font-size:2.5rem}.modal-header h2{font-size:1.25rem}.modal-actions-row{flex-direction:column;align-items:stretch}.modal-close-button{width:100%;justify-content:center}}.loss-message-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1500;padding:1rem;animation:fadeIn .3s ease-out}.loss-message-content{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:3rem 2.5rem;max-width:450px;width:100%;text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);animation:slideUp .4s cubic-bezier(.4,0,.2,1);position:relative}.loss-message-icon{font-size:4rem;display:block;margin-bottom:1rem;animation:bounce .6s ease-out}.loss-message-title{font-size:1.75rem;color:var(--color-text);margin-bottom:1rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.02em}.loss-message-text{font-size:1rem;color:var(--color-text-secondary);margin-bottom:1.75rem;line-height:1.6;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loss-message-actions{display:flex;flex-direction:column;gap:.75rem}.loss-message-share{width:100%;background:#25d366;color:#fff;padding:.85rem 2rem;border-radius:var(--border-radius);font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.loss-message-share:hover{background:#1ebe5a;transform:translateY(-2px);box-shadow:var(--shadow-md)}.loss-message-share:active{transform:translateY(0)}.loss-message-button{width:100%;background:var(--color-primary);color:var(--color-text);padding:1rem 2rem;border-radius:var(--border-radius);font-weight:600;font-size:1.125rem;border:1px solid var(--color-primary-dark);cursor:pointer;transition:var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.loss-message-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.loss-message-button:active{transform:translateY(0)}@media (max-width: 768px){.loss-message-content{padding:2.5rem 2rem}.loss-message-icon{font-size:3rem;margin-bottom:.75rem}.loss-message-title{font-size:1.5rem;margin-bottom:.75rem}.loss-message-text{font-size:.9375rem;margin-bottom:1.25rem}.loss-message-button{font-size:1rem;padding:.875rem 1.5rem}}.game-board{width:100%;max-width:900px;padding:1rem;animation:fadeInUp .6s ease-out;display:flex;flex-direction:column}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.mistakes-counter{font-weight:500;color:var(--color-text);font-size:.9375rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mistakes-warning{color:var(--color-error);font-weight:600}.groups-progress{font-weight:500;color:var(--color-text);font-size:.9375rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.promotion-reminder{margin-bottom:.75rem;display:flex;justify-content:center}.promotion-reminder-button{padding:.5rem 1.25rem;border-radius:999px;background:var(--color-primary-light);border:1px solid var(--color-primary-dark);color:var(--color-text);font-size:.875rem;font-weight:500}.promotion-reminder-button:hover{background:var(--color-primary)}.groups-container{display:flex;flex-direction:column;gap:0;margin-bottom:1rem;padding:.5rem 0}.words-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}@media (min-width: 600px){.words-grid{gap:.75rem}}.selection-actions{display:flex;gap:1rem;justify-content:center;padding:1.5rem;animation:slideUp .4s ease-out;visibility:visible;opacity:1}.submit-button{background:var(--color-primary);color:var(--color-text);padding:.875rem 2rem;border-radius:var(--border-radius);font-weight:500;font-size:1rem;transition:var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border:1px solid var(--color-primary-dark)}.submit-button:hover:not(:disabled){background:var(--color-primary-dark)}.submit-button:active:not(:disabled){opacity:.9}.submit-button:disabled{opacity:.4;cursor:not-allowed;background:var(--color-border);color:var(--color-text-secondary)}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-shake{animation:error-shake .5s ease-in-out}@media (max-width: 768px){.game-board{padding:1rem;padding-bottom:120px}.game-info{margin-bottom:.75rem;padding:.5rem 0}.mistakes-counter,.groups-progress{font-size:.8125rem}.words-grid{gap:.375rem;margin-bottom:1.5rem}.groups-container{margin-bottom:.75rem}.selection-actions{flex-direction:column;padding:1rem;gap:.75rem;position:fixed;bottom:0;left:0;right:0;background:var(--color-background);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px #0000000d;z-index:100;margin:0}.submit-button{width:100%}}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.75rem 0 0;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:0 1.5rem}.header-title-row{display:flex;align-items:center;gap:1rem}.header-title-text{display:flex;flex-direction:column;gap:.25rem}.header-title h1{font-size:2rem;color:var(--color-text);margin:0;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.01em;line-height:1.2}.coffing-logo-header{width:104px;height:104px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary)}.header-actions{display:flex;gap:.25rem;align-items:center}.header-subtitle{font-size:.875rem;color:var(--color-text-secondary);text-transform:capitalize;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.header-sponsor{font-size:1.4rem;color:var(--color-text-secondary);font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;line-height:1.3}.header-sponsor strong{color:var(--color-text);font-weight:600}.coffing-link{color:inherit;text-decoration:none;transition:var(--transition)}.coffing-link:hover{text-decoration:underline;opacity:.8}.coffing-link:active{opacity:.7}.help-button,.stats-button{background:transparent;border:none;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius)}.help-button:hover,.stats-button:hover{color:var(--color-text);background:var(--color-background-solid)}.help-button:active,.stats-button:active{opacity:.7}.help-button svg,.stats-button svg{width:26px;height:26px}.help-button{font-weight:600}.header-tagline{text-align:center;padding:.5rem 1.5rem;margin-top:0;line-height:1.2}.header-tagline p{margin:0;font-size:1rem;color:var(--color-text-secondary);font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-style:italic;letter-spacing:.01em}.header-completed{text-align:center;padding:.75rem;background:var(--color-success-light);color:var(--color-success);font-weight:500;margin-top:.5rem;border-radius:var(--border-radius);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header-title h1{font-size:1.5rem}.header-subtitle{font-size:.75rem}.coffing-logo-header{width:80px;height:80px}.header-sponsor{font-size:.9375rem}.header-title-row{gap:.75rem}.header-tagline{padding:.375rem 1rem}.header-tagline p{font-size:.75rem}}.stats-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}.stats-content{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:0;max-width:550px;width:100%;max-height:calc(100vh - 2rem);box-shadow:var(--shadow-xl);animation:slideUp .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border-light);position:relative;display:flex;flex-direction:column;overflow:hidden;margin:auto}.stats-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.stats-header{display:flex;justify-content:space-between;align-items:center;padding:2.5rem 2.5rem 1.5rem;border-bottom:2px solid var(--color-border-light);flex-shrink:0;position:sticky;top:0;background:var(--color-surface);z-index:10}.stats-header h2{font-size:1.75rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-.02em}.stats-close{background:var(--color-background-solid);border:2px solid var(--color-border);font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:var(--transition);box-shadow:var(--shadow-sm)}.stats-close:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error);transform:scale(1.1) rotate(90deg)}.stats-body{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:2.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.stat-card{background:linear-gradient(135deg,var(--color-surface) 0%,#fafbfc 100%);border-radius:var(--border-radius);padding:1.75rem;text-align:center;border:2px solid var(--color-border-light);transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);transform:scaleX(0);transition:transform .3s ease-out}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.stats-empty{text-align:center;padding:2.5rem;color:var(--color-text-secondary);overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}@media (max-width: 768px){.stats-overlay{padding:1rem .5rem .5rem;align-items:flex-start}.stats-content{max-height:calc(100vh - 1rem);margin:0}.stats-header{padding:1.5rem 1.5rem 1rem}.stats-body{grid-template-columns:1fr;padding:1.5rem;gap:.75rem}.stat-card{padding:1.25rem}.stat-value{font-size:2rem}.stats-empty{padding:1.5rem}}.instructions-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}.instructions-content{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:0;max-width:600px;width:100%;max-height:calc(100vh - 2rem);box-shadow:var(--shadow-xl);animation:slideUp .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border-light);position:relative;display:flex;flex-direction:column;overflow:hidden;margin:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.instructions-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;border-bottom:2px solid var(--color-border-light);flex-shrink:0;position:sticky;top:0;background:var(--color-surface);z-index:10}.instructions-header h2{font-size:1.75rem;color:var(--color-text);font-weight:700;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.instructions-close{background:var(--color-background-solid);border:2px solid var(--color-border);font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.instructions-close:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error);transform:scale(1.1) rotate(90deg)}.instructions-body{padding:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.instruction-section{margin-bottom:2rem}.instruction-section:last-child{margin-bottom:0}.instruction-section h3{font-size:1.25rem;color:var(--color-text);font-weight:600;margin-bottom:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.instruction-section p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.instruction-example{border-radius:var(--border-radius-lg);background:var(--color-background-solid);border:1px solid var(--color-border-light);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.instruction-example-label{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--color-text-secondary);margin-bottom:.25rem}.instruction-example-content{display:flex;flex-direction:column;gap:.35rem}.instruction-example-category,.instruction-example-words{display:flex;gap:.5rem;font-size:.9rem}.instruction-example-category-label,.instruction-example-words-label{font-weight:600;color:var(--color-text);min-width:4.5rem}.instruction-example-category-value,.instruction-example-words-value{font-weight:500;color:var(--color-text)}@media (max-width: 768px){.instruction-example{padding:.75rem 1rem}.instruction-example-category,.instruction-example-words{flex-direction:column;gap:.1rem}}.instruction-section ol,.instruction-section ul{color:var(--color-text-secondary);line-height:1.8;padding-left:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.instruction-section li{margin-bottom:.75rem}.instruction-section li strong{color:var(--color-text);font-weight:600}.difficulty-list{display:flex;flex-direction:column;gap:.75rem}.difficulty-item{display:flex;align-items:center;gap:1rem}.difficulty-badge{display:inline-block;padding:.375rem .75rem;border-radius:var(--border-radius);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:100px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.difficulty-badge.easy{background:var(--color-easy);color:#fff}.difficulty-badge.medium{background:var(--color-medium);color:#fff}.difficulty-badge.hard{background:var(--color-hard);color:#fff}.difficulty-badge.very-hard{background:var(--color-very-hard);color:#fff}.difficulty-desc{color:var(--color-text-secondary);font-size:.9375rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (max-width: 768px){.instructions-overlay{padding:1rem .5rem .5rem;align-items:flex-start}.instructions-content{max-height:calc(100vh - 1rem);margin:0}.instructions-header{padding:1.5rem 1.5rem 1rem}.instructions-header h2{font-size:1.5rem}.instructions-body{padding:1.5rem}.instruction-section{margin-bottom:1.5rem}.instruction-section h3{font-size:1.125rem}.difficulty-item{flex-direction:column;align-items:flex-start;gap:.5rem}.difficulty-badge{min-width:auto}}.splash-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.splash-content{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:3rem 2.5rem;max-width:500px;width:100%;text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);animation:slideUp .4s cubic-bezier(.4,0,.2,1);position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.splash-logo{margin-bottom:2rem}.splash-coffing-logo{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary);box-shadow:0 4px 12px #00000026}.splash-text{margin-bottom:2.5rem}.splash-example{margin:1.25rem 0 1.5rem;padding:.75rem 1rem;border-radius:999px;background:#dfcfbe59;display:flex;flex-direction:column;gap:.15rem;font-size:.85rem}.splash-example-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--color-text-secondary)}.splash-example-category{font-weight:600;color:var(--color-text)}.splash-example-words{font-weight:500;color:var(--color-text)}.splash-title{font-size:2rem;color:var(--color-text);margin-bottom:1.5rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.02em}.splash-message{font-size:1.125rem;color:var(--color-text);margin-bottom:1.5rem;line-height:1.6;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.splash-reward{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.splash-reward strong{color:var(--color-text);font-weight:600}.splash-button{width:100%;background:var(--color-primary);color:var(--color-text);padding:1rem 2rem;border-radius:var(--border-radius);font-weight:600;font-size:1.125rem;border:1px solid var(--color-primary-dark);cursor:pointer;transition:var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.splash-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.splash-button:active{transform:translateY(0)}@media (max-width: 768px){.splash-content{padding:2.5rem 2rem}.splash-coffing-logo{width:100px;height:100px}.splash-title{font-size:1.75rem;margin-bottom:1.25rem}.splash-message{font-size:1rem;margin-bottom:1.25rem}.splash-reward{font-size:.9375rem}.splash-button{font-size:1rem;padding:.875rem 1.5rem}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background)}.app-loading,.app-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;max-width:900px;width:100%;margin:0 auto}.dev-controls{display:flex;justify-content:center;padding:.75rem;background:var(--color-warning-light);border-bottom:1px solid var(--color-warning)}.dev-button{background:var(--color-warning);color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dev-button:hover{background:var(--color-warning);opacity:.9;transform:translateY(-1px)}.dev-button:active{transform:translateY(0)}.app-no-puzzle{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.no-puzzle-content{max-width:500px;width:100%;text-align:center;background:var(--color-surface);border-radius:var(--border-radius-lg);padding:3rem 2rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.no-puzzle-emoji{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-puzzle-title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.no-puzzle-message{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.no-puzzle-message strong{color:var(--color-text);font-weight:600}.no-puzzle-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border-light)}.no-puzzle-footer p{font-size:.9rem;color:var(--color-text-light);font-style:italic}@media (max-width: 768px){.app-main,.dev-controls{padding:.5rem}.dev-button{padding:.375rem .75rem;font-size:.8125rem}.app-no-puzzle{padding:1.5rem 1rem}.no-puzzle-content{padding:2rem 1.5rem}.no-puzzle-emoji{font-size:3rem;margin-bottom:1rem}.no-puzzle-title{font-size:1.5rem;margin-bottom:.75rem}.no-puzzle-message{font-size:1rem;margin-bottom:1.25rem}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:1rem}.admin-login-box{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:3rem;max-width:400px;width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.admin-login-box h2{font-size:1.75rem;color:var(--color-text);margin-bottom:.5rem;font-weight:700;text-align:center}.admin-login-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:2rem;font-size:.9375rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{padding:.875rem;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #dfcfbe1a}.error-message{background:var(--color-error-light);color:var(--color-error);padding:.75rem;border-radius:var(--border-radius);font-size:.875rem;border:1px solid var(--color-error)}.login-button{background:var(--color-primary);color:var(--color-text);padding:1rem;border-radius:var(--border-radius);font-weight:600;font-size:1rem;border:1px solid var(--color-primary-dark);cursor:pointer;transition:var(--transition);font-family:inherit}.login-button:hover:not(:disabled){background:var(--color-primary-dark)}.login-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.admin-login-box{padding:2rem 1.5rem}}.admin-overlay{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:1rem;overflow-y:auto}.admin-content{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:2rem;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);position:relative}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border-light);flex-wrap:wrap;gap:1rem}.admin-tabs{display:flex;gap:.5rem}.tab-active,.tab-inactive{padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:var(--transition);font-family:inherit}.tab-active{background:var(--color-primary);color:var(--color-text);border:1px solid var(--color-primary-dark)}.tab-inactive{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.tab-inactive:hover{background:var(--color-background-solid);color:var(--color-text)}.puzzle-group-form{background:var(--color-background-solid)}.admin-header h2{font-size:1.5rem;color:var(--color-text);font-weight:700}.admin-close{background:transparent;border:none;font-size:2rem;color:var(--color-text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:var(--transition)}.admin-close:hover{background:var(--color-background-solid);color:var(--color-text)}.admin-message{padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem;font-weight:500}.admin-message.success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.admin-message.error{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.admin-sections{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.admin-sections-stats{align-items:flex-start}.admin-section{background:var(--color-background-solid);padding:1.5rem;border-radius:var(--border-radius);border:1px solid var(--color-border-light)}.admin-section h3{font-size:1.1rem;color:var(--color-text);margin-bottom:1.5rem;font-weight:600}.admin-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-text)}.form-group input,.form-group textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.9375rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #dfcfbe1a}.form-group input:disabled{background:var(--color-background-solid);color:var(--color-text-secondary);cursor:not-allowed}.form-group small{font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.form-actions{display:flex;gap:.75rem;margin-top:.5rem}.btn-primary,.btn-secondary,.btn-edit,.btn-delete{padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;font-size:.9375rem;border:none;cursor:pointer;transition:var(--transition);font-family:inherit}.btn-primary{background:var(--color-primary);color:var(--color-text);border:1px solid var(--color-primary-dark)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-background-solid);color:var(--color-text)}.btn-edit{background:var(--color-primary);color:var(--color-text);padding:.5rem 1rem;font-size:.875rem}.btn-edit:hover{background:var(--color-primary-dark)}.btn-delete{background:var(--color-error);color:#fff;padding:.5rem 1rem;font-size:.875rem}.btn-delete:hover{background:#a00}.promotions-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.promotion-item{background:var(--color-surface);padding:1rem;border-radius:var(--border-radius);border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.promotion-item.today{border:2px solid var(--color-primary);background:var(--color-primary-light)}.promotion-info{flex:1}.promotion-date{font-weight:700;color:var(--color-text);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.today-badge{background:var(--color-primary);color:#fff;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600}.promotion-code-display{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem;letter-spacing:.1em}.promotion-title{font-weight:600;color:var(--color-text);margin-bottom:.25rem}.promotion-title p,.promotion-description p{margin:.25rem 0}.promotion-title p:first-child,.promotion-description p:first-child{margin-top:0}.promotion-title p:last-child,.promotion-description p:last-child{margin-bottom:0}.promotion-title strong,.promotion-description strong{font-weight:700;color:var(--color-text)}.promotion-title em,.promotion-description em{font-style:italic}.promotion-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.promotion-actions{display:flex;gap:.5rem}.no-promotions{text-align:center;color:var(--color-text-secondary);padding:2rem;font-style:italic}@media (max-width: 1024px){.admin-sections{grid-template-columns:1fr}}.stats-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stats-cards-daily{margin-top:.5rem}.stats-card{background:var(--color-background-solid);border-radius:var(--border-radius);border:1px solid var(--color-border-light);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem}.stats-card-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-weight:600}.stats-card-value{font-size:1.6rem;font-weight:700;color:var(--color-text)}.admin-range{margin-top:2rem}.admin-form-inline{flex-direction:row;align-items:flex-end;gap:1rem;flex-wrap:wrap}.admin-form-inline .form-group{min-width:140px}.stats-range-chart{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem;max-height:260px;overflow-y:auto}.stats-range-row{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.stats-range-date{width:90px;color:var(--color-text-secondary)}.stats-range-bar-wrap{flex:1;background:var(--color-background-solid);border-radius:999px;border:1px solid var(--color-border-light);overflow:hidden}.stats-range-bar{background:var(--color-primary);padding:.25rem .5rem;border-radius:999px;display:inline-flex;align-items:center}.stats-range-bar-label{font-size:.75rem;font-weight:600;color:var(--color-text)}@media (max-width: 768px){.stats-cards{grid-template-columns:1fr}}@media (max-width: 768px){.admin-content{padding:1.5rem}.promotion-item{flex-direction:column}.promotion-actions{width:100%}.btn-edit,.btn-delete{flex:1}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: rgb(223, 207, 190);--color-primary-dark: rgb(200, 185, 170);--color-primary-light: rgb(240, 230, 220);--color-background: #faf9f6;--color-background-solid: #faf9f6;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text: rgb(69, 53, 56);--color-text-secondary: rgb(100, 85, 88);--color-text-light: rgb(130, 115, 118);--color-border: #d3d3d3;--color-border-light: #e8e8e8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .1);--color-success: #6b8e23;--color-success-light: #f0f8e8;--color-warning: #daa520;--color-warning-light: #fff8dc;--color-error: #c8102e;--color-error-light: #ffe8e8;--color-easy: #6b8e23;--color-medium: #daa520;--color-hard: #c8102e;--color-very-hard: #8b4789;--border-radius: 4px;--border-radius-sm: 2px;--border-radius-lg: 8px;--transition: all .2s ease;--transition-fast: all .15s ease;--transition-slow: all .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);color:var(--color-text);line-height:1.5;font-weight:400;font-size:16px}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:var(--transition)}input,textarea{font-family:inherit}.sponsor-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:1.5rem}.sponsor-login-card{background:var(--color-surface);border-radius:16px;padding:2.5rem 2.25rem;max-width:520px;width:100%;box-shadow:0 20px 60px #0000001f;border:1px solid var(--color-border-light)}.sponsor-login-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.sponsor-login-logo{width:64px;height:64px;border-radius:18px;object-fit:cover;border:2px solid var(--color-primary)}.sponsor-login-titles h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin-bottom:.25rem}.sponsor-login-titles p{font-size:.9rem;color:var(--color-text-secondary)}.sponsor-login-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:2rem}.sponsor-login-form{display:flex;flex-direction:column;gap:1.5rem}.sponsor-error-message{background:var(--color-error-light);color:var(--color-error);padding:.75rem 1rem;border-radius:8px;font-size:.875rem;border:1px solid var(--color-error)}.sponsor-login-button{background:var(--color-primary);color:var(--color-text);padding:.9rem 1.5rem;border-radius:999px;font-weight:600;font-size:1rem;border:1px solid var(--color-primary-dark);cursor:pointer;transition:var(--transition);width:100%}.sponsor-login-button:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.sponsor-login-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.sponsor-login-card{padding:2rem 1.5rem}.sponsor-login-header{align-items:flex-start}}.sponsor-dashboard{max-width:1100px;margin:0 auto;background:var(--color-background);border-radius:24px;padding:1.75rem 1.5rem 2rem;box-shadow:0 20px 60px #0000001f;border:1px solid var(--color-border-light)}.sponsor-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem}.sponsor-header-left{display:flex;align-items:center;gap:1rem}.sponsor-header-logo{width:72px;height:72px;border-radius:22px;border:2px solid var(--color-primary);object-fit:cover}.sponsor-header-left h1{font-size:1.7rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.sponsor-header-left p{font-size:.9rem;color:var(--color-text-secondary)}.sponsor-logout{padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.sponsor-logout:hover{background:var(--color-background-solid);color:var(--color-text)}.sponsor-section{margin-top:1.5rem;padding:1.25rem 1.5rem;border-radius:18px;background:var(--color-surface);border:1px solid var(--color-border-light)}.sponsor-section h2{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.sponsor-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.sponsor-kpi-grid-daily{grid-template-columns:repeat(4,minmax(0,1fr))}.sponsor-kpi-card{background:var(--color-background-solid);border-radius:16px;padding:1rem 1.25rem;border:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:.35rem}.sponsor-kpi-card-highlight{background:var(--color-primary-light);border-color:var(--color-primary-dark)}.sponsor-kpi-grid-daily .sponsor-kpi-card-highlight{grid-column:1 / -1}.sponsor-kpi-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-weight:600}.sponsor-kpi-value{font-size:1.7rem;font-weight:700;color:var(--color-text)}.sponsor-section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;border-bottom:1px solid var(--color-border-light);padding-bottom:.5rem}.sponsor-date-picker{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.sponsor-date-picker label{color:var(--color-text-secondary)}.sponsor-date-picker input[type=date]{padding:.45rem .75rem;border-radius:999px;border:1px solid var(--color-border);font-size:.85rem;background:var(--color-background);color:var(--color-text)}.sponsor-range-form{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.sponsor-range-field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.sponsor-range-field label{color:var(--color-text-secondary)}.sponsor-range-field input[type=date]{padding:.45rem .75rem;border-radius:999px;border:1px solid var(--color-border);font-size:.85rem;background:var(--color-background);color:var(--color-text)}.sponsor-range-button{padding:.5rem 1.25rem;border-radius:999px;border:1px solid var(--color-primary-dark);background:var(--color-primary);font-size:.9rem;font-weight:600;color:var(--color-text)}.sponsor-range-button:disabled{opacity:.5;cursor:not-allowed}.sponsor-range-list{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem;max-height:240px;overflow-y:auto}.sponsor-range-row{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.sponsor-range-date{width:90px;color:var(--color-text-secondary)}.sponsor-range-bar-wrap{flex:1;background:var(--color-background-solid);border-radius:999px;border:1px solid var(--color-border-light);overflow:hidden}.sponsor-range-bar{background:var(--color-primary);padding:.25rem .6rem;border-radius:999px;display:inline-flex;align-items:center}.sponsor-range-bar-label{font-size:.75rem;font-weight:600;color:var(--color-text)}.sponsor-promo-card{margin-top:1.25rem;padding:1rem 1.25rem;border-radius:14px;background:var(--color-background-solid);border:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:.35rem}.sponsor-promo-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:.25rem}.sponsor-promo-label{font-weight:600}.sponsor-promo-date{font-weight:500}.sponsor-promo-code{font-size:1.4rem;font-weight:700;color:var(--color-text)}.sponsor-promo-title{font-size:.95rem;font-weight:600;color:var(--color-text)}.sponsor-promo-description{font-size:.9rem;color:var(--color-text-secondary)}.sponsor-alert{margin-bottom:1rem;padding:.75rem 1rem;border-radius:10px;font-size:.9rem}.sponsor-alert-error{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.sponsor-loading{margin-top:1.5rem;color:var(--color-text-secondary)}.sponsor-empty{margin-top:.5rem;color:var(--color-text-secondary);font-size:.9rem}@media (max-width: 900px){.sponsor-kpi-grid,.sponsor-kpi-grid-daily{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.sponsor-dashboard{padding:1.5rem 1.25rem 1.75rem;border-radius:18px}.sponsor-header{flex-direction:column;align-items:flex-start}.sponsor-kpi-grid,.sponsor-kpi-grid-daily{grid-template-columns:repeat(2,minmax(0,1fr))}.sponsor-kpi-card{padding:.75rem .9rem}.sponsor-kpi-value{font-size:1.4rem}}