:root{--md-sys-color-primary: #e9a03f;--md-sys-color-on-primary: #0a0a0b;--md-sys-color-primary-container: rgba(233, 160, 63, 0.22);--md-sys-color-on-primary-container: #e9a03f;--md-sys-color-surface: #0a0a0b;--md-sys-color-on-surface: #e8e6e3;--md-sys-color-surface-container: #121214;--md-sys-color-surface-container-high: #1a1a1d;--md-sys-color-on-surface-variant: #8a8784;--md-sys-color-outline: #2a2a2e;--md-sys-color-error: #c75c5c;--md-sys-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.35);--md-sys-elevation-2: 0 1px 4px rgba(0, 0, 0, 0.45);--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px}:root{--font-brand: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ds-bg: #0a0a0b;--ds-surface: #121214;--ds-surface-elevated: #1a1a1d;--ds-border: #2a2a2e;--ds-text: #e8e6e3;--ds-text-muted: #8a8784;--ds-amber: #e9a03f;--ds-amber-dim: #b87d2e;--ds-teal: #2ec4b6;--ds-teal-dim: #1e9d92;--ds-error: #c75c5c;--ds-success: #4a9d7a}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{margin:0;background:#0a0a0b;font-family:var(--font-ui);color:#e8e6e3;-webkit-font-smoothing:antialiased}.wordmark{font-family:var(--font-brand);font-weight:600;letter-spacing:-0.02em}.eyebrow{font-family:var(--font-mono);letter-spacing:0.18em;text-transform:uppercase;font-size:0.72em}.ds-flash{padding:0.75rem 1rem;border-radius:4px;margin-bottom:1.5rem;font-size:0.875rem}.ds-flash--success{background:rgba(74,157,122,0.15);color:#4a9d7a;border:1px solid rgba(74,157,122,0.3)}.ds-flash--error{background:rgba(199,92,92,0.15);color:#c75c5c;border:1px solid rgba(199,92,92,0.3)}.ds-btn{padding:0.5rem 1rem;border:none;border-radius:var(--md-sys-shape-corner-medium, 6px);font-size:0.875rem;cursor:pointer;font-family:inherit;transition:background 0.2s, color 0.2s, box-shadow 0.2s}.ds-btn--primary{background:var(--md-sys-color-primary, #e9a03f);color:var(--md-sys-color-on-primary, #0a0a0b);box-shadow:var(--md-sys-elevation-1)}.ds-btn--primary:hover{background:#b87d2e;box-shadow:var(--md-sys-elevation-2)}.ds-btn--secondary{background:var(--md-sys-color-surface-container-high, #1a1a1d);color:var(--md-sys-color-on-surface-variant, #8a8784);border:1px solid var(--md-sys-color-outline, #2a2a2e)}.ds-btn--secondary:hover{background:#2a2a2e;color:#e8e6e3}.ds-btn--ghost{background:transparent;color:#2ec4b6}.ds-btn--ghost:hover{color:#1e9d92}.ds-btn--sm{padding:0.35rem 0.6rem;font-size:0.75rem;display:inline-flex;align-items:center;gap:0.35rem}.ds-section-title{font-size:0.7rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#8a8784;margin:0 0 0.75rem}.ds-page{min-height:100vh;background:#0a0a0b;padding:2rem 1rem}.ds-container{max-width:420px;margin:0 auto}.ds-header{margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}.ds-header .ds-header-logo{flex-shrink:0}.ds-header .ds-header-text{flex:1;min-width:0}.ds-subtitle--with-icon{display:inline-flex;align-items:center;gap:0.35rem}.ds-permissions-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:0.25rem;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:opacity 0.2s}.ds-permissions-icon:hover{opacity:0.8}.ds-permissions-icon--ok{color:#4a9d7a}.ds-permissions-icon--warning{color:#e9a03f}.ds-dialog{position:relative;max-width:90vw;width:360px;padding:1.5rem;padding-top:2.5rem;border:1px solid #2a2a2e;border-radius:6px;background:#121214}.ds-dialog::backdrop{background:rgba(0,0,0,0.5)}.ds-dialog-close-btn{position:absolute;top:0.75rem;right:0.75rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;color:#8a8784;cursor:pointer;transition:color 0.2s, background 0.2s}.ds-dialog-close-btn:hover{color:#e8e6e3;background:rgba(138,135,132,0.15)}.ds-dialog-content{margin-bottom:0}.ds-dialog-text{margin:0 0 0.75rem;font-size:0.875rem;color:#e8e6e3;line-height:1.5}.ds-dialog-actions{margin-top:0.75rem}.ds-permissions-checklist{list-style:none;margin:0.75rem 0 0;padding:0}.ds-permissions-checklist-item{display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;color:#8a8784;margin-bottom:0.25rem}.ds-permissions-checklist-item--ok{color:#4a9d7a}.ds-permissions-checklist-item--missing{color:#e9a03f}.ds-permissions-check{flex-shrink:0;font-weight:600}.ds-title{font-size:1.75rem;font-weight:300;letter-spacing:0.08em;margin:0;color:#e8e6e3}.ds-subtitle{font-size:0.8rem;color:#8a8784;margin:0.25rem 0 0;letter-spacing:0.04em}.ds-top-actions{margin-bottom:1.5rem}.ds-boss-cta-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:0.75rem;margin-bottom:1.5rem}.ds-boss-cta-card,.ds-boss-cta-form{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem;background:#121214;border:1px solid #2a2a2e;border-radius:6px;cursor:pointer;text-decoration:none;color:#e8e6e3;transition:border-color 0.2s, background 0.2s;margin:0}.ds-boss-cta-card:hover,.ds-boss-cta-form:hover{border-color:#2ec4b6;background:#1a1a1d;color:#e8e6e3}.ds-boss-cta-form button{width:100%;height:100%;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;padding:0;font:inherit;color:inherit}.ds-boss-cta-icon{width:28px;height:28px;color:#2ec4b6;flex-shrink:0}.ds-boss-cta-label{font-size:0.75rem;font-weight:500;text-align:center;line-height:1.2}.ds-boss-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:2rem}.ds-boss-preview-card{background:#121214;border:1px solid #2a2a2e;border-radius:6px;overflow:hidden;min-height:140px}.ds-boss-preview-card--empty{border-style:dashed;border-color:#2a2a2e;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center}.ds-boss-preview-thumb{aspect-ratio:var(--device-ratio, 9/16);position:relative;overflow:hidden}.ds-boss-preview-placeholder{font-size:0.75rem;color:#8a8784;margin-bottom:0.5rem}.ds-boss-preview-cta{font-size:0.75rem;color:#2ec4b6;text-decoration:none}.ds-boss-preview-cta:hover{color:#1e9d92;text-decoration:underline}.ds-boss-preview-card--empty .ds-btn{margin-top:0}.ds-task-form-details{margin-top:0.75rem;margin-bottom:1rem;min-width:0}.ds-task-form-details[open]{overflow:visible}.ds-task-form-summary{cursor:pointer;font-size:0.875rem;color:#2ec4b6;list-style:none}.ds-task-form-summary::-webkit-details-marker{display:none}.ds-task-form-summary::before{content:"▸ ";display:inline-block;transition:transform 0.2s}.ds-task-form-details[open] .ds-task-form-summary::before{transform:rotate(90deg)}.ds-device-info{font-size:0.75rem;color:#8a8784;margin-bottom:1.5rem;font-family:"JetBrains Mono", ui-monospace, monospace}.ds-debug-section{margin-top:2.5rem;padding:0.75rem 1rem;background:#121214;border:1px solid #2a2a2e;border-radius:6px;font-size:0.75rem}.ds-debug-section .ds-device-info{margin-bottom:0.5rem}.ds-debug-summary{color:#8a8784;cursor:pointer;list-style:none;font-family:"JetBrains Mono", ui-monospace, monospace}.ds-debug-summary::-webkit-details-marker{display:none}.ds-debug-summary::before{content:"▸ ";display:inline-block;transition:transform 0.2s}.ds-debug-section[open] .ds-debug-summary::before{transform:rotate(90deg)}.ds-debug-content{margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid #2a2a2e}.ds-debug-device-list{list-style:none;margin:0 0 0.75rem;padding:0}.ds-debug-device-item{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;font-size:0.75rem;color:#8a8784;font-family:"JetBrains Mono", ui-monospace, monospace;padding:0.5rem 0.75rem;border-bottom:1px solid #2a2a2e;min-height:36px}.ds-debug-device-item:last-child{border-bottom:none}.ds-debug-device-item--current{color:#e8e6e3;font-weight:500;background:rgba(46,196,182,0.08);border-radius:4px;border:1px solid rgba(46,196,182,0.25)}.ds-debug-badge{margin-left:0.5rem;font-size:0.65rem;padding:0.15rem 0.4rem;background:rgba(46,196,182,0.2);color:#2ec4b6;border-radius:4px;font-weight:500}.ds-debug-device-info{flex:1;min-width:0}.ds-btn-icon-form{display:inline;margin:0}.ds-btn-icon-form--overlay{position:absolute;bottom:4px;right:4px;width:26px;height:26px}.ds-btn-icon-form--overlay button,.ds-btn-icon-form--overlay .ds-btn-icon{width:100%;height:100%}.ds-btn-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:4px;color:#8a8784;cursor:pointer;transition:color 0.2s, background 0.2s}.ds-btn-icon:hover{color:#c75c5c;background:rgba(199,92,92,0.1)}.ds-btn-icon--delete{color:#c75c5c}.ds-btn-icon--delete:hover{color:#0a0a0b;background:rgba(199,92,92,0.9)}.ds-btn-icon--overlay{background:rgba(10,10,11,0.75);color:#c75c5c}.ds-btn-icon--overlay:hover{background:rgba(199,92,92,0.9);color:#0a0a0b}.ds-device-name{color:#e8e6e3;font-weight:500}.ds-device-id{color:#2ec4b6}.ds-sep{margin:0 0.35rem;opacity:0.5}.ds-status--on{color:#4a9d7a}.ds-status--off{color:#8a8784}.ds-file-wrapper{margin-bottom:1rem}.ds-file-label{display:flex;align-items:center;justify-content:center;padding:1.25rem;border:1px dashed #2a2a2e;border-radius:6px;background:#121214;cursor:pointer;transition:border-color 0.2s, background 0.2s}.ds-file-label:hover{border-color:#b87d2e;background:#1a1a1d}.ds-file-label input[type="file"]{display:none}.ds-file-text{color:#8a8784;font-size:0.875rem}.ds-crop-container{margin-top:1rem}.ds-crop-label{font-size:0.75rem;color:#8a8784;margin-bottom:0.5rem}.ds-crop-wrapper{max-height:380px;background:#0a0a0b;border-radius:6px;overflow:hidden;border:1px solid #2a2a2e}.ds-crop-wrapper img{max-width:100%;display:block}.ds-crop-actions{display:flex;gap:0.5rem;margin-top:0.75rem}.ds-current{margin-top:2.5rem;margin-bottom:2rem}.ds-current-frame{border-radius:8px;overflow:hidden;border:1px solid #2a2a2e;background:#121214}.ds-current-img{width:100%;height:100%;object-fit:cover;display:block}.ds-history{margin-top:1.5rem}.ds-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.ds-history-expandable{position:relative}.ds-history-grid-wrapper{position:relative;overflow:hidden;transition:max-height 0.3s ease-out}.ds-history-grid-wrapper .ds-history-fade{position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(to bottom, #0a0a0b, transparent);pointer-events:none;transition:opacity 0.2s}.ds-history-grid-wrapper.ds-history-grid-wrapper--expanded .ds-history-fade{opacity:0}.ds-history-more{display:block;width:100%;margin-top:0.75rem;padding:0.5rem;font-size:0.75rem;color:#2ec4b6;background:transparent;border:1px dashed #2a2a2e;border-radius:4px;cursor:pointer;transition:color 0.2s, border-color 0.2s}.ds-history-more:hover{color:#1e9d92;border-color:#2ec4b6}.ds-history-more--hidden{display:none}.ds-history-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:0.75rem}.ds-wallpaper-card{background:#121214;border:1px solid #2a2a2e;border-radius:6px;overflow:hidden}.ds-wallpaper-thumb{position:relative;overflow:hidden}.ds-wallpaper-img{width:100%;height:100%;object-fit:cover;display:block}.ds-download-icon{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:rgba(10,10,11,0.75);color:#2ec4b6;border-radius:4px;text-decoration:none;transition:background 0.2s, color 0.2s}.ds-download-icon:hover{background:#2ec4b6;color:#0a0a0b}.ds-wallpaper-meta{padding:0.3rem 0.5rem;font-size:0.65rem;color:#8a8784;display:flex;align-items:center;gap:0.35rem}.ds-wallpaper-actions{display:flex;flex-direction:column;gap:0.2rem;padding:0.3rem 0.5rem;border-top:1px solid #2a2a2e}.ds-wallpaper-actions .ds-btn{width:100%}.ds-badge{color:#4a9d7a}.ds-delete-btn{width:100%;padding:0.3rem;font-size:0.65rem;background:transparent;color:#8a8784;border:none;cursor:pointer;transition:color 0.2s, background 0.2s}.ds-delete-btn:hover{color:#c75c5c;background:rgba(199,92,92,0.1)}.ds-error{color:#c75c5c;font-size:0.875rem}.ds-auth-form{margin-top:1.5rem;padding:1.5rem;background:#121214;border:1px solid #2a2a2e;border-radius:6px}.ds-auth-links{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-top:1.5rem}.ds-form-hint{display:block;font-size:0.75rem;color:#8a8784;margin-bottom:0.25rem}.ds-task-form{margin-top:0.75rem;padding:1rem;background:#121214;border:1px solid #2a2a2e;border-radius:6px;min-width:0}.ds-task-form .ds-form-group{min-width:0}.ds-form-label{display:block;font-size:0.75rem;color:#8a8784;margin-bottom:0.25rem}.ds-input{width:100%;max-width:100%;padding:0.5rem 0.75rem;background:#0a0a0b;border:1px solid #2a2a2e;border-radius:4px;color:#e8e6e3;font-family:inherit;font-size:0.875rem;box-sizing:border-box}.ds-input:focus{outline:none;border-color:#2ec4b6}.ds-textarea{resize:vertical;min-height:64px;overflow-y:auto;box-sizing:border-box}.ds-select{padding:0.25rem 0.5rem;background:#0a0a0b;border:1px solid #2a2a2e;border-radius:4px;color:#e8e6e3;font-size:0.875rem;margin-left:0.35rem}.ds-deadline-options{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:0.25rem}.ds-deadline-options .ds-radio-label{display:flex;align-items:center;gap:0.25rem;font-size:0.875rem;color:#8a8784;cursor:pointer}.ds-datetime-wrapper{margin-top:0.5rem}.ds-checkbox-label{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#8a8784;cursor:pointer}.ds-alarm-sound-options{margin-top:0.5rem;margin-left:1.5rem}.ds-task-section{margin-top:2rem}.ds-task-list{margin-top:1.5rem}.ds-task-card{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.75rem 1rem;background:#121214;border:1px solid #2a2a2e;border-radius:6px;margin-bottom:0.5rem}.ds-task-card-info{flex:1;min-width:0}.ds-task-card-name{font-weight:500;color:#e8e6e3}.ds-task-card-meta{font-size:0.75rem;color:#8a8784;margin-top:0.2rem}.ds-task-card-actions{display:flex;align-items:center;gap:0.5rem}.ds-task-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;width:100%}.ds-task-status{font-size:0.65rem;padding:0.2rem 0.5rem;border-radius:4px;font-weight:500}.ds-task-status--pending{background:rgba(233,160,63,0.2);color:#e9a03f}.ds-task-status--completed{background:rgba(74,157,122,0.2);color:#4a9d7a}.ds-task-status--expired{background:rgba(138,135,132,0.2);color:#8a8784}.ds-task-status--rejected{background:rgba(199,92,92,0.2);color:#c75c5c}.ds-back-link{color:#2ec4b6;text-decoration:none;font-size:0.75rem;margin-bottom:0.5rem;display:inline-block}.ds-back-link:hover{color:#1e9d92}.ds-task-detail{margin-top:1rem}.ds-task-body{margin:0;font-size:0.875rem;color:#e8e6e3;line-height:1.5}.ds-text-muted{color:#8a8784}.ds-proof-section{margin-top:1.5rem;padding:1rem;background:#121214;border:1px solid #2a2a2e;border-radius:6px}.ds-proof-media{margin-top:0.75rem}.ds-proof-img{max-width:100%;border-radius:4px;border:1px solid #2a2a2e}.ds-proof-video{max-width:100%;border-radius:4px;border:1px solid #2a2a2e}.ds-proof-meta{font-size:0.75rem;color:#8a8784;margin-top:0.5rem}.ds-proof-review{margin-top:1rem}.ds-proof-review .ds-proof-review__comment{margin-top:0.5rem;margin-bottom:0.75rem}.ds-proof-actions{display:flex;gap:0.75rem;margin-top:1rem}.ds-punishment-list{list-style:none;margin:0;padding:0}.ds-punishment-item{padding:0.75rem 0;border-bottom:1px solid #2a2a2e}.ds-punishment-item:last-child{border-bottom:none}.ds-punishment-message{margin:0;font-size:0.875rem;color:#e8e6e3}.ds-upload-page .ds-upload-container{max-width:480px}.ds-upload-back{display:inline-block;margin-bottom:1rem}.ds-upload-header{margin-bottom:1.5rem}.ds-upload-steps{display:flex;gap:0.75rem;margin-top:0.5rem;font-size:0.75rem;color:#8a8784}.ds-upload-step--active{color:#2ec4b6;font-weight:500}.ds-upload-step-content{display:flex;flex-direction:column;align-items:center;gap:0.75rem}.ds-upload-choose-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;width:100%;min-height:200px;padding:1.5rem;background:#121214;border:2px dashed #2a2a2e;border-radius:6px;cursor:pointer;transition:border-color 0.2s, background 0.2s}.ds-upload-choose-card:hover{border-color:#2ec4b6;background:#1a1a1d}.ds-upload-choose-icon{width:48px;height:48px;color:#2ec4b6}.ds-upload-choose-label{font-size:0.875rem;color:#8a8784}.ds-editor-modal{position:fixed;inset:0;z-index:1000;background:#0a0a0b;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.ds-editor-modal-close{position:fixed;top:0.75rem;right:0.75rem;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:rgba(18,18,20,0.9);border:1px solid #2a2a2e;border-radius:6px;color:#8a8784;cursor:pointer;z-index:1001;transition:color 0.2s, background 0.2s}.ds-editor-modal-close:hover{color:#e8e6e3;background:#1a1a1d}.ds-editor-modal-step{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:0.75rem}.ds-editor-step-label{font-size:0.75rem;color:#8a8784;margin:0}.ds-editor-crop-wrapper{width:100%;max-height:75vh;background:#121214;border-radius:6px;overflow:hidden;border:1px solid #2a2a2e}.ds-editor-crop-wrapper img{max-width:100%;display:block}.ds-editor-actions{display:flex;gap:0.5rem;width:100%;max-width:360px;justify-content:center}.ds-editor-toolbar{display:flex;gap:0.5rem;margin-bottom:0.25rem;flex-wrap:wrap}.ds-tool-btn{display:inline-flex;align-items:center;gap:0.3rem;padding:0.25rem 0.75rem;background:#121214;border:1px solid #2a2a2e;border-radius:4px;color:#8a8784;font-size:0.75rem;font-family:inherit;cursor:pointer;transition:all 0.2s}.ds-tool-btn:hover{border-color:#2ec4b6;color:#e8e6e3}.ds-tool-btn--active{border-color:#2ec4b6;color:#2ec4b6;background:rgba(46,196,182,0.1)}.ds-editor-options-row{display:flex;align-items:center;gap:1rem;margin-bottom:0.5rem;flex-wrap:wrap}.ds-editor-option-label{display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#8a8784;cursor:pointer}.ds-editor-color-input{width:32px;height:24px;padding:2px;border:1px solid #2a2a2e;border-radius:4px;background:#121214;cursor:pointer}.ds-editor-font-select{padding:0.25rem 0.5rem;font-size:0.75rem;background:#0a0a0b;border:1px solid #2a2a2e;border-radius:4px;color:#e8e6e3;cursor:pointer;max-width:140px}.ds-editor-align-btns{display:flex;gap:2px}.ds-editor-align-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;padding:0;background:#0a0a0b;border:1px solid #2a2a2e;border-radius:4px;color:#8a8784;cursor:pointer;transition:color 0.2s, background 0.2s, border-color 0.2s}.ds-editor-align-btn:hover{color:#e8e6e3;background:#1a1a1d}.ds-editor-align-btn--active{color:#2ec4b6;border-color:#2ec4b6;background:rgba(46,196,182,0.1)}.ds-editor-range{width:80px;accent-color:#2ec4b6}.ds-editor-value{font-variant-numeric:tabular-nums;min-width:2.5ch}.ds-editor-canvas-wrapper{position:relative;width:100%;max-width:420px;background:#121214;border:1px solid #2a2a2e;border-radius:6px;overflow:hidden;line-height:0;text-align:center}.ds-editor-canvas-wrapper canvas{display:block;max-width:100%;max-height:65vh;width:auto;height:auto;margin:0 auto;cursor:crosshair}.ds-editor-canvas-wrapper.ds-tool-pixelate canvas{cursor:none}.ds-brush-cursor{position:absolute;pointer-events:none;border:2px solid rgba(46,196,182,0.8);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,0.3);transform:translate(-50%, -50%);z-index:5;display:none}.ds-editor-floating-text-wrapper{position:absolute;display:inline-block;z-index:10;transform:translate(-50%, -50%)}.ds-editor-floating-text{display:inline-block;background:rgba(0,0,0,0.5);border:1px dashed rgba(46,196,182,0.7);border-radius:2px;color:#fff;font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;font-weight:bold;padding:2px 6px;outline:none;min-width:40px;white-space:pre-wrap;line-height:1.2;transform:translateY(-0.08em);cursor:text}.ds-editor-text-delete-btn{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:4px;width:24px;height:24px;padding:0;font-size:18px;line-height:1;color:#8a8784;background:rgba(18,18,20,0.9);border:1px solid #2a2a2e;border-radius:4px;cursor:pointer;transition:color 0.2s, background 0.2s}.ds-editor-text-delete-btn:hover{color:#c75c5c;background:rgba(199,92,92,0.15)}.ds-proof-result{margin-top:0.75rem;font-size:0.875rem;color:#8a8784}.ds-home{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.ds-home__collage{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(6, 1fr);gap:2px;padding:2px}.ds-home__empty{grid-column:1 / -1;grid-row:1 / -1;display:flex;align-items:center;justify-content:center;color:#8a8784;font-size:0.75rem;text-align:center;padding:1.5rem}.ds-home__empty code{font-family:"JetBrains Mono", ui-monospace, monospace;background:#121214;padding:0.2em 0.4em;border-radius:4px}.ds-home__collage-tile{overflow:hidden;animation:ds-collage-fade 0.8s ease-out both;animation-delay:calc(var(--i) * 0.03s)}.ds-home__collage-tile img{width:100%;height:100%;object-fit:cover;filter:saturate(0.85) brightness(0.6)}.ds-home__collage-tile--refreshing{animation:ds-collage-pop 0.5s ease-out}@keyframes ds-collage-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}.ds-home__collage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(10,10,11,0.5) 0%, rgba(10,10,11,0.75) 50%, rgba(10,10,11,0.9) 100%);pointer-events:none}@keyframes ds-collage-fade{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.ds-home__content{position:relative;z-index:1;text-align:center;padding:2rem}.ds-home__logo{width:120px;height:120px;margin:0 auto 1.5rem;filter:drop-shadow(0 8px 24px rgba(0,0,0,0.5))}.ds-home__logo svg{width:100%;height:100%}.ds-home__title{font-family:"Space Grotesk", system-ui, sans-serif;font-size:clamp(3rem, 10vw, 5rem);font-weight:600;color:#e8e6e3;letter-spacing:-0.02em;margin:0;text-shadow:0 2px 20px rgba(0,0,0,0.5)}.ds-home__tagline{font-family:"JetBrains Mono", ui-monospace, monospace;font-size:clamp(0.9rem, 2.5vw, 1.1rem);font-weight:400;color:#8a8784;letter-spacing:0.18em;text-transform:uppercase;margin:0.5rem 0 0;text-shadow:0 1px 10px rgba(0,0,0,0.4)}.ds-home__auth{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-top:1.5rem}.ds-admin-container{max-width:480px}.ds-header-actions{margin-left:auto;display:flex;gap:0.5rem}.ds-admin-list{margin-top:1.5rem}.ds-device-list{list-style:none;margin:0;padding:0}.ds-device-list-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.75rem 1rem;background:#121214;border:1px solid #2a2a2e;border-radius:6px;margin-bottom:0.5rem}.ds-device-list-item:last-child{margin-bottom:0}.ds-device-list-info{font-size:0.75rem;color:#8a8784;font-family:"JetBrains Mono", ui-monospace, monospace;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.ds-device-list-info .ds-device-name{color:#e8e6e3;font-weight:500;font-family:inherit}.ds-admin-hint{color:#8a8784;font-size:0.75rem;margin-bottom:1rem}.ds-admin-form{margin-top:1.5rem}.ds-form-group{margin-bottom:1rem}.ds-form-label{display:block;font-size:0.75rem;color:#8a8784;margin-bottom:0.5rem}.ds-form-textarea{width:100%;padding:0.75rem;background:#121214;border:1px solid #2a2a2e;border-radius:6px;color:#e8e6e3;font-family:"JetBrains Mono", ui-monospace, monospace;font-size:0.875rem;resize:vertical;min-height:300px}.ds-form-textarea:focus{outline:none;border-color:#2ec4b6}.ds-form-actions{display:flex;gap:0.75rem;margin-top:1rem}.ds-admin-empty{color:#8a8784;font-size:0.875rem;text-align:center;padding:2rem}.ds-review{position:relative;min-height:100vh;background:#0a0a0b}.ds-review__bg{position:fixed;inset:0;background:linear-gradient(180deg, rgba(10,10,11,0.5) 0%, rgba(10,10,11,0.75) 50%, rgba(10,10,11,0.9) 100%);pointer-events:none}.ds-review__content{position:relative;z-index:1;padding:1rem;padding-top:1.5rem}.ds-review__header{margin-bottom:1rem;display:flex;align-items:center;gap:0.75rem}.ds-review__title{font-size:1.75rem;font-weight:300;margin:0;color:#e8e6e3}.ds-review__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:4px;padding:4px}@media (min-width: 600px){.ds-review__grid{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}}@media (min-width: 900px){.ds-review__grid{grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}}@media (min-width: 1200px){.ds-review__grid{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}}.ds-review__empty{grid-column:1 / -1;color:#8a8784;font-size:0.875rem;padding:2rem;text-align:center}.ds-review__empty code{font-family:"JetBrains Mono", ui-monospace, monospace;background:#121214;padding:0.2em 0.4em;border-radius:4px}.ds-review-card{aspect-ratio:1;position:relative;overflow:hidden;border-radius:4px;transition:opacity 0.3s, transform 0.3s}.ds-review-card:hover .ds-review-card__actions{opacity:1}.ds-review-card__img{position:absolute;inset:0;line-height:0}.ds-review-card__img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.85) brightness(0.6)}.ds-review-card__actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0.75rem;background:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.2s}.ds-review-card__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;transition:transform 0.2s}.ds-review-card__btn:hover{transform:scale(1.1)}.ds-review-card__btn--like{background:rgba(74,157,122,0.9);color:#0a0a0b}.ds-review-card__btn--dislike{background:rgba(199,92,92,0.9);color:#0a0a0b}.ds-review-card__like-count,.ds-review-card__dislike-count{margin-left:2px;font-size:0.65rem}.ds-review-card__name{position:absolute;bottom:0;left:0;right:0;padding:0.25rem 0.5rem;font-size:0.65rem;color:#e8e6e3;background:linear-gradient(transparent, rgba(0,0,0,0.85))}.ds-review__sentinel{height:1px;visibility:hidden;margin-top:1.5rem}.ds-review__loading{text-align:center;color:#8a8784;font-size:0.75rem;padding:1rem}.ds-beta-section{margin-top:2rem}.ds-beta-section--first{margin-top:0}.ds-beta-section--tight-top{margin-top:1rem}.ds-beta-section-spaced{margin-top:1rem}.ds-section-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem}.ds-section-header .ds-section-title{margin:0}.ds-btn--icon{padding:0.5rem;line-height:1}.ds-btn--icon svg{display:block}.ds-icon-refresh{color:#2ec4b6}.ds-beta-control-card{padding:1rem;background:var(--md-sys-color-surface-container, #121214);border:1px solid var(--md-sys-color-outline, #2a2a2e);border-radius:var(--md-sys-shape-corner-large, 8px);box-shadow:var(--md-sys-elevation-1)}.ds-beta-control-card--invite{border-color:rgba(46,196,182,0.3)}.ds-beta-control-text{margin:0;font-size:0.875rem;color:#e8e6e3}.ds-chaster-countdown{margin:0.5rem 0 0;font-size:1.25rem;font-weight:600;color:#2ec4b6}.ds-beta-control-hint{margin:0.5rem 0 0;font-size:0.75rem;color:#8a8784}.ds-beta-control-hint--small{margin-top:0.75rem;font-size:0.65rem}.ds-beta-invite-link{display:flex;align-items:center;gap:0.5rem;margin-top:0.75rem;padding:0.5rem 0.75rem;background:#0a0a0b;border-radius:4px;border:1px solid #2a2a2e}.ds-beta-invite-link code{flex:1;font-family:"JetBrains Mono", ui-monospace, monospace;font-size:0.65rem;color:#2ec4b6;word-break:break-all}.ds-beta-device-list{list-style:none;padding:0;margin:0}.ds-beta-device-card{padding:0.75rem 1rem;background:#121214;border:1px solid #2a2a2e;border-radius:6px;margin-bottom:0.5rem}.ds-beta-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #2a2a2e}.ds-showcase-preview{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.5rem;margin-top:0.75rem}.ds-showcase-qr{padding:0.75rem;background:white;border-radius:4px;border:1px solid #2a2a2e}.ds-showcase-qr svg{display:block}.ds-showcase-link{flex:1;min-width:200px;display:flex;align-items:center;gap:0.5rem}.ds-showcase-link code,.ds-showcase-link .ds-showcase-link-url{flex:1;font-family:"JetBrains Mono", ui-monospace, monospace;font-size:0.65rem;color:#2ec4b6;word-break:break-all}.ds-showcase-link .ds-showcase-link-url{text-decoration:none}.ds-showcase-link .ds-showcase-link-url:hover{text-decoration:underline}.ds-beta-app-shell{margin:0;min-height:100vh;background:#0a0a0b;color:#e8e6e3}.ds-beta-nav-lock{overflow:hidden}.ds-beta-app{display:flex;align-items:stretch;min-height:100vh}.ds-beta-sidebar{width:16rem;flex-shrink:0;padding:1rem 0.75rem;background:#121214;border-right:1px solid #2a2a2e;position:relative;z-index:20}.ds-beta-sidebar-close{display:none;cursor:pointer}.ds-beta-sidebar-overlay{display:none}.ds-beta-mobile-topbar{display:none}.ds-beta-mobile-navbar{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.ds-beta-mobile-navbar-brand{display:flex;align-items:center;gap:0.5rem;min-width:0;text-decoration:none;color:inherit}.ds-beta-mobile-navbar-wordmark{display:block;font-size:0.95rem;color:#e8e6e3;line-height:1.2}.ds-beta-mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid #2a2a2e;border-radius:6px;background:#121214;color:#e8e6e3;font-size:1.15rem;font-weight:600;cursor:pointer}.ds-beta-sidebar-brand{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #2a2a2e;text-decoration:none;color:inherit}.ds-beta-sidebar-wordmark{display:block;font-size:1rem;color:#e8e6e3;line-height:1.2}.ds-beta-sidebar-nav{display:flex;flex-direction:column;gap:0.25rem}.ds-beta-nav-heading{margin:1rem 0 0.5rem;font-size:0.65rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:#8a8784}.ds-beta-nav-heading:first-child{margin-top:0}.ds-beta-nav-link{display:block;padding:0.5rem 0.75rem;border-radius:6px;font-size:0.875rem;color:#8a8784;text-decoration:none;transition:background 0.2s, color 0.2s}.ds-beta-nav-link:hover{background:#1a1a1d;color:#e8e6e3}.ds-beta-nav-link--sub{padding-left:1.5rem;font-size:0.75rem}.ds-beta-nav-link--active{background:rgba(46,196,182,0.12);color:#2ec4b6;font-weight:600}.ds-beta-main{flex:1;min-width:0}.ds-beta-main-inner{max-width:52rem;margin:0 auto;padding:1.5rem 1.5rem 2.5rem}@media (max-width: 52rem){.ds-beta-app{display:block}.ds-beta-sidebar{position:fixed;top:0;left:0;width:86vw;max-width:18rem;height:100vh;border-right:1px solid #2a2a2e;border-bottom:0;padding-bottom:1rem;box-shadow:0 0.75rem 2rem rgba(0,0,0,0.22);transform:translateX(-105%);transition:transform 0.2s ease;overflow-y:auto}.ds-beta-sidebar-close{display:inline-flex;position:absolute;top:0.5rem;right:0.5rem;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:999px;background:transparent;color:#8a8784;font-size:1rem}.ds-beta-sidebar-overlay{display:block;position:fixed;inset:0;border:0;margin:0;padding:0;background:rgba(0,0,0,0.35);opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:15}.ds-beta-app.ds-beta-nav-open .ds-beta-sidebar{transform:translateX(0)}.ds-beta-app.ds-beta-nav-open .ds-beta-sidebar-overlay{opacity:1;pointer-events:auto}.ds-beta-sidebar-brand{margin-bottom:0.75rem;padding-bottom:0.9rem}.ds-beta-sidebar-nav{flex-direction:column;gap:0.25rem}.ds-beta-main{padding-top:0}.ds-beta-mobile-topbar{display:block;position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:env(safe-area-inset-top) 1rem 0;min-height:calc(3.75rem + env(safe-area-inset-top));margin-bottom:0.75rem;background:rgba(10,10,11,0.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(42,42,46,0.7)}.ds-beta-mobile-navbar{width:100%;min-height:3.75rem}.ds-beta-main-inner{padding-left:1rem;padding-right:1rem;padding-top:0.75rem}}.ds-beta-page-head{margin-bottom:1.5rem}.ds-beta-page-title{margin:0 0 0.5rem;font-size:1.75rem;font-weight:300;letter-spacing:0.08em;color:#e8e6e3}.ds-beta-page-lead{margin:0;max-width:42rem;font-size:1rem;line-height:1.5;color:#8a8784}.ds-beta-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));gap:0.75rem}.ds-beta-catalog-grid--actions{grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr))}.ds-beta-catalog-card{display:flex;flex-direction:column;gap:0.5rem;padding:1rem;background:var(--md-sys-color-surface-container, #121214);border:1px solid var(--md-sys-color-outline, #2a2a2e);border-radius:var(--md-sys-shape-corner-large, 8px);box-shadow:var(--md-sys-elevation-1)}.ds-beta-catalog-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(42,42,46,0.85);color:#2ec4b6;background:rgba(46,196,182,0.08)}.ds-beta-catalog-card--muted{border-style:dashed;opacity:0.85}.ds-beta-catalog-title{margin:0;font-size:1.05rem;font-weight:600;color:#e8e6e3}.ds-beta-catalog-sub{margin:0;font-size:0.75rem;color:#8a8784}.ds-beta-catalog-events{margin:0;font-size:0.75rem;color:#e8e6e3;line-height:1.45}.ds-beta-catalog-footer{margin-top:auto;padding-top:0.5rem;display:flex;align-items:flex-end;justify-content:space-between;gap:0.5rem}.ds-beta-catalog-toggle-form{margin:0}.ds-beta-catalog-toggle{display:inline-flex;align-items:center;gap:0.25rem;margin:0;cursor:pointer}.ds-beta-catalog-toggle-input{position:absolute;opacity:0;width:0;height:0}.ds-beta-catalog-toggle-switch{position:relative;width:2.25rem;height:1.35rem;border-radius:999px;background:rgba(42,42,46,0.95);transition:background 0.2s}.ds-beta-catalog-toggle-switch::after{content:"";position:absolute;top:0.14rem;left:0.14rem;width:1.05rem;height:1.05rem;border-radius:999px;background:#121214;box-shadow:0 0 0 1px rgba(42,42,46,0.8);transition:transform 0.2s}.ds-beta-catalog-toggle-input:checked+.ds-beta-catalog-toggle-switch{background:rgba(46,196,182,0.6)}.ds-beta-catalog-toggle-input:checked+.ds-beta-catalog-toggle-switch::after{transform:translateX(0.9rem)}.ds-beta-catalog-toggle-input:focus-visible+.ds-beta-catalog-toggle-switch{outline:2px solid rgba(46,196,182,0.6);outline-offset:2px}.ds-beta-home-hero{padding:1.5rem;background:linear-gradient(135deg, rgba(46,196,182,0.12), rgba(46,196,182,0.03));border:1px solid rgba(46,196,182,0.25);border-radius:8px}.ds-beta-home-hero-head,.ds-beta-home-card-head{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.ds-beta-home-metric{margin:0.5rem 0 0;font-size:1.6rem;font-weight:700;line-height:1.15;color:#e8e6e3}.ds-beta-home-muted{margin:0.5rem 0 0;color:#8a8784;font-size:0.75rem;line-height:1.5}.ds-beta-home-actions{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem}.ds-beta-home-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));gap:0.75rem}.ds-beta-home-card{display:flex;flex-direction:column;gap:0.5rem;padding:1rem;background:var(--md-sys-color-surface-container, #121214);border:1px solid var(--md-sys-color-outline, #2a2a2e);border-radius:var(--md-sys-shape-corner-large, 8px);box-shadow:var(--md-sys-elevation-1)}.ds-beta-home-card-title{margin:0;font-size:1.05rem;font-weight:600;color:#e8e6e3}.ds-beta-home-pill{display:inline-flex;align-items:center;border-radius:999px;padding:0.12rem 0.6rem;font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;background:rgba(42,42,46,0.55);color:#8a8784}.ds-beta-home-pill--on{background:rgba(46,196,182,0.18);color:#2ec4b6}.ds-beta-home-events{list-style:none;margin:0;padding:0}.ds-beta-home-events-item{display:grid;grid-template-columns:minmax(8rem, 1fr) auto auto;gap:0.75rem;align-items:baseline;padding:0.5rem 0;border-bottom:1px solid rgba(42,42,46,0.65)}.ds-beta-home-events-item:last-child{border-bottom:0;padding-bottom:0}.ds-beta-home-events-source{color:#e8e6e3;font-weight:600}.ds-beta-home-events-value{color:#2ec4b6;font-family:"JetBrains Mono", ui-monospace, monospace;font-size:0.75rem}.ds-beta-home-events-time{color:#8a8784;font-size:0.65rem;font-variant-numeric:tabular-nums}.ds-beta-toolbar{display:flex;justify-content:flex-end;margin-bottom:0.75rem}.ds-puryfi-label-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(14rem, 1fr));gap:0.75rem;padding:0.5rem 0}.ds-puryfi-config-hint{margin-bottom:0.5rem}.ds-puryfi-score-group{max-width:19rem}.ds-puryfi-score-hint{margin-top:0.25rem}.ds-puryfi-label-card{display:flex;gap:0.5rem;align-items:center;padding:0.5rem;border:1px solid rgba(42,42,46,0.75);border-radius:6px;background:rgba(26,26,29,0.35)}.ds-puryfi-label-visual{width:3rem;height:3rem;flex:0 0 3rem;border-radius:4px;border:1px solid rgba(42,42,46,0.8);background:rgba(10,10,11,0.7);display:inline-flex;align-items:center;justify-content:center}.ds-puryfi-label-icon{width:2rem;height:2rem;object-fit:contain;filter:saturate(1.05)}.ds-puryfi-label-fallback{font-size:0.75rem;font-weight:700;color:#8a8784}.ds-puryfi-label-form-group{margin:0;flex:1}.ds-puryfi-label-title{font-size:0.65rem;line-height:1.3}.ds-puryfi-seconds-field{display:inline-flex;align-items:center;gap:0.25rem}.ds-puryfi-seconds-input{width:6.5rem;min-width:0}.ds-puryfi-seconds-unit{font-size:0.75rem;color:#8a8784;white-space:nowrap}.ds-puryfi-install-drawer{margin:0;border:1px solid rgba(42,42,46,0.85);border-radius:8px;background:rgba(18,18,20,0.45)}.ds-puryfi-install-summary{list-style:none;cursor:pointer;padding:0.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.ds-puryfi-install-summary::-webkit-details-marker{display:none}.ds-puryfi-install-summary-title{font-weight:600;color:#e8e6e3}.ds-puryfi-install-summary-status{display:inline-flex;align-items:center;gap:0.5rem}.ds-puryfi-inline-icon{display:inline-flex;width:1rem;align-items:center;justify-content:center;font-weight:700}.ds-puryfi-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;color:#8a8784;transition:transform 0.2s}.ds-puryfi-install-drawer[open] .ds-puryfi-toggle-icon{transform:rotate(180deg)}.ds-puryfi-install-body{border-top:1px solid rgba(42,42,46,0.65);padding:1rem}.ds-puryfi-ws-url{word-break:break-all;font-family:"JetBrains Mono", ui-monospace, monospace;color:#2ec4b6}.ds-puryfi-install-actions{margin-top:0.5rem;display:flex;flex-wrap:wrap;gap:0.5rem}.ds-puryfi-install-actions form{margin:0}.ds-beta-bullet-list{margin:0.75rem 0 0;padding-left:1.15rem;color:#8a8784;font-size:0.875rem;line-height:1.55}.ds-beta-bullet-list li+li{margin-top:0.5rem}.ds-code-inline{font-family:"JetBrains Mono", ui-monospace, monospace;font-size:0.85em;color:#2ec4b6}.ds-inline-link{color:#2ec4b6;text-decoration:underline}.ds-inline-link:hover{color:#1e9d92}.ds-beta-task-back{display:inline-block;margin-bottom:1rem}.showcase-page{min-height:100vh;padding:2.5rem 1.5rem}.showcase-page .showcase-container{max-width:480px;margin:0 auto;padding:0 0.75rem}.showcase-page .ds-header{margin-bottom:2rem;padding-top:1rem}.showcase-games{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.showcase-game-card{display:block;padding:1.5rem 2rem;background:#1a1a1d;border:1px solid #2a2a2e;border-radius:8px;text-decoration:none;color:#e8e6e3;transition:border-color 0.2s, box-shadow 0.2s}.showcase-game-card:hover{border-color:#2ec4b6;box-shadow:0 0 0 1px #2ec4b6}.showcase-game-icon{font-size:2rem;display:block;margin-bottom:0.75rem}.showcase-game-title{font-size:1.25rem;margin:0 0 0.5rem;color:#e8e6e3}.showcase-game-desc{font-size:0.75rem;color:#8a8784;margin:0;line-height:1.5}.quiz-page{min-height:100vh;padding:2.5rem 1.5rem}.quiz-page .quiz-container{max-width:480px;margin:0 auto;padding:0 0.75rem}.quiz-page .ds-header{margin-bottom:1.5rem;padding-top:1rem}.quiz-nav,.snake-nav{margin-top:0.75rem}.quiz-nav{text-align:right}.snake-nav{position:absolute;top:0.5rem;left:0.75rem}.quiz-intro{text-align:center;margin-top:2rem;padding:0 0.5rem}.quiz-rules{color:#8a8784;font-size:0.875rem;margin:0 0 1.5rem;line-height:1.5}.quiz-game{margin-top:1.5rem;padding:0 0.5rem}.quiz-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;font-size:0.75rem;color:#8a8784}.quiz-score{font-weight:600;color:#e8e6e3}.quiz-difficulty{display:inline-block;padding:0.25rem 0.75rem;border-radius:6px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.75rem}.quiz-difficulty--bleu{background:rgba(59,130,246,0.2);color:#60a5fa;border:1px solid rgba(59,130,246,0.4)}.quiz-difficulty--blanc{background:rgba(255,255,255,0.15);color:#e5e7eb;border:1px solid rgba(255,255,255,0.3)}.quiz-difficulty--rouge{background:rgba(239,68,68,0.2);color:#f87171;border:1px solid rgba(239,68,68,0.4)}.quiz-question{font-size:1.125rem;line-height:1.6;color:#e8e6e3;margin:0 0 1rem;font-weight:500}.quiz-timer{height:6px;background:#1a1a1d;border-radius:4px;overflow:hidden;margin-bottom:1.5rem}.quiz-timer-bar{height:100%;background:#2ec4b6;transition:width 1s linear}.quiz-answer-form{display:flex;gap:0.75rem}.quiz-input{flex:1}.quiz-choice{text-align:center;margin-top:2rem;padding:1.5rem 2rem;background:#1a1a1d;border-radius:8px;border:1px solid #2a2a2e}.quiz-choice-title{font-size:1.5rem;margin:0 0 0.75rem;color:#e9a03f}.quiz-choice p{color:#8a8784;margin:0 0 1.5rem;line-height:1.5}.quiz-choice-buttons{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap}.quiz-gameover{text-align:center;margin-top:2rem;padding:0 0.5rem}.quiz-gameover-title{font-size:1.5rem;margin:0 0 0.5rem;color:#e8e6e3}.quiz-gameover-score{font-size:0.875rem;color:#8a8784;margin:0 0 1.5rem}.quiz-leaderboard-form{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.5rem;max-width:280px;margin-left:auto;margin-right:auto}.quiz-lb-registered{margin:0 0 0.5rem;text-align:center;color:#8a8784;font-size:0.875rem}.quiz-lb-registered strong{color:#e8e6e3}.quiz-lb-name-fields{display:flex;flex-direction:column;gap:0.75rem}.quiz-leaderboard{margin-top:2rem;padding:0 0.5rem}.quiz-leaderboard-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-bottom:0.75rem}.quiz-leaderboard-toolbar-label{font-size:0.75rem;color:#8a8784}.quiz-leaderboard-sort{max-width:200px;width:100%}.quiz-leaderboard-list{background:#1a1a1d;border:1px solid #2a2a2e;border-radius:6px;padding:0;overflow:hidden}.quiz-leaderboard-empty{color:#8a8784;font-size:0.75rem;margin:0;padding:0.75rem}.quiz-leaderboard-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.quiz-leaderboard-table{width:100%;border-collapse:collapse;color:#e8e6e3}.quiz-leaderboard-table th,.quiz-leaderboard-table td{padding:0.5rem 0.75rem;text-align:left;vertical-align:middle;border-bottom:1px solid #2a2a2e}.quiz-leaderboard-table tbody tr:last-child td{border-bottom:none}.quiz-leaderboard-table .quiz-leaderboard-th{color:#8a8784;font-weight:600;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.04em;background:rgba(42,42,46,0.35)}.quiz-leaderboard-table .quiz-leaderboard-th--num{width:2rem}.quiz-leaderboard-table .quiz-leaderboard-th--score{text-align:right;width:4.25rem}.quiz-leaderboard-table .quiz-leaderboard-th--meta{width:4.5rem;font-size:0.58rem;color:#8a8784}.quiz-leaderboard-table .quiz-leaderboard-td--num{font-weight:600;color:#e9a03f;font-size:0.75rem}.quiz-leaderboard-table .quiz-leaderboard-td--name{max-width:9rem;word-break:break-word;line-height:1.35}.quiz-leaderboard-table .quiz-leaderboard-td--name strong{font-size:0.875rem;font-weight:700;color:#e8e6e3}.quiz-leaderboard-table .quiz-leaderboard-td--score{text-align:right;white-space:nowrap}.quiz-leaderboard-table .quiz-leaderboard-td--score strong{font-family:"JetBrains Mono", ui-monospace, monospace;font-size:1.05rem;font-weight:800;color:#e9a03f;font-variant-numeric:tabular-nums}.quiz-leaderboard-table .quiz-leaderboard-td--meta{color:#8a8784;white-space:nowrap;font-size:0.68rem;font-weight:400;font-variant-numeric:tabular-nums}.quiz-leaderboard-pagination{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-top:0.75rem}.quiz-leaderboard-page-label{font-size:0.75rem;color:#8a8784;text-align:center;flex:1}body.snake-page-active{overflow:hidden;overscroll-behavior:none;position:fixed;width:100%;height:100%}html:has(body.snake-page-active){overflow:hidden}.snake-page{position:relative;min-height:100vh;min-height:100dvh;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0.75rem 1.5rem 1.5rem;padding-top:0.75rem;background:#0d1f0d;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.snake-game{touch-action:none}.snake-seconds-foot{margin:0.35rem 0 0;text-align:center;font-size:0.65rem;line-height:1.2;color:rgba(255,255,255,0.45);letter-spacing:0.02em}.snake-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.snake-intro,.snake-gameover{text-align:center}.snake-title{font-size:2rem;font-weight:600;color:#33ff33;margin:0 0 0.5rem;letter-spacing:0.1em;font-family:"JetBrains Mono", ui-monospace, monospace}.snake-hint{color:#22cc22;font-size:0.75rem;margin:0 0 1.5rem;opacity:0.9}.snake-score{color:#33ff33;font-size:0.875rem;font-family:"JetBrains Mono", ui-monospace, monospace;margin-bottom:0.5rem}.snake-canvas{display:block;background:#0d1f0d;border:2px solid #22cc22;border-radius:4px;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;user-select:none;-webkit-user-select:none}.snake-controls-row{display:flex;align-items:center;justify-content:center;margin-top:1rem;width:100%}.snake-dpad{display:flex;justify-content:center;flex-shrink:0}.snake-dpad-cross{position:relative;width:260px;height:260px;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;background:linear-gradient(45deg, transparent calc(50% - 1px), rgba(34,204,34,0.28) calc(50% - 1px), rgba(34,204,34,0.28) calc(50% + 1px), transparent calc(50% + 1px)),linear-gradient(-45deg, transparent calc(50% - 1px), rgba(34,204,34,0.28) calc(50% - 1px), rgba(34,204,34,0.28) calc(50% + 1px), transparent calc(50% + 1px)),radial-gradient(circle at 35% 28%, rgba(51,255,51,0.13), transparent 55%),#0a1510;border:2px solid rgba(34,204,34,0.55);border-radius:50%;box-shadow:inset 0 4px 12px rgba(0,0,0,0.6),inset 0 -2px 0 rgba(34,204,34,0.15),0 8px 24px rgba(0,0,0,0.4);-webkit-tap-highlight-color:transparent}.snake-dpad-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:56px;height:56px;background:#152018;border-radius:50%;box-shadow:inset 0 4px 8px rgba(0,0,0,0.5);pointer-events:none}.snake-dpad-btn{position:absolute;padding:0;border:none;background:transparent;cursor:pointer;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity 0.2s}.snake-dpad-btn:hover .snake-dpad-arrow{opacity:0.9}.snake-dpad-btn:active .snake-dpad-arrow{opacity:1}.snake-dpad-arrow{display:block;width:0;height:0;border-style:solid;opacity:0.85;transition:opacity 0.2s}.snake-dpad-btn--up{top:0;left:50%;transform:translateX(-50%);width:130px;height:130px;display:flex;align-items:flex-start;justify-content:center;padding-top:24px}.snake-dpad-btn--up .snake-dpad-arrow{border-width:0 28px 42px 28px;border-color:transparent transparent #22cc22 transparent}.snake-dpad-btn--down{bottom:0;left:50%;transform:translateX(-50%);width:130px;height:130px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:24px}.snake-dpad-btn--down .snake-dpad-arrow{border-width:42px 28px 0 28px;border-color:#22cc22 transparent transparent transparent}.snake-dpad-btn--left{left:0;top:50%;transform:translateY(-50%);width:130px;height:130px;display:flex;align-items:center;justify-content:flex-start;padding-left:24px}.snake-dpad-btn--left .snake-dpad-arrow{border-width:28px 42px 28px 0;border-color:transparent #22cc22 transparent transparent}.snake-dpad-btn--right{right:0;top:50%;transform:translateY(-50%);width:130px;height:130px;display:flex;align-items:center;justify-content:flex-end;padding-right:24px}.snake-dpad-btn--right .snake-dpad-arrow{border-width:28px 0 28px 42px;border-color:transparent transparent transparent #22cc22}.snake-gameover-title{font-size:1.5rem;color:#33ff33;margin:0 0 0.5rem;font-family:"JetBrains Mono", ui-monospace, monospace}.snake-gameover-score{color:#22cc22;font-size:0.875rem;margin:0 0 1.5rem}.snake-btn{padding:0.75rem 1.5rem;font-size:0.875rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;font-family:inherit;transition:opacity 0.2s}.snake-btn:hover{opacity:0.9}.snake-btn:active{opacity:0.8}.snake-btn--start,.snake-btn--submit{background:#33ff33;color:#0d1f0d}.snake-btn--ghost{background:transparent;color:#22cc22;border:1px solid #22cc22;margin-top:0.75rem}.snake-btn--sm{padding:0.25rem 0.5rem;font-size:0.75rem;margin-top:0}.snake-flash{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);padding:0.75rem 1.5rem;border-radius:6px;font-size:0.875rem;z-index:100}.snake-flash--success{background:#4a9d7a;color:#0a0a0b}.snake-flash--error{background:#c75c5c;color:#0a0a0b}.snake-leaderboard-form{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.5rem;max-width:280px}.snake-lb-registered{margin:0 0 0.5rem;text-align:center;color:#88ff88;font-size:0.875rem}.snake-lb-registered strong{color:#eeffcc}.snake-lb-name-fields{display:flex;flex-direction:column;gap:0.75rem}.snake-input{padding:0.75rem;font-size:0.875rem;font-family:inherit;background:#0d1f0d;border:1px solid #22cc22;border-radius:6px;color:#33ff33}.snake-input::placeholder{color:#22cc22;opacity:0.7}.snake-leaderboard{margin-top:2rem;width:100%;max-width:26rem}.snake-leaderboard-title{font-size:0.875rem;color:#22cc22;margin:0 0 0.75rem;font-family:"JetBrains Mono", ui-monospace, monospace}.snake-leaderboard-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;width:100%;margin-bottom:0.75rem}.snake-leaderboard-toolbar-label{font-size:0.75rem;color:#22cc22;opacity:0.8}.snake-leaderboard-sort{flex:1;min-width:0;max-width:220px}.snake-leaderboard-list{background:rgba(13,31,13,0.8);border:1px solid #22cc22;border-radius:6px;padding:0;overflow:hidden}.snake-leaderboard-empty{color:#22cc22;opacity:0.7;font-size:0.75rem;margin:0;padding:0.75rem}.snake-leaderboard-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.snake-leaderboard-table{width:100%;border-collapse:collapse;color:#33ff33}.snake-leaderboard-table th,.snake-leaderboard-table td{padding:0.5rem 0.75rem;text-align:left;vertical-align:middle;border-bottom:1px solid rgba(34,204,34,0.35)}.snake-leaderboard-table tbody tr:last-child td{border-bottom:none}.snake-leaderboard-table .snake-leaderboard-th{color:#55ff55;font-weight:600;font-size:0.65rem;text-transform:uppercase;letter-spacing:0.04em;background:rgba(13,31,13,0.95)}.snake-leaderboard-table .snake-leaderboard-th--num{width:1.75rem}.snake-leaderboard-table .snake-leaderboard-th--score{text-align:right;width:3.5rem}.snake-leaderboard-table .snake-leaderboard-th--meta{width:4rem;font-size:0.52rem;color:#33aa33;font-weight:500}.snake-leaderboard-table .snake-leaderboard-td--num{color:#44cc44;font-size:0.75rem;font-weight:600}.snake-leaderboard-table .snake-leaderboard-td--name{max-width:8rem;word-break:break-word}.snake-leaderboard-table .snake-lb-name{display:inline-block;font-size:1.1rem;font-weight:800;color:#f6fff6;letter-spacing:0.01em}.snake-leaderboard-table .snake-leaderboard-td--score{text-align:right;white-space:nowrap}.snake-leaderboard-table .snake-lb-score{display:inline-block;font-family:"JetBrains Mono", ui-monospace, monospace;font-size:1.35rem;font-weight:800;color:#fff6a0;font-variant-numeric:tabular-nums}.snake-leaderboard-table .snake-lb-meta{color:#228822;font-size:0.64rem;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}.snake-leaderboard-pagination{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;width:100%;margin-top:0.75rem}.snake-leaderboard-pagination .snake-btn--ghost{margin-top:0}.snake-leaderboard-page-label{font-size:0.75rem;color:#22cc22;text-align:center;flex:1;opacity:0.85}body.dino-page-active{overflow:hidden;overscroll-behavior:none;position:fixed;width:100%;height:100%}html:has(body.dino-page-active){overflow:hidden}.dino-page{position:relative;min-height:100vh;min-height:100dvh;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0.75rem 1.5rem 1.5rem;background:#f7f7f7;color:#535353;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.dino-container{width:100%;max-width:42rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.dino-intro,.dino-gameover{text-align:center;margin-top:1.5rem}.dino-title{font-size:2rem;font-weight:700;color:#535353;margin:0 0 0.5rem;font-family:"JetBrains Mono", ui-monospace, monospace}.dino-hint{color:#6b6b6b;font-size:0.75rem;margin:0 0 1.5rem;line-height:1.5}.dino-game{width:100%;touch-action:none}.dino-score{display:flex;justify-content:space-between;gap:0.75rem;margin-bottom:0.5rem;color:#535353;font-size:0.875rem;font-family:"JetBrains Mono", ui-monospace, monospace;font-variant-numeric:tabular-nums}.dino-canvas{display:block;width:100%;height:auto;background:#f7f7f7;border:2px solid #535353;border-radius:6px;touch-action:none;user-select:none;-webkit-user-select:none}.dino-gameover-title{font-size:1.5rem;color:#535353;margin:0 0 0.5rem;font-family:"JetBrains Mono", ui-monospace, monospace}.dino-gameover-score{color:#6b6b6b;font-size:0.875rem;margin:0 0 1.5rem}.dino-btn{padding:0.75rem 1.5rem;font-size:0.875rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;font-family:inherit;transition:opacity 0.2s}.dino-btn:hover{opacity:0.9}.dino-btn:active{opacity:0.8}.dino-btn--start,.dino-btn--submit{background:#535353;color:#ffffff}.dino-btn--ghost{background:transparent;color:#535353;border:1px solid #535353;margin-top:0.75rem}.dino-btn--sm{padding:0.25rem 0.5rem;font-size:0.75rem;margin-top:0}.dino-flash{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);padding:0.75rem 1.5rem;border-radius:6px;font-size:0.875rem;z-index:100}.dino-flash--success{background:#4a9d7a;color:#0a0a0b}.dino-flash--error{background:#c75c5c;color:#0a0a0b}.dino-leaderboard-form{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.5rem;max-width:280px}.dino-lb-registered{margin:0 0 0.5rem;text-align:center;color:#6b6b6b;font-size:0.875rem}.dino-lb-registered strong{color:#303030}.dino-lb-name-fields{display:flex;flex-direction:column;gap:0.75rem}.dino-input{padding:0.75rem;font-size:0.875rem;font-family:inherit;background:#ffffff;border:1px solid #9a9a9a;border-radius:6px;color:#303030}.dino-input::placeholder{color:#777777;opacity:0.8}.dino-leaderboard{margin-top:2rem;width:100%;max-width:32rem}.dino-leaderboard-title{font-size:0.875rem;color:#535353;margin:0 0 0.75rem;font-family:"JetBrains Mono", ui-monospace, monospace}.dino-leaderboard-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;width:100%;margin-bottom:0.75rem}.dino-leaderboard-toolbar-label{font-size:0.75rem;color:#6b6b6b}.dino-leaderboard-sort{flex:1;min-width:0;max-width:220px}.dino-leaderboard-list{background:#ffffff;border:1px solid #c9c9c9;border-radius:6px;padding:0;overflow:hidden}.dino-leaderboard-empty{color:#6b6b6b;font-size:0.75rem;margin:0;padding:0.75rem}.dino-leaderboard-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.dino-leaderboard-table{width:100%;border-collapse:collapse;color:#303030}.dino-leaderboard-table th,.dino-leaderboard-table td{padding:0.5rem 0.75rem;text-align:left;vertical-align:middle;border-bottom:1px solid #e0e0e0}.dino-leaderboard-table tbody tr:last-child td{border-bottom:none}.dino-leaderboard-table .dino-leaderboard-th{color:#6b6b6b;font-weight:700;font-size:0.65rem;text-transform:uppercase;letter-spacing:0.04em;background:#eeeeee}.dino-leaderboard-table .dino-leaderboard-th--num{width:1.75rem}.dino-leaderboard-table .dino-leaderboard-th--score{text-align:right;width:5.25rem}.dino-leaderboard-table .dino-leaderboard-th--meta{width:4rem;font-size:0.52rem;color:#777777;font-weight:600}.dino-leaderboard-table .dino-leaderboard-td--num{color:#6b6b6b;font-size:0.75rem;font-weight:700}.dino-leaderboard-table .dino-leaderboard-td--name{max-width:8rem;word-break:break-word}.dino-leaderboard-table .dino-lb-name{display:inline-block;font-size:1.05rem;font-weight:800;color:#303030;letter-spacing:0.01em}.dino-leaderboard-table .dino-leaderboard-td--score{text-align:right;white-space:nowrap}.dino-leaderboard-table .dino-lb-score{display:inline-block;font-family:"JetBrains Mono", ui-monospace, monospace;font-size:1.1rem;font-weight:800;color:#303030;font-variant-numeric:tabular-nums}.dino-leaderboard-table .dino-lb-meta{color:#777777;font-size:0.64rem;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}.dino-leaderboard-pagination{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;width:100%;margin-top:0.75rem}.dino-leaderboard-pagination .dino-btn--ghost{margin-top:0}.dino-leaderboard-page-label{font-size:0.75rem;color:#6b6b6b;text-align:center;flex:1}body.tetris-page-active{overflow:hidden;overscroll-behavior:none;position:fixed;width:100%;height:100%}html:has(body.tetris-page-active){overflow:hidden}.tetris-page{position:relative;min-height:100vh;min-height:100dvh;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0.75rem 1.5rem 1.5rem;background:#0f172a;color:#e2e8f0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tetris-page:fullscreen{padding:0;overflow:hidden;justify-content:stretch}.tetris-page:-webkit-full-screen{padding:0;overflow:hidden;justify-content:stretch}.tetris-page--play{position:fixed;inset:0;z-index:50;min-height:100dvh;height:100dvh;padding:env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);overflow:hidden;justify-content:flex-start}.tetris-page--play .tetris-leaderboard{display:none}.tetris-page--play .tetris-container{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-width:none;width:100%;margin:0;gap:0;align-self:stretch}.tetris-page--play .tetris-intro{display:none}.tetris-page--play .tetris-gameover:not([hidden]){flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:0.75rem;padding:0 0.75rem 1.5rem}.tetris-page--play .tetris-game{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%;padding:0 0.5rem;box-sizing:border-box}.tetris-page--play .tetris-play-layout{flex:1 1 0;min-height:0;align-items:stretch;justify-content:center;width:100%;gap:0.5rem;padding-bottom:0.25rem}.tetris-page--play .tetris-board-wrap{flex:1 1 0;min-width:0;min-height:0;display:flex;align-items:flex-start;justify-content:center}.tetris-page--play .tetris-canvas{max-width:100%;width:auto;height:100%;max-height:100%;aspect-ratio:10 / 20;object-fit:contain}.tetris-page--play .tetris-preview-aside{flex:0 0 auto;align-self:flex-start;max-width:42%;min-width:5.5rem}.tetris-page--play .tetris-next-canvas{width:100%;max-width:6.5rem;height:auto;aspect-ratio:1}.tetris-page--play .tetris-score-row{width:100%;text-align:left;align-items:flex-start;margin-top:0.5rem;margin-bottom:0}.tetris-page--play .tetris-touch-controls{flex-shrink:0;margin-top:auto;padding:0.5rem 0 calc(0.5rem + env(safe-area-inset-bottom, 0));width:100%;box-sizing:border-box}.tetris-container{width:100%;max-width:28rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.tetris-intro,.tetris-gameover{text-align:center;margin-top:1.5rem}.tetris-title{font-size:2rem;font-weight:700;color:#38bdf8;margin:0 0 0.5rem;font-family:"JetBrains Mono", ui-monospace, monospace;letter-spacing:0.06em}.tetris-hint{color:#94a3b8;font-size:0.75rem;margin:0 0 1.5rem;line-height:1.5}.tetris-start-speed{display:flex;flex-direction:column;align-items:center;gap:0.25rem;margin-bottom:1rem;width:100%;max-width:18rem}.tetris-start-speed-label{font-size:0.75rem;color:#94a3b8}.tetris-start-speed-select{width:100%;max-width:16rem}.tetris-game{width:100%;touch-action:none}.tetris-score-row{display:flex;flex-direction:column;gap:0.25rem;margin-bottom:0.5rem;color:#cbd5e1;font-size:0.875rem;font-family:"JetBrains Mono", ui-monospace, monospace;font-variant-numeric:tabular-nums}.tetris-score--speed{color:#38bdf8;font-size:0.875rem}.tetris-score--time{font-size:0.75rem;color:#94a3b8}.tetris-play-layout{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0.75rem;width:100%}.tetris-board-wrap{flex:0 0 auto;position:relative}.tetris-fx{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:2}.tetris-fx-tetris{font-family:"JetBrains Mono", ui-monospace, monospace;font-weight:800;font-size:clamp(1.25rem, 6vw, 2.25rem);letter-spacing:0.12em;color:#f0f9ff;text-shadow:0 0 12px rgba(56,189,248,0.95),0 0 28px rgba(167,139,250,0.85);opacity:0;transform:scale(0.6);transition:opacity 0.35s ease,transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1)}.tetris-fx-tetris--show{opacity:1;transform:scale(1)}@keyframes tetris-board-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.tetris-board-wrap--shake{animation:tetris-board-shake 0.45s ease-in-out 2}.tetris-preview-aside{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:0.25rem;min-width:5rem}.tetris-preview-title{margin:0;font-size:0.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:0.06em;font-family:"JetBrains Mono", ui-monospace, monospace}.tetris-next-canvas{display:block;width:5rem;height:5rem;background:#020617;border:2px solid #334155;border-radius:6px;image-rendering:pixelated;image-rendering:crisp-edges}.tetris-canvas{display:block;margin:0 auto;width:100%;max-width:200px;height:auto;background:#020617;border:2px solid #334155;border-radius:6px;touch-action:none;user-select:none;-webkit-user-select:none;image-rendering:pixelated;image-rendering:crisp-edges}.tetris-touch-controls{display:flex;flex-direction:column;gap:0.5rem;margin-top:1rem;width:100%}.tetris-touch-row{display:flex;width:100%;gap:0.5rem}.tetris-touch-row--lr .tetris-btn--zone{flex:1 1 50%;min-height:4.25rem;font-size:2rem}.tetris-touch-row--actions .tetris-btn--action{flex:1 1 50%;min-height:3.5rem;font-size:0.875rem}@media (max-width: 480px){.tetris-touch-row--lr .tetris-btn--zone{min-height:5.5rem;font-size:2.25rem}.tetris-touch-row--actions .tetris-btn--action{min-height:4.25rem;font-size:1.05rem}}.tetris-gameover-title{font-size:1.5rem;color:#38bdf8;margin:0 0 0.5rem;font-family:"JetBrains Mono", ui-monospace, monospace}.tetris-gameover-score{color:#94a3b8;font-size:0.875rem;margin:0 0 0.5rem}.tetris-btn{padding:0.75rem 1.5rem;font-size:0.875rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;font-family:inherit;transition:opacity 0.2s}.tetris-btn:hover{opacity:0.92}.tetris-btn:active{opacity:0.85}.tetris-btn--start,.tetris-btn--submit{background:#38bdf8;color:#0f172a}.tetris-btn--ghost{background:transparent;color:#e2e8f0;border:1px solid #475569;margin-top:0.75rem}.tetris-btn--sm{padding:0.25rem 0.5rem;font-size:0.75rem;margin-top:0}.tetris-btn--zone{padding:1rem;background:#1e293b;color:#e2e8f0;border:1px solid #475569;font-weight:700;line-height:1}.tetris-btn--action{padding:0.75rem 1rem;background:#334155;color:#f1f5f9;border:1px solid #475569;font-weight:700}.tetris-btn--harddrop{background:#1e3a5f;border-color:#38bdf8;color:#e0f2fe}.tetris-btn--rotate{background:#3b2e5a;border-color:#a78bfa;color:#f5f3ff}.tetris-flash{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);padding:0.75rem 1.5rem;border-radius:6px;font-size:0.875rem;z-index:100}.tetris-flash--success{background:#4a9d7a;color:#0a0a0b}.tetris-flash--error{background:#c75c5c;color:#0a0a0b}.tetris-leaderboard-form{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.5rem;max-width:280px}.tetris-lb-registered{margin:0 0 0.5rem;text-align:center;color:#94a3b8;font-size:0.875rem}.tetris-lb-registered strong{color:#f1f5f9}.tetris-lb-name-fields{display:flex;flex-direction:column;gap:0.75rem}.tetris-input{padding:0.75rem;font-size:0.875rem;font-family:inherit;background:#1e293b;border:1px solid #475569;border-radius:6px;color:#f1f5f9}.tetris-input::placeholder{color:#64748b;opacity:0.9}.tetris-leaderboard{margin-top:2rem;width:100%;max-width:32rem}.tetris-leaderboard-title{font-size:0.875rem;color:#cbd5e1;margin:0 0 0.75rem;font-family:"JetBrains Mono", ui-monospace, monospace}.tetris-leaderboard-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;width:100%;margin-bottom:0.75rem}.tetris-leaderboard-toolbar-label{font-size:0.75rem;color:#94a3b8}.tetris-leaderboard-sort{flex:1;min-width:0;max-width:220px}.tetris-leaderboard-list{background:#1e293b;border:1px solid #334155;border-radius:6px;padding:0;overflow:hidden}.tetris-leaderboard-empty{color:#94a3b8;font-size:0.75rem;margin:0;padding:0.75rem}.tetris-leaderboard-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tetris-leaderboard-table{width:100%;border-collapse:collapse;color:#e2e8f0}.tetris-leaderboard-table th,.tetris-leaderboard-table td{padding:0.5rem 0.75rem;text-align:left;vertical-align:middle;border-bottom:1px solid #334155}.tetris-leaderboard-table tbody tr:last-child td{border-bottom:none}.tetris-leaderboard-table .tetris-leaderboard-th{color:#94a3b8;font-weight:700;font-size:0.65rem;text-transform:uppercase;letter-spacing:0.04em;background:#0f172a}.tetris-leaderboard-table .tetris-leaderboard-th--num{width:1.75rem}.tetris-leaderboard-table .tetris-leaderboard-th--score{text-align:right;width:4rem}.tetris-leaderboard-table .tetris-leaderboard-th--meta{width:3.5rem;font-size:0.52rem;color:#64748b;font-weight:600}.tetris-leaderboard-table .tetris-leaderboard-td--num{color:#94a3b8;font-size:0.75rem;font-weight:700}.tetris-leaderboard-table .tetris-leaderboard-td--name{max-width:7rem;word-break:break-word}.tetris-leaderboard-table .tetris-lb-name{display:inline-block;font-size:1.05rem;font-weight:800;color:#f1f5f9;letter-spacing:0.01em}.tetris-leaderboard-table .tetris-leaderboard-td--score{text-align:right;white-space:nowrap}.tetris-leaderboard-table .tetris-lb-score{display:inline-block;font-family:"JetBrains Mono", ui-monospace, monospace;font-size:1.1rem;font-weight:800;color:#38bdf8;font-variant-numeric:tabular-nums}.tetris-leaderboard-table .tetris-leaderboard-td--time-meta{font-size:0.75rem;color:#cbd5e1;white-space:nowrap;font-variant-numeric:tabular-nums}.tetris-leaderboard-table .tetris-lb-meta{color:#64748b;font-size:0.64rem;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}.tetris-leaderboard-pagination{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;width:100%;margin-top:0.75rem}.tetris-leaderboard-pagination .tetris-btn--ghost{margin-top:0}.tetris-leaderboard-page-label{font-size:0.75rem;color:#94a3b8;text-align:center;flex:1}.backdoor-page{min-height:100vh;padding:2.5rem 1.5rem}.backdoor-container{max-width:420px;margin:0 auto;padding:0 0.75rem}.backdoor-page .ds-header{margin-bottom:0.75rem;padding-top:1rem}.backdoor-nav{margin:0 0 1.5rem;text-align:right}.backdoor-timer-card,.backdoor-form-card{background:#1a1a1d;border:1px solid #2a2a2e;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.backdoor-section-label{font-size:0.75rem;color:#8a8784;text-transform:uppercase;letter-spacing:0.06em;margin:0 0 0.5rem}.backdoor-lock-title{font-size:0.875rem;margin:0 0 0.75rem;color:#e8e6e3}.backdoor-countdown{font-family:"JetBrains Mono", ui-monospace, monospace;font-size:1.75rem;font-weight:600;color:#2ec4b6;margin:0;font-variant-numeric:tabular-nums}.backdoor-hint{font-size:0.75rem;margin:0.75rem 0 0;line-height:1.4}.backdoor-form-title{font-size:1.2rem;margin:0 0 0.5rem;color:#e8e6e3}.backdoor-form-intro{color:#8a8784;font-size:0.875rem;margin:0 0 1.5rem}.backdoor-dhm{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.backdoor-dhm-col{display:flex;flex-direction:column;align-items:center;gap:0.25rem}.backdoor-dhm-btn{width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid #2a2a2e;background:rgba(232,230,227,0.06);color:#e8e6e3;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background 0.2s, border-color 0.2s}.backdoor-dhm-btn:hover{border-color:#2ec4b6;color:#2ec4b6}.backdoor-dhm-digits{font-family:"JetBrains Mono", ui-monospace, monospace;font-size:1.5rem;font-weight:600;min-width:2.5rem;text-align:center;color:#e8e6e3;font-variant-numeric:tabular-nums}.backdoor-dhm-label{font-size:0.7rem;color:#8a8784;text-transform:lowercase}.backdoor-dhm-err,.backdoor-form-err{color:#c75c5c;font-size:0.75rem;margin:0 0 0.75rem}.backdoor-field{margin-bottom:0.75rem}.backdoor-label{display:block;font-size:0.75rem;color:#8a8784;margin-bottom:0.25rem}.backdoor-textarea{width:100%;min-height:5rem;resize:vertical}.backdoor-form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0.75rem;margin-top:1rem}