:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #fffcf0;--bg-secondary: #e6e4d9;--bg-elevated: #f2f0e5;--text-primary: #100f0f;--text-secondary: #6f6e69;--text-tertiary: #878580;--border: #b7b5ac;--border-light: #e6e4d9;--accent-red: #af3029;--accent-orange: #bc5215;--accent-yellow: #ad8301;--accent-green: #66800b;--accent-cyan: #24837b;--accent-blue: #205ea6;--accent-purple: #5e409d;--accent-magenta: #a02f6f;--primary: var(--accent-blue);--primary-hover: #205ea6;--success: var(--accent-green);--warning: var(--accent-orange);--error: var(--accent-red);--info: var(--accent-cyan);--shadow-sm: 0 1px 2px rgba(16, 15, 15, .1);--shadow-md: 0 2px 4px rgba(16, 15, 15, .1);--shadow-lg: 0 4px 8px rgba(16, 15, 15, .1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75}.dark{--bg-primary: #100f0f;--bg-secondary: #282726;--bg-elevated: #1c1b1a;--text-primary: #cecdc3;--text-secondary: #878580;--text-tertiary: #6f6e69;--border: #403e3c;--border-light: #282726;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .3);--error: #af3029;--accent-green: #66800b}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-base)}.app{min-height:100vh;display:flex;flex-direction:column;width:100%;background-color:var(--bg-primary);color:var(--text-primary)}.app-header{background-color:var(--primary);color:#fff;padding:var(--space-md) var(--space-xl);display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--primary-hover)}.app-header h1{font-size:var(--font-size-2xl);font-weight:600;line-height:var(--line-height-tight)}.header-controls{display:flex;gap:var(--space-sm)}.icon-button{background-color:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-lg);width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.icon-button:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.icon-button:active{transform:translateY(0)}.app-main{flex:1;padding:var(--space-xl);margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:80px}.mask-settings{background-color:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg)}.mask-settings h3{margin-bottom:var(--space-md);color:var(--text-primary)}.settings-group{margin-bottom:var(--space-lg)}.settings-group:last-child{margin-bottom:0}.setting-item{margin-bottom:var(--space-md)}.setting-item:last-child{margin-bottom:0}.setting-label{display:block;font-weight:500;margin-bottom:var(--space-sm);color:var(--text-primary)}.setting-label input[type=checkbox]{margin-right:var(--space-sm);transform:scale(1.2)}.timer-slider{width:100%;margin-top:var(--space-sm);accent-color:var(--primary)}.radio-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.radio-option{display:flex;align-items:center;font-weight:400;cursor:pointer}.radio-option input[type=radio]{margin-right:var(--space-sm);transform:scale(1.1)}.settings-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.settings-modal{background-color:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:2px solid var(--border)}.settings-header h3{margin:0;color:var(--text-primary)}.settings-content{padding:var(--space-lg)}.settings-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg);border-top:2px solid var(--border)}.dual-answer-inputs{display:flex;flex-direction:column;gap:var(--space-lg)}.answer-input-group{display:flex;flex-direction:column}.answer-input-group label{font-weight:500;margin-bottom:var(--space-sm);color:var(--text-primary)}.answer-input-group input{padding:var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.answer-input-group input:focus{outline:none;border-color:var(--primary)}.answer-input-group input.error{border-color:var(--error)}.answer-input-group input.correct{border-color:var(--accent-green)}.single-answer-input{display:flex;flex-direction:column}.single-answer-input label{font-weight:500;margin-bottom:var(--space-sm);color:var(--text-primary)}.single-answer-input input{padding:var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.single-answer-input input:focus{outline:none;border-color:var(--primary)}.single-answer-input input.error{border-color:var(--error)}.single-answer-input input.correct{border-color:var(--accent-green)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-elevated);border-top:2px solid var(--border);padding:var(--space-sm) var(--space-md);display:none;justify-content:space-around;align-items:center;z-index:100;box-shadow:var(--shadow-lg)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-width:60px;-webkit-user-select:none;user-select:none}.bottom-nav-item:hover{background-color:var(--bg-secondary)}.bottom-nav-item.active{background-color:var(--primary);color:#fff}.bottom-nav-icon{font-size:var(--font-size-xl);line-height:1}.bottom-nav-label{font-size:var(--font-size-xs);font-weight:500;text-align:center}@media (max-width: 767px){.app-header{padding:var(--space-md)}.app-header h1{font-size:var(--font-size-xl)}.header-controls{display:none}.app-main{padding:var(--space-md);padding-bottom:100px}.bottom-nav{display:flex}}.btn{padding:var(--space-md) var(--space-xl);border:2px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:44px;-webkit-user-select:none;user-select:none;font-family:var(--font-family)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--text-secondary);color:#fff;border-color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--text-tertiary);border-color:var(--text-tertiary);transform:translateY(-1px)}.btn-outline{background-color:transparent;border-color:var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background-color:var(--primary);color:#fff;transform:translateY(-1px)}.btn-danger{background-color:var(--error);color:#fff;border-color:var(--error)}.btn-danger:hover:not(:disabled){background-color:#af3029;border-color:#af3029;transform:translateY(-1px)}.btn-success{background-color:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover:not(:disabled){background-color:#66800b;border-color:#66800b;transform:translateY(-1px)}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg);min-height:52px}.btn-small{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);min-height:36px}.problem-selector{margin:0 auto;width:100%;max-width:100%}.selector-header{text-align:center;margin-bottom:var(--space-2xl)}.selector-header h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:700;line-height:var(--line-height-tight)}.selector-header p{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.selector-content{margin-bottom:var(--space-2xl);display:grid;grid-template-columns:1fr;gap:var(--space-2xl);justify-items:center}@media (min-width: 1024px){.selector-content{grid-template-columns:1fr 1fr;gap:var(--space-2xl);justify-items:stretch}}.problem-types,.difficulty-levels{margin-bottom:var(--space-xl);text-align:center}.problem-types h3,.difficulty-levels h3{margin-bottom:var(--space-lg);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;line-height:var(--line-height-tight)}.type-grid,.difficulty-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);justify-content:center;width:100%}@media (min-width: 640px){.type-grid,.difficulty-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media (min-width: 768px){.selector-content{grid-template-columns:1fr 1fr;gap:var(--space-2xl);justify-items:stretch}.type-grid{grid-template-columns:1fr;gap:var(--space-lg)}.difficulty-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}}@media (min-width: 1024px){.app-main{padding:var(--space-2xl)}.selector-content{gap:var(--space-2xl)}.type-grid{grid-template-columns:1fr;width:100%}.difficulty-grid{grid-template-columns:repeat(3,1fr);width:100%}}@media (min-width: 1280px){.app-main{padding:var(--space-2xl)}}.type-card,.difficulty-card{background-color:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;transition:all .2s ease;text-align:center;min-height:120px;display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none}.type-card:hover,.difficulty-card:hover{transform:translateY(-2px);border-color:var(--primary);background-color:var(--bg-secondary)}.type-card.selected,.difficulty-card.selected{border-color:var(--primary);background-color:var(--primary);color:#fff}.type-card.selected .type-description,.difficulty-card.selected .difficulty-description{color:#ffffffe6}.type-card.selected .difficulty-time{color:#fffc}.type-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-sm);line-height:1}.type-label,.difficulty-label{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-sm);line-height:var(--line-height-tight)}.type-description,.difficulty-description{color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:var(--line-height-normal);font-size:var(--font-size-sm)}.difficulty-time{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.selector-actions{text-align:center;margin:var(--space-2xl) 0}.selector-footer{text-align:center;margin-top:var(--space-xl)}.quick-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.mask-problem,.subnet-id-problem{margin:0 auto;width:100%;max-width:800px}.sampled-answer-fields{display:flex;flex-direction:column;gap:var(--space-md)}.field-group{display:flex;flex-direction:column;gap:var(--space-xs)}.field-group label{font-weight:500;color:var(--text-primary);font-size:.9rem}.field-group input{padding:var(--space-sm) var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.field-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4385be1a}.field-group input.error{border-color:var(--error)}.field-group input:disabled{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.full-answer-field{display:flex;flex-direction:column;gap:var(--space-xs)}.problem-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl);flex-wrap:wrap;gap:var(--space-md);padding:var(--space-lg);background-color:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-lg)}.problem-info h2{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:var(--font-size-2xl);font-weight:700;line-height:var(--line-height-tight)}.timer{background-color:var(--error);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);border:2px solid var(--error)}.problem-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.problem-content{background-color:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-sm)}.problem-statement{margin-bottom:var(--space-2xl)}.problem-statement h3{margin-bottom:var(--space-lg);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;line-height:var(--line-height-tight)}.problem-statement p{margin-bottom:var(--space-lg);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-primary)}.hints{background-color:var(--bg-secondary);border:2px solid var(--info);border-left:4px solid var(--info);padding:var(--space-lg);margin-bottom:var(--space-2xl);border-radius:0 var(--radius-md) var(--radius-md) 0}.hints h4{margin-bottom:var(--space-sm);color:var(--info);font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-tight)}.hints ul{list-style:none;padding-left:0}.hints li{margin-bottom:var(--space-sm);padding-left:var(--space-lg);position:relative;color:var(--text-primary);line-height:var(--line-height-normal)}.hints li:before{content:"•";color:var(--info);position:absolute;left:0;font-weight:700}.answer-section{margin-bottom:var(--space-2xl)}.answer-section label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--text-primary);font-size:var(--font-size-lg);line-height:var(--line-height-tight)}.answer-section input,.answer-section textarea{width:100%;padding:var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease;font-family:var(--font-family);min-height:44px}.answer-section input:focus,.answer-section textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4385be1a}.answer-section input.error,.answer-section textarea.error{border-color:var(--error)}.answer-section textarea{resize:vertical;min-height:80px;line-height:var(--line-height-normal)}.result{padding:var(--space-xl);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:2px solid}.result.correct{background-color:var(--success);border-color:var(--success);color:#fff}.result.incorrect{background-color:var(--error);border-color:var(--error);color:#fff}.result h4{margin-bottom:var(--space-sm);font-size:var(--font-size-xl);font-weight:700;line-height:var(--line-height-tight)}.result p{margin-bottom:var(--space-lg);line-height:var(--line-height-normal)}.correct-answer{margin-top:var(--space-lg);padding:var(--space-lg);background-color:#fff3;border-radius:var(--radius-sm)}.correct-answer p{margin-bottom:var(--space-sm);font-weight:600}.subnet-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.subnet-id{background-color:#fff3;color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--font-size-sm);border:1px solid rgba(255,255,255,.3)}.result-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap}@media (max-width: 767px){.problem-header{flex-direction:column;align-items:stretch;text-align:center}.problem-actions{justify-content:center}.problem-content{padding:var(--space-lg)}.result-actions{flex-direction:column}}@media (min-width: 1024px){.problem-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.problem-statement{grid-column:1 / -1}.answer-section{grid-column:1}.work-shown{grid-column:2}}.stats-tracker-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.stats-tracker{background-color:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.stats-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:2px solid var(--border);background-color:var(--primary);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stats-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:var(--font-size-2xl);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:background-color .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:#fff3}.stats-content{padding:var(--space-lg)}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-card{background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.stat-value{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-sm);color:var(--text-primary)}.stat-value.green{color:var(--accent-green)}.stat-value.orange{color:var(--accent-orange)}.stat-value.red{color:var(--error)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stats-sections{display:flex;flex-direction:column;gap:var(--space-2xl)}.stats-section h3{margin-bottom:var(--space-lg);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;border-bottom:2px solid var(--border);padding-bottom:var(--space-sm)}.type-stats,.difficulty-stats{display:flex;flex-direction:column;gap:var(--space-md)}.type-stat,.difficulty-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md)}.type-name,.difficulty-name{font-weight:600;color:var(--text-primary);text-transform:capitalize}.type-progress,.difficulty-progress{display:flex;align-items:center;gap:var(--space-md);min-width:200px}.progress-bar{flex:1;height:20px;background-color:var(--border-light);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;background-color:var(--accent-green);transition:width .3s ease}.progress-text{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);min-width:60px;text-align:right}.time-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.time-stat{background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.time-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.time-value{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.recent-problems{display:flex;flex-direction:column;gap:var(--space-sm);max-height:300px;overflow-y:auto}.recent-problem{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--border);background-color:var(--bg-secondary)}.recent-problem.correct{border-color:var(--accent-green);background-color:#66800b1a}.recent-problem.incorrect{border-color:var(--error);background-color:#af30291a}.problem-type,.problem-difficulty,.problem-time{font-size:var(--font-size-sm);color:var(--text-primary)}.problem-type{font-weight:600;text-transform:capitalize}.problem-difficulty{text-transform:capitalize}.problem-result{font-size:var(--font-size-lg);font-weight:700}.stats-actions{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:2px solid var(--border);text-align:center}.reference-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.reference-table{background-color:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.reference-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:2px solid var(--border);background-color:var(--primary);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.reference-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:600}.reference-content{padding:var(--space-lg)}.reference-section{margin-bottom:var(--space-2xl)}.reference-section:last-child{margin-bottom:0}.reference-section h3{margin-bottom:var(--space-lg);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;border-bottom:2px solid var(--border);padding-bottom:var(--space-sm)}.powers-table,.masks-table,.magic-table{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);border:2px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.table-header{display:contents}.table-header>div{background-color:var(--primary);color:#fff;padding:var(--space-md);font-weight:600;text-align:center;font-size:var(--font-size-sm)}.table-row{display:contents}.table-cell{padding:var(--space-md);border-bottom:1px solid var(--border);background-color:var(--bg-secondary);text-align:center;font-size:var(--font-size-sm)}.table-cell:last-child{border-bottom:none}.bits{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.value{color:var(--text-secondary);font-family:monospace}.network-classes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.network-class{background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.class-name{font-size:var(--font-size-lg);font-weight:600;color:var(--primary);margin-bottom:var(--space-md)}.class-details{display:flex;flex-direction:column;gap:var(--space-sm)}.class-details div{color:var(--text-primary);font-size:var(--font-size-sm)}.formulas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.formula{background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.formula-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.formula-text{color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-sm)}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.step-group{background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.step-group h4{color:var(--primary);margin-bottom:var(--space-md);font-size:var(--font-size-lg);font-weight:600}.step-group ol{margin:0;padding-left:var(--space-lg)}.step-group li{margin-bottom:var(--space-sm);color:var(--text-primary);line-height:var(--line-height-normal)}.step-group li:last-child{margin-bottom:0}@media (max-width: 767px){.stats-tracker,.reference-table{margin:var(--space-sm);max-height:95vh}.stats-overview{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.powers-table,.masks-table,.magic-table{grid-template-columns:repeat(2,1fr)}.network-classes,.formulas,.process-steps{grid-template-columns:1fr}.type-progress,.difficulty-progress{min-width:150px}}