:root{--bg:#fff;--surface:#fff;--surface-alt:#f4f5f7;--nav-bg:#ffffffd1;--ink:#1f2328;--ink-strong:#0b0d10;--ink-muted:#5b6068;--border:#e5e7eb;--accent:#ff5f63;--accent-2:#ffb678;--accent-muted:#ff5f631a;--accent-grad:linear-gradient(135deg, #6a6e78 0%, #3a3d46 45%, #15171c 100%);--radius:12px;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--content-max:44rem;--band-pad-y:clamp(4rem, 8vw, 7rem);--shadow:0 1px 3px #0f12140f;--shadow-card:0 4px 24px #0f12140f;--text:var(--ink);--text-h:var(--ink-strong);--text-muted:var(--ink-muted);font:17px/1.65 var(--sans);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--bg:#0b0d10;--surface:#12151a;--surface-alt:#161a21;--nav-bg:#12151ad9;--ink:#d1d5db;--ink-strong:#f9fafb;--ink-muted:#9ca3af;--border:#272c34;--accent:#ff7b7f;--accent-2:#ffc896;--accent-muted:#ff7b7f26;--accent-grad:linear-gradient(135deg, #4a4d56 0%, #232529 45%, #0a0b0e 100%);--shadow:0 1px 3px #00000059;--shadow-card:0 4px 24px #00000059}}h1,h2,h3,h4,h5,h6{font-family:var(--sans);color:var(--ink-strong);letter-spacing:-.02em}h1{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:700;line-height:1.08}h2{font-size:clamp(1.75rem,3.5vw,2.35rem);font-weight:700;line-height:1.15}h3{font-size:1.125rem;font-weight:600;line-height:1.3}a{color:var(--accent);text-decoration:none}a:hover{color:var(--ink-strong)}*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.layout{flex-direction:column;min-height:100svh;display:flex}.site-nav{z-index:50;background:var(--nav-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem 1.5rem;padding:.85rem 1.75rem;transition:padding .2s,box-shadow .2s;display:grid;position:sticky;top:0}.site-nav--shrunk{box-shadow:var(--shadow);padding:.45rem 1.75rem}.site-nav__links{flex-wrap:wrap;grid-column:2;justify-content:center;align-items:center;gap:.25rem 2rem;display:flex}.site-logo{color:var(--ink-strong);flex-shrink:0;grid-column:1;justify-self:start;align-items:center;gap:.6rem;text-decoration:none;transition:opacity .15s;display:inline-flex}.site-logo:hover{opacity:.85;color:var(--ink-strong)}.site-logo__img{object-fit:contain;width:32px;height:32px;transition:width .2s,height .2s;display:block}.site-nav--shrunk .site-logo__img{width:26px;height:26px}.site-logo__text{font-family:var(--sans);letter-spacing:-.01em;color:var(--ink-strong);font-size:1rem;font-weight:700}.site-nav__link{color:var(--ink-muted);font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;background:0 0;border-radius:0;padding:.45rem .15rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:color .15s;position:relative}.site-nav__link:after{content:"";transform-origin:0;background:currentColor;height:2px;transition:transform .18s;position:absolute;bottom:0;left:.15rem;right:.15rem;transform:scaleX(0)}.site-nav__link:hover{color:var(--ink-strong);background:0 0}.site-nav__link:hover:after{transform:scaleX(1)}.site-nav__link.active{color:var(--ink-strong);background:0 0}.site-nav__link.active:after{background:var(--accent);transform:scaleX(1)}.site-nav__link--btn{font:inherit;cursor:pointer;background:0 0;border:none;padding-top:.45rem;padding-bottom:.45rem}.site-nav__meta{font-family:var(--sans);letter-spacing:.04em;color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;max-width:9rem;padding:.45rem .35rem;font-size:.7rem;font-weight:500;overflow:hidden}.site-nav__games-block{align-items:center;display:inline-flex;position:relative}.site-nav__games-toggle{cursor:pointer;text-align:center;font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:600;line-height:inherit;background:0 0;border:none}.site-nav__games-toggle.active{color:var(--ink-strong)}.site-nav__games-toggle.active:after{background:var(--accent);transform:scaleX(1)}.site-nav__games-children{background:var(--surface);border:1px solid var(--border);z-index:60;border-radius:10px;flex-direction:column;gap:0;min-width:12rem;margin:0;padding:.35rem 0;display:flex;position:absolute;top:calc(100% + .6rem);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0f12141f}.site-nav__games-children[hidden]{display:none!important}.site-nav__games-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-nav__link--child{letter-spacing:.06em;text-align:left;color:var(--ink-muted);border-radius:0;padding:.6rem 1rem;font-size:.7rem;font-weight:600;display:block}.site-nav__link--child:after{display:none}.site-nav__link--child:hover{background:var(--surface-alt);color:var(--ink-strong)}.site-nav__link--child.active{color:var(--accent);background:var(--accent-muted)}.site-main{flex-direction:column;flex:1;width:100%;max-width:none;margin:0;padding:0;display:flex}.site-main>*{flex-shrink:0}.site-main>section:last-child,.site-main>div:last-child>section:last-child{flex-grow:1}.page-home{width:100%}.hero{justify-content:center;align-items:center;width:100%;min-height:min(72vh,560px);padding:clamp(3rem,10vw,5rem) 1.25rem;display:flex;position:relative;overflow:hidden}.hero__bg{background:var(--accent-grad);opacity:1;position:absolute;inset:0}.hero__bg:before{content:"";filter:blur(56px);background-image:radial-gradient(circle at 15% 20%,#ffffff24 0%,#0000 45%),radial-gradient(circle at 85% 80%,#ffffff0d 0%,#0000 40%);position:absolute;inset:-40%}.hero__bg:after{content:"";opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='40' cy='30' r='1.5'/%3E%3Ccircle cx='65' cy='18' r='1.5'/%3E%3Ccircle cx='25' cy='55' r='1.5'/%3E%3Ccircle cx='58' cy='62' r='2'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero__inner{z-index:1;max-width:var(--content-max);text-align:center;position:relative}.hero__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#ffffff94;margin:0 0 .75rem;font-size:clamp(.95rem,2.8vw,1.2rem);font-weight:600}.hero__title{color:#f8f9fb;margin:0 0 1rem;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:700;line-height:1.05}.hero__sub{color:#ffffffc2;max-width:28rem;margin:0 auto 1.75rem;font-size:1.05rem;line-height:1.55}.hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;display:flex}.cta{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--ink-strong);border:2px solid var(--ink-strong);border-radius:8px;justify-content:center;align-items:center;padding:.85rem 1.75rem;font-size:.82rem;font-weight:600;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.cta:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}.cta--ghost{color:var(--ink-strong);background:#ffffff8c;border-color:#0b0d1026}.cta--ghost:hover{background:var(--surface);border-color:var(--accent);color:var(--accent)}.hero .cta{color:var(--ink-strong);background:#fff;border-color:#fff}.hero .cta:hover{background:var(--accent);border-color:var(--accent);color:#fff}.hero .cta--ghost{color:#f8f9fb;background:#ffffff0f;border-color:#ffffff59}.hero .cta--ghost:hover{color:#fff;background:#ffffff24;border-color:#fff}.band{width:100%;padding:var(--band-pad-y) 1.25rem;background:var(--surface)}.band--alt{background:var(--surface-alt)}.band--compact{padding-top:clamp(1.5rem,3vw,2.5rem);padding-bottom:clamp(2rem,4vw,3rem)}.band__inner{max-width:var(--content-max);margin:0 auto}.band__inner--narrow{max-width:32rem}.band__muted{color:var(--ink-muted);margin:0;font-size:1rem}.band__footer-link{letter-spacing:.08em;text-transform:uppercase;margin:2rem 0 0;font-size:.78rem;font-weight:600}.band__footer-link a{color:var(--accent)}.band__footer-link a:hover{color:var(--ink-strong)}.section-head{text-align:left;margin-bottom:2rem}.section-head--with-icon{align-items:flex-start;gap:1rem;display:flex}.section-icon{width:28px;height:28px;color:var(--accent);flex-shrink:0;margin-top:.15rem}.icon-label{align-items:center;gap:.5rem;display:flex}.icon-label .blog-post__crumb{margin:0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 .35rem;font-size:.68rem;font-weight:600}.section-head__title{color:var(--ink-strong);margin:0;font-size:clamp(1.65rem,3vw,2.1rem);font-weight:700}.section-head__sub{max-width:36rem;color:var(--ink-muted);margin:.5rem 0 0;font-size:1rem;line-height:1.6}.prose{max-width:var(--content-max);color:var(--ink);font-size:1.05rem;line-height:1.75}.prose--tight p{margin:0 0 1rem}.prose--tight p:last-child{margin-bottom:0}.prose a{color:var(--accent);text-underline-offset:.15em;text-decoration:underline}.card-grid{grid-template-columns:1fr;gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.card-grid{grid-template-columns:repeat(2,1fr)}}.card-grid--1{grid-template-columns:1fr}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.35rem 1.4rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:block}.band--alt .card{background:var(--surface)}.card--link{color:inherit;text-decoration:none}.card--link:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-3px);box-shadow:0 12px 40px #0f121414}.card--featured{padding:1.75rem 1.5rem}.card__date{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.6rem;font-size:.68rem;font-weight:600;display:block}.card__title{color:var(--ink-strong);margin:0 0 .5rem;font-size:1.35rem;font-weight:700;line-height:1.25}.card--featured .card__title{font-size:clamp(1.5rem,3vw,2rem)}.card__excerpt{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.55}.card__link-hint{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:1rem;font-size:.72rem;font-weight:600;display:inline-block}.card--featured:hover .card__link-hint{color:var(--ink-strong)}.page-simple{text-align:left;max-width:38rem;margin:0 auto;padding:.5rem 0}.page-simple h1{letter-spacing:-.01em;margin:0 0 1.25rem;font-size:clamp(2rem,4.5vw,2.75rem);font-weight:400}.page-simple p{margin:0 0 1rem}.page-simple p:last-child{margin-bottom:0}.page-simple a{color:var(--text-h);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:1px}.page-simple a:hover{color:var(--accent)}.subnet-calc{max-width:48rem}.subnet-calc__back{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.72rem}.subnet-calc__back a{color:var(--text-muted);font-weight:500;text-decoration:none}.subnet-calc__back a:hover{color:var(--accent)}.subnet-calc__intro{color:var(--text-muted);margin:.75rem 0 1.75rem;font-size:1rem;line-height:1.6}.subnet-calc__loading{color:var(--text);margin:0 0 1rem;font-size:.9rem}.subnet-calc__warn{border-radius:var(--radius);background:var(--accent-muted);color:var(--text-h);margin:0 0 1rem;padding:.65rem .85rem;font-size:.9rem}.subnet-calc__form{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}.subnet-calc__field{flex-direction:column;gap:.35rem;display:flex}.subnet-calc__field label{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-h);font-size:.72rem;font-weight:500}.subnet-calc__field input{font-family:var(--sans);border:1px solid var(--border);background:var(--surface);color:var(--text-h);border-radius:0;padding:.7rem .8rem;font-size:.95rem}.subnet-calc__field input:focus{outline:2px solid var(--accent);outline-offset:1px}.subnet-calc__fieldset{border:1px solid var(--border);background:var(--surface);border-radius:0;margin:0;padding:.85rem 1rem 1rem}.subnet-calc__fieldset legend{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-h);padding:0 .45rem;font-size:.72rem;font-weight:500}.subnet-calc__toggle{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;display:flex}.subnet-calc__toggle-btn{min-width:8rem;font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:0;flex:1;padding:.6rem .85rem;font-size:.78rem;font-weight:500;transition:background .15s,border-color .15s,color .15s}.subnet-calc__toggle-btn:hover{border-color:var(--accent);color:var(--text-h)}.subnet-calc__toggle-btn--active{background:var(--text-h);border-color:var(--text-h);color:var(--bg)}.subnet-calc__submit{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;background:var(--text-h);color:var(--bg);cursor:pointer;border:none;border-radius:0;align-self:flex-start;margin-top:.25rem;padding:.85rem 1.6rem;font-size:.78rem;font-weight:500}.subnet-calc__submit:hover:not(:disabled){background:var(--accent);color:var(--bg)}.subnet-calc__submit:disabled{opacity:.55;cursor:not-allowed}.subnet-calc__error{border-radius:var(--radius);color:var(--text-h);white-space:pre-wrap;word-break:break-word;background:#f871711f;border:1px solid #f87171;margin:0 0 1rem;padding:.65rem .85rem;font-size:.9rem}.subnet-calc__results{margin-top:.5rem}.subnet-calc__results-title{font-family:var(--sans);color:var(--ink-strong);margin:0 0 .85rem;font-size:1.35rem;font-weight:700}.subnet-calc__table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:0;overflow-x:auto}.subnet-calc__table{border-collapse:collapse;width:100%;font-size:.95rem}.subnet-calc__table th,.subnet-calc__table td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .75rem}.subnet-calc__table th{background:var(--surface);color:var(--text-h);font-weight:600}.subnet-calc__table tr:last-child td{border-bottom:none}.subnet-calc__table td:first-child{color:var(--text);vertical-align:top;width:42%}.tic-tac-toe{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;max-width:22rem;margin:0 auto;padding:1.5rem 1.35rem 1.75rem}.tic-tac-toe h1{color:var(--text-h);margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.tic-tac-toe__intro{color:var(--text);text-align:left;margin:0 0 1rem;font-size:.95rem}.tic-tac-toe__status{color:var(--text-h);min-height:1.5rem;margin:0 0 1rem;font-weight:600}.tic-tac-toe__board{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:6px;width:min(100%,240px);margin:0 auto 1.25rem;display:grid}.tic-tac-toe__cell{font-family:var(--sans);color:var(--text-h);background:var(--bg);border:2px solid var(--border);cursor:pointer;border-radius:8px;font-size:clamp(1.75rem,8vw,2.25rem);font-weight:600;line-height:1;transition:background .15s,border-color .15s}.tic-tac-toe__cell:hover:not(:disabled){background:var(--accent-muted);border-color:var(--accent)}.tic-tac-toe__cell:disabled:not(:empty){cursor:default;opacity:.95}.tic-tac-toe__cell:disabled:empty{cursor:not-allowed;opacity:.55}.tic-tac-toe__actions{justify-content:center;display:flex}.tic-tac-toe__reset{font-family:var(--sans);color:var(--text-h);background:var(--accent-muted);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:.55rem 1.35rem;font-size:1rem;font-weight:600}.tic-tac-toe__reset:hover{border-color:var(--accent)}.tic-tac-toe__reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sudoku-page{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);max-width:min(100%,420px);margin:0 auto;padding:1.5rem 1.25rem 1.75rem}.sudoku-page h1{color:var(--text-h);text-align:center;margin:0 0 .35rem;font-size:1.75rem;font-weight:600}.sudoku-page__intro{color:var(--text);text-align:left;margin:0 0 1rem;font-size:.92rem}.sudoku-page__toolbar{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.65rem 1rem;margin-bottom:.85rem;display:flex}.sudoku-page__label{color:var(--text-h);flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:600;display:flex}.sudoku-page__label select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;min-width:8rem;padding:.35rem .5rem}.sudoku-page__btn{font-family:var(--sans);color:var(--text-h);background:var(--accent-muted);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:.45rem 1rem;font-size:.95rem;font-weight:600}.sudoku-page__btn:hover{border-color:var(--accent)}.sudoku-page__status{text-align:center;color:var(--text-h);min-height:1.45rem;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.sudoku-board{border:3px solid var(--ink-strong);background:var(--surface);border-radius:6px;grid-template-columns:repeat(9,1fr);gap:0;width:min(100%,360px);margin:0 auto;display:grid}.sudoku-board__cell-wrap{aspect-ratio:1;background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.sudoku-board__cell-wrap:nth-child(9n){border-right:none}.sudoku-board__cell-wrap:nth-child(n+73){border-bottom:none}.sudoku-board__cell-wrap--thick-right{border-right:2px solid var(--ink-strong)}.sudoku-board__cell-wrap--thick-bottom{border-bottom:2px solid var(--ink-strong)}.sudoku-board__cell{text-align:center;width:100%;min-width:0;height:100%;font-family:var(--sans);color:var(--text-h);background:0 0;border:none;border-radius:0;margin:0;padding:0;font-size:clamp(.85rem,4vw,1.25rem);font-weight:600}.sudoku-board__cell:focus{outline:2px solid var(--accent);outline-offset:-2px;z-index:1;position:relative}.sudoku-board__cell--given{background:var(--accent-muted);color:var(--text-h);cursor:default}.sudoku-board__cell--conflict:not(.sudoku-board__cell--given){color:#b91c1c;background:#ef44442e}@media (prefers-color-scheme:dark){.sudoku-board__cell--conflict:not(.sudoku-board__cell--given){color:#fca5a5;background:#f871711f}}.blog-list{max-width:50rem;margin:0 auto;padding:0 0 2rem}.blog-list h1{color:var(--ink-strong);margin:0 0 .5rem;font-size:clamp(2rem,4.5vw,2.75rem);font-weight:700}.blog-list__intro{max-width:36rem;color:var(--ink-muted);margin:0 0 2.5rem;font-size:1.05rem;line-height:1.65}.blog-list__featured{margin:0 0 2.5rem;padding:0;list-style:none}.blog-list__rest{grid-template-columns:1fr;gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.blog-list__rest{grid-template-columns:repeat(2,1fr)}}.blog-list__link{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:100%;box-shadow:var(--shadow-card);color:inherit;padding:1.35rem 1.4rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:block}.blog-list__link:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-3px);box-shadow:0 12px 40px #0f121414}.blog-list__link--featured{padding:1.75rem 1.5rem}.blog-list__title{font-family:var(--sans);color:var(--ink-strong);margin:0 0 .5rem;font-size:1.2rem;font-weight:700;line-height:1.3;transition:color .18s;display:block}.blog-list__link--featured .blog-list__title{font-size:clamp(1.4rem,2.5vw,1.85rem)}.blog-list__date{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.5rem;font-size:.68rem;font-weight:600;display:block}.blog-list__excerpt{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.55;display:block}.blog-list__read{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:1rem;font-size:.72rem;font-weight:600;display:inline-block}.blog-list__link:hover .blog-list__read{color:var(--ink-strong)}.blog-post{max-width:38rem;margin:0 auto;padding:.5rem 0}.blog-post--missing{text-align:center}.blog-post__header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem}.blog-post__header h1{letter-spacing:-.02em;margin:.75rem 0 .5rem;font-size:clamp(2.25rem,5vw,3rem);font-weight:700}.blog-post__crumb{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem}.blog-post__crumb a{color:var(--text-muted);text-decoration:none}.blog-post__crumb a:hover{color:var(--accent)}.blog-post__date{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}.blog-post__body{text-align:left;font-size:1.05rem;line-height:1.75}.blog-post__body p{margin:0 0 1.25rem}.blog-post__body p:last-child{margin-bottom:0}.blog-post__footer{border-top:1px solid var(--border);font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;margin:2.5rem 0 0;padding-top:1.5rem;font-size:.78rem}.blog-post__footer a{color:var(--text-muted);text-decoration:none}.blog-post__footer a:hover,.blog-post--missing a{color:var(--accent)}.admin-shell{background:var(--bg);min-height:100svh;color:var(--text);padding:1.5rem 1rem 2rem}.admin-shell--wide{max-width:1100px;margin:0 auto}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:22rem;box-shadow:var(--shadow);margin:4rem auto;padding:1.75rem 1.5rem}.admin-card h1{color:var(--text-h);margin:0 0 .5rem;font-size:1.5rem}.admin-card__hint{color:var(--text);margin:0 0 1.25rem;font-size:.9rem}.admin-card__footer{margin:1.25rem 0 0;font-size:.9rem}.admin-card__footer a{color:var(--accent)}.admin-mfa-secret{word-break:break-all;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0 0 1rem;padding:.75rem;font-size:.85rem;line-height:1.4}.admin-user-login__tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.admin-header h1{color:var(--text-h);margin:0;font-size:1.5rem}.admin-header__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-link{color:var(--accent);font-weight:500;text-decoration:none}.admin-link:hover{text-decoration:underline}.admin-banner{border-radius:var(--radius);margin:0 0 1rem;padding:.65rem 1rem;font-size:.95rem}.admin-banner--ok{background:var(--accent-muted);color:var(--text-h);border:1px solid var(--border)}.admin-banner--err{color:#b91c1c;background:#ef444426;border:1px solid #ef444459}@media (prefers-color-scheme:dark){.admin-banner--err{color:#fca5a5;background:#f871711f;border-color:#f8717159}}.admin-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=900px){.admin-grid{grid-template-columns:1fr 1fr;align-items:start}}.admin-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.15rem}.admin-panel h2{color:var(--text-h);margin:0 0 1rem;font-size:1.1rem}.admin-panel__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.admin-panel__head h2{margin:0}.admin-post-list{flex-direction:column;gap:.65rem;max-height:min(60vh,520px);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.admin-post-list__item{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.65rem .75rem;display:flex}.admin-post-list__meta{color:var(--text);margin-top:.2rem;font-size:.8rem;display:block}.admin-post-list__btns{flex-shrink:0;gap:.35rem;display:flex}.admin-reset{margin:1rem 0 0}.admin-footer{margin:1.5rem 0 0;font-size:.95rem}.admin-footer a{color:var(--accent)}.admin-form{flex-direction:column;gap:.85rem;display:flex}.admin-form--stack{gap:1rem}.admin-field{color:var(--text-h);text-align:left;flex-direction:column;gap:.35rem;font-size:.88rem;font-weight:600;display:flex}.admin-field input,.admin-field textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:.45rem .6rem;font-weight:400}.admin-field textarea{resize:vertical;min-height:4rem}.admin-form__error{color:#b91c1c;margin:0;font-size:.9rem;font-weight:600}.admin-form__actions{margin-top:.25rem}.admin-btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-weight:600}.admin-btn:hover{border-color:var(--accent);background:var(--accent-muted)}.admin-btn--primary{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.admin-btn--small{padding:.35rem .75rem;font-size:.85rem}.admin-btn--danger{color:#b91c1c;border-color:#ef444480}.admin-btn--danger:hover{background:#ef44441f}.admin-btn--ghost{background:0 0;font-size:.88rem;font-weight:500}@media (prefers-color-scheme:dark){.admin-btn--danger{color:#fca5a5}}.rps{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;max-width:26rem;margin:0 auto;padding:1.5rem 1.35rem 1.75rem}.rps h1{color:var(--text-h);margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.rps__intro{color:var(--text);text-align:left;margin:0 0 1rem;font-size:.95rem}.rps__scores{color:var(--text-h);margin:0 0 .65rem;font-size:.92rem;font-weight:600}.rps__status{color:var(--text-h);text-align:center;min-height:2.75rem;margin:0 0 1.25rem;font-weight:600}.rps__choices{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-bottom:1rem;display:flex}.rps__choice{min-width:5.5rem;font-family:var(--sans);color:var(--text-h);background:var(--bg);border:2px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem .75rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.rps__choice:hover{background:var(--accent-muted);border-color:var(--accent)}.rps__choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rps__choice-emoji{font-size:2rem;line-height:1}.rps__choice-label{font-size:.92rem}.rps__last-computer{color:var(--text);margin:0 0 1rem;font-size:.95rem}.rps__actions{justify-content:center;display:flex}.rps__reset{font-family:var(--sans);color:var(--text-h);background:var(--accent-muted);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:.55rem 1.35rem;font-size:1rem;font-weight:600}.rps__reset:hover{border-color:var(--accent)}.rps__reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}