/* MinirickHub — monochrome "stark" theme (ported from the previous React build). */
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:#050506;color:#ededf1;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit}
[hidden]{display:none!important}

.stark-root{position:relative;min-height:100vh;width:100%;overflow:hidden;isolation:isolate;background:#050506}
.stark-glow{position:absolute;z-index:0;border-radius:9999px;filter:blur(90px);opacity:.55;pointer-events:none}
.stark-glow--tl{top:-180px;left:-160px;width:520px;height:420px;background:radial-gradient(circle at center,#787a8247 0,#3c3d4424 45%,#0000 72%)}
.stark-glow--br{right:-180px;bottom:-220px;width:560px;height:460px;background:radial-gradient(circle at center,#9698a033 0,#3c3d441a 45%,#0000 72%)}
.stark-grain{position:absolute;inset:0;z-index:1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E")}
.stark-center{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px}

.stark-card,.kd-card{width:100%;max-width:400px;padding:40px 34px 30px;text-align:center;background:linear-gradient(180deg,#131316,#0d0d10);border:1px solid #ffffff14;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff0d,0 30px 80px -20px #000c,0 0 0 1px #ffffff05;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.kd-card{max-width:470px;border-radius:22px;padding:34px 34px 26px}
.is-in{opacity:1;transform:none}

.stark-title{margin:0;font-size:34px;font-weight:800;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#b8b9c0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.stark-tagline{margin:12px 0 28px;color:#9a9ba3;font-size:15px;line-height:1.5}
.stark-actions{display:flex;flex-direction:column;gap:12px}
.stark-footer{margin:26px 0 0;color:#6a6b73;font-size:12.5px;letter-spacing:.01em}
.stark-footer a{color:#9a9ba3;text-decoration:none}
.stark-footer a:hover{color:#fff}

.stark-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;padding:0 16px;border:1px solid transparent;border-radius:12px;font:inherit;font-size:15px;font-weight:600;letter-spacing:-.01em;text-decoration:none;cursor:pointer;opacity:0;transform:translateY(8px);transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .15s ease,box-shadow .22s ease,opacity .5s ease}
.is-in .stark-btn{opacity:1;transform:none}
.stark-btn:active{transform:translateY(1px) scale(.995)}
.stark-btn:disabled{opacity:.55;cursor:wait}
.stark-btn svg{width:16px;height:16px;flex-shrink:0}
.stark-btn--primary{background:#f5f5f7;border-color:#f5f5f7;color:#0a0a0c}
.stark-btn--primary:hover{background:#fff;border-color:#fff;box-shadow:0 10px 34px -8px #fff6}
.stark-btn--secondary{background:#ffffff0b;border-color:#ffffff17;color:#e6e6ea}
.stark-btn--secondary:hover{background:#ffffff29;border-color:#ffffff57;box-shadow:0 8px 26px -10px #ffffff2e;color:#fff}
.stark-btn--linkvertise{background:#ff8c201f;border-color:#ff8c2059;color:#ffb46b}
.stark-btn--linkvertise:hover{background:#ff8c2038;border-color:#ff8c20;box-shadow:0 8px 26px -8px #ff8c2066;color:#ffd4a6}
.stark-btn--lootlabs{background:#a855f71f;border-color:#a855f759;color:#d0a6ff}
.stark-btn--lootlabs:hover{background:#a855f738;border-color:#a855f7;box-shadow:0 8px 26px -8px #a855f766;color:#e8d4ff}
.stark-btn--workink{background:#22c55e1f;border-color:#22c55e59;color:#8fe6ab}
.stark-btn--workink:hover{background:#22c55e38;border-color:#22c55e;box-shadow:0 8px 26px -8px #22c55e66;color:#c3f5d3}

.notice{margin:0 0 18px;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45;text-align:left;background:#ef44441a;border:1px solid #ef444459;color:#fca5a5}
.notice--info{background:#ffffff08;border-color:#ffffff17;color:#c9c9cf}
.muted{color:#8a8b93;font-size:13.5px;line-height:1.5}

/* Key page */
.field{display:flex;gap:10px}
.field input{flex:1;min-width:0;height:50px;padding:0 16px;border-radius:12px;border:1px solid #ffffff1f;background:#ffffff08;color:#fff;font:inherit;font-size:15px}
.field input:focus{outline:none;border-color:#ffffff66}
.field .stark-btn{width:auto;flex-shrink:0;padding:0 20px}
.who{display:flex;align-items:center;gap:14px;margin:4px 0 18px;padding:14px;text-align:left;border-radius:14px;background:#ffffff08;border:1px solid #ffffff14}
.who img{width:64px;height:64px;border-radius:12px;background:#ffffff10}
.who strong{display:block;font-size:16px;color:#fff}
.who span{color:#9a9ba3;font-size:13.5px}
.kd-title{margin-bottom:24px;font-size:30px}
.kd-keyrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 18px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff14}
.kd-key{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f4f4f6;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:17px;font-weight:700;letter-spacing:.02em}
.kd-copy{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;height:38px;padding:0 18px;border-radius:10px;border:1px solid #f5f5f7;background:#f5f5f7;color:#0a0a0c;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .12s ease}
.kd-copy:hover{background:#fff;box-shadow:0 8px 24px -10px #ffffff47}
.kd-copy:active{transform:scale(.97)}
.kd-timer{margin-top:18px;padding:22px 22px 18px;border-radius:16px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14}
.kd-timer__top{display:flex;align-items:center;justify-content:center;gap:20px}
.kd-timer__label{color:#8a8b93;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.kd-timer__clock{color:#fff;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:44px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.kd-progress{display:flex;align-items:center;gap:12px;margin-top:22px}
.kd-progress__track{flex:1;height:7px;overflow:hidden;border-radius:9999px;background:#ffffff17}
.kd-progress__fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#7d7e86,#fff);transition:width .6s ease}
.kd-progress__pct{min-width:40px;text-align:right;color:#d7d7db;font-size:14px;font-weight:700}
.kd-divider{height:1px;margin:22px 0 16px;background:#ffffff12}

/* Code */
.loadstring-card{max-width:640px}
.code-block{margin:20px 0 18px;padding:18px;overflow-x:auto;text-align:left;border-radius:10px;background:#0a0a0d;border:1px solid #ffffff17}
.code-block pre{margin:0;color:#d6d6db;font-family:"JetBrains Mono","Fira Code",ui-monospace,monospace;font-size:13px;line-height:1.65;white-space:pre}
.code-fn{color:#ffb46b}.code-var{color:#d0a6ff}.code-string{color:#8fe6ab}.code-comment{color:#6f6f82}

/* Landing info (SEO content) */
.info{position:relative;z-index:2;max-width:720px;margin:0 auto;padding:0 16px 64px;color:#c9c9cf;line-height:1.6}
.info h2{margin:40px 0 12px;color:#fff;font-size:22px;letter-spacing:-.01em}
.info h3{margin:22px 0 6px;color:#ededf1;font-size:16px}
.info p,.info li{font-size:15px}
.info ul{padding-left:20px}

@media (max-width:480px){
  .stark-card{padding:34px 24px 26px;border-radius:18px}
  .kd-card{padding:30px 20px 24px}
  .stark-title,.kd-title{font-size:30px}
  .kd-timer__top{flex-direction:column;gap:8px}
  .kd-timer__clock{font-size:38px}
  .kd-key{font-size:14px}
  .field{flex-direction:column}
  .field .stark-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .stark-card,.kd-card,.stark-btn{transition:none}
}
.stark-actions>:nth-child(1){transition-delay:140ms}
.stark-actions>:nth-child(2){transition-delay:210ms}
.stark-actions>:nth-child(3){transition-delay:280ms}
.stark-actions>:nth-child(4){transition-delay:350ms}

/* Script pages (generated by tools/seo.mjs) */
.page{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:28px 16px 0}
.page .stark-card{max-width:none;margin:0 auto}
.page .stark-actions .code-block{margin:0}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;color:#6a6b73;font-size:13px}
.crumbs a{color:#9a9ba3;text-decoration:none}
.crumbs a:hover{color:#fff}
.crumbs-lang{margin-left:auto}
.game-head{display:flex;align-items:center;justify-content:center;gap:16px}
.game-icon{flex-shrink:0;border-radius:14px;background:#ffffff10;object-fit:cover}
.game-icon--empty{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;font-weight:800}
.code-label{margin:6px 0 -4px;text-align:left}
.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none;text-align:left}
.game-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff14;color:#e6e6ea;text-decoration:none;font-size:14.5px;font-weight:600;transition:background-color .2s ease,border-color .2s ease}
.game-card:hover{background:#ffffff14;border-color:#ffffff40;color:#fff}
.game-card .game-icon{width:40px;height:40px;border-radius:10px}
.info .stark-actions .stark-btn{opacity:1;transform:none}
@media (max-width:480px){.game-head{flex-direction:column;gap:10px}}